@charset "utf-8";

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icons/icomoon.eot');
    src: url('../fonts/icons/icomoon.eot') format('embedded-opentype'),
         url('../fonts/icons/icomoon.woff2') format('woff2'),
         url('../fonts/icons/icomoon.woff') format('woff'),
         url('../fonts/icons/icomoon.ttf') format('truetype'),
         url('../fonts/icons/icomoon.svg#icomoon') format('svg');
}

@font-face {
    font-family: 'helveticaneueltprolt';
    src: url('../fonts/helveticaneueltprolt.eot');
    src: url('../fonts/helveticaneueltprolt.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltprolt.woff2') format('woff2'),
         url('../fonts/helveticaneueltprolt.woff') format('woff'),
         url('../fonts/helveticaneueltprolt.ttf') format('truetype'),
         url('../fonts/helveticaneueltprolt.svg#helveticaneueltprolt') format('svg');
}


@font-face {
    font-family: 'helveticaneueltprothex';
    src: url('../fonts/helveticaneueltprothex.eot');
    src: url('../fonts/helveticaneueltprothex.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltprothex.woff2') format('woff2'),
         url('../fonts/helveticaneueltprothex.woff') format('woff'),
         url('../fonts/helveticaneueltprothex.ttf') format('truetype'),
         url('../fonts/helveticaneueltprothex.svg#helveticaneueltprothex') format('svg');
}

@font-face {
    font-family: 'helveticaneueltprobdex';
    src: url('../fonts/helveticaneueltprobdex.eot');
    src: url('../fonts/helveticaneueltprobdex.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltprobdex.woff2') format('woff2'),
         url('../fonts/helveticaneueltprobdex.woff') format('woff'),
         url('../fonts/helveticaneueltprobdex.ttf') format('truetype'),
         url('../fonts/helveticaneueltprobdex.svg#helveticaneueltprobdex') format('svg');
}

@font-face {
    font-family: 'helveticaneueltproex';
    src: url('../fonts/helveticaneueltproex.eot');
    src: url('../fonts/helveticaneueltproex.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltproex.woff2') format('woff2'),
         url('../fonts/helveticaneueltproex.woff') format('woff'),
         url('../fonts/helveticaneueltproex.ttf') format('truetype'),
         url('../fonts/helveticaneueltproex.svg#helveticaneueltproex') format('svg');
}


html{
	min-height: 100%;
	}
body{
	min-width: 340px;
	min-height: 100%;
	color: #000;
	font: 18px/28px Arial, Helvetica, sans-serif;
	background: #363747;
	}
blockquote{
	margin: 0 0 20px 35px;
	}

a{
	color: #5e91eb;
	transition: .2s
	}
a:hover{
	color: #ff7b7b;
	text-decoration: none
	}

.landing h1{
	margin: 85px 0 15px!important;
	color: #fff;
	font: 55px/55px helveticaneueltproex, Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 1px 1px 2px #434343;
	display: block;
	width: 100%;
	}
.landing h2{
	margin: 0 0 30px!important;
	font: 48px/48px helveticaneueltprothex, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	}

.landing .inner{
	_margin: 0 auto;
	_padding: 0 20px;
	_max-width: 960px;
	}

.header-center {
	color: #fff;
	background: url(../lp/images/header-bg.jpg) top right no-repeat #9c9c9c;
}

.nav-item {
    font-family: "nimbus-sans",sans-serif;
    font-size: 16px;
    margin-left: 2rem;
}

.nav-item a {
    font-size: 18px;
}

.preorder-price{
	font: 48px/48px helveticaneueltprolt, Arial, Helvetica, sans-serif
	}
.preorder-button{
	margin: 15px;
	}
.preorder-button a{
	display: inline-block;
	padding: 20px 50px;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	line-height: 33px;
	text-decoration: none;
	background: #ff7b7b;
	border-radius: 35px;
	}
.preorder-button a:hover{
	background: #5d8ded
	}

.landing .header-center{
	padding: 0px 0 0;
	}
.landing .header-center .inner{
	overflow: hidden;
	padding: 0 20px 0px;
	margin: 0 auto;
	max-width: 1160px;
	text-align: center;
	}
.landing .header-image{
	float: left;
	margin: 20px 0 0 30px;
	}
.landing .header-text{
	float: left;
	margin: 15px 0 0 -30px;
	max-width: 520px;
	text-align: left;
	}
.landing .header-text p{
	margin: 0 0 15px;
	font-size: 32px;
	line-height: 32px;
	    text-shadow: 1px 1px 2px #434343;
	}
.landing .header-text ul{
	margin: 0 0 25px;
	padding: 0;
	font-size: 24px;
	    text-shadow: 1px 1px 2px #434343;
	}
.landing .header-text ul li{
	padding: 0 0 0 28px;
	background: url(../images/bullet-white-square.png) 0 10px no-repeat;
	}
.landing .header-devices{
	margin: 0 0 50px;
	text-align: center
	}
.landing .header-price{
	text-align: center;
	}
.landing .header-button{
	display: block;
	text-align: center;
	}
.landing .header-price-desc{ text-align: center }
#body{}
#body .inner{
	}
.quote-top{
	background: #5e91eb
	}
.quote-top .inner{
	position: relative;
	margin: 0 auto;
	padding: 20px;
	max-width: 740px;
	color: #fff;
	font-style: italic;
	font-size: 24px;
	line-height: 31px;
	letter-spacing: -1px;
	text-align: center;
	}
.quote-top .inner:after{
	content: "";
	position: absolute;
	bottom: -40px;
	right: 10%;
	width: 1px;
	height: 1px;
	border-width: 45px;
	border-style: solid;
	border-color: transparent transparent transparent #5e91eb
	}
.quote-top div{
	position: relative;
	z-index: 1;
}	

.features{
	color: #333;
	background: #f3f5f5;
	}
.features .inner{
	overflow: hidden;
	margin: 0 auto;
	padding: 88px 20px 60px;
	max-width: 1160px;
	}
.features .inner > h2{ display: none; text-align: center }
.features-left{
	float: left;
	margin: 0 0 0px;
	max-width: 570px;
	}
.features-tabs-nav{
	overflow: hidden;
	padding: 0;
	}
.features-tabs-nav li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height: 151px;
	border: 1px solid #dadcdc;
	}
.features-tabs-nav li a{
	display: table-cell;
	width: 135px;
	height: 135px;
	text-align: center;
	line-height: 146px;
	vertical-align: middle;
	
	transition: none
	}
.features-tabs-nav li.selected  a,
.features-tabs-nav li:hover a{
	_height: 146px;
	border-bottom: 6px solid #5d8ded;
	}
.features-tabs-nav li a img{
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle }
.features-tabs-container{
	text-align: center;
	height: 355px; 
	}
.features-tabs-container div{ display: none }
.features-right{
	float: left;
	margin: 0 0 0 20px;
	max-width: 540px;
	}
.features-right ul{
	margin: 0;
	padding: 0
	}
.features-right ul li{
	padding: 0 0 0 55px;
	max-width: 395px;
	font-size: 18px;
	line-height: 39px;
	background: url(../images/bullet-blue-tick.png) 0 5px no-repeat
	}
.features-right .preorder-button{ display: inline-block; margin-left: 35px; vertical-align: top; }
.features-right .preorder-price{ display: inline-block; line-height: 103px; vertical-align: top; }

.how-it-works{
	color: #fff;
	text-align: center;
	background: #5d8ded
	}
.how-it-works .inner{
	padding: 35px 20px 25px;
	}
.how-it-works a, .how-it-works a:hover {
	color: #fff;
}
.hiw-button{
	margin: 0 0 50px;
	}
.hiw-button a{
	display: inline-block;
	padding: 20px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	line-height: 27px;
	text-decoration: none;
	background: #5681e0;
	border: 2px solid #fff;
	border-radius: 35px;
	}
.hiw-button a:hover{
	color: #fff;
	background: #ff7b7b;
	}
.how-it-works ul{}
.how-it-works ul li{
	display: inline-block;
	margin: 0 30px;
	max-width: 210px;
	vertical-align: top;
	}
.how-it-works ul li div{
	height: 190px;
	}


.video-popup{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	background: rgba(0,0,0,0.9)
	}
.video-popup-close{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 19px;
	height: 19px;
	background: url(../images/icon-close-white.png) no-repeat;
	cursor: pointer;
	transition: .3s
	}
.video-popup-close:hover{
	opacity: .6
	}
.video-popup-frame{
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	left: 50px;
	}
.video-popup-frame iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border: none
	}

.quote-bottom{
	position: relative;
	background: url(../images/quote-image.jpg) center no-repeat;
	background-size: cover;
	}
.quote-bottom .inner{
	min-height: 420px;
	}
	.quote-bottom p {
	padding: 43px 41px;
	font-style: italic;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -1px;	
	}

.preorder{
	text-align: center;
	background: #fff;
	border-top: 1px solid #fff;
	}
.preorder h2{
	position: relative;
	margin: 0 0 35px;
	padding: 25px 20px 35px;
	color: #fff;
	background: #ff7b7b;
	}
.preorder h2:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 450px;
	height: 384px;
	background: url(../images/preorder-device.png)
	}
.preorder ul{
	display: inline-block;
	margin: 23px 0 0;
	vertical-align: top;
	}
.preorder ul li{
	padding: 0 45px 0 0;
	background: url(../images/bullet-blue-tick.png)  right no-repeat
	}
.preorder .preorder-button{ display: inline-block; margin-left: 40px; vertical-align: top; }
.preorder .preorder-price{ display: inline-block; line-height: 103px; vertical-align: top; }
.preorder p{
	margin: 0;
	padding: 30px 0 70px;
	font-size: 24px;
	}

.landing img {

}

.buttons-box img {

}

.preorder-button-container .preorder-button {
	margin: 0;
}

.landing .nav-bar {
	bottom: calc(50% - 5rem / 2);
}

h1.iframe-header-text {
    color: #fff;
    font-family: Proxima-Nova,sans-serif;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0 !important;
    padding: 1.5rem 3rem 1rem;
    text-align: center;
    text-transform: uppercase;
    display: block!important;
}

.landing .nav-bar-container {
	max-width: 100%;
	z-index: 99;
}

.landing .nav-bar-wrapper {
	max-width: 1600px;
	margin: 0 auto;
}

.landing .main-header {
	position: inherit;
}

.subhead {
    text-shadow: 1px 1px 2px #434343;
    margin: 0 0 20px;
    display: none;
}

.popup-landing {

}

.popup-landing-wrapper {
	background: #fff;
	max-width: 787px;
	width: 80%;
	text-align: center;
		z-index: 99999;
  position: absolute;
  margin: auto;
  top: 10%;
  right: 0;
  bottom: 50%;
  left: 0;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
}

.landing .popup-landing-top h1 {
	color: #ff4b4b;
	font: 71px helveticaneueltproex, Arial, Helvetica, sans-serif;
	margin: 0!important;
	text-shadow: none;
	padding: 3px 0 0;
	border: 8px solid #ff7b7b;
	border-bottom: none;
	display: block;
}

.popup-landing-top p {
	color: #fff!important;
	font: 23px helveticaneueltproex, Arial, Helvetica, sans-serif;
	display: block;
	background: #ff4b4b;
	padding: 3px 0;
	margin: 0!important;
	position: relative;
}

.popup-landing-top {
	
}

.popup-landing-center {
	background: #a5a5a5;
	border-left: 8px solid #a5a5a5;
	border-right: 8px solid #a5a5a5;
	overflow: visible;
	height: 210px;
}

.popup-landing-img {
	background: url(../images/img-popup-bg-01.png) no-repeat;
	width: 432px;
	height: 295px;
	position: relative;
	top: 19px;
	left: -60px;
}

.popup-landing-center ul {
	margin: -270px 10px 0 0;
	float: right;
}

.popup-landing-center ul li {
	color: #fff;
	text-align: left;
	font: bold 16px Arial;
	margin: 0 0 5px;
}

.popup-landing-center ul li:before {
	content: url(../images/landing-check.png);
	display: inline-block;
	position: relative;
	left: -10px;
	top: 3px;
}

.popup-landing-center img {
	float: right;
	margin: -140px 120px 0 0;
}

.popup-landing-bottom {
	border: 8px solid #ff7b7b;
	border-top: none;
	background: #fff;
}

.popup-landing-bottom s {
	color: #7f7f7f;
	font: 33px helveticaneueltprolt;
	margin: 10px 0 0;
	display: inline-block;
}

.popup-landing-bottom h2 {
	color: #000;
	font: 48px helveticaneueltprolt;
	margin: 0!important;
}

.popup-landing-bottom h4 {
	color: #000;
	font: 30px helveticaneueltproex;
	margin: 0!important;
}

.popup-landing-bottom h4 span {
	background: #ffff00;
	display: inline-block;
	padding: 2px 5px;
}

.popup-landing-bottom p {
	color: #000;
	font: 14px helveticaneueltproex;
	display: block;
	margin: 5px 0 0;
}

.popup-landing-bottom a {
	display: inline-block;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	line-height: 33px;
	text-decoration: none;
	background: #ff7b7b;
	border-radius: 35px;
	margin: 0 0 -20px;
	position: relative;
	top: 25px;
}

.popup-landing-bottom a:hover{
	background: #5d8ded
}

.popup-landing .link {
	float: right;
	text-align: right;
	font: 30px helveticaneueltproex;
	color: #fff;
	position: relative;
	top: 90px;
	left: 10px;
	margin: 0 0 -100px;
	background: none;
	padding: 0;
}

.popup-landing .link:hover {
	background: none;
	color: #fff;
	text-decoration: underline;
}

.popup-landing .link span {
	display: block;
	font: 14px helveticaneueltproex;
	text-decoration: none;
}

.preorder-button a.popup_link span {
	display: block;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

.unslider {
	position: relative;
	left: 0px;
	top: 12px;
	text-align: left;
	width: 190px;
	height: 60px;
	display: inline-block;
}

.unslider ul {
	height: 50px;
	display: inline-block;
}

.unslider li {
	height: 50px;
}

.unslider-wrap.unslider-carousel > li {
	float: none;
}

.gif1 {
	display: block;
	margin: 100px 0 0;
}

.gif1 img {
	width: inherit;
}

@media (max-width: 1400px) {
.preorder h2:after{
	content: "";
	position: absolute;
	top: 0;
	right: -100px;
	width: 450px;
	height: 384px;
}

@media (max-width: 1180px) {

.features .inner > h2{ display: block; }
.features-left{
	float: none;
	margin: 0 auto 25px;;
	}
.features-right{
	float: none;
	padding: 25px 0 0;
	margin: 0 auto;
	clear: left;
	}
.features-right h2{
	display: none;
	}
.features-right .preorder-button{
	display: block;
	margin: 45px 15px 15px;
	text-align: center;
	}
.features-right .preorder-price{
	display: block;
	line-height: 45px;
	text-align: center;
	}
.preorder h2:after{
	display: none
	}
}

.landing footer .preorder-button {
	margin: 0;
}

h1.iframe-header-text {
    color: #fff;
    font-family: Proxima-Nova,sans-serif;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0!important;
    padding: 1.5rem 3rem 1rem;
    text-align: center;
    text-transform: uppercase;
}

.mobile-nav-button {
	bottom: 28px !important;
	margin-right: 20px !important;
}

.landing .header-container2 .main-header {
	width: 100%;
}

}

@media (min-width: 1024px)
{
.nav-item {
    margin-left: 1rem !important; 
}
}


@media (max-width: 980px) {
.landing h1{
	font: 35px/38px helveticaneueltproex, Arial, Helvetica, sans-serif;
	}
.landing h2{
	font: 36px/36px helveticaneueltprothex, Arial, Helvetica, sans-serif;
	}
.landing .header-top .inner{
	padding: 20px 24px;
	}
.landing .header-image{
	float: none;
	margin: 0;
	}
.landing .header-text{
	float: none;
	margin: 15px auto 30px;
	}
.quote-top .inner br{
	display: none
	}
.quote-top .inner:after{
	right: -20px;
	}
 .features-right ul li{
 	max-width: 100%;
 }
 .quote-bottom p {
	background: rgba(255, 255, 255, .3);
	font-size: 24px;
 }
 h1.iframe-header-text {
    color: #fff;
    font-family: Proxima-Nova,sans-serif;
    font-size: 18px;
    font-weight: 200;
    margin: 0;
    padding: 1.5rem 3rem 2rem;
    text-align: center;
    text-transform: uppercase;
}
.subhead {
   	display: block;
}
.popup-landing-img {
	opacity: 0;
	transition: .2s;
}
.unslider {
	top: 28px;
}

.gif1 img {
	width: 100%;
}

}

@media (min-width: 769px)	{
.nav-logo-container {
    display: inline-block;
    width: 8.6875em;
    line-height: 0;
    left: 24px;
    left: 24px;
    left: 1.5rem;
    bottom: 0;
	margin-bottom: 10px;
	}

.nav-logo {
    margin-bottom: 10px;
	}
}

@media (max-width: 640px) {
.features-left{
	max-width: 390px;
	}
.features-tabs-nav li{
	height: 100px;
	}
.features-tabs-nav li a{
	width: 120px;
	height: 95px;
	line-height: 95px;
	}
.preorder ul{
	display: block
	}
.preorder ul li{
	/* padding: 0 0 0;*/
	text-align: center;
	background: none
	}
.preorder .preorder-button,
.preorder .preorder-price{
	display: block;
	margin: 10px;
	text-align: center
	}
.preorder .preorder-price{
	line-height: 48px;
	}
.preorder p{
	padding: 20px 0;
	}
.landing .nav-logo-container {
    bottom: 0.5rem!important;
	}	
}

@media (max-width: 600px) {

}

@media (max-width: 500px) {
.header-center {
	color: #fff;
	background: url(../lp/images/header-bg.jpg) right no-repeat #a5a5a5;
}
.features-tabs-container {
    height: 295px;
    text-align: center;
}
.features-left{
	max-width: 300px;
	}
.features-tabs-nav li{
	height: 80px;
	}
.features-tabs-nav li a{
	width: 68px;
	height: 75px;
	line-height: 75px;
	}
.landing .nav-bar {
    right: 0rem !important;
	}
.landing .nav-logo-container {
    position: absolute;
    top: 0!important;
	}
	
	.header-image img 
	{
		width: 80%;
		margin-top: 10px;
	}
.landing .features-tabs-container img {
	width: 100%;
}

.popup-landing-wrapper {
	width: 360px;

}

.popup-landing-center ul,
.popup-landing-center img {
	display: none;
}

.landing .popup-landing-top h1 {
    font: 51px helveticaneueltproex,Arial,Helvetica,sans-serif;
    padding: 40px 0 10px;
    display: block;
}

.popup-landing-top p {
    background: #ff4b4b none repeat scroll 0 0;
    color: #fff;
    display: block;
    font: 23px/28px helveticaneueltproex,Arial,Helvetica,sans-serif;
    margin: 0!important;
    padding: 10px 50px;
    position: relative;
}

.popup-landing-img {
	background: url(../images/img-popup-bg-02.png) no-repeat;
	width: 361px;
	height: 283px;
	left: -10px;
	top: 15px;
	opacity: 1;
}

.popup-landing-bottom {
	padding: 80px 0 0;
}

.popup-landing .link {
	top: 50px;
	left: -20px;
}

.unslider {
	top: 35px;
	}
}