/* global settings */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/fonts/roboto-light.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/fonts/roboto-regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/fonts/roboto-medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/roboto-bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(/fonts/robotoslab-light.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(/fonts/robotoslab-regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(/fonts/robotoslab-bold.woff2) format('woff2');
}

html {
  -webkit-text-size-adjust: none;
}
body,html{
	height:100%;
	margin:0;
}
body {
	margin:0;
	color:#000;
	font:11px/13px 'Roboto', arial,sans-serif;
	background:#fff;
	min-width:1000px;
}
img {
	vertical-align:top;
	border-style:none;
}
a{
	text-decoration:underline;
	color:#000;
	outline:none;
}
a:hover{text-decoration:none;} 
input,
textarea,
select{
	font:100% 'Roboto', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
	display: block;
}
.row{
	height:1%;
	overflow:hidden;
}
.wrap{
	width:100%;
}
.wrap:after{
	content:"";
	display:block;
	clear:both;
}
.hide{display:none;}
.alignleft{float:left;}
.alignright{float:right;}
/* wrapper */
.wrapper{
	width:100%;
	overflow:hidden;
	min-height:100%;
	position:relative;
}
.w1{
	width:970px;
	margin:0 auto;
}
.top-section{
	background: url(../images/bg.jpg) no-repeat 50% 0;
	width:970px;
	height:749px;
	margin:0 -9999px;
	padding:25px 9999px 0;
	position:relative;
	z-index:10;
}
header{
	margin:0 0 22px;
	background: url(../images/bg-header.png);
	padding:22px 32px 24px;
	overflow:hidden;
	width:970px;
	box-sizing:border-box;
	border-radius:3px;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width: 237px;
	height: 59px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
.btn-sign{
	float:right;
	width:156px;
	height:42px;
	font-size:16px;
	line-height:42px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	border-radius:50px;
	text-align:center;
	color:#fff;
	background: url(../images/bg-sign.png);
	border:2px solid #0cadf1;
	margin:7px 0 0;
	-webkit-transition:background 0.3s ease;
	transition:0.3s ease;
	position:relative;
}
.btn-sign:after{
	content:'';
	background: url(../images/ico-1.png) no-repeat;
	width: 6px;
	height: 10px;
	position:absolute;
	top:50%;
	margin:-4px 0 0;
	right:21px;
}
.btn-sign:hover{
	background:#0cadf1;
}
.slogan{
	display:block;
	background: url(../images/bg-slogan.png) no-repeat;
	width: 387px;
	height: 62px;
	text-align:center;
	color:#fff;
	box-sizing:border-box;
	padding:15px 0 0;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	margin:0 auto 14px;
	text-transform:uppercase;
	letter-spacing:0.02em;
}
.sign-up .title{
	color:#fff;
	display:block;
	font:bold 53px/55px 'Roboto Slab', Arial, Helvetica, sans-serif;
	margin:0 0 16px;
	text-align:center;
	text-transform:uppercase;
}
.sign-up .sub-title{
	color:#fff;
	display:block;
	font:32px/34px 'Roboto Slab', Arial, Helvetica, sans-serif;
	margin:0 0 28px;
	text-align:center;
	text-transform:uppercase;
}
.sign-up .input-box{
	width:498px;
	margin:0 auto 22px;
	position:relative;
}
.sign-up .input-box:after{
	content:'';
	background: url(../images/arrow.png) no-repeat;
	width: 44px;
	height: 67px;
	position:absolute;
	right:-70px;
	bottom:-40px;
}
.sign-up .input-box .wrap{
	margin:0 0 6px;
	overflow:hidden;
}
.sign-up .input-box .text{
	background: url(../images/bg-input.png);
	float:left;
	width:218px;
	height:16px;
	border-radius:3px;
	border:2px solid #fff;
	font:500 14px/16px 'Roboto', Arial, Helvetica, sans-serif;
	color:#fff;
	padding:16px 12px;
	margin:0;
}
.sign-up .text::-webkit-input-placeholder {color:#fff;}
.sign-up .input-box .text:first-child{
	margin:0 6px 0 0;
}
.sign-up .input-box .text:focus{
	background: url(../images/bg-input2.png);
	border:2px solid #0cadf1;
}
.sign-up .input-box .text.empty_field {
    border-color: red;
}

.sign-up .btn-opt-in{
	background:#0cadf1;
	border-style:none;
	display:block;
	width:498px;
	height:52px;
	border-radius:3px;
	font:bold 20px/22px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	margin:0 auto 20px;
	padding:0 0 4px;
}
.sign-up .btn-opt-in:hover{
	background:#0A8EC6;
}
.sign-up p{
	font:300 16px/30px 'Roboto', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	width:670px;
	margin:0 auto;
}
.second-section{
	#background:#FFF url(../images/bg-second-section.png) no-repeat 50% 100%;
	margin:-120px -9999px 0;
	padding:184px 9999px 11px;
	position:relative;
	z-index:9;
}
.promo-text{
	text-align:center;
	#background: url(../images/bg-promo-bottom.png) no-repeat 50% 100%;
	padding:0 0 54px;
	width:750px;
	margin:0 auto;
}
.promo-text .sub-title{
	color:#cccccc;
	display:block;
	margin:0 0 13px;
	font:bold 16px/30px 'Roboto Slab', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.promo-text .title{
	position:relative;
	color:#383737;
	display:block;
	margin:0 0 33px;
	font:bold 36px/38px 'Roboto Slab', Arial, Helvetica, sans-serif;
}
.promo-text .title:after{
	content:'';
	#background: url(../images/bg-title.png) no-repeat;
	width: 62px;
	height: 9px;
	position:absolute;
	top:17px;
	left:-40px;
}
.promo-text .title:before{
	content:'';
	#background: url(../images/bg-title.png) no-repeat 100% -9px;
	width: 62px;
	height: 9px;
	position:absolute;
	top:17px;
	right:-40px;
}
.promo-text p{
	color:#525050;
	font:300 16px/29px 'Roboto', Arial, Helvetica, sans-serif;
	margin:0;
}

.third-section{
	#padding:70px 0 70px;
	background-color: #F4F4F4;
	margin: 0px -9999px;
    padding: 89px 9999px 50px;
    position: relative;
    z-index: 9;
}
.how-box{
	text-align:left;
	position:relative;
	width:970px;
	margin:0 auto;
}
.how-box .title{
	font:bold 30px/32px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color:#383737;
	display:block;
	margin:0 0 24px;
	padding:0 0 30px;
	#background: url(../images/bg-title2.png) no-repeat 50% 100%;
	position:relative;
	z-index:2;
	text-transform:uppercase;
}
.how-box .title-mirror{
	text-transform:uppercase;
	position:absolute;
	top:-50px;
	left:0;
	width:100%;
	text-align:center;
	color:#f1f1f1;
	font:bold 46px/48px 'Roboto Slab', Arial, Helvetica, sans-serif;
	z-index:1;
}
.how-box .ico-holder{
	margin:0 0 26px;
}
.how-box p{
	margin:0;
	font:300 16px/29px 'Roboto', Arial, Helvetica, sans-serif;
	color:#525050;
}
.fourth-section{
	background:#f4f4f4 url(../images/bg-fourth-section.png) no-repeat 50% 0;
	margin:0 -9999px 0;
	padding:89px 9999px 50px;
	position:relative;
	z-index:9;
}
.process-box {
	text-align:center;
	width:816px;
	margin:0 auto;
}
.process-box .title span{
	font-weight:bold;
	color:#0cadf1;
}
.process-box .title{
	background: url(../images/bg-title3.png) no-repeat 50% 100%;
	padding:0 0 22px;
	display:block;
	color:#383737;
	text-transform:uppercase;
	font:300 30px/44px 'Roboto Slab', Arial, Helvetica, sans-serif;
}
.process-list{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
	text-align:center;
}
.process-list li{
	background: url(../images/bg-process.png) no-repeat;
	box-sizing:border-box;
	padding:42px 25px 0;
	width: 394px;
	height: 403px;
	display:inline-block;
	position:relative;
	margin:0 6px;
}
.process-list li:last-child{
	margin:-103px 6px 0;
}
.process-list li .ico-box{
	background: url(../images/bg-ico.png) no-repeat;
	width: 62px;
	margin:0 auto 18px;
}
.process-list li .ico-box span{
	display:table-cell;
	vertical-align:middle;
	height:70px;
	width:62px;
	text-align:center;
}
.process-list li p{
	color:#525050;
	font:300 15px/28px 'Roboto', Arial, Helvetica, sans-serif;
	margin:0;
}
.process-list li .number{
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	font:bold 36px/38px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color:#e8e8e8;
}
.fifth-section{
	background: url(../images/img-02.jpg) no-repeat 50% 0;
	height: 328px;
	margin:0 -9999px;
	padding:65px 9999px 0;
	box-sizing:border-box;
	position:relative;
}
.fifth-section:after{
	content:'';
	position:absolute;
	top:-2px;
	left:50%;
	background: url(../images/ico-arrow.png) no-repeat;
	width: 63px;
	height: 32px;
	margin:0 0 0 -30px;
}
.get-box{
	width:800px;
	margin:0 auto;
	text-align:center;
}
.get-box .title{
	font:bold 22px/40px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-transform:uppercase;
	margin:0 0 39px;
}
.get-box .btn-get{
	width:334px;
	height:56px;
	font:bold 17px/56px 'Roboto Slab', Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	border-radius:50px;
	text-align:center;
	color:#fff;
	background: url(../images/bg-sign.png);
	border:3px solid #0cadf1;
	-webkit-transition:background 0.3s ease;
	transition:0.3s ease;
	position:relative;
	display:block;
	margin:0 auto;
}
.btn-get:hover{
	background:#0cadf1;
}
footer{
	background:#2e2d2d;
	border-top:1px solid #6b6969;
	padding:41px 0 20px;
	text-align:center;
}
.copyright{
	font:300 12px/14px 'Roboto', Arial, Helvetica, sans-serif;
	color:#cccccc;
	display:block;
}
.footer-nav{
	list-style:none;
	margin:0 0 21px;
	padding:0;
	border:1px solid #6b6969;
	border-radius:3px;
	display:inline-block;
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
}
.footer-nav li{
	float:left;
	position:relative;
}
.footer-nav li a:hover{
	border-left:1px solid #6b6969;
	border-right:1px solid #6b6969;
}
.footer-nav li a{
	font:300 15px/62px 'Roboto', Arial, Helvetica, sans-serif;
	height:58px;
	display:block;
	text-transform:uppercase;
	letter-spacing:0;
	color:#f4f4f4;
	padding:0 14px;
	text-decoration:none;
	transition:0.3s ease;
	-webkit-transition:border 0.3s ease;
	border-left:1px solid #2e2d2d;
	border-right:1px solid #2e2d2d;
	z-index:1;
	position:relative;
}
.footer-nav li:first-child a:hover,
.footer-nav li:first-child a{
	border-left:0;
}
.footer-nav li:last-child a:hover,
.footer-nav li:last-child a{
	border-right:0;
}
.footer-nav .active:first-child a:hover,
.footer-nav .active:last-child a:hover,
.footer-nav .active a:hover,
.footer-nav .active:first-child a,
.footer-nav .active:last-child a,
.footer-nav .active a{
	border:1px solid #0cadf1;
	border-radius:3px;
	z-index:2;
	font-weight:bold;
	margin:-1px;
}
.popup-holder{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	overflow:hidden;
}
.popup-holder .bg{
	position:absolute;
	top:0;
	left:0;
	width:9999px;
	height:100%;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1;
	background:#000 !important;
}
.popup{
	position:fixed;
	right:50%;
	padding:0;
	left:auto !important;
	width:438px;
	z-index:10;
	margin:0 -219px 0 0 !important;
}
.popup .close{
	background: url(../images/close.png) no-repeat;
	width: 13px;
	height: 14px;
	position:absolute;
	top: 10px;
	right: 12px;
}
.sign-popup {
	width:438px;
	box-sizing:border-box;
	background:#f6f6f6;
	overflow:hidden;
	padding:0 39px 30px;
}
.sign-popup .title{
	background:#383737;
	height:83px;
	text-align:center;
	text-transform:uppercase;
	font:bold 18px/83px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	margin:0 -39px 35px;
}
.sign-popup .wrap{
	margin:0 0 15px;
}
.sign-popup .text{
	display:block;
	color:#787777;
	font:500 13px/15px 'Roboto', Arial, Helvetica, sans-serif;
	border:1px solid #dbdbdb;
	background:#ffffff;
	padding:15px 11px;
	box-sizing:border-box;
	width:100%;
	height:46px;
	margin:0 0 15px;
}
.sign-popup .text.empty_field {
    border:2px solid red;
}
.sign-popup .text::-webkit-input-placeholder {color:#787777;}
.sign-popup .inputs-box{
	margin:0 0 25px;
}
.sign-popup p{
	color:#383838;
	font:500 14px/20px 'Roboto', Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}
.sign-popup .buttons{
	width:100%;
	overflow:hidden;
	margin:0 0 25px;
}
.sign-popup .btn-restore{
	float:left;
	background:#b8b8b8;
	font:500 14px/52px 'Roboto', Arial, Helvetica, sans-serif;
	border-style:none;
	padding:0;
	text-align:center;
	width:96px;
	border-radius:2px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
.sign-popup .btn-restore:hover{
	background:#c4c4c4;
}
.sign-popup .btn-login{
	float:right;
	background:#0cadf1;
	font:bold 17px/52px 'Roboto Slab', Arial, Helvetica, sans-serif;
	border-style:none;
	padding:0;
	text-align:center;
	width:260px;
	border-radius:2px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
.sign-popup .btn-login:hover{
	background:#f2c874;
}

.sign-popup .btn-login[disabled="disabled"], .sign-popup .btn-login[disabled="disabled"]:hover{
	background:#767676;
}


.alert_block {
    width: 100%;
	height: 80px;
	background-color: #4d4d4d;
	margin-bottom: 10px;
}

.sign-popup .alert_block {
    display: none;
}

.alert_block .image {
    float: left;
    background-color: #4d4d4d;
	width: 80px;
	height: 80px;
}

.alert_block.success .image {
    background: url(../img/sprite.png) -77px -307px no-repeat;
}

.alert_block.error .image {
    background: url(../img/alert-error.png) no-repeat;
}

.alert_block .text-block {
    padding: 16px 0 0 100px;
	line-height: 23px;
	font-size: 16px;
}

.alert_block.success .text-block {
    color: #b6f179;
}

.alert_block.error .text-block {
    color: #f4462e;
}

.alert_block a {
    color: #CDB280;
}

#faq_link {
    float: right;
    padding-right: 18px;
    padding-top: 16px;
    color: rgb(255, 255, 255);
    font: 20px "Roboto Slab",Arial,Helvetica,sans-serif;
    text-decoration: none;
}

#faq_link:hover {
    text-decoration: underline;
}

#faq_link b {
    color: #0cadf1;
}