/*
Theme Name: Self Wealth
Theme URI: 
Description:
Version: 1.0
Author: Takt Studio
Author URI: taktstudio.com
Tags:
*/
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,button,figure{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;line-height:1.1;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}strong{font-weight: 700;}

.wpcf7-response-output {
	text-align : center !important;
}
.download-paper  a {
	display: block;
  width: 320px;
  margin: 0px auto;
	background-color: #d06818;
	padding:10px;
	border-radius:3px;
	color:white;
	font-weight:bold;
}

.wpcf7-submit {
	width: 50%;
	margin-left: 25%;
	width: 50%;
	margin-left: 25%;
	background-color: #ccc;
	cursor: pointer;
}

.wpcf7-submit:hover {
  background-color: #bbb;
}

div.wpcf7 img.ajax-loader {
	display:block;
	margin: 0px auto !important;
  padding-top: 25px;
}

/* Grid */
.row {
width: 100%;
max-width: 1280px;
min-width: 755px;
margin: 0 auto;
padding: 0;
}

.row.sm {
max-width: 1100px;
}

body .row .np {
padding: 0;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
float: left;
min-height: 1px;
position: relative;
padding-left: 2em;
padding-right: 2em;
}

.onecol {
width:8.33333333333%;
}

.twocol {
width:16.6666666667%;
}

.threecol {
width:25%;
}

.fourcol {
width:33.3333333333%;
}

.fivecol {
width:41.6666666667%;
}

.sixcol {
width:50%;
}

.sevencol {
width:58.3333333333%;
}

.eightcol {
width:66.6666666667%;
}

.ninecol {
width:75%;
}

.tencol {
width:83.3333333333%;
}

.elevencol {
width:91.6666666667%;
}

.twelvecol {
width: 100%;
}

img, object, embed {
max-width: 100%;
}

img {
height: auto;
}

/* Mobile Grid */
@media handheld, only screen and (max-width: 56.25em) {

	.row, body {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	}

}

/* Layout for desktop */
*,*:after,*:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

body {font-family: 'proxima-nova', 'Arial', sans-serif; font-weight: 400; text-rendering: optimizelegibility; font-size: 100%; -webkit-text-size-adjust: none; background-color: #FFF; line-height: 1.4; position: relative; }

html, body, select, input, textarea {color: #767777;}

.wf-loading body {
  visibility: hidden;
}

body:after {
	background-color: #000;
	background-color: rgba(0,0,0,0.65);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 2;
	-webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  opacity: 0;
  visibility: hidden;
  content: '';
}

.no-scroll:after {
	visibility: visible;
  opacity: 1;
}

::-moz-selection{background: rgba(0,0,0,0.1); text-shadow: none;}
::selection {background: rgba(0,0,0,0.1); text-shadow: none;}

::-webkit-input-placeholder {
	color:#A9A9A9;
	opacity: 1;
}

:-moz-placeholder {
	color:#A9A9A9;
	opacity: 1;
}

::-moz-placeholder {
	color:#A9A9A9;
	opacity: 1;
}

:-ms-input-placeholder {  
	color:#A9A9A9;
	opacity: 1;
}

a:link {-webkit-tap-highlight-color: rgba(0,0,0,0.1);}

a {
	color: #767777;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-bottom: 2px solid transparent;
}

a:hover {
	color: #767777;
	text-decoration: none;
	border-bottom-color: #222;
}

p {
	font-size: 1.125em;
	padding: 0 0 1.25em;
	line-height: 1.6;
}

p:last-child {
	padding-bottom: 0;
}

p a {
	border-bottom: 2px solid #767777;
}

p a:hover {
	border-bottom-color: #7ab800;
}

.clear:before, .clear:after, .row:before, .row:after {
  content: "";
  display: table;
} 
.clear:after, .row:after {
  clear: both;
}
.clear, .row {
  zoom: 1;
}

input, textarea {
	background-color: #FFF;
	font-size: 1em;
	border-radius: 0.25em;
	padding: 0.875em;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

button {
	appearance: none;
	-webkit-appearance: none;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: inline-block;
	cursor: pointer;
	outline: none !important;
}

textarea {
	min-height: 180px;
}

.hd {
	display: none;
}

body .btn {
	display: inline-block;
	border-radius: 0.25em;
	border: 1px solid transparent;
	padding: 1em 1.5em;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	appearance: none;
	-webkit-appearance: none;
	font-size: 1em;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	cursor: pointer;
	background: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	background-color: #434d4e;
	outline: none;
}

.btn:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition: all .25s ease;
	transition: all .25s ease;
  top: 100%;
  background: -webkit-radial-gradient(50% -50% ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
}

.btn:hover:after {
  opacity: 1;
}

.btn.lrg {
	font-size: 1.25em;
}

.btn.green {
	background-color: #7ab800;
	color: #FFF;
}

.btn.trans {
	background-color: transparent;
	border: 1px solid #474b4d;
}

.btn.trans-grn, .btn.trans-grn:hover {
	background-color: transparent;
	border: 1px solid #7ab800;
	color: #7ab800;
}

.btn.trans-wh {
	background-color: transparent;
	border: 1px solid #FFF;
}

.btn:hover {
	background-color: transparent;
	color: #FFF;
}

.btn.green:hover {
	border-color: #FFF;
}

.btn.on-lght:hover {
	border-color: #434d4e;
	color: #434d4e;
}

.btn.launch-vid {
	padding-right: 4em;
}

.btn.launch-vid span {
	position: relative;
}

.btn.launch-vid span:before {
	content: '';
	position: absolute;
	width: 1.675em;
	height: 1.675em;
	background-color: #FFF;
	border-radius: 100%;
	top: 0;
	bottom: 0;
	right: -3em;
	z-index: 6;
	margin: auto 0;
}

.btn.launch-vid span:after {
	content: '';
	position: absolute;
	margin: auto 0;
	right: -2.5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #767777;
	z-index: 7;
	top: 0;
	bottom: 0;
}

.no-scroll {
	overflow: hidden;
}

.pdd {
	padding-top: 4em;
	padding-bottom: 4em;
}

.cntrd {
	text-align: center;
}

.upper {
	text-transform: uppercase;
}

.lgrey-bg {
	background-color: #f1f1f1;
}

.dgrey-bg {
	background-color: #434d4e;
}

.green-bg {
	background-color: #7ab800;
}

figure.circ {
	background-color: #FFF;
	border-radius: 100%;
	padding: 2em;
	display: inline-block;
	margin: 0 0 2em 0;
}

h1, .h1 {
	font-size: 3.75em;
	margin: 0 0 0.75em 0;
	color: #434d4e;
}

h2, .h2 {
	font-size: 2.5em;
	margin: 0 0 0.75em 0;
	color: #434d4e;
}

h3, .h3 {
	font-size: 1.875em;
	margin: 0 0 0.5em 0;
	color: #434d4e;
}

h4, .h4 {
	font-size: 1.25em;
	margin: 0 0 0.5em 0;
	color: #434d4e;
}

h5, .h5 {
	font-size: 1.125em;
	margin: 0 0 0.15em 0;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	p {
		font-size: 1em;
	}
	
	body .btn {
		padding: 0.75em 1.25em;
	}
	
	.btn.lrg {
		font-size: 1.125em;
	}
	
	.pdd {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	h1, .h1 {
		font-size: 2.25em;
	}
	
	h2, .h2 {
		font-size: 1.875em;
	}
	
	h3, .h3 {
		font-size: 1.5em;
	}
	
	h4, .h4 {
		font-size: 1.125em;
	}
	
	.mhide {
		display: none !important;
	}
	
}

/* Header */
header {
	text-transform: uppercase;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #FFF;
	z-index: 99;
}

header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #434d4e;
	height: 3.5em;
	z-index: 2;
}

header .row {
	padding: 6em 0 2em;
	position: relative;
	overflow: visible;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

header.scrolled .row {
	padding: 4em 0 0.5em 0;
}

header .twelvecol {
	position: static;
	text-align: right;
}

header .logo {
	border-bottom: none;
	display: inline-block;
	float: left;
	padding: 0.45em 0 0 0;
}

header nav li, header nav {
	display: inline-block;
	vertical-align: middle;
}

header .main {
	margin-left: 3em;
}

header .main li {
	padding: 0 1.25em;
}

header .main a:not(.btn) {
	font-weight: 700;
	color: #434d4e;
	font-size: 1em;
	border: none;
	position: relative;
}

header .main a:not(.btn):after {
	content: '';
	position: absolute;
	left: -0.5em;
	right: -0.5em;
	height: 3px;
	background-color: #7ab800;
	bottom: -3.15em;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

header.scrolled .main a:not(.btn):after {
	bottom: -1.65em;
}

header .main a:hover:after, header .main .active a:after {
	opacity: 1;
	visibility: visible;
}

header .sub {
	position: absolute;
	top: 0.5em;
	right: 2em;
	z-index: 4;
}

header .sub li {
	padding: 0 1.5em 0 0;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

header ul li:last-child {
	padding-right: 0;
}

header .sub a {
	color: #FFF;
	font-size: 0.8125em;
	position: relative;
}

header .sub a:not(.btn) {
	border-bottom: none;
}

header .sub a:not(.btn):after {
	content: '';
	position: absolute;
	left: -0.5em;
	right: -0.5em;
	height: 3px;
	background-color: #FFF;
	bottom: -1.45em;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

header .sub a:hover:after, header .sub .active a:after {
	opacity: 1;
	visibility: visible;
}

header .search {
	display: inline-block;
	text-indent: 999999%;
	border-bottom: none;
	background-image: url('library/images/icons/search-icon.png');
	background-position: center 4px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 20px;
	height: 31px;
}

header .search-active .search {
	background-position: center -25px;
}

header form {
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 280px;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	margin-right: 1em;
}

header .search-active form {
	visibility: visible;
	opacity: 1;
}

header form input {
	box-shadow: none;
	border-radius: 0;
	padding: 0 0 0.15em 0;
	border-bottom: 2px solid #ededed;
	position: absolute;
	left: 0;
	width: 180px;
	top: 0;
	bottom: 0;
	background-color: transparent;
}

header form input::-webkit-input-placeholder {
	color:#FFF;
	opacity: 0.75;
}

header form input:-moz-placeholder {
	color:#FFF;
	opacity: 0.75;
}

header form input::-moz-placeholder {
	color:#FFF;
	opacity: 0.75;
}

header form input:-ms-input-placeholder {  
	color:#FFF;
	opacity: 0.75;
}

header form .btn, .searchform .btn {
	appearance: none;
	-webkit-appearance: none;
	position: absolute;
	top: -0.15em;
	right: 0;
	font-weight: 600;
	font-size: 0.8125em;
	width: 80px;
}

header .sub .btn {
	background-color: #000;
	color: #FFF;
	padding: 0.75em 1.25em;
}

header .sub .btn:hover {
	background-color: #000;
	color: #FFF;
}

.content .searchform .btn {
	font-size: 1em;
	width: auto;
	margin-left: 1em;
	position: static;
}

.content .searchform input {
	width: 70%;
}

header .m-login {
	background-color: #41484a;
	display: none;
	text-indent: -9999em;
	border-bottom: none;
	background-image: url('library/images/icons/login-icon.png');
	background-position: center center;
	background-size: 18px 29px;
	background-repeat: no-repeat;
	width: 3em;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

header .hide {
	opacity: 0;
}

@media handheld, only screen and (max-width: 72.5em) {
	
	header .logo {
		width: 200px;
		padding: 0.25em 0 0;
	}
	
	header .main li {
		padding: 0 0.75em;
	}
	
	header .main a, header .main a:not(.btn) {
		font-size: 0.8125em;
	}
	
	header .main a:not(.btn):after {
		bottom: -3.5em;
	}
	
	header.scrolled .main a:not(.btn):after {
		bottom: -1.7em;
	}
	
	header .sub li {
		padding: 0 0.75em 0 0;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	header .twelvecol {
		text-align: left;
	}
		
	header:before {
		display: none;
		content: none;
	}
	
	header .row, header.scrolled .row {
		padding: 1.5em 0;
	}
	
	header .logo {
		margin: 0 auto;
		display: block;
		float: none;
	}
	
	header .m-login, .active nav {
		display: block;
	}
	
	header nav {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
		background-color: #F9F9F9;
		position: fixed;
		left: -100%;
		width: 100%;
		z-index: 2;
		top: 4.5em;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		padding: 0;
	}
  
  header nav.active {
	  opacity: 1;
	  visibility: visible;
	  left: 0;
  }
  
  header ul {
	  width: 100%;
	  overflow: hidden;
	  padding: 0.5em 0;
  }
  
  header .main {
	  margin-left: 0;
  }
  
  header .sub {
	  position: static;
	  background-color: #434d4e;
  }
  
  header .main li, header .sub li {
	  display: block;
	  padding: 0.675em 1.25em;
  }
  
  header .main a, header .sub a {
	  display: inline-block;
  }
  
  header .main a, header .main a:not(.btn) {
	  font-size: 1.125em;
  }
  
  header .main a:not(.btn) {
	  border-bottom: 2px solid transparent;
  }
  
  header nav a:after {
	  display: none;
	}
  
  header .sub a {
	  font-size: 1em;
  }
  
  header .sub a:not(.btn) {
	  border-bottom: 2px solid transparent;
  }
  
  header .main a:hover, header .main .active a {
		border-bottom-color: #7ab800;
	}

	header .sub a:hover, header .sub .active a {
		border-bottom-color: #FFF;
	}
	
	header form {
		display: none;
	}
	
	header .search-active .search {
		background-position: center 4px;
	}
	
	.content .searchform input {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.content .searchform .btn {
		margin-left: 0;
	}
	
	header .hide {
		opacity: 1;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) and (max-height: 56.25em) {
	
	header nav {
		bottom: 0;
	}
	
}

/* Mobile Menu */
header .m-menu {
  display: none;
  cursor: pointer;
  position: fixed;
  top: 1.675em;
  left: -1em;
  height: 25px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

header .m-menu.active {
	left: 1em;
}

.m-menu div {
  display: block;
  width: 35px;
  height: 4px;
  margin-top: 9px;
  background: #7ab800;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.m-menu div::before, .m-menu div::after {
  display: block;
  position: absolute;
  content: "";
  z-index: -1;
  width: 35px;
  height:4px;
  background: #7ab800;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.m-menu div::before {
  top: 0;
}

.m-menu div::after {
  top: 18px;
}

.m-menu.active div {
  background: none;
}

.m-menu.active div::before, .m-menu.active div::after {
  top: 12px;
}

.m-menu.active div::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m-menu.active div::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media handheld, only screen and (max-width: 56.25em) {
	
	header .m-menu {
		display: block;
	}
	
}

/* Home Intro */
.home-intro-banner {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 60% auto;
}

.home-intro-banner > div {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	color: #FFF;
}

.home-intro-banner .hib-intro > div {
	padding: 8em 0;
}

.home-intro-banner .hib-slider > div {
	width: 500px;
	padding: 8em 0;
}

.home-intro-banner h1 {
	max-width: 500px;
	color: #FFF;
}

.home-intro-banner h2 {
	max-width: 500px;
	margin-bottom: 2em;
	color: #FFF;
}

.home-intro-banner h2 + a {
	margin-right: 2em;
}

.home-intro-banner .hib-intro br {
	display: none;
}

.home-intro-banner .hib-slider {
	background-color: #7ab800;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.home-intro-banner .hib-slider > div > ul:before {
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 2em;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(122,184,0,1) 0%, rgba(122,184,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(122,184,0,1) 0%,rgba(122,184,0,0) 100%);
	background: linear-gradient(to right, rgba(122,184,0,1) 0%,rgba(122,184,0,0) 100%);
	z-index: 222;
}

.home-intro-banner .hib-slider > div > ul:after {
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: 2em;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(122,184,0,0) 0%, rgba(122,184,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(122,184,0,0) 0%,rgba(122,184,0,1) 100%);
	background: linear-gradient(to right, rgba(122,184,0,0) 0%,rgba(122,184,0,1) 100%);
	z-index: 222;
}

.home-intro-banner .hib-slider .slick-track li {
	padding: 0 4em;
}

.home-intro-banner .hib-slider h3 {
	margin: 0;
	color: #FFF;
}

.home-intro-banner .hib-slider p {
	margin: 1.5em 0 0 0;
	padding: 0;
}

.home-intro-banner .hib-slider .btn {
	margin-top: 3.5em;
}

.home-intro-banner .hib-slider .slick-dots {
	max-width: 210px;
	margin-top: 3em;
	padding-left: 4em;
}

.home-intro-banner .hib-slider .slick-dots li {
	display: inline-block;
	padding-right: 0.5em;
}

.home-intro-banner .hib-slider .slick-dots button {
	background-color: #FFF;
	opacity: 0.5;
	height: 0.5em;
	width: 0.5em;
	border-radius: 100%;
	text-indent: -9999em;
	display: block;
}

.home-intro-banner .hib-slider .slick-dots .slick-active button {
	opacity: 1;	
}

@media handheld, only screen and (max-width: 80em) {
	
	.home-intro-banner {
		background-size: cover;
	}
	
	.home-intro-banner .hib-slider .slick-track li {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.home-intro-banner .hib-slider .slick-dots {
		padding-left: 2em;
	}
	
}

@media handheld, only screen and (max-width: 72.5em) {
	
	.home-intro-banner .hib-intro > div {
		padding: 4em 0;
	}
	
	.home-intro-banner .hib-slider > div {
		padding-top: 4em;
		padding-bottom: 4em;
	}

}

@media handheld, only screen and (max-width: 56.25em) {
	
	.home-intro-banner > div {
		display: block;
	}
	
	.home-intro-banner .hib-slider {
		position: static;
	}
	
	.home-intro-banner .hib-intro > div {
		padding: 2em 0;
	}
	
	.home-intro-banner .hib-slider > div {
		padding-top: 2em;
		padding-bottom: 2em;
		width: 100%;
	}
	
	.home-intro-banner h1 {
		margin-bottom: 0.375em;
	}
	
	.home-intro-banner .hib-slider > div > ul:before, .home-intro-banner .hib-slider > div > ul:after {
		width: 1em;
	}
	
	.home-intro-banner .hib-slider .slick-track li {
		padding: 0 1em;
	}
	
	.home-intro-banner h2 + a {
		margin: 0 0 1em 0;
	}
	
	.home-intro-banner .hib-intro br {
		display: block;
	}
	
	.home-intro-banner .hib-slider .btn {
		margin-top: 2em;
	}
	
	.home-intro-banner .hib-slider .slick-dots {
		margin-top: 3em;
		padding-left: 1em;
	}
	
}

/* Home how it works */
.home-howitworks {
	overflow: hidden;
}

.home-howitworks h2 {
	text-align: center;
	color: #7ab800;
}

.home-howitworks .hhiw-list > li {
	overflow: hidden;
	display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.home-howitworks .hhiw-l {
	text-align: right;
	float: left;
	width: 50%;
	margin-left: -50px;
	padding-right: 50px;
	padding-left: 6em;
	padding-top: 2em;
	padding-bottom: 2em;
}

.home-howitworks .hhiw-list > li:nth-child(odd) .hhiw-l {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.home-howitworks img {
	max-width: 160px;
}

.hhiw-count {
	width: 100px;
	float: left;
	text-align: center;
}

.home-howitworks .hhiw-list > li:nth-child(odd) .hhiw-count {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.hhiw-count span {
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	background-color: #7ab800;
	position: relative;
	border-radius: 100%;
	color: #FFF;
	padding-top: 0.6em;
	font-weight: 700;
}

.hhiw-count span:before, .hhiw-count span:after {
	top: -99em;
	position: absolute;
	content: '';
	height: 99em;
	width: 1px;
	background-color: #d9dbdc;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.hhiw-count span:after {
	top: 100%;
}

.home-howitworks .hhiw-list > li:first-child span:before {
	content: none;
}

.home-howitworks .hhiw-r {
	float: left;
	width: 50%;
	margin-right: -50px;
	padding-left: 50px;
	padding-right: 6em;
	padding-top: 2em;
	padding-bottom: 2em;
}

.home-howitworks .hhiw-list > li:nth-child(odd) .hhiw-r {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.home-howitworks .hhiw-list > li:last-child .hhiw-l, .home-howitworks .hhiw-list > li:last-child .hhiw-r {
	padding-bottom: 5em;
}

.home-howitworks .hhiw-join {
	text-align: center;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.home-howitworks .hhiw-list > li {
		display: block;
	}
	
	.hhiw-count {
		width: 70px;
	}
	
	.hhiw-count span {
		margin-top:  1.5em;
	}
	
	.home-howitworks .hhiw-list > li {
		padding: 1em 0;
	}
	
	.home-howitworks .hhiw-list > li:last-child {
		padding-bottom: 2em;
	}
	
	.home-howitworks .row .hhiw-list > li .hhiw-r, .home-howitworks .row .hhiw-list > li .hhiw-l {
		float: right;
		width: 100%;
		margin-right: -70px;
		padding-left: 0;
		padding-right: 6em;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: left;
	}
	
	.home-howitworks li .btn {
		font-size: 0.9375em;
	}
	
	.home-howitworks .hhiw-join {
		text-align: left;
	}
	
}

/* footer-fifty */
.footer-fifty {
	background-color: #434d4e;
	padding: 2em 0;
}

.footer-fifty li > div {
	float: left;
	width: 47%;
	padding: 3em 2em;
}

.footer-fifty li:nth-child(odd) > .ff-grpahic {
	float: right;
}

.footer-fifty h2 {
	color: #FFF;
}

.footer-fifty li > .ff-grpahic {
	width: 53%;
	padding: 2em;
}

.footer-fifty .ff-grpahic figure {
	position: relative;
	background-image: url('library/images/footer-fifty-image-bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 150%;
}

.footer-fifty .ff-grpahic figure:before, .footer-fifty .ff-grpahic figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url('library/images/footer-fifty-graph-line-1.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 0;
	-webkit-transition: all .5s ease .5s;
	transition: all .5s ease .5s;
}

.footer-fifty .ff-grpahic figure:after {
	background-image: url('library/images/footer-fifty-graph-line-2.png');
	-webkit-transition-delay: .875s;
	transition-delay: .875s;
}

.footer-fifty .ff-grpahic figure.go:before, .footer-fifty .ff-grpahic figure.go:after {
	width: 100%;
}

.footer-fifty img {
	display: block;
	width: 100%;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.footer-fifty {
		padding: 2em 0;
	}
	
	.footer-fifty .row li > div, .footer-fifty .row li > .ff-grpahic {
		padding: 1em;
		width: 100%;
		float: none;
	}
	
	.footer-fifty li:not(:last-child) {
		margin-bottom: 2em;
	}
	
}

/* Hero */
.hero {
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 8em 0;
}

.hero .row {
	text-align: center;
	color: #FFF;
	max-width: 1000px;
	margin: 0 auto;
}

.hero h1 {
	color: #FFF;
	max-width: 600px;
	margin: 0 auto;
}

.hero p {
	font-size: 1.375em;
	margin-top: 1em;
}

.hero .btn {
	margin: 1em 1em 0 1em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.hero {
		padding: 5em 0;
	}
	
	.hero p {
		font-size: 1.125em;
	}
	
	.hero .btn {
		margin: 0.5em 2em;
	}
	
}

/* fifty-image-copy-block */
.fifty-image-copy-block {
	overflow: hidden;
}

.fifty-image-copy-block h2 {
	text-align: center;
	color: #7ab800;
	margin-bottom: 0;
}

.fifty-image-copy-block .ficb-row .row {
	position: relative;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.fifty-image-copy-block .ficb-row:nth-child(odd) .ficb-copy {
	-webkit-box-ordinal-group: 33;
	-ms-flex-order: 22;
	order: 22;
}

.fifty-image-copy-block .ficb-row .ficb-copy-inner {
	max-width: 460px;
}

.fifty-image-copy-block .ficb-row h4 {
	color: #767777;
	font-size: 1.125em;
	margin-bottom: 0.25em;
}

.fifty-image-copy-block .ficb-row .btn + * {
	margin-top: 2em;
}

@media handheld, only screen and (max-width: 64em) {
	
	.fifty-image-copy-block .ficb-row img {
		position: static;
		width: 100%;
		max-width: none;
	}
	
	.fifty-image-copy-block .ficb-row .row {
		padding-top: 0;
		padding-bottom: 0;
		display: block;
	}
	
	.fifty-image-copy-block .ficb-row .ficb-copy {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
}

/* Three Block */
.three-block {
	text-align: center;
}

.three-block h2 {
	color: #7ab800;
	margin-bottom: 1em;
}

.three-block li {
	padding-top: 1em;
	padding-bottom: 1em;
}

.three-block figure {
	margin-bottom: 1.5em;
}

.three-block p {
	padding: 0;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.three-block figure {
		margin-bottom: 0.75em;
	}
	
}

/* comparision-block */
.comparision-block {
	text-align: center;
}

.comparision-block h2 {
	color: #7ab800;
	margin-bottom: 0.5em;
}

.comparision-block h2 + p {
	margin-bottom: 2em;
}

.comparision-block table {
	width: 100%;
	box-shadow: 0 10px 40px rgba(0,0,0,0.08);
	margin-bottom: 2em;
}

.comparision-block th, .comparision-block td {
	padding: 1.5em 0.875em;
	text-align: center;
	font-size: 1.125em;
}

.comparision-block th {
	background-color: #434d4e;
	font-weight: 700;
	color: #FFF;
}

.comparision-block thead .cb-sw {
	background-color: #374041;
}

.comparision-block tbody td {
	color: #ff7575;
	border-bottom: 1px solid #eceded;
}

.comparision-block tbody tr:last-child td {
	border-bottom: none;
}

.comparision-block tbody .cb-f {
	font-weight: 600;
	color: #767777;
}

.comparision-block tbody .cb-sw {
	background-color: #f5f6f6;
	color: #7ab800;
}

.comparision-block table + p {
	font-size: 0.675em;
	margin-bottom: 1.5em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.comparision-block td {
		display: block;
	}
	
	.comparision-block td span {
		width: 50%;
		text-align: right;
		display: inline-block;
		font-weight: 400;
	}
	
  .comparision-block td:before {
	  content: attr(data-th);
	  display: inline-block;
	  width: 50%;
	  font-weight: 600;
	  text-align: left;
	}
  
  .comparision-block thead {
	  display: none;
	}
	
	.comparision-block tbody .cb-f {
		background-color: #434d4e;
		color: #FFF;
	}

}

/* What can you trade */
.what-block {
	background-color: #323739;
	padding-top: 4em;
}

.what-block .wb-bs {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.what-block h2 {
	color: #7ab800;
	margin-bottom: 1.75em;
	text-align: center;
}

.what-block h3 {
	color: #FFF;
	margin-bottom: 0.25em;
}

.what-block p {
	padding-bottom: 1.5em;
}

.what-block .wb-img {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	align-items: flex-end;
}

.what-block img {
	position: absolute;
	bottom: -4em;
	display: block;
	margin: 0 auto;
	max-width: 300px;
	left: 0;
	right: 0;
}

@media handheld, only screen and (max-width: 75em) {
	
	.what-block img {
		width: 250px;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.what-block h2 {
		margin-bottom: 1.25em;
	}
	
	.what-block .wb-bs {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
	}
	
	.what-block .wb-img {
		-webkit-box-ordinal-group: 33;
		-ms-flex-order: 22;
		order: 22;
		display: block;
	}
	
	.what-block img {
		position: relative;
		bottom: auto;
		top: 3em;
		width: auto;
	}
	
}

/* Seventy Thirty */
.seventy-thirty-block {
	counter-reset: stNo;
	overflow: hidden;
}

.seventy-thirty-block h2 {
	color: #7ab800;
	margin-bottom: 2em;
	text-align: center;
}

.seventy-thirty-block .st-row > li {
	margin-bottom: 4em;
	overflow: hidden;
	display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.seventy-thirty-block .st-row > li:last-child {
	margin-bottom: 0;
}

.seventy-thirty-block .st-no {
	position: relative;
	counter-increment: stNo;
	padding-left: 1.75em;
}

.seventy-thirty-block .st-no:before {
	content: counter(stNo);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: inline-block;
	width: 2em;
	height: 2em;
	font-size: 16px;
	background-color: #7ab800;
	border-radius: 100%;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	padding-top: 0.5em;
}

.seventy-thirty-block ul ul {
	padding-left: 1.5em;
	margin-top: 1.5em;
}

.seventy-thirty-block ul ul li {
	font-size: 1.125em;
	list-style: disc;
	margin-bottom: 0.375em;
}

.seventy-thirty-block li:last-child {
	margin-bottom: 0;
}

.seventy-thirty-block .st-img {
	float: right;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.seventy-thirty-block .st-img + div {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.seventy-thirty-block img {
	margin: 0 auto;
	display: block;
}

.seventy-thirty-block h3 {
	margin-bottom: 0.75em;
}

.seventy-thirty-block .st-btn {
	text-align: center;
	padding-top: 6em;
}

.seventy-thirty-block .st-btn p {
	padding: 2.5em 0 1.5em 0;
	position: relative;
	max-width: 600px;
	margin: 0 auto;
}

.seventy-thirty-block .st-btn p:before {
	content: '';
	width: 3em;
	height: 5px;
	background-color: #434d4e;
	border-radius: 0.25em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.seventy-thirty-block .st-row > li {
		display: block;
	}
	
	.seventy-thirty-block .st-row > li:last-child {
		margin-bottom: 0;
	}
	
	.seventy-thirty-block h3 {
		margin-top: 2em;
	}
	
	.seventy-thirty-block img {
		margin: 0 auto;
		max-width: 180px;
	}
	
	.seventy-thirty-block .st-btn {
		padding-top: 3em;
	}
	
}

/* FAQ Block */
.faq-block {
	background-color: #f8f8f8;
	overflow: hidden;
}

.faq-block h2 {
	color: #7ab800;
	margin-bottom: 1.5em;
	text-align: center;
}

.faq-block li > h3 {
	border-bottom: 1px solid #d0d1d2;
	padding: 1.125em 1em;
	position: relative;
	font-size: 1.125em;
	color: #323739;
	cursor: pointer;
	-webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding-right: 6em;
  margin: 0;
}

.faq-block li > h3:hover, .faq-block li.active > h3 {
	border-bottom-color: #323739;
}

.faq-block li > h3:before, .faq-block li > h3:after {
	content: '';
	position: absolute;
	right: 1.25em;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 1.875em;
	height: 1.875em;
	background-image: url('library/images/icons/faq-expand.svg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  z-index: 11;
}

.faq-block li > h3:after {
	background-image: url('library/images/icons/faq-expanded.svg');
	opacity: 0;
	z-index: 22;
}

.faq-block li.active > h3:before {
	opacity: 0;
}

.faq-block li.active > h3:after {
	opacity: 1;
}

.faq-block .faqb-content {
	display: none;
  padding: 1em;
  border-top: 2px solid #323739;
  border-bottom: 1px solid #d0d1d2;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.faq-block h2 {
		margin-bottom: 1em;
	}
	
	.faq-block li > h3 {
		padding-left: 0;
		padding-right: 4em;
	}
	
	.faq-block .faqb-content {
		padding-left: 0;
		padding-right: 0;
	}
	
	.faq-block li > h3:before, .faq-block li > h3:after {
		right: 0;
	}
	
}

/* Fifty Fifty Block */
.fifty-fifty-block {
	overflow: hidden;
}

.fifty-fifty-block h2 {
	color: #7ab800;
	margin-bottom: 0;
	text-align: center;
}

.fifty-fifty-block .sixcol {
	padding-top: 4em;
}

.fifty-fifty-block .ffb-cta {
	text-align: center;
	padding-top: 3em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.fifty-fifty-block h2 {
		margin-bottom: 0.75em;
	}
	
	.fifty-fifty-block .sixcol {
		padding-top: 1.25em;
	}
	
}

/* Quote Slider Block */
.quote-slider-block .qsb-cont {
	box-shadow: 0 10px 40px rgba(0,0,0,0.08);
	text-align: center;
	position: relative;
}

.quote-slider-block .qsb-cont:before , .quote-slider-block .qsb-cont:after {
	content: '';
	position: absolute;
	top: -2em;
	left: 2em;
	width: 74px;
	height: 57px;
	background-image: url('library/images/icons/quote-top.svg');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.quote-slider-block .qsb-cont:after {
	background-image: url('library/images/icons/quote-btm.svg');
	top: auto;
	bottom: -2em;
	left: auto;
	right: 2em;
}

.quote-slider-block .qsb-quote:before, .quote-slider-block .qsb-meta:before {
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 2em;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	z-index: 222;
}

.quote-slider-block .qsb-quote:after, .quote-slider-block .qsb-meta:after {
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: 2em;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	z-index: 222;
}

.quote-slider-block .qsb-quote li {
	padding: 0 10em;
}

.quote-slider-block .qsb-quote p {
	font-weight: 700;
	color: #434d4e;
}

.quote-slider-block .qsb-meta {
	padding-top: 4em;
}

.quote-slider-block .qsb-meta h3 {
	font-size: 1.125em;
	color: #727777;
}

.quote-slider-block .qsb-meta h4 {
	font-size: 1.125em;
	font-weight: 400;
	margin: 0;
	color: #727777;
}

.quote-slider-block .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	top: 1.75em;
}

.quote-slider-block .slick-dots li {
	display: inline-block;
	padding: 0 0.25em;
	width: 3em;
}

.quote-slider-block .slick-dots button {
	background-color: #767777;
	height: 2px;
	width: 100%;
	text-indent: -9999em;
	display: block;
}

.quote-slider-block .slick-dots .slick-active button {
	background-color: #7ab800;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.quote-slider-block .qsb-quote li {
		padding: 0 1em;
	}
	
	.quote-slider-block .qsb-cont:before, .quote-slider-block .qsb-cont:after {
		width: 56px;
		height: 43px;
	}
	
	.quote-slider-block .qsb-cont:before {
		top: -1.5em;
		left: 1em;
	}
	
	.quote-slider-block .qsb-cont:after {
		bottom: -1.5em;
		right: 1em;
	}
	
	.quote-slider-block .qsb-quote:before, .quote-slider-block .qsb-meta:before, .quote-slider-block .qsb-quote:after, .quote-slider-block .qsb-meta:after {
		width: 1em;
	}
	
}

/* Three Rows Block */
.three-rows-block {
	background-color: #323739;
	text-align: center;
}

.three-rows-block h2 {
	color: #7ab800;
	margin-bottom: 0;
}

.three-rows-block .trb-row {
	margin-top: 3em;
}

.three-rows-block .trb-row ul {
	display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.three-rows-block .trb-row li {
	width: 33.33333%;
	float: left;
	padding: 1em 2em;
}

.three-rows-block .trb-row h4 {
	color: #FFF;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.three-rows-block .trb-row {
		margin-top: 2em;
	}
	
	.three-rows-block .trb-row li {
		padding: 1em;
		width: 50%;
	}
	
}

/* Copy Block */
.copy-block h2 {
	margin-bottom: 2em;
	color: #444;
	line-height: 1.3;
	text-align: center;
	font-weight: 600;
}

.row ul.markers li {
	padding-bottom: 0;
	position: relative;
	display: block;
	padding-left: 2.125em;
	margin-bottom: 0.875em;
	font-size: 1.125em;
}

ul.markers li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 1em;
	height: 1em;
	background-image: url('library/images/icons/list-item.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.copy-block .points li {
	margin-bottom: 1em;
}

.copy-block .points li p {
	padding-bottom: 0.75em;
}

.copy-block .points li div {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.copy-block .points li .threecol {
	width: 20%;
}

@media handheld, only screen and (max-width: 72.5em) {
		
	.copy-block .points li .threecol {
		width: 30%;
	}
	
	.copy-block .points li .fivecol {
		width: 70%;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.copy-block .points {
		text-align: center;
	}
	
	.copy-block .points li .fivecol {
		width: 100%;
	}
	
	ul.markers li {
		padding-left: 1.25em;
	}
	
}

/* Quote Block */
.quote-block {
	background-color: #7ab800;
	color: #FFF;
}

.quote-block .row {
	overflow: visible;
}

.quote-block + .quote-block {
	padding-top: 0;
}

.quote-block blockquote {
	position: relative;
	margin: 1.5em 0 0;
}

.quote-block blockquote:before, .quote-block blockquote:after {
	content: '';
	position: absolute;
	left: -4em;
	background-image: url('library/images/icons/l-quotes.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	top: -3.25em;
	color: #FFF;
	width: 3.5em;
	height: 3.5em;
}

.quote-block blockquote:after {
	background-image: url('library/images/icons/r-quotes.png');
	left: auto;
	right: -4em;
	top: auto;
	bottom: 3em;
}

.quote-block p {
	font-weight: 600;
	font-size: 1.25em;
}

.quote-block cite p {
	padding-bottom: 0;
}

.quote-block cite p span {
	font-weight: 400;
	font-size: 0.875em;
	display: block;
}

@media handheld, only screen and (max-width: 72.5em) {
	
	.quote-block + .quote-block {
		padding-top: 4em;
	}
	
	.quote-block blockquote:before {
		left: 0;
		width: 2.5em;
		height: 2.5em;
	}
	
	.quote-block blockquote:after {
		display: none;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.quote-block {
		margin-bottom: 1em;
		margin-right: 1em;
	}
	
	.quote-block p {
		font-size: 1em;
	}
	
}

/* Signup Block */
.signup-block {
	padding: 11em 0 6em;
	position: relative;
	background-color: #7ab800;
	color: #FFF;
}

.signup-block.sup-sbs {
	padding: 0;
}

.signup-block.sup-sbs .row > div:last-of-type {
	padding-top: 6em;
	padding-bottom: 6em;
}

.signup-block.sup-sbs .row > div:first-of-type img {
	display: block;
	width: 100%;
}

.signup-block .row > img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45%;
	max-width: 695px;
}

.signup-block .row > div {
	float: right;
}

.signup-block.sup-sbs .row > div {
	float: none;
	display: inline-block;
	vertical-align: bottom;
}

.signup-block h2 {
	color: #FFF;
	margin-bottom: 1em;
	max-width: 400px;
}

.signup-block ul {
	padding-left: 2.25em;
	max-width: 400px;
}

.signup-block ul li {
	position: relative;
	margin: 0.5em 0;
	font-size: 1.125em;
}

.signup-block ul li:first-of-type {
	margin-top: 0;
}

.signup-block ul li:last-of-type {
	margin-bottom: 0;
}

.signup-block ul li:before {
	content: '';
	background-image: url('library/images/icons/tick-list-item.png');
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 23px;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.signup-block form {
	max-width: 300px;
}

.signup-block form > * {
	width: 100%;
}

.signup-block input {
	margin-bottom: 1em;
	background-color: transparent;
	border: 1px solid #FFF;
	border: 1px solid rgba(255,255,255,0.5);
	color: #FFF;
	margin: 1px 0 17px 0;
	-webkit-transition: border-color .25s ease;
	transition: border-color .25s ease;
}

.signup-block input:focus, .signup-block input:hover {
	border-width: 2px;
	margin: 0 0 16px 0;
	border-color: rgba(255,255,255,1);
}

.signup-block input::-webkit-input-placeholder {
	color:#FFF;
	opacity: 0.5;
}

.signup-block input:-moz-placeholder {
	color:#FFF;
	opacity: 0.5;
}

.signup-block input::-moz-placeholder {
	color:#FFF;
	opacity: 0.5;
}

.signup-block input:-ms-input-placeholder {  
	color:#FFF;
	opacity: 0.5;
}

.sup-list .btn {
	margin: 2.25em 0 0.75em;
}

.sup-list .btn + p {
	font-size: 1em;
}

.signup-block .sup-apps {
	margin-top: 2.5em;
}

.signup-block sup-apps a {
	border-bottom: none;
}

.signup-block .sup-apps a + a {
	margin-left: 1em;
}

@media handheld, only screen and (max-width: 85em) {
	
	.signup-block {
		padding-top: 6em;
	}
	
}

@media handheld, only screen and (max-width: 72.5em) {
	
	.signup-block {
		padding-top: 4em;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.signup-block, .lp2 .signup-block .row > div:last-of-type {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	.signup-block.sup-sbs .row {
		display:-webkit-box;
	  display:-webkit-flex;
	  display:-ms-flexbox;
	  display:flex;
	  -ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
    flex-direction: column;
	}
	
	.signup-block.sup-sbs .row > div:first-of-type {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	
	.signup-block.sup-sbs .row > div:first-of-type img {
		width: 80%;
	}
	
	.signup-block .row > img {
		display: none;
	}
	
	.signup-block h2 {
		max-width: none;
	}
	
	.signup-block form {
		width: 100%;
		max-width: none;
	}
	
	.signup-block .sup-apps {
		margin-top: 2em;
	}
	
}

/* Award Block */
.award-block {
	text-align: center;
}

.award-block a {
	border: none;
}

.award-block h3 {
	margin: 1.125em 0 0.675em 0;
	font-size: 1.125em;
	font-weight: 400;
}

.award-block h4 {
	text-transform: uppercase;
	font-size: 0.875em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.award-block .row > div:not(:last-child) {
		margin-bottom: 3em;
	}
	
	.award-block h3 {
		font-size: 1em;
		margin: 1em 0 0.5em;
	}
	
}

/* Pricing Block */
.pricing-block {
	background-image: url('library/images/pricing-bg.jpg');
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

.pricing-block .row {
	overflow: visible;
}

.pricing-block .the-prices {
	margin-top: -8em;
}

.pricing-block .the-prices > li {
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  top: 0;
}

.pricing-block .the-prices > li:hover {
	top: -1em;
}

.pricing-block .heading {
	text-align: center;
	padding: 2em;
	height: 12em;
	display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.pricing-block .first-tier  h3 {
  font-size: 3em !important;
  white-space: normal !important;
}

@media (max-width : 1025px) {
	.pricing-block .heading {
		font-size:13px !important;
		padding: 0em;
		padding-top: 2em !important;
	}
}

@media (max-width : 769px) {
	.pricing-block .heading {
		font-size:13px !important;
		padding: 2em !important;
		margin-top:20px;
	}
}

.pricing-block .first-tier .heading {
	background-color: #111;
}

.pricing-block .second-tier .heading {
	background-color: #000;
}

.pricing-block .third-tier .heading {
	background-color: #7ab800;
}

.pricing-block h2 {
	color: #FFF;
	text-transform: uppercase;
	font-weight: 400;
	display: inline-block;
	margin: 0;
}

.pricing-block .content {
	background-color: #FFF;
	padding: 2em;
	text-align: center;
}

.pricing-block .markers {
	text-align: left;
}

.pricing-block .prc {
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	padding: 1.75em 2em;
	margin: 2.25em 0;
}

.pricing-block h3 {
	font-size: 3.75em;
	margin-bottom: 0;
	white-space: nowrap;
}

.pricing-block .third-tier h3 {
	color: #7ab800;
}

.pricing-block h3 sup {
	font-size: 0.5em;
	vertical-align: top;
	display: inline-block;
	margin-top: 0.15em;
}

.pricing-block h4 {
	font-size: 1.75em;
	margin: 0.75em 0 0.8125em;
	font-weight: 400;
}

.pricing-block .prc span {
	font-size: 1em;
	text-transform: uppercase;
	color: #888;
}

.pricing-block .subby {
	color: #FFF;
	text-align: center;
	padding: 3em 1em 0 1em;
}

@media handheld, only screen and (max-width: 62.5em) {
	
	.pricing-block .the-prices > li {
		width: 100%;
		float: none;
		margin-bottom: 2em;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.pricing-block .the-prices > li {
		margin-bottom: 1em;
	}
	
	.pricing-block .heading {
		height: auto;
	}
	
}

/* Pages */
.page-block {
	background-color: #ededed;
}

.page .page-block h1 {
	position: relative;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.page-block .sevencol {
	width: 60%;
}

.page-block .sevencol.r {
	margin-left: 20%;
	margin-right: 20%;
}

.page-block .content >*:first-child, .page-block .content > div > *:first-child {
	margin-top: 0;
}

.page-block .content > div {
	margin-bottom: 1.5em;
}

.page-block .content > div:last-child {
	margin-bottom: 0;
}

.page .page-block h1:after {
	height: 2px;
	width: 55px;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #7ab800;
}

.page-block h2 {
	font-size: 1.75em;
	margin-bottom: 1.125em;
	letter-spacing: 0.05em;
}

.page-block h3 {
	margin: 0 0 1.25em 0;
	font-weight: 400;
	font-size: 1.75em;
	letter-spacing: 0.05em;
}

.page-block h4 {
	margin: 1.25em 0 0.75em;
	font-size: 1.25em;
	letter-spacing: 0.05em;
}

.page-block .grn {
	color: #7ab800;
}

.page-block p {
	padding-bottom: 0.65em;
}

.page-block .content ul, .page-block .content ol {
	padding-left: 1em;
}

.page-block .content ul {
	list-style: disc;
}

.page-block .content ol {
	list-style: decimal;
}

.page-block .content li {
	font-size: 1.125em;
	padding-bottom: 0.35em;
}

.page-block .content li a {
	border-bottom: 2px solid #222;
}

.page-block .content li a:hover {
	border-bottom-color: #7ab800;
}

.page-block .side-menu li {
	margin-bottom: 1em;
}

.page-block .side-menu a {
	color: #888;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0.05em;
	border: none;
}

.page-block .side-menu a:hover, .page-block .side-menu a.active {
	color: #7ab800;
}

.page-block .side-menu .faq-filter {
	position: relative;
	margin-top: 2em;
	padding-top: 2em;
}

.page-block .side-menu .faq-filter:before {
	height: 2px;
	width: 35px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #7ab800;
}

.page-block .side-menu .faq-filter input {
	background-image: url('library/images/icons/search-icon-drk.png');
	background-position: 8px 13px;
	padding-left: 3em;
	background-size: 25px;
	background-repeat: no-repeat;
	background-color: #ededed;
}

.page-block .hide {
	display: none;
}

.page-block .disabled {
	opacity: 0.25;
	cursor: default;
}

.faqs .content {
	min-height: 400px;
}

@media handheld, only screen and (max-width: 62.5em) {
	
	.page-block .sevencol.r {
		margin-left: 15%;
		margin-right: 35%;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.page-block .sevencol {
		width: 100%;
	}
	
	.page-block .sevencol.r {
		margin-left: 0;
		margin-right: 0;
	}
	
	.page .page-block h1 {
		margin-bottom: 0;
		padding-bottom: 0.5em;
	}
	
	.page .page-block h1:after {
		display: none;
	}
	
	.page-block h2 {
		font-size: 1.25em;
	}
	
	.page-block h3 {
		font-size: 1.125em;
	}
	
	.page-block h4 {
		font-size: 1em;
	}
	
	.page-block .side-menu ul {
		margin: 0.5em 0 2em;
		padding: 1.5em 0 0.5em;
		border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
	}
	
	.page-block .side-menu .faq-filter {
		margin: 0 0 2em 0;
		padding: 0;
	}
	
	.page-block .side-menu .faq-filter:before {
		display: none;
	}
	
	.faqs .content {
		min-height: none;
	}
	
}

/* Forms */
.row form .fblock {
	padding-right: 2em;
	margin-bottom: 1.5em;
}

.fblock .error {
	display: inline-block;
	border-bottom: 2px solid #000;
	font-weight: 700;
	margin: 0.5em 0 0;
	font-size: 0.875em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.row form .fblock {
		padding-right: 0;
	}
	
	.row form .fbtn {
		text-align: center;
	}
	
}

/* Login */
.login .hero p {
	margin: 2.25em 0;
}

.login .fblock {
	padding-right: 0;
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}

.login .fblock a {
	color: #888;
	border-bottom: 2px solid #888;
	display: inline-block;
	margin: 0.5em 0 0 0;
}

.login .fblock .error {
	color: #FFF;
	border-bottom-color: #FFF;
}

.login form .fbtn {
	text-align: center;
}

/* Login Block */
.login-block {
	background-image: url('library/images/login-bg.jpg');
}

/* Blog Listing */
.blog-listing article {
	display: inline-block;
  width: 25%;
  vertical-align: top;
  opacity: 0;
  padding: 0 1em;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.blog-listing article.added {
	opacity: 1;
}

.blog-listing a {
	display: block;
	border: none;
	background-color: #FFF;
	top: 0;
	margin-bottom: 2em;
	position: relative;
}

.blog-listing a:hover {
	top: -0.5em;
}

.blog-listing img {
	width: 100%;
	display: block;
	border-bottom: none;
}

.blog-listing .blog-listing-content {
	padding: 1em;
}

.blog-listing h2, .blog-listing h3 {
	font-size: 1.125em;
	line-height: 1.4;
}

.blog-listing p {
	font-size: 0.9375em;
	padding-bottom: 1em;
}

time {
	color: #888;
	display: block;
	font-size: 1em;
}

.blog-listing time {
	font-size: 0.875em;
}

.blog-navi {
	display: none;
}

@media handheld, only screen and (max-width: 72.5em) {
	
	.blog-listing article {
		width: 50%;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.blog-listing article {
		width: 100%;
	}
	
	.blog-listing a {
		margin-bottom: 1em;
	}
	
}

/* Category Navigation */
.cat-nav {
	text-align: center;
	margin-bottom: 4em;
	position: relative;
	padding-bottom: 2.25em;
}

.cat-nav:after {
	height: 2px;
	width: 35px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	background-color: #7ab800;
}

.cat-nav li {
	display: inline-block;
	margin: 0 1em;
}

.cat-nav a {
	text-transform: uppercase;
	color: #888;
	font-weight: 600;
	display: inline-block;
}

.cat-nav a:hover, .cat-nav .current a {
	border-bottom-color: #888;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.cat-nav {
		margin-bottom: 2em;
		padding-bottom: 1.25em;
	}
	
	.cat-nav li {
		margin-bottom: 0.875em;
	}
	
}

/* Blog Single */
.single .page-block .btb {
	width: 20%;
}

.single .page-block .btb a {
	position: relative;
	text-transform: uppercase;
	color: #888;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 1em;
}

.single .page-block .btb a:hover {
	border-bottom-color: #888;
}

.single .page-block .btb a:before {
	height: 2px;
	width: 35px;
	content: '';
	position: absolute;
	left: 0;
	top: -2.25em;
	background-color: #7ab800;
}

.single .page-block .feat-img {
	margin-bottom: 1.875em;
}

.single .page-block .btn {
	margin-top: 2em;
}

.single .post-meta h5 {
	color: #222;
	font-size: 1.375em;
	margin-bottom: 0.25em;
	margin-top: 1.875em;
	padding-top: 1.875em;
	position: relative;
}

.single .post-meta h5:before {
	height: 2px;
	width: 35px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #e0e0e0;
}

.single .post-meta h6 {
	font-size: 1.125em;
	font-weight: 400;
}

.single .post-meta time {
	margin-top: 1.75em;
}

.latest-news {
	background-color: #e0e0e0;
	padding: 2em 0;
}

.latest-news .copy-block h2 {
	font-size: 1.875em;
	margin-bottom: 1.125em;
}

@media handheld, only screen and (max-width: 62.5em) {

	.single .page-block .btb {
		width: 15%;
	}

}

@media handheld, only screen and (max-width: 56.25em) {
	
	.single .page-block .btb {
		width: 100%;
	}
	
	.single .page-block .btb a {
		margin-top: 2em;
	}
	
	.single .page-block .btb a:before {
		top: -1.5em;
	}
	
	.single .post-meta h5 {
		font-size: 1.125em;
	}
	
	.single .post-meta h6 {
		font-size: 1em;
	}
	
}

/* Search Page */
.page-block .content.search-content ul {
	padding: 0;
}

.page-block .content.search-content li {
	font-size: 1em;
	list-style: none;
}

.page-block .content.search-content li h3 {
	font-size: 1.25em;
	margin-bottom: 0.875em;
}

.page-block .content.search-content li a {
	line-height: 1.4;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.page-block .content.search-content li h3 {
		font-size: 1.125em;
	}
	
}

/* Faq filter */
.highlight {
	background-color: #7ab800;
	color: #FFF;
	border-radius: 0.15em;
}

/* Lazy Loader */
#infscr-loading img {
	display: none;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #7ab800;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* Fixed Footer */
body {
	padding-bottom: 447px;
	padding-top: 174px;
}

body > section {
	position: relative;
	z-index: 4;
	background-color: #FFF;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	body {
		padding-bottom: 0;
		padding-top: 88px;
	}
	
	footer {
		position: static;
	}
	
}

/* Footer Top */
footer .ftop {
	padding: 2em 0;
	color: #FFF;
	background-color: #434d4e;
}

footer .ftop .row > div {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 2em;
}

footer .ftop .row > div + div {
	text-align: right;
}

footer .ftop h3 {
	position: relative;
	padding-left: 3.5em;
	color: #FFF;
	font-size: 1.125em;
	display: inline-block;
	margin: 0;
}

footer .ftop h3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background-image: url('library/images/phone-outline.svg');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 30px;
	height: 60px;
}

footer .ftop a {
	border: none;
	margin-left: 1em;
	display: inline-block;
	vertical-align: middle;
}

footer .ftop img {
	display: block;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	footer .ftop {
		padding: 2em 0;
	}
	
	footer .ftop .row > div, footer .ftop .row > div + div {
		width: 100%;
		padding: 0 1em;
		text-align: center;
	}
	
	footer .ftop h3 {
		padding-left: 0;
		margin-top: 4.5em;
	}
	
	footer .ftop h3:before {
		right: 0;
		margin: 0 auto;
		bottom: auto;
		top: -4.5em;
	}
	
	footer .ftop .row > div + div {
		margin-top: 1.5em;
	}
	
	footer .ftop a {
		margin: 0 0.5em;
	}
	
}

/* Footer Mid */
footer .fmid {
	background-color: #323739;
	color: #FFF;
	padding: 3em 0;
}

footer .ft-head {
	padding-bottom: 1.25em;
	border-bottom: 1px solid #474b4d;
	margin-bottom: 1.25em;
}

footer .ft-head a {
	border: none;
	display: inline-block;
}

footer .ft-head h3 {
	font-size: 1.125em;
	padding-top: 0.65em;
	margin: 0;
	color: #FFF;
}

footer .fmid p {
	line-height: 1.9;
	font-size: 0.8125em;
	padding: 0 0 0.5em 0;
}

footer .fmid .btn {
	margin-bottom: 1em;
}

footer .fmid .btn + p {
	color: #7a7a7a;
}

footer .ft-body a {
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 0.8125em;
}

footer .ft-body a:hover {
	border-bottom-color: #474b4d;
}

footer .ft-body .ft-socials {
	display: inline-block;
	vertical-align: middle;
}

footer .ft-body .ft-social {
	border: none;
	margin-left: 1.25em;
	display: inline-block;
}

footer .ft-body .ft-social:hover {
	opacity: 0.5;
}

footer .ft-partners li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2.25em;
	margin-bottom: 1.25em;
}

footer .ft-partners a {
	border: none;
}

footer .ft-partners a img {
	max-width: 160px;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	footer .fmid {
		padding: 2em 0;
	}
	
	footer .ft-head h3 {
		padding-top: 0;
	}
	
	footer .ft-head {
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	
	footer .row > div:not(:first-child) .ft-head {
		margin-top: 2em;
	}
	
	footer .ft-partners li {
		margin: 0 0 1em 0;
		display: block;
	}
	
	footer .ft-partners li:last-child {
		margin-bottom: 0;
	}
	
	footer .ft-body .ft-socials {
		display: block;
	}
	
	footer .ft-body a {
		display: inline-block;
	}
	
	footer .ft-body .ft-social {
		margin: 1.25em 0.75em 0 0.75em;
	}
	
}

/* Footer Bottom */
footer .fbtm {
	background-color: #323739;
	text-align: center;
	border-top: 1px solid #474b4d;
}

footer .fbtm ul {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

footer .fbtm li {
	display: inline-block;
	padding: 0 0.75em;
	position: relative;
}

footer .fbtm li:not(:last-child):after {
	content: '';
	width: 1px;
	top: 0.35em;
	bottom: 0.25em;
	right: -0.2em;
	position: absolute;
	background-color: #FFF;
}

footer .fbtm a, footer .fbtm span {
	color: #FFF;
	font-size: 0.8125em;
}

footer .fbtm a:hover {
	border-bottom-color: #FFF;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	footer {
		text-align: center;
	}
	
	footer .fbtm ul {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	footer .fbtm li {
		display: block;
		padding: 0.25em 0;
	}
	
	footer .fbtm li:after {
		content: none;
		display: none;
	}
	
}

/* Slick Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
}
.slick-next {
	left: auto;
	right: 0;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.slick-arrow {
		width: 55px;
		padding: 1em;
		margin: 0 2em 1em 2em;
		position: static;
		display: inline-block !important;
	}
	
}

/* Animations */
.ani { 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both;
}

.slow {
	-webkit-animation-duration: 1.5s; 
	animation-duration: 1.5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
}
.slower {
	-webkit-animation-duration: 2s; 
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
}
.slowest {
	-webkit-animation-duration: 3s; 
	animation-duration: 3s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
}

@-webkit-keyframes fadeInUpShort { 
  0% { 
    opacity: 0; 
    -webkit-transform: translateY(20px); 
  } 
  100% { 
    opacity: 1; 
    -webkit-transform: translateY(0); 
  } 
} 

@keyframes fadeInUpShort { 
  0% { 
		opacity: 0; 
		-webkit-transform: translateY(20px); 
		transform: translateY(20px); 
  } 
  100% { 
		opacity: 1; 
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
  } 
} 
.fadeInUpShort {
	opacity: 0;
	-webkit-transform: translateY(20px); 
	-ms-transform: translateY(20px); 
	transform: translateY(20px); 
}
.fadeInUpShort.go { 
  -webkit-animation-name: fadeInUpShort; 
  animation-name: fadeInUpShort; 
}

@-webkit-keyframes fadeInLeft { 
  0% { 
    opacity: 0; 
    -webkit-transform: translateX(-60px); 
  } 
  100% { 
    opacity: 1; 
    -webkit-transform: translateX(0); 
  } 
} 

@keyframes fadeInLeft { 
  0% { 
		opacity: 0; 
		-webkit-transform: translateX(-60px); 
		transform: translateX(-60px); 
  } 
  100% { 
		opacity: 1; 
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
  } 
} 
.fadeInLeft {
	opacity: 0;
	-webkit-transform: translateX(-60px); 
	-ms-transform: translateX(-60px); 
	transform: translateX(-60px); 
}
.fadeInLeft.go { 
  -webkit-animation-name: fadeInLeft; 
  animation-name: fadeInLeft; 
}

@-webkit-keyframes fadeInRight { 
  0% { 
	  opacity: 0; 
	  -webkit-transform: translateX(60px); 
  } 
  100% { 
    opacity: 1; 
    -webkit-transform: translateX(0); 
  } 
} 

@keyframes fadeInRight { 
  0% { 
		opacity: 0; 
		-webkit-transform: translateX(60px); 
		transform: translateX(60px); 
  } 
  100% { 
		opacity: 1; 
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
  } 
} 
.fadeInRight {
	opacity: 0;
	-webkit-transform: translateX(60px); 
	-ms-transform: translateX(60px); 
	transform: translateX(60px); 
}
.fadeInRight.go { 
  -webkit-animation-name: fadeInRight; 
  animation-name: fadeInRight; 
}
 
/* video overlay */
.video-overlay {
	padding: 2em;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.45);
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.video-overlay.active {
	opacity: 1;
	visibility: visible;
}

.video-overlay .vo-cont {
	padding: 2em;
	max-width: 900px;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 1px 16px rgba(0,0,0,0.15);
	margin: 0 auto;
	text-align: center;
}

.video-overlay .vo-cont .btn {
	margin-top: 1.5em;
	font-size: 0.875em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.video-overlay, .video-overlay .vo-cont {
		padding: 1em;
	}
	
}

#mc4wp-form-1 .mc4wp-response {
	text-align:center;
}

#mc4wp-form-1 .mc4wp-response a {
  background: #7ab800;
  display: block;
  width: 330px;
  text-align: center;
  padding: 10px;
  color: #FFF;
	margin: 0  auto;
}
	
#mc4wp-form-1 input[type="submit"]:hover {
  background-color: #CCC;
  cursor: pointer;
}

/* fitvids */
.fluid-width-video-wrapper{width:100%;position:relative;padding:56.25% 0 0 0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Landing pages */
.lp {
	padding-top: 120px;
}

.lp header:before {
	content: none;
	display: none;
}

.lp header .row {
	padding: 2em 0;
}

.lp header.scrolled .row {
	padding: 1.5em 0;
}

.lp header .h-cta, .lp header .h-apps {
	display: inline-block;
	padding-left: 2em;
	text-transform: none;
	vertical-align: middle;
	line-height: 1.2;
}

.lp header .h-cta span {
	display: block;
	font-size: 0.8125em;
}

.lp header .h-cta span + span {
	font-size: 1.25em;
	font-weight: 700;
}

.lp header .h-cta a {
	color: #7ab800;
	font-size: 0.8125em;
	display: inline-block;
	text-decoration: underline;
	font-weight: 700;
	border: none;
}

.lp header .h-apps {
	padding-left: 0;
}

.lp header .h-apps a {
	display: inline-block;
	border-bottom: none;
}

.lp header .h-apps a + a {
	margin-left: 1em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.lp {
		padding-top: 71px;
	}
	
	.lp header .row, .lp header.scrolled .row {
		padding: 1em 0;
	}
	
	.lp header .logo + a, .lp header .h-cta, .lp header .h-apps {
		display: none;
	}
	
}

/* Lp1 intro banner */
.landing-intro-banner {
	text-align: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #FFF;
	padding: 8em 0;
}

.landing-intro-banner h1 {
	color: #FFF;
	max-width: 650px;
	margin: 0 auto 0.5em auto;
}

.landing-intro-banner h2 {
	font-size: 11em;
	line-height: 1;
	text-shadow: 0 0 16px rgba(0,0,0,0.2);
	color: #FFF;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.landing-intro-banner ul {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #FFF;
	padding-left: 3.75em;
	margin-left: 1.5em;
	text-align: left;
}

.landing-intro-banner li {
	font-size: 1.125em;
	margin: 1em 0;
	position: relative;
}

.landing-intro-banner li:first-of-type {
	margin-top: 0;
}

.landing-intro-banner li:last-of-type {
	margin-bottom: 0;
}

.landing-intro-banner li:before {
	content: '';
	background-image: url('library/images/icons/tick-list-item.png');
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 23px;
	height: 17px;
	position: absolute;
	left: -35px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.landing-intro-banner .btn {
	margin: 0.5em 0;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.landing-intro-banner {
		padding: 3em 0;
	}
	
	.landing-intro-banner h2 {
		font-size: 5em;
		margin: 0.125em 0 0.25em;
	}
	
	.landing-intro-banner ul {
		margin: 0 0 0 2em;
		padding: 0;
		display: block;
		border-left: none;
		margin: 0 0 1em 0;
		text-align: center;
	}
	
	.landing-intro-banner li:before {
		display: inline-block;
		position: static;
		margin-right: 0.75em;
	}
	
}

/* Vertical content block */
.vert-content-block .row {
	max-width: 760px;
	text-align: center;
	margin: 0 auto;
}

.vert-content-block h2 {
	color: #7ab800;
}

.vert-content-block .btn {
	margin: 2.5em 0 0.5em;
}

.vert-content-block .btn + p {
	font-size: 1em;
}

/* Landing app intro banner */
.landing-app-intro-banner {
	background-image: url('library/images/lp1-banner-bg.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #FFF;
	z-index: 44;
}

.landing-app-intro-banner h1 {
	color: #FFF;
	margin: 0;
	font-size: 2.875em;
}

.landing-app-intro-banner h1 span {
	display: block;
	font-size: 0.5em;
	margin-top: 0.1em;
}

.laib-app {
	padding-top: 4em;
}

.laib-app img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.laib-head {
	padding-right: 0;
}

.laib-apps {
	padding-left: 0;
}

.laib-head, .laib-apps {
	padding-top: 12em;
	padding-bottom: 12em;
}

.laib-apps a {
	border-bottom: none;
	display: inline-block;
}

.laib-apps a:last-child {
	margin-top: 0.5em;
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.landing-app-intro-banner {
		text-align: center;
		height: 615px;
	}
	
	.landing-app-intro-banner .row {
		display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
    flex-direction: column;
	}
	
	.landing-app-intro-banner h1 {
		font-size: 2.5em;
	}
	
	.laib-app {
		padding: 0;
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}
	
	.laib-app img {
		max-width: 70%;
	}
	
	.laib-head {
		padding-top: 3em;
		padding-bottom: 3em;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	
	.laib-apps {
		padding-top: 0;
		padding-bottom: 0.5em;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
	
}

/* App breakdown block */
.app-breakdown-block {
	padding-top: 17em;
	padding-bottom: 4em;
	overflow: hidden;
}

.app-breakdown-block h2 {
	text-align: center;
	color: #7ab800;
	margin-bottom: 1em;
}

.abb-left, .abb-right {
	padding-top: 6em;
	padding-bottom: 6em;
}

.abb-left {
	text-align: right;
}

.abb-cent {
	overflow: hidden;
}

.abb-cent img {
	display: block;
	margin: 0 auto;
}

.abb-cent ul {
	position: relative;
	padding: 0 1em;
}

.abb-cent .abb-device {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 222;
	pointer-events: none;
}

.abb-cent .abb-device:before {
	content: '';
	left: -222em;
	top: 0;
	bottom: 0;
	width: 222em;
	position: absolute;
	background-color: #FFF;
	z-index: 222;
}

.abb-cent .abb-device:after {
	content: '';
	right: -222em;
	top: 0;
	bottom: 0;
	width: 222em;
	position: absolute;
	background-color: #FFF;
	z-index: 222;
}

.abb-cent .slick-list {
	margin: 0 auto;
	max-width: 268px;
}

.abb-cent .slick-dots {
	width: 100%;
	text-align: center;
	margin-top: 7.5em;
}

.abb-cent .slick-dots li {
	display: inline-block;
	padding: 0 0.25em;
}

.abb-cent .slick-dots button {
	background-color: #7ab800;
	opacity: 0.5;
	height: 0.5em;
	width: 0.5em;
	border-radius: 100%;
	text-indent: -9999em;
	display: block;
}

.abb-cent .slick-dots .slick-active button {
	opacity: 1;	
}

.app-breakdown-block h3 {
	color: #434d4e;
}

.app-breakdown-block p {
	padding: 0.15em 0 2.75em 0;
	color: #a6aeae;
}

.abb-apps a {
	border: none;
	display: inline-block;
}

.abb-apps a img {
	display: block;
}

.abb-apps a:last-of-type {
	margin-top: 0.25em;
}

@media handheld, only screen and (max-width: 72.5em) {
	
	.abb-left, .abb-right {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
}

@media handheld, only screen and (max-width: 56.25em) {
	
	.app-breakdown-block {
		padding-bottom: 0;
		padding-top: 23em;
	}
	
	.app-breakdown-block h2 {
		margin-bottom: 0.375em;
	}
	
	.abb-left, .abb-right {
		text-align: center;
	}
	
	.abb-left p:last-child {
		padding-bottom: 0;
	}
	
}

@media handheld, only screen and (max-width: 32em) {
	
	.app-breakdown-block {
		padding-top: 65%;
	}
	
}

#livechat-compact-container {
  bottom: 20px !important; }

#livechat-full {
  bottom: 20px !important; }
