/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
body{ margin:0px; padding:0px; font-family:Tahoma,Arial,Times New Roman;background-color:#FFFFFF; min-height:100%; position:relative; font-size:11px;}
/*MAIN*/
.fL{ float:left}
.fR{ float:right}
.clear{clear:both}
.im{margin:0px}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px;}
html{height:100%;
	-webkit-text-size-adjust: none;
	  -ms-text-size-adjust: none;}
input, textarea {font: 12px "OpenSans-CondensedLight", Arial, sans-serif; color: #333;  outline:none;}
input[type="button"], input[type="submit"], button {cursor: pointer}
td{margin: 0px; padding: 0px;}
form{padding: 0px; margin: 0px;}
:focus {outline: none;}
b{font-weight: bold;}
input[type="submit"], input[type="text"]{-webkit-appearance: none;}
a{color: #000100; -moz-transition: color 0.1s linear; -o-transition: color 0.0s linear; -ms-transition: color 0.0s linear; -webkit-transition: color 0.0s linear; transition: color 0.0s linear; text-decoration:none;}
/*=================================== Total css ===================================*/
html{height: 100%;}
body{
	-webkit-font-smoothing:antialiased;
	background: #ffffff;
	font: pfd, sans-serif;
	font:15px 'pfd', sans-serif;
	line-height: normal;
	width: 100%;
	position: relative;
	margin: auto;
	-webkit-text-size-adjust: none;}
.content{
	position: relative;
	padding: 0 20px;
	margin: auto;
	max-width: 1310px;}
/*=================================== header css ===================================*/
.header{
	padding: 20px 0;
	background-color: rgba(32, 32, 32, 0.95);
	z-index: 400;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;}
.header .logo{
	width: 24%;
	float: left;
	margin-top: -5px;
    font-size: 26px;
    font-weight: 500;}
.header .logo a{
	color: #FFF;}
.header .logo span{
    color: #D9D9D9;
    font-size: 16px;	
	display: block;
	font-weight: 300;}
.onepage-pagination{
	float: left;
	overflow: hidden;
	list-style: none;
	width: 56%;}
.onepage-pagination li{
	margin-right: 33px;
	float: left;}
.onepage-pagination li.disabled{
	display: none;}
.onepage-pagination li:last-child{
	margin-right: 0;}
.onepage-pagination li a{
    color: #FFF;
    font-size: 17px;
	display: block;
	line-height: 37px;
	padding: 0 17px;
    height: 37px;
    border: 1px solid transparent;
    border-radius: 5px;	}
.onepage-pagination li a:hover{
	opacity: 0.7;}
.onepage-pagination li a.active{
	border: 1px solid #D34248;}
.onepage-pagination span{
	border-bottom: 1px dashed #55575a;}
.onepage-pagination li a.active span{
	border-bottom: none;}
.header .phone{
	padding-top: 10px;
    color: #FFF;
    font-size: 22px;
    font-weight: 300;	
	float: right;}

/*==================== screen-box bg ===============================*/
.screen-box_1{
	background: url(../img/1.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.screen-box_2{
	background: url(../img/2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.screen-box_3{
	background: #1e1e1e;}
.screen-box_4{
	background: #191919;}
.screen-box_5{
	background: #1e1e1e;}
.screen-box_6{
	background: url(../img/3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.next-button{
	position: absolute;
	left: 50%;
	margin-left: -111px;
	bottom: 9%;
	display: block;
	line-height: 50px;
    width: 222px;
    height: 50px;
    border: 1px solid #D34248;
    border-radius: 8px;	
	text-align: center;
    color: #C7C7C7;
    font-size: 16px;}
.next-button i{
	display: inline-block;
	margin-bottom: -2px;
	margin-right: 13px;}
.next-button:hover{
	opacity: 0.7;}
.content-box{
	left: 0;
	width: 100%;
	position: absolute;
	top: 30%;}
.content-box h1,
.content-box h2{
	margin-bottom: 6%;
	text-align: center;
    color: #FFF;
    font-size: 35px;
    font-weight: 400;}
.top-list{
	text-align: justify;}
.top-list:after { content: "."; height: 1px; width: 1px; margin-left: 100%; overflow: hidden; display: inline-block; }
.top-list-item{
	width: 28%;
	display: inline-block;}
.top-list-item h3,
.benefits-list-item h3{
	font-weight: 400;	
	margin-bottom: 10px;
    color: #FFF;
    font-size: 22px;}
.top-list-item p,
.benefits-list-item p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;}
.button-wrapper{
	text-align: center;
	margin-top: 70px;}
.button-wrapper a.button{
    color: #FFF;
    font-size: 17px;
	display: inline-block;
	text-align: center;
	line-height: 52px;
    width: 233px;
    height: 52px;
    background-color: #D34248;
    border-radius: 8px;	}
.button-wrapper a.button:hover{
	background-color: #D75559;}
.screen-box_2 .content-box{
	top: 25%;	
}
.benefits-list{
	list-style: none;}
.benefits-list-item{
	margin-bottom: 75px;	
	vertical-align: top;
	width: 49%;	
	position: relative;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	padding-left: 100px;	
	display: inline-block;}
.benefits-list-item span{
	position: absolute;	
	top: 0;	
	left: 0;	
	font-size: 65px;	
	color:#d34248; }
.benefits-list-item:nth-child(2n+2){
	padding-left: 140px;}
.benefits-list-item:nth-child(2n+2) span{
	left: 40px;	}
.link-item{
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;}
.link-item_1{
	left: 0;
	background: url(../img/1-1.jpg) 20% center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.link-item_2{
	left: 25%;
	background: url(../img/2-2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.link-item_3{
	left: 50%;
	background: url(../img/3-3.jpg) 65% center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.link-item_4{
	left: 75%;
	background: url(../img/4-4.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.layout{
	transition: opacity 0.4s ease;
	opacity: 0;
	background: rgba(0, 0, 0, 0.4);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;}
.link-item:hover .layout{
	opacity: 1;}
.link-item .inform-wrapper{
	position: absolute;
	left: 0;
	width: 100%;
	top: 20%;}
.link-item h3{
	padding-bottom: 30px;
	position: relative;
	margin:0 auto 55px;
	color: #FFF;
    font-size: 29px;
	width: 80%;
	color: #FFF;
    font-size: 29px;
    font-weight: 300;}
.link-item h3:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -35%;
	width: 70%;
    height: 5px;
    background-color: #FF5960;}
.link-item p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;}
.icon-wrapper{
	width: 100%;
	font-size: 45px;
	position: absolute;
	bottom: 7%;
	color: #d6d5d5;}
.service-popup{
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;}
.popup-image{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	float: left;
	width: 25%;}
.popup-image .button{
	font-weight: 500;
	text-align: center;
	font-size: 17px;
	color: 	#d6d5d5;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 233px;
	margin-left: -116px;
	margin-top: -33px;
	line-height: 67px;
    height: 67px;
    background: #D34248;
    border-radius: 8px;}
.popup-image .button:hover{
	background-color: #D75559;}
.service-popup_text{
	padding-top: 60px;
	padding-right: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 100px;
	line-height: 25px;
    color: #121212;
    font-size: 16px;	
	height: 100%;
	background: #fff;
	float: left;
	width: 75%;}
.service-popup_text h2{
	font-weight: 400;
	margin-bottom: 45px;
    color: #050505;
    font-size: 35px;}
.service-popup_text p{
	margin-bottom: 30px;
    color: #121212;
    font-size: 16px;}
.service-popup_text ul{
	list-style: none;
	margin-bottom: 45px;}
.service-popup_text ul li{
	margin-bottom: 15px;}
#service-popup_1 .popup-image{
	background: url(../img/1-1.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
#service-popup_2 .popup-image{
	background: url(../img/2-2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
#service-popup_3 .popup-image{
	background: url(../img/3-3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
#service-popup_4 .popup-image{
	background: url(../img/4-4.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;}
.close-popup{
	color: #dcdcdc;
	font-size: 27px;
	position: absolute;
	top: 60px;
	right: 40px;}
.close-popup:hover{
	opacity: 0.7;}
.service-popup .form-box{
	display: none;
	padding: 0 60px;
	position: absolute;
	top: 15%;}
.service-popup .form-box h2{
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
    font-size: 25px;
    font-weight: 400;}
.logo-list{
	padding: 0 20%;
	text-align: center;
	list-style: none;}
.logo-item{
	vertical-align: middle;
	margin-bottom: 40px;
	padding: 0 45px;
	display: inline-block;}
.screen-box_4 .content-box{
	top: 17%;}
.screen-box_4 p{
	margin-bottom: 50px;
	padding: 0 25%;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);}
.screen-box_4 h1,
.screen-box_4 h2{
	margin-bottom: 40px;}
.screen-box_4 .title:before{
	position: absolute;
	left: 50%;
	margin-left: -35%;
	top: 18px;
	content: '';
	width: 70%;
    opacity: 0.73;
    height: 2px;
    background-color: #FF5960;}
.screen-box_4 .title{
	margin-bottom: 60px;
	position: relative;
	text-align: center;
	color: #FFF;
    font-size: 25px;}
.screen-box_4 .title span{
	position: relative;
	z-index: 300;
	display: inline-block;
	padding: 0 40px;
	background: #191919;}
.partners-list{
	text-align: center;
	max-width: 80%;
	margin: auto;
	list-style: none;
	overflow: hidden;}
.partners-item{
	margin-right: 4%;
	text-align: left;
	display: inline-block;
	width: 20%;
	overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    font-weight: 300;}
.partners-item:last-child{
	margin-right: 0;}
.partners-item div{
	margin-top: -3px;
	margin-right: 20px;
    color: #C5C5C5;
    font-size: 45px;
    font-weight: 500;
    float: left;
	vertical-align: middle;}
.certificates-list{
	text-align: center;
	margin: auto;}
.screen-box_5 .content-box{
	top: 20%;}
.screen-box_5 h2{
	margin-bottom: 60px;}
.screen-box_5 p{
	text-align: center;
	margin-bottom: 70px;
	padding: 0 25%;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);}
.certificates-item{
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;}
.certificates-item:hover{
	opacity: 0.7;}
.screen-box_6 .content-box{
	top: 18%;}
.screen-box_6 h2{
	margin-bottom: 14%;}
.form-box{
	max-width:475px;
	margin: auto; }
.form-box input[type="text"]{
	padding: 0 20px 0 25px;
    color: #FFF;
    font-size: 16px;	
	background: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin-bottom:44px;
    height: 50px;
    border: 1px solid #D34248;
    border-radius: 8px;	}
.form-box input[type="submit"]{
	display: block;
	border: none;
	margin:0 auto 35px;
    width: 233px;
    height: 50px;
    background-color: #D34248;
    border-radius: 8px;
    color: #FFF;
    font-size: 17px;
    line-height: 50px;
    font-weight: 500;}
.form-box input[type="submit"]:hover{
	background-color: #D75559;}
.form-box p{
	text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;}
footer{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 15px;}
.footer-list{
	text-align: justify;}
.footer-list:after { content: "."; height: 1px; width: 1px; margin-left: 100%; overflow: hidden; display: inline-block; }
.footer-item{
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
	display: inline-block;}
.footer-item a{
    color: #FFF;
    font-size: 16px;}
.footer-item span{
    color: #FFF;}

/*=================================== pixelperfect helpers ===================================*/

body{
	background: url(../img/pixel.jpg) center 0 no-repeat;
}