@import url(//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,600|Roboto+Slab:400,700);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 16px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #8f9296; /* old #9fa3a7 */
}
a {
	color:#000;
}
a:hover {
	color:#666;
}
a.btn,
#popup-request-form input#submit,
form.lj .submit {
  display: inline-block;
  background: #51b9bc;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.175em;
  padding: 22px 33px;
  border-radius: 28px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: bold;
  outline: none;
  -webkit-appearance: none;
}
a.btn:hover,
#popup-request-form input#submit:hover,
form.lj .submit:hover{background: #43A8AB;}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color: #292929;
	font-family: 'Roboto Slab', 'Times New Roman', Times, Georgia, serif;
	font-weight: normal; 
}
h1 {
  margin: 0 0 .5em;
	font-size: 40px;
	line-height: 1.3em;
}
h2 {
  margin: 0 0 .3em;
	font-size: 35px;
	line-height: 1.2em;
}
h3 {
  margin: 0 0 .3em;
	font-size: 20px;
}
h4 {
  font-size: 12px;
  letter-spacing: 0.26em;
  margin: 0 0 .9em;
  text-transform: uppercase;
  color: #8f9296;
}
p {margin:0 0 1em;line-height:1.6em;}
ul,ol{margin:0 0 1em 30px;padding: 0;}
ul li, ol li{line-height:1.6em;margin: 0 0 6px;padding: 0; position: relative; }
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}
#preloadme {position: absolute;left: -888em;width: 0px;height: 0px;overflow: hidden;}
.lateload{display:none !important;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background: #000002;
	height: 100%;
}
#wrapper {
  width: 100%;
  overflow: hidden;
  z-index: 2;
  min-height: 800px;
  background:#fff;
}
.pagewidth {
  margin: 0 auto;
	width: 1200px;
}

/* ========================================================== Header */
header.heady {z-index: 3;
	background: #fff;
	height: 120px;
}
header.heady #logo {
  margin: 0;
  float:left;
  height:120px;
  line-height: 120px;
  font-size:0px;
  
}
header.heady #logo.logotxt{font-size:40px;white-space: nowrap;}
header.heady #logo a{text-decoration: none;color:#292929;font-family: 'Roboto Slab', 'Times New Roman', Times, Georgia, serif;}
header.heady #logo img {max-height:100px;max-width:300px;vertical-align: middle;}
#callnow {
	color: #376768;
	letter-spacing: 0.1em;
	position: absolute;
	text-decoration: none;
	top: 130px;
	right: 0;
	font-size: 26px;
	font-weight: bold;
}
.sub #callnow{display: none;}

/* ========================================================== Content */

.page-section {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
#welcome-block {
  background: url('/images/marketing/welcome-bg.jpg') no-repeat center top;
  background-size: cover; 
  overflow: visible;
  z-index: 10;
}
#welcome-block .pagewidth { padding: 196px 0 140px; }
#welcome-block .block-content { width: 520px; }
#welcome-block .block-content p { font-size: 18px; }
#welcome-block .block-content p a.btn { margin: 13px 0; }
#godown{text-align: center;margin-top:50px;}
#godown a{display: inline-block;text-decoration: none;font-family: verdana;font-size:60px;animation: bounce 2.5s infinite;transform: rotate(180deg);color:#51b9bc;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(180deg);
  }
  40% {
    transform: translateY(-30px) rotate(180deg);
  }
  60% {
    transform: translateY(-15px) rotate(180deg);
  }
}
#devices {
  background: url('/images/marketing/devices-bg.png') no-repeat center top;
  width: 1145px;
  height: 998px;
  position: absolute;
  right: -350px;
  top: 0;
}
#devices .iphone-screen {
  position: absolute;
  left: 188px;
  top: 287px;
  width: 254px;
  height: 251px;
}
#devices .ipad-screen {
  position: absolute;
  left: 235px;
  top: 0;
  width: 414px;
  height: 305px;
}
#devices .macbook-screen {
  position: absolute;
  left: 593px;
  top: 176px;
  width: 536px;
  height: 536px;
}
#steps-block {
  padding: 120px 0 141px;
  text-align: center;
  background:#fff linear-gradient(to bottom, rgba(211,222,228,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
}
#steps-block .cols3 {
  padding: 108px 0 0;
}
#steps-block figure {
  width: 100%;
  overflow: hidden;
  margin: 0 0 56px;
}
#steps-block figure img{
  max-height:150px;
}
#steps-block .content {
  padding: 7px 0 0 60px;
  text-align: left;
}
#steps-block .content p {
  line-height: 1.8em;
}
#steps-block .content:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #51b9bc;
  font: bold 1em/40px 'Montserrat', Arial, Helvetica, sans-serif;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
#steps-block .step1 .content:after { content: '1'; }
#steps-block .step2 .content:after { content: '2'; }
#steps-block .step3 .content:after { content: '3'; }

#products-block { 
  background: #51b9bc;
  padding: 137px 0 160px;
  color: #fff; 
  text-align: center;
}
#products-block h2, #products-block h3, #products-block h4, #products-block p { color: #fff; }

#products-block a.btn { 
  background: #51b9bc; 
  box-shadow: inset 0 0 0 2px #fff; 
  margin: 22px 0 0;
  padding: 22px 35px;
  font-size: 12px;
}
#products-block .active a.btn, #products-block a.btn:hover { background: #43a8ab; box-shadow: none; }

#products-block ul { list-style: none; margin: 27px 0; }
#products-block ul li { padding: 0 0 0 36px; margin: 0 0 18px; color: #fff; line-height: 20px; font-size: 14px; letter-spacing: 0.03em; background: url('/images/marketing/list-bullet-circle.png') no-repeat left top; }

#products-block .tabs-holder { padding: 40px 0 0; }

#products-block .tabs-nav section { padding-top: 130px; }
#products-block .tabs-nav section.email { background: url('/images/marketing/icon-email.png') no-repeat center 30px / 76px; }
#products-block .tabs-nav section.sms { background: url('/images/marketing/icon-phone.png') no-repeat center 30px / 76px; }
#products-block .tabs-nav section.insta { background: url('/images/marketing/icon-chat.png') no-repeat center 30px / 76px; }
#products-block .tabs-nav section h3 { 
  font: 18px 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0.09em;
  margin: 0 0 0.7em;
  text-transform: uppercase;
}
#products-block .tabs-nav section h3 strong { font-weight: bold; }
#products-block .tabs-nav section p { font-size: 12px; line-height: 1.8em; }

#products-block .tabs-content .tab-content { padding-right: 55%; }
#products-block .tabs-content .tab-content:before { 
  display: block;
  content: '';
  width: 33px;
  height: 18px;
  position: absolute;
  left: 16.666%;
  top: -18px;
  background: url('/images/marketing/tab-arrow.png') no-repeat left top;
  transform:translateX(-50%);
}
#products-block .tabs-content .tab-content.sms:before { left: 50%; }
#products-block .tabs-content .tab-content.insta:before { left: 83.333%; }
@media screen and (min-width: 981px) {
	#products-block .tabs-content .tab-content:before{left: calc(16.666% + 45px);}
	#products-block .tabs-content .tab-content.insta:before { left: calc(83.333% - 45px); }
}
#products-block .tabs-content .tab-content:after { 
  display: block;
  content: '';
  width: 50%;
  max-height: 428px;
  position: absolute;
  right: 5%;
  top: 123px;
  bottom: 0;
}
#products-block .tabs-content .email:after { 
  background: url('/images/marketing/tabs-email-surge.png') no-repeat center bottom;
  background-size: contain;
}
#products-block .tabs-content .insta:after { 
  background: url('/images/marketing/tabs-insta-surge.png') no-repeat center bottom;
  background-size: contain;
  max-height: 520px;
}
#products-block .tabs-content .sms:after { 
  background: url('/images/marketing/tabs-sms-surge.png') no-repeat center bottom;
  background-size: contain;
  max-height: 510px;
}

#benefits-block { background: #f7f8f9; }
#benefits-block .pagewidth:after { 
  display: block;
  content: '';
  width: 800px;
  height: 772px;
  position: absolute;
  left: 50%;
  top: 0;
  background: url('/images/marketing/benefits-bg.jpg') no-repeat center top;
}
#benefits-block .block-content { 
  width: 430px;
  padding: 110px 185px 110px 0;
}
#benefits-block ul { list-style: none; margin: 30px 0; }
#benefits-block ul li { padding: 0 0 0 36px; margin: 0 0 25px; color: #8f9296; letter-spacing: 0.01em; background: url('/images/marketing/list-check.png') no-repeat left 7px; }

#testimonials-block {
  background: #f7f8f9;
  padding: 130px 0 104px;
  text-align: center;
}
#testimonials-block .item {
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 37px 0 0;
}
#testimonials-block .item figure {
  width: 55%;
  float: left;
  text-align: center;
  padding: 40px 0;
  margin: 0 36px 0 0;
}
#testimonials-block .item figure img {
  -moz-box-shadow: -8px 8px 35px 0 rgba(0,0,0,.4);-webkit-box-shadow: -8px 8px 35px 0 rgba(0,0,0,.4);box-shadow: -8px 8px 35px 0 rgba(0,0,0,.4);
  max-width: 79%;
}
#testimonials-block .item .content {
  background: url('/images/marketing/icon-quote.png') no-repeat left 60px;
  padding: 10% 0 0;
  float: left;
  width: 36%;
}
#testimonials-block .item .content h3 {
  font-size: 28px;
  margin: 0 0 28px;
}
#testimonials-block .item .content p { line-height: 1.6em; }
#testimonials-block .item .content p.author-info {
  font-family: 'Roboto Slab', 'Times New Roman', Times, Georgia, serif;
  font-size: 18px;
  line-height: 1.2em;
  margin: 48px 0 30px;
}
#testimonials-block .item .content p.author-info span {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.18em;
}
#testimonials-block .item .content p.author-info img{width:300px;max-width:100%;margin-bottom:10px;}
#get-started-block {
  background: #111 url('/images/marketing/get-started-bg.jpg') no-repeat center top;
  padding: 158px 0 120px;
  text-align: center;
  color: #fff;
}
#get-started-block h2 {
  color: #fff;
  font-size: 30px;
  line-height: 1.3em;
  margin: 0 0 1em;
}
#get-started-block p {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.09em;
}
#get-started-block p a.btn {
  margin: 0 0 19px;
}
#get-started-block p.give-us-call { text-transform: uppercase; }
#get-started-block p.give-us-call a{font-weight: bold;color:#fff; text-decoration: none;}
#earn-block {
  padding: 164px 0 102px;
}
#earn-block h2 {
  margin: 0 0 50px;
}
#earn-block .earnings {
  width: 42.5%;
  background: #292929;
  padding: 5px 45px 40px;
  color: #fff;
  text-align: center;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  border-radius: 5px;
  float: right;
}
#earn-block .earnings h4 { color: #8f9296; margin: 40px 0 6px; }
#earn-block .earnings strong { text-transform: uppercase; font: bold 40px 'Montserrat', Arial, Helvetica, sans-serif; }
#earn-block  .earnings p {color: #666;font-size: 9px;margin-bottom: -25px;margin-top: 2em;}
#earn-block .calc { 
  width: 49%;
  float: left;
  margin:0;
}
#earn-block .item { 
  width: 100%;
  padding: 0;
  margin: 0 0 14px;
  position: relative;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
#earn-block .item h4 { 
  float: left;
  width: 400px;
  margin: 0 0 20px;
  color: #292929;
  line-height: 1.8em;
  font-size: 14px;
  letter-spacing: 0.24em;
}
#earn-block .item h4 small { 
  font: 14px 'Open Sans', Arial, Helvetica, sans-serif;
  color: #8f9296;
  text-transform: none;
  letter-spacing: 0;
}
#earn-block .calc .output { 
  border: 1px solid #e6e6e6;
  background: #fff;
  width: 90px;
  height: 46px;
  border-radius: 4px;
  color: #242424;
  text-align: center;
  font: bold 18px/48px 'Montserrat', Arial, Helvetica, sans-serif;
  display: block;
  float: right;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

/* join */
#join-block { background: #fff; padding: 75px 0; }
#join-block form { max-width: 800px; width: 100%; margin: 0 auto; }
#join-block section.cardbox { background: #f1f5f9; padding: 4%; margin-bottom: 28px; z-index: 4; }
#join-block section.cardbox input#cc_num { background: #fff url(/images/marketing/logo-credit-cards.png) no-repeat right center; }
#join-block p#charge { display: inline-block; }

/* pricing */
#pricing-block { padding: 75px 0; }
#plans { width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; }
#plans section { background: #fff; border: 1px solid #d7dee2; width: 31.3333%; overflow: hidden; float: left; margin: 0 1% 20px 1%; padding: 0px 40px 30px; box-sizing: border-box; text-align: center; min-height: 403px; }
#plans section h3 { font-size: 25px; text-transform: uppercase; color: #455a64; margin:0 -40px 15px;padding:25px 10px; background: url('/images/marketing/welcome-bg.jpg') no-repeat center center;background-size: cover;}
#plans section p { color: #90a4ae; margin: 0 0 10px; font-size: 12px; }
#plans section p.price { line-height: 60px; font-size: 50px; margin-bottom: 13px; height: 66px; color: #223144; letter-spacing: 0; display: inline-block; position: relative; }
#plans section p.price sup { font-size: 30px; position: relative; top: -.5em; vertical-align: baseline; }
#plans section p.price sub { color: #b0bec5; font-size: 11px; line-height: 11px; display: block; text-align: right; bottom: 12px; right: -7px; position: absolute; }
#plans section p.setup { line-height: 26px; font-size: 20px; margin-bottom: 13px; color: #223144; letter-spacing: 0; display: inline-block; position: relative; }
#plans .plan-features {  margin: 0; }
#plans .plan-features li { list-style: none;}
#plans .plan-features li.strikethrough { text-decoration: line-through; }
@media screen and (max-width: 1000px) {
  #plans { max-width: 400px; }
  #plans section { width: 100%; margin: 0 0 20px; }
}

/* Regular pages */
#standard-block {background: #fff;padding: 0 0 75px;min-height: 400px;}
#standard-block .heroheading{margin-bottom:4em;display:table;width:100%;background: url('/images/marketing/welcome-bg.jpg') no-repeat center center;background-size: 100% 100%; }
#standard-block .heroheading h1{padding:2em 1em;display: table-cell; text-align: center; vertical-align: middle;margin:0;}
#standard-block .pagewidth{max-width:900px;margin:0 auto;}
#standard-block img{max-width: 100%;height: auto;}
#standard-block h2{margin:2em 0 .5em !important;}


/* ========================================================== Footer */
footer.footy{
  width: 100%;
	background: #000002;
	padding: 156px 0 20px;
	text-align: center;
}
footer.footy a{
	color: #717171;
	text-decoration: none;
}
footer.footy a:hover{
	color: #717171;
	text-decoration: underline;
}
footer.footy p {
	margin:0;
	color: #2c2c2c;
}
footer.footy p.links {
	padding: 0 0 15px;
	margin: 0 0 30px;
	color: #fff;
}
footer.footy p.links a {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding: 0 15px 15px;
	font: 12px 'Montserrat', Arial, Helvetica, sans-serif;
	letter-spacing: 0.18em;
}
footer.footy p#copy {
	padding: 30px 0 0;
	border-top: 1px solid #222;
	font-size: 10px;
}
.scrollToTop {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 50px;
    color: #8f9296;
    display: none;
    font-size: 2em;
    height: 50px;
    line-height: 55px;
    position: fixed;
    right: 40px;
    text-align: center;
    width: 50px;
    z-index: 100;
    text-decoration: none;
    font-family: verdana;
}

/* ================================================ Horizontal Menu */
#hnav {float:right;width:auto;margin:37px 0 0;padding:0;}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	padding:16px 12px;
   	font: 13px/1em 'Montserrat', Arial, Helvetica, sans-serif;
   	text-decoration:none;
   	color:#8f9296;
   	text-transform: uppercase;
   	letter-spacing: 0.15em;
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#8f9296;
}
#hnav ul li a.btn { padding: 16px 22px; color: #fff; margin-left: 13px; letter-spacing: 0.14em; }

/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	width:200px;
    /*-webkit-transition: top .2s ease, opacity .2s ease;-moz-transition: top .2s ease, opacity .2s ease;-o-transition: top .2s ease, opacity .2s ease;transition: top .2s ease, opacity .2s ease;*/
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	font-size:14px;
	line-height:14px;
	background:#333;
	color:#fff; 
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
	background:#444; 
   	color:#fff;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:38px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}


/* =========================================================== Tabs */
.tabs-holder {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.tabs-holder .tabs-nav {
  width: 100%;
  overflow: hidden;
  margin: 0 0 28px;
  padding: 0 77px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tabs-holder .tabs-nav section {
  padding: 0 20px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tabs-holder .tabs-content {
  width: 100%;
  overflow: hidden;
  text-align: left;
  margin: 0;
  padding: 18px 0 0;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tabs-holder .tab-content {
  display: none;
  background: #43a8ab;
  padding: 144px 10%;
  width: 100%;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tabs-holder .tab-content.active {
  display: block;
}
.tabs-holder .tab-content h2 { font-size: 30px; }
.tabs-holder .tab-content p { font-size: 14px; line-height: 1.6em; }


/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
background: #fafafa;
color:#8f9296;             /* Input Text Color */
display: block;
width: 100%;
font-size: 14px;
border: 1px solid #e6e6e6; /* Input Border */
padding: 0 20px;
border-radius:4px;
box-sizing: border-box;
height: 48px;
line-height: 48px;
margin: 0 0 20px;
}
form.lj textarea {
height: auto;
line-height: 1.4em;
padding: 10px 20px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);outline: none;}
form.lj .submit {
border: none;
cursor: pointer;
display: inline-block;
width: auto;
margin: 0 20px 20px 0;
padding: 10px;
height: 58px;
line-height: 1em;
min-width: 200px;
}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj .field { box-sizing: border-box; padding: 0 1%; }
form.lj .field.inline label, form.lj .field.inline input { display: inline; width: auto; height: auto; margin-bottom: 0; }
form.lj .field{display: block;margin-bottom: 1em;}
form.lj .field.f3{float:left;width:33.3%;}
form.lj .field.f2{float:left;width:50%;}
form.lj .first{padding-top: 1em;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

.StripeElement { background: #fafafa; color:#8f9296 !important; padding: 17px 20px; border-radius: 4px; border: 1px solid #e6e6e6; font-size: 14px; }
.StripeElement--invalid { border-color: #fa755a; }


/* ========================================================= Alerts */
ul.alerts{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;margin-left:1%;margin-right:1%;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
ul.alerts li { list-style: none; }
ul.alerts li:last-child { margin-bottom: 0; }
ul.alerts.errors{background: #fcc;border-color:#c00;}
ul.alerts.warn{background: #ffc;border-color:#ff3;}
ul.alerts:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
ul.alerts.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
ul.alerts.warn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;} 

/* ========================================================= Range Slider */
.slider {
  width: 100%;
  float: left;
  margin: 0 0 50px !important;
}

.slider > .dragger {
  background: #51b9bc;
  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.slider > .dragger:hover {
  background: #43a8ab;
}
.slider > .track, .slider > .highlight-track {
  background: #eee;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  border-radius: 8px;
  height: 9px;
}
.slider > .highlight-track {
  background-color: #51b9bc;
}


/* ========================================================= Popup */
#popup-request-form { 
  background: #fff url('/images/marketing/popup-bg.png') no-repeat calc(100% - 80px) bottom;
  width: 50%;
  min-width: 800px;
  margin: 0 auto;
  padding: 0px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#popup-request-form form { 
  width: 300px;
  overflow: hidden;
  padding: 60px 70px 20px;
}
#popup-request-form form h2 { 
  font-size: 24px;
}
#popup-request-form form p { 
  font-size: 14px;
  margin: 0 0 20px;
}
#popup-request-form input { 
  width: 100%;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #8f9296;
  font-size: 14px;
  padding: 0 20px;
  margin: 0 0 18px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#popup-request-form input#submit { 
  height: 58px;
  line-height: 58px;
  width: 200px;
  padding: 0 10px;
  cursor: pointer;
}
#popup-request-success { display: none; padding-top:60px; text-align:center; background:#fff;}
#popup-request-no-call { display: none; padding:60px 70px; text-align:center;  background:#fff;}
#popup-request-success .close-it {text-decoration: underline; cursor: pointer;font-size: .8em;}
#popup-request-form input.error { border-color: #d61f1f; }
#spinner-holder { 
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    z-index: 100; 
}
#spinner:before,
#spinner:after,
#spinner {
  border-radius: 5px;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
#spinner {
  font-size: 10px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  text-indent: -9999em;
  padding: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
#spinner:before {
  left: -3em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#spinner:after {
  left: 3em;
}
#spinner:before,
#spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #71a394;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #71a394;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #71a394;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #71a394;
  }
}

/* ================================================================== Tablet */
#hamburger { display: none; }
@media screen and (max-width: 1260px) {
	.pagewidth{margin: 0 30px;max-width: 1200px;width:auto;}
	#welcome-block .block-content p {max-width: 400px;}
	#devices{right:-420px;}
	#benefits-block .pagewidth::after{  background-position:  -100px top;
}
}
@media screen and (max-width: 1080px) {
#hnav ul li a{font-size:12px;}
#benefits-block .pagewidth::after{  background-position:  -200px top;
}


	@media screen and (max-width: 980px) {


    img, table, iframe { max-width: 100%; }
    img {height: auto;}
    iframe { width: 100%; }
    table { overflow-x: auto; }
    
	  /* ==================== Page */
	  body { background: none; }
	  h1 { font-size: 1.8em; }
	  h2 { font-size: 1.4em !important; }
	  h3 { font-size: 1.2em; }
	  h4 { font-size: 1em; }
	  h1, h2 { margin: 0 0 15px !important; }
	  h3, h4, h5, h6 { margin: 0 0 6px; }
	  .pagewidth { width: 100%; padding: 0 60px !important;margin:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    header.heady, #wrapper, footer.footy { width: 100%; }
    
    /* ==================== Header */
    header.heady .pagewidth { height: 120px; }
    #callnow{top:49px;right:165px;left:auto;}
    
    /* ==================== Nav */
    #hamburger { display: block; padding:16px 15px; font: 18px/1em 'Montserrat', Arial, Helvetica, sans-serif; color:#8f9296; letter-spacing: 0.15em; text-transform: uppercase; cursor: pointer; position: absolute; top: 0; right: 0; }
    #hnav{ top: 35px; margin: 0; left:0; width:100%; display:block; position:absolute; z-index: 1001; }
    #hnav .nav-menu { display: none; overflow: hidden; background: #fff; top: 85px; border-top: 2px solid #51b9bc; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);}
    #hnav ul { width: 100%; padding: 10px 0; overflow: hidden; }
    #hnav ul li{ width: 100%; display: block; position: relative; }
    #hnav ul li a {font-size:15px; padding: 15px 15px; display: block; text-align: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav ul li a.btn { display: inline-block; margin: 10px 15px; }

    /* ==================== Content */
    .page-section { padding: 45px 0 !important; }
    #standard-block.page-section { padding-top:0 !important; }
    #welcome-block .block-content { width: 100%; }
    #steps-block .cols3 { padding: 15px 0 0; }
    .tabs-holder .tabs-nav { padding: 0; }
    .tabs-holder .tabs-nav section { padding-left: 20px; padding-right: 20px; }
    #products-block .tabs-holder  { padding: 0; }
    #products-block .tabs-content .tab-content { padding: 20px 50% 20px 30px; }
    #products-block .tabs-content .tab-content:after { top: 20px; right: 2%; width: 48%; max-height: 100%; }
    #benefits-block .pagewidth:after { width: 50%; height: 130%; height: calc(100% + 90px); position: absolute; left: 50%; top: -45px; bottom: 0; background-size: cover; background-position: center center; }
    #benefits-block .block-content { width: 40%; padding: 30px 5% 30px 0;}
    #earn-block .item h4 { width: 100%; }
    #earn-block .item .slider { margin: 0 0 10px !important; }
    #earn-block .calc .output { position: relative; top: auto; right: auto; }
    #testimonials-block .item { padding: 0; }
    #testimonials-block .item figure { width: 100%; padding: 26px 26px 26px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #testimonials-block .item .content { width: 100%; padding: 40px 0 0; background-position: left 5px; }
    #welcome-block { padding: 0 !important; }
    #welcome-block .pagewidth {padding: 45px 60px !important }
    #welcome-block .block-content { width: 50%; }
    #welcome-block #devices { width: 50%; height: auto; position: absolute; right: 0; top: 0; background-size: contain; padding: 0 0 44%; }
    #devices .iphone-screen, #devices .macbook-screen, #devices .ipad-screen { width: 100%; left: 0; top: 0; bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  
    #devices .iphone-screen { padding: 24.95% 61.3% 0 16.5%; }  
    #devices .macbook-screen { padding: 15.5% 1% 0 52%; }  
    #devices .ipad-screen { padding: 0 43.3% 0 20.5%; }  
   
    /* ==================== Footer */
    footer.footy { background-position: center 40px; padding-top: 90px; }
}

@media screen and (max-width: 767px) {
    .cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{ float: none; width: 100% !important; margin: 0 0 15px !important; }
    header.heady #logo.logotxt{font-size:20px;}
    #steps-block figure{margin:50px 0 25px;}
        #popup-request-form { width: 100%; min-width: 0; background-size: 140px; background-position: center bottom; padding: 0 0 225px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
        #popup-request-form form{padding:60px 20px 20px;max-width: 300px; margin: 0 auto; }
        #popup-request-no-call { display: none; padding:60px 20px; }
            #earn-block .calc { width: 100%; margin: 0; }
    #earn-block .earnings { width: 100%; }
    #earn-block .calc .output {position: absolute; right: 0; bottom: 46px;top: auto;height: auto;width: auto;line-height: 1em;border: none; background:none;}
    .tabs-holder .tabs-nav{margin-bottom:0;}
    .tabs-holder .tabs-nav.cols3 section{float:left !important; width:33.333333% !important;}
    .tabs-holder .tabs-nav section{padding:130px 5px 10px; cursor:pointer;}
    #products-block .tabs-nav section p{font-size:11px;line-height: 1.3em;}
    .tabs-holder .tabs-nav section.active {background-color: rgba(255,255,255,.2) !important;border-radius: 5px;}
    #products-block .tabs-nav section .btn{display:none;}
    .slider > .dragger{width:46px;height:46px;}
    .scrollToTop{display:none;}
    #callnow {right:125px;}
}    
@media screen and (max-width: 640px) {
	 header.heady #logo.logotxt{font-size:16px;}
	#welcome-block .pagewidth {padding: 30px 20px !important;}
	.pagewidth{padding:0 20px !important;}
    #products-block .tabs-content .tab-content { padding: 20px 20px 0; }
    #products-block h2 br{display:none;}
    #products-block .tabs-content .tab-content:after { top: auto; bottom: auto; right: auto; position: relative; height: auto; padding: 0 0 90%; width: 100%; }
    #benefits-block .pagewidth:after {marign-top:-40px; top: auto; bottom: -50px; left: -20px; position: relative; height: auto; padding: 0 0 90%; width: 120%; width: calc(100% + 40px); background-position: center top; }
    #benefits-block .block-content { width: 100%; padding: 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #steps-block.page-section{padding-top:55px !important;}
    #welcome-block .block-content { width: 100%; margin-top:-30px;}
    #welcome-block #devices { width: 100%; position: relative; top: -30px; padding: 0 0 88%; }
    #testimonials-block .item figure img{max-width: 100%;}
    #callnow {
    background: rgba(255, 255, 255, 0.8);
    border-top: 1px solid #eee;
    left: 0;
    padding: 7px 0;
    right: auto;
    text-align: center;
    top: 120px;
    width: 100%;
	}
	header.heady #logo{left:0;}
	header.heady #logo img{max-width:175px;}
}
@media screen and (max-width: 320px) {
    
}


/* ========================================================= Printer */
 @media print{
#leftcol, nav{display:none;}
body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady #logo,#footer p{width:100%;float:none;background:none;padding:0;}
p, li, footer.footy p, footer.footy p a{color:#666;}
header.heady,header.heady #logo, header.heady #logo a{ width: auto; height:auto; position:static;top:0;left:0;}
header.heady #logo{ margin-bottom:1em;}footer.footy{margin-top:1em;}
footer.footy p#credit{position:static;top:0;right:auto;}
}