/*
Theme Name: Finfuel
Theme URI: http://neromotion.co.nz
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:100,400,700,800,900);
html,
body {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	color: #586065;
}
h1, h2, h3, h4, h5, h6 {font-family:'Raleway', sans-serif;}

h2 {line-height:44px;}

p {margin-bottom:10px; line-height:16px;}

body, p {font-family: 'Open Sans', sans-serif; font-weight:200;}

p a {color:#00b6f1; text-decoration:underline;}
p a:hover {color:#00b6f1; text-decoration:none;}

/* LOGIN */

body.login {
	background-color: #eee;
}
body.login #loginform, body.login #lostpasswordform {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
body.login #loginform label, body.login #lostpasswordform label {
	font-size: 0;
	width: 100%;
}
body.login #loginform input, body.login #lostpasswordform input {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 50px;
	font-size: 15px;
	padding: 18px;
	padding-left: 55px;
}
body.login #loginform .forgetmenot {
	display: none;
}
body.login #loginform #wp-submit, body.login #lostpasswordform #wp-submit {
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	padding-left: 0;
	background: #00b6f1;
	text-shadow: none;
}
body.login #nav {
	text-align: center;
	margin: 0;
}
body.login #backtoblog {
	display: none;
}

/* */

.other-services {margin-top:-21px;}
.other-services h2 {padding-top:20px; padding-left:10px;}
.other-services p {padding-bottom:30px; font-weight: 600; line-height: 24px; padding-left:15px; font-size:16px;}
.other-services p i {color:#00b6f1;text-shadow:-5px 0px 0px #fff;}
.pull-right {padding-right:10px; max-width:180px !important; width:100%; margin-top:5px;}

.top-header-mobile {
	position: fixed;
	z-index: 300;
	width: 100%;
	display: none;
	background: #00b6f1;
	padding: 4px 0 0 0;
	overflow-y: scroll;
	border-bottom: 1px solid #fff;
}

p.bluetit {color:#00b6f1; font-size:26px; margin-bottom:33px; margin-top:33px; letter-spacing: 1px;}
p.darktit {font-size:16px; color:#586065; font-weight: bold; margin-bottom: 20px;}

.page-header {
	background: #f3f3f3;
	padding-top: 110px;
	text-align: center;
}
.page-header img {
	width: 30%;
	height: auto;
}

.top-header-mobile .logo-mobile {
	margin-left: 3%;
	margin-right: 25px;
	float: left;
}

.top-header-mobile .logo-mobile img {
	height: 50px;
}

.top-header-mobile .contact-mobile {
	text-align: center;
	padding-top: 12px;
	font-size: 20px;
	color: #f7f7f7;
	font-weight: 600;
	white-space: pre;
}

.top-header-mobile .contact-mobile a {color:#ffffff; text-decoration:none;}
.top-header-mobile .contact-mobile a:hover {opacity: .7;}

.top-header-mobile .top-nav {
	display: none;
	padding-left: 22px;
	padding-right: 22px;
	padding: 30px;
	width: 100%;
	margin-top: 40px;
}
.top-header-mobile .top-nav ul li {
	display: block;
	margin: 5px;
	text-align: center;
}
.top-header-mobile .top-nav ul li:hover {
	opacity: .7;
}
.top-header-mobile .top-nav ul li a {
	text-decoration: none;
	color: #f7f7f7;
	font-weight: bold;
	font-size: 20px;
	padding: 5px 0;
	line-height: 40px;
}

.credits-social {
	display: none;
}

#overlay {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #00b6f1;
	z-index: -1;
}
.top-header-mobile .menu-toggle-wrap, .top-header-mobile .top-nav {
	z-index: 301;
}
.top-header-mobile .menu-toggle-wrap {
	float: right;
	margin-right: 2%;
	margin-top: 6px;
	width:122px;
}
.top-header-mobile .menu-toggle .icon-bars, 
.top-header-mobile .menu-toggle .icon-bars:before, 
.top-header-mobile .menu-toggle .icon-bars:after, 
.top-header-mobile .menu-toggle:focus .icon-bars, 
.top-header-mobile .menu-toggle:focus .icon-bars:before, 
.top-header-mobile .menu-toggle:focus .icon-bars:after, 
.top-header-mobile .menu-toggle:hover .icon-bars, 
.top-header-mobile .menu-toggle:hover .icon-bars:before, 
.top-header-mobile .menu-toggle:hover .icon-bars:after {
  background-color: #f7f7f7;
}

@media only screen and (max-width:1000px) {
	.top-header {
		display: none !important;
	}
	.top-header-mobile {
		display: block;
	}
}

/* TIMELINE STYLE */
.timeline-wrapper .timeline-block {border:0px !important; background:#ffffff !important;}
.ult-timeline-arrow {display:none;}
.timeline-small .sep-text {background:#95a3ab !important; padding:12px 28px !important; border-radius:30px !important;}
.big-timeline .sep-text {background:#00b6f1 !important; padding:12px 28px !important; font-size:26px;border-radius:30px !important;}
.timeline-feature-item .timeline-dot, .timeline-wrapper .timeline-dot {top:16px !important; width:20px !important; height:20px !important;}
.timeline-post-left .timeline-dot {right:-30px !important;}
.timeline-post-right .timeline-dot {left:-28px !important;}
.time-block img {margin-bottom:10px;}
.timeline-line z {width:21px !important; height:21px !important; left:-10px !important; bottom:-10px !important}
@media only screen and (max-width: 767px) {
.timeline-block .timeline-header-block {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.timeline-block .timeline-header-block h3, .timeline-block .timeline-header-block .timeline-item-spt {
	text-align: center;
}
.timeline-block .timeline-header-block .timeline-item-spt img {
	width: 100%;
}
.timeline-post-left {
	margin-left: -3px !important;
}
.timeline-post-left:hover, .timeline-post-right:hover {
	-webkit-transform: none !important;
	transform: none !important;
}
}

hr {
	display: none;
}
.site-content > div {
	margin: 0;
}
@media only screen and (min-width: 1000px) {
	.nm-container {
		width: 1000px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.white {
	color: #f7f7f7;
}

.dots.wpb_single_image img {
	height: 20px;
	width: auto;
}

.top-header.sticky {
	position: fixed;
	display: flex;
	align-items: center;
	background: #00b6f1;
	color: #f7f7f7;
	width: 100%;
	padding: 0 2%;
	border-bottom: 1px solid #fff;
}

.top-header {
	position: absolute;
	z-index: 100;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .5px;
	width: 100%;
	color: #fff;
}

.top-header > div {
	float: left;
	display: inline-block;
}

/* toggle menu */
.top-header.sticky .menu-toggle-wrap {
	display: none;
}
.top-header .menu-toggle-wrap {
	float: right;
	margin-right: 5%;
	margin-top: 14px;
}
.menu-toggle {
    display: block;
    height: 40px;
    padding: 15px 12px;
    position: relative;
    z-index: 1;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    font-family: sans-serif;
    outline: medium none;
    overflow: visible;
    text-align: center;
    vertical-align: middle;  
    float:right;
}

.menu-toggle:before {
    content: attr(data-label);
    display: block;
    padding: 12px 0;
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transition: color 0.2s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0s;
    transition: color 0.2s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0s;
}

.menu--is-revealed .menu-toggle:before {
    opacity: 0;
    visibility: hidden;
}

.menu-toggle .icon-bars, 
.menu-toggle .icon-bars:before, 
.menu-toggle .icon-bars:after {
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.menu-toggle:focus .icon-bars, 
.menu-toggle:focus .icon-bars:before, 
.menu-toggle:focus .icon-bars:after, 
.menu-toggle:hover .icon-bars, 
.menu-toggle:hover .icon-bars:before, 
.menu-toggle:hover .icon-bars:after {
  background-color: #00b6f1;
}

.menu-toggle .icon-bars {
  -webkit-transition: transform 0.3s ease-in, background-color 0.2s ease;
  transition: transform 0.3s ease-in, background-color 0.2s ease;
}
.menu-toggle .icon-bars:before, 
.menu-toggle .icon-bars:after {
  -webkit-transition: top 0.3s 0.3s ease-in, transform 0.3s ease-in, background-color 0.2s ease;
  transition: top 0.3s 0.3s ease-in, transform 0.3s ease-in, background-color 0.2s ease;
}

.menu-toggle:active .icon-bars, 
.menu--is-revealed .menu-toggle .icon-bars {
  -webkit-transition: transform 0.3s 0.2s ease-in, background-color 0.2s ease;
  transition: transform 0.3s 0.2s ease-in, background-color 0.2s ease;
  -webkit-transform: rotate3d(0, 0, 1, 135deg);
  transform: rotate3d(0, 0, 1, 135deg);
}
.menu-toggle:active .icon-bars:before, 
.menu-toggle:active .icon-bars:after, 
.menu--is-revealed .menu-toggle .icon-bars:before, 
.menu--is-revealed .menu-toggle .icon-bars:after {
  -webkit-transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
  transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  top: 0;
}

a.email-address {color:#ffffff; text-decoration: none;}
a.email-address:hover {color:#b2ecff; text-decoration: none;}
a.email-address:hover i {color:#ffffff; text-decoration: none;}

.icon-bars {
  position: relative;
}
.icon-bars, .icon-bars:before, .icon-bars:after {
  display: block;
  width: 50px;
  height: 4px;
}
.icon-bars, .icon-bars:before, .icon-bars:after {
  background-color: #00b6f1;
}
.icon-bars:before, .icon-bars:after {
  content: "";
  position: absolute;
  left: 0;
}
.icon-bars:before {
  top: 1em;
}
.icon-bars:after {
  top: -1em;
}
/* toggle menu end */

.top-header .top-bar {
	width: 100%;
	padding: 10px 5%;
}
.top-header.sticky .top-bar {
	display: none;
}

.top-header .top-bar .welcome {
	float: left;
}
.top-header .top-bar .welcome img {
	width: 146px;
}
.top-header ul {
	list-style: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.top-header ul li {
	display: inline-block;
	margin: 0 10px;
}
.top-header ul li a {
	color: #fff;
	text-decoration: none;
}
.top-header .top-bar .contact {
	float: right;
	margin-top: 19px;
}

.top-header .logo {
	margin-left: 5%;
}

.top-header .logo-sticky, .top-header.sticky .logo {
	display: none;
}
.top-header.sticky .logo-sticky {
	display: inline-block;
	float: left;
	width: 243px;
}
.top-header .top-nav {
	display: none;
	margin-top: 60px;
	margin-right: -64px;
	float: right;
}
.top-header.sticky .top-nav {
	display: inline-block !important;
	text-align: center;
	margin: 0 auto;
}
.top-header > .contact {
	display: none;
	margin-top: 20px;
}
.top-header .contact .social-wrapper .social {
	overflow: hidden;
}
.top-header .contact .social-wrapper .social img {
	width: 100%;
}
.top-header.sticky .contact {
	display: inline-block;
	float: right;
	margin-top: 0;
}

.top-header.sticky .logo-sticky img, .top-header .logo img {
	height: 60px;
	margin: 5px 0;
}

.top-header .top-nav ul li {
	display: block;
	margin: 5px;
	text-align: right;
	cursor: pointer;
	-webkit-transition: padding .5s;
	transition: padding .5s;
}
.top-header .top-nav ul li:hover {
	padding-right: 10px;
	-webkit-transition: padding .5s;
	transition: padding .5s;
}
.top-header .top-nav ul li a {
	text-decoration: none;
	color: #95a3ab;
	font-weight: 900;
	font-size: 28px;
	line-height: 34px;
}
.top-header .top-nav ul li a:hover {
	color: #00b6f1;
	-webkit-transition: color .5s;
	transition: color .5s;
}
.top-header.sticky .top-nav ul li {
	display: inline-block;
}
.top-header.sticky .top-nav ul li a {
	color: #f7f7f7;
	font-size: 14px;
	line-height: normal;
}
.top-header .top-nav ul li.login {
	float: right;
}
.top-header .top-nav ul li.login a {
	color: #f7f7f7;
	background: #00b6f1;
	padding: 0 24px;
	border-radius: 30px;
}
.top-header.sticky .top-nav ul li.login {
	border-radius: 25px;
	padding: 2px 20px;
	border: 2px solid #f7f7f7;
	float: unset;
	margin-top: 0;
}
.top-header.sticky .top-nav ul li.login a {
	color: #f7f7f7;
	background: transparent;
	padding: 0;
}
.top-header .contact > div {
	float: left;
}
.top-header .contact .social-wrapper {
	padding: 2px;
	padding-right: 13px;
	border-right: 1px solid #fff;
}
.top-header.sticky .contact .social-wrapper {
	border-right: 1px solid #f7f7f7;
}
.top-header .contact .social-wrapper .social {
	float: left;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	font-size: 12px;
	margin: 0 2px;
}
.top-header.sticky .contact .social-wrapper .social {
	background: #f7f7f7;
}
.top-header.sticky .contact .social-wrapper .social i {
	vertical-align: middle;
	color: #00b6f1;
}
.top-header .contact .phone {
	margin: 5px;
	margin-top: 4px;
	margin-left: 4px;
	border-left: 1px solid #fff;
	padding-left: 13px;
}

/* footer */
.footer {
	background-color: #00b6f1;
	color: #f7f7f7;
	padding: 20px 0;
	font-size: 12px;
	pointer-events: auto;
}
.footer .row {
	margin: 0 15px;
}
.footer .neromotion a {
	color: #f7f7f7;
	text-decoration: none;
}
.footer .logo {
	margin-right: 20px;
}
.footer .logo,
.footer .copy {
	float: left;
	font-size: 11px;
}
.footer .copy {
	margin-top: 15px;
}
.footer .copy .conditions {
	display: block;
}
.footer .copy .conditions a {
	color: #fff;
}
.footer .neromotion {
	text-align: right;
	font-size: 10px;
}
.footer .newsletter h3 {
	font-size: 18px;
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	margin-left:22px;
}
.footer .newsletter form > div {
	float: left;
	width: 40%;
	padding-right: 2%;
}
.footer .newsletter form > div:nth-child(4) {
	width: 20%;
	margin-right: 0;
}
.footer .newsletter form > div:nth-child(4) input {
	width: 100%;
	background: #93e5ff;
}
.footer .newsletter form > div span {
	float: left;
	width: 100%;
}

.footer .newsletter form > div input {
	width: 100%;
	height: 40px;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 13px;
	padding: 0 18px;
	color:#586065;
	border-radius: 30px;
	margin-left:16px;
}

.footer .logo img {
	width: 150px;
}

@media only screen and (max-width: 767px) {
	.footer .row > div, 
	.footer .row p {
		width: 100%;
		text-align: center;
	}
	.footer .newsletter form > div,
	.footer .newsletter form > div:nth-child(4) {
		width: 100%;
		margin: 0;
	}
	.footer .newsletter form > div input {
		margin-top:10px;
		margin-left:0px;
	}
	.footer .newsletter h3 {
	margin-left:0px;
	margin-top:20px;
	}
	.footer {
		padding: 0;
	}
	.footer .logo,
	.footer .newsletter-popup {
		display: none;
	}
}

/* Section 0 */
#section-0 .wpb_revslider_element {
	margin-bottom: 0;
}
#section-0 .wpb_revslider_element strong {
	font-weight: bold !important;
}

/* Section 1 */
#section-1 {
	line-height: 30px;
}
.home #section-1 {
	color: #f7f7f7;
	text-align: center;
}
#section-1 p {
	font-size:16px;
}
/* Section 2 */
#section-2 .plan {
	background: #f8f9f9;
	text-align: center;
	color: #999;
	padding-top: 50px;
}
#section-2 .vc_btn3.vc_btn3-shape-square {
	border-radius: 40px !important;
}
@media only screen and (min-width: 1000px) {
	#section-2 .plan {
		width: calc( 50% - 19px );
	}
}
#section-2 .plan:first-child {
	border-bottom: 2px solid #94a2ab;
}
#section-2 .plan:last-child {
	border-bottom: 2px solid #00b6f1;
	float: right;
}
#section-2 .plan h3 {
	font-size: 30px;
	font-weight: 200;
	margin-bottom: 15px;
}
#section-2 .plan strong {
	font-size: 45px;
	color: #00b6f1;
	font-weight: 300;
}
#section-2 .plan small {
	font-size: 15px;
}
#section-2 .plan p:last-child {
	margin-top: 15px;
/*	line-height: 40px; */
}


/* Section 5 */
#section-5 {
	color: #f7f7f7;
	text-align: center;
}
#section-5 .vc_pie_chart {
	margin-bottom: 10px;
}

/* Section 6 */
#section-6 .vc_btn3.vc_btn3-shape-square {
	border-radius: 40px !important;
}



.newsletter-popup-wrapper {
	position: relative;
}
#newsletter-popup {
	background-color: rgba(0,0,0,.9);
	position: absolute;
	bottom: calc( 100% - 10px );
	padding: 50px 80px;
	width: 450px;
	font-size: 18px;
	display: none;
}
#newsletter-popup:after {
	content: '';
	display: block;  
	position: absolute;
	right: calc(50% - 5px);
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,.9);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#newsletter-popup form {
	margin-top: 15px;
}
#newsletter-popup form input {
	width: 100%;
	border-radius: 65px;
	padding: 15px;
	outline: none;
	border: none;
	margin: 5px 0;
}
#newsletter-popup form input[type=submit] {
	width: 60%;
	margin: 5px auto;
	background-color: #00c1ff;
	color: #fff;
	text-transform: uppercase;
	display: block;
}
#newsletter-popup .overlay {
	width: 100vw;
	height: 100vh;
}

a.login {
  border-radius: 25px;
  padding: 2px 20px;
  border: 2px solid #f7f7f7;
  float: unset;
  margin-top: 0;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  margin-right: 10px;
}
.btn {
  border: 2px solid #fff;
  border-radius: 15px;
  padding: 3px 20px;
  display: inline-block;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.newsletter-popup {
	float: right;
	background-color: #fff;
	color: #00b6f1;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 16px;
	margin-top: 11px;
	cursor: pointer;
}
.footer {
	position: absolute;
	width: 100vw;
	left: 0;
	bottom: 0;
}
.header-shadow {
	background-image: url(http://finfuel.co.nz/wp-content/uploads/2016/06/shadow.png);
	z-index: 4;
	width: 100%;
	position: fixed;
	height: 300px;
	background-size: contain;
	pointer-events: none;
}
@media only screen and (max-width: 1000px) {
	.header-shadow {
		display: none;
	}
}

/*******************/
.ff-container-flex {
	display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;           /* TWEENER - IE 10 */
	display: -webkit-flex;          /* NEW - Chrome */
	display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	height: 100%;
}
.ff-container-large {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.ff-container-medium {
	margin: 0 auto;
	width: 80%;
	max-width: 700px;
}

.close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	height: 20px;
	overflow: hidden;
}
.close:hover::before, .close:hover::after {
	background: #1ebcc5;
}
.close::before, .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
}
.close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close.hairline::before, .close.hairline::after {
	height: 1px;
}


/* Contact Form Alert */
.wpcf7-not-valid-tip,
.wpcf7-response-output,
.screen-reader-response {
	display: none !important;
}
.email-sent {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #00b6f1;
	color: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding: 30px 50px;
}
.email-invalid {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #df0000;
	color: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding: 30px 50px;
}
.email-failed {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #df0000;
	color: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding: 30px 50px;
}

#edmOverlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	left: 0;
	top: 0;
	z-index: 10;
}

#agreement {
	padding-top: 100px;
}
#agreement * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#agreement .top-header {
	position: fixed;
	top: 0;
	background-color: #00b6f1;
}
#agreement .top-header .menu-top-menu-container {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#agreement .top-header ul {
	position: relative;
	-webkit-transform: none;
	transform: none;
	left: 0;
	top: 0;
}
#agreement .top-header-mobile {
	top: 0;
}
.agreement > .inner {
	max-width: 630px;
	margin: 0 auto;
	padding: 0 15px;
}
.agreement h1 {
	color: #00b6f1;
}
.agreement p {
	line-height: normal;
}
.agreement .important {
	display: inline-block;
	padding: 15px;
	margin: 10px -15px;
	border: 1px solid #bfe1f2;
	background-color: #f8fdfe;
}