@font-face {
	font-family: 'Futura';
	src: url('../fonts/DendaNewLightC.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DendaNewLightC.otf')  format('opentype'),
		 url('../fonts/DendaNewLightC.woff') format('woff'), 
		 url('../fonts/DendaNewLightC.ttf')  format('truetype'), 
		 url('../fonts/DendaNewLightC.svg#DendaNewLightC') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Futura';
	src: url('../fonts/DendaNewC.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DendaNewC.otf')  format('opentype'),
		 url('../fonts/DendaNewC.woff') format('woff'), 
		 url('../fonts/DendaNewC.ttf')  format('truetype'), 
		 url('../fonts/DendaNewC.svg#DendaNewC') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Futura';
	src: url('../fonts/FuturaPTBook-Reg.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/FuturaPTBook-Reg.otf') format('opentype'), 
		 url('../fonts/FuturaPTBook-Reg.woff') format('woff'), 
		 url('../fonts/FuturaPTBook-Reg.ttf') format('truetype'), 
		 url('../fonts/FuturaPTBook-Reg.svg#FuturaPTBook-Reg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Futura';
	src: url('../fonts/FuturaPTDemi-Reg.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/FuturaPTDemi-Reg.otf')  format('opentype'), 
		 url('../fonts/FuturaPTDemi-Reg.woff') format('woff'), 
		 url('../fonts/FuturaPTDemi-Reg.ttf') format('truetype'), 
		 url('../fonts/FuturaPTDemi-Reg.svg#FuturaPTDemi-Reg') format('svg');
	font-weight: 700;
	font-style: normal;
}

body{
	font-size: 14px;
	background:#ffffff;
	color:#424242;
	font-weight: 300;
	line-height: 1.2;
}

.maypage{
	font-family: 'Futura', Arial, Helvetica, sans-serif;
}

a{
	color:#000000;
	text-decoration:none;
}
#list{
	max-width:100%;
	overflow:hidden;
	min-height:100%;
}
.list{
	width:1170px;
	margin: 0 auto;
	max-width:96%;

}
.screen{
	min-height: 650px;
}
/*************************************************/
#page1{
	background: url(../img/bg1.jpg) no-repeat center;
	background-size: cover;
	position:relative;
}
#page1 .list{
	padding-bottom: 340px;	
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
#page1 .head{
	padding-top: 38px;
}
#page1 .head .logo{
	width: 379px;
	height: 42px;
	display:block;
	float:left;
	background: url(../img/imgs.png) no-repeat 0px 0px;
}
#page1 .head .want_subscribe{
	font-size: 16px;
	line-height: 27px;
	float:right;
	position:relative;

}

#page1 .head .want_subscribe:before{
	content: "";
	position:absolute;
	display:block;
	width: 37px;
	height: 27px;
	top: 0px;
	left: 0px;
}
.main_title{
	font-size: 80px;
	color:#ffffff;
	font-weight: 700;
	text-align:center;
	padding-top: 80px;
}
.main_title span{
	font-size: 46px;
	font-weight: 400;
	display:block;
}
.list_direction{
	display:block;
	position:absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255, 255, 255, 0.8);
	
	padding: 40px 70px;
	font-size: 0px;
}
.list_direction li{
	vertical-align:top;
	font-size: 24px;
	width: 40%;
	font-weight: 700;
	text-transform:uppercase;
	display:inline-block;
	color:#ce4e7a;
}
.list_direction li span{
	display:block;
}
.list_direction li li{
	text-transform:none;
	font-size: 23px;
	color:#3f3f3f;
	font-weight: 400;
	display:block;
	color:#3f3f3f;
	padding: 12px 0px;
	width: auto;
}
.list_direction > li + li + li{
	width: 20%;
}
.list_direction li li a{
	text-decoration:underline;
	display:block;
	position:relative;
	
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	transition: color 0.5s;
}
.list_direction li li a:hover{
	color:#ce4e7a;
}
.list_direction li li a:before{
	content: "";
	position:absolute;
	display:block;
	left: -50px;
	width: 20px;
	height: 18px;
	top: 7px;
	background: url(../img/imgs.png) no-repeat -47px -44px;
	opacity: 0;
	-webkit-transition: opacity 0.5s, left 0.5s;
	-moz-transition: opacity 0.5s, left 0.5s;
	transition: opacity 0.5s, left 0.5s;
}
.list_direction li li a:hover:before{
	left: -28px;
	opacity: 1;
}
/**********************************************************/
.section{
	padding-bottom: 70px;
}
.section .creative{
	padding-top: 130px;
	height: 360px;
	text-align:center;
}
.section .creative .main_title{
	font-size: 60px;
	font-weight: 700;
	color:#ffffff;
	padding: 0px;
}

.section1 .creative{background: url(../img/sec1.jpg) no-repeat center;}
.section2 .creative{background: url(../img/sec2.jpg) no-repeat center;}
.section3 .creative{background: url(../img/sec3.jpg) no-repeat center;}
.section4 .creative{background: url(../img/sec4.jpg) no-repeat center;}
.section5 .creative{background: url(../img/sec5.jpg) no-repeat center;}
.section6 .creative{background: url(../img/sec6.jpg) no-repeat center;}
.section7 .creative{background: url(../img/sec7.jpg) no-repeat center;}
.section8 .creative{background: url(../img/sec8.jpg) no-repeat center;}
.section9 .creative{background: url(../img/sec9.jpg) no-repeat center;}

.row{
	margin: 0px -20px;
}
.row .col2, .row .col3{
	float:left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 20px;
}
.row .col3{ width: 33%; }
.row .col3 + .col3{ width: 34%; }
.row .col3 + .col3 + .col3{ width: 33%; }

.row .col2 .title{
	font-size: 20px;
	color:#ce4e79;
	position:relative;
	padding-left: 70px;
	margin: 23px 0px;
	height: 60px;
	line-height: 60px;
	font-weight: 500;
}
.row .col2 .title:before{
	content: "";
	position:absolute;
	display:block;
	width: 60px;
	height: 60px;
	top: 0px;
	left: 0px;
	background: url(../img/imgs.png) no-repeat 0px -73px;
}
.row .col2 .title.ico1:before{background-position: 0px -73px;}
.row .col2 .title.ico2:before{background-position: -60px -73px;}
.row .col2 .title.ico3:before{background-position: -120px -73px;}
.row .col2 .title.ico4:before{background-position: -180px -73px;}
.row .col2 .title.ico5:before{background-position: -240px -73px;}
.row .col2 .title.ico6:before{background-position: -300px -73px;}

.descr_box{
	line-height: 1.4;
	font-size: 16px;
}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}

.btn{
	padding: 15px 60px;
	background:#f04c7a;
	font-size: 26px;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	position:relative;
	font-weight: 400;
	
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}
.btn:hover{
	background:#ff0058;
}
.btn_block{
	padding-top: 55px;
}
.btn_block .btn{
	position:relative;
}
.btn_block .btn:before{
	content: "";
	position: absolute;
	display:block;
	width: 34px;
	height: 34px;
	background: url(../img/imgs.png) no-repeat -301px -74px;
	left: 20px;
	
	top: 50%;
	margin-top: -17px;
}
.bordered_block{
	border-top: 1px solid #ce4e7a;
	border-bottom: 1px solid #ce4e7a;
	text-align:center;
	padding-bottom: 70px;
}
.subscribe{
	background:#f9f9f9;
	padding: 30px 0px;
	margin-bottom: 50px;
}
.subscribe_title{
	font-size: 25px;
	color:#f25781;
	font-weight: 700;
}
.subscribe_descr{
	font-size: 25px;
	font-weight: 400;
	color:#2d2f37;
	padding-top: 15px;
}
.form_block{
	
	max-width: 645px;
	margin: 30px auto 0px auto;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 210px;
}
.form_block .inputbox{
	width: 100%;
	height: 56px;
	line-height: 54px;
	border: 1px solid #a3a2a2;
	color:#a3a2a2;
	padding: 0px 15px; 
	background: transparent;
	font-size: 22px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form_block .subscr_btn{
	position:absolute;
	right: 0px;
	top: 0px;
	height: 58px;
	line-height: 58px;
	width: 188px;
	background:#a3a2a2;
	color:#ffffff;
	font-size: 26px;
	text-align:center;
	cursor:pointer;
	
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}
.form_block .subscr_btn:hover{
	background:#c2bbbb;
}
.carusel .item{
	font-size: 16px;
	color:#424242;
	line-height: 1.4;
}
.carusel .item i{
	display:block;
	margin: 0 auto;
	width: 80px;
	height: 90px;
	background: url(../img/imgs.png) no-repeat 0px -132px;
}
.carusel .item i.ico1{background-position: 0px -132px;}
.carusel .item i.ico2{background-position: -80px -132px;}
.carusel .item i.ico3{background-position: -160px -132px;}
.carusel .item span{
	font-weight: 700;
	font-size: 22px;
	display:block;
	padding-bottom: 30px;
	padding-top: 10px;
}

.slick-arrow{
	position:absolute;
	font-size: 0px;
	top: 50%;
	width: 12px;
	height: 25px;
	margin-top: -6px;
	background: url(../img/imgs.png) no-repeat -240px -132px;
	cursor:pointer;
}
.slick-arrow.slick-prev{
	left: 0px;
}
.slick-arrow.slick-next{
	right: 0px;
	background-position: -252px -132px;
}

.btn_box{
	padding: 65px 0px;
}
.btn_box .btn{
	text-transform:uppercase;
}
.share{
	background: #f9f9f9;
	padding: 30px 0px 50px 0px;
	text-align:center;
}
.share .ya-share2__item{
	font-size: 0px;
	display:block;
	width: 75px;
	height: 75px;
	background: url(../img/imgs.png) no-repeat 0px -222px;
	display:inline-block;
	
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
	cursor:pointer;
}
.share .ya-share2__item:hover{
	opacity: 0.8;
}
.share .ya-share2__item + .ya-share2__item{
	margin-left: 32px;
}
.share .ya-share2__item.ya-share2__item_service_twitter{background-position: -75px -222px}
.share .ya-share2__item.ya-share2__item_service_facebook{background-position: -150px -222px}
.share .ya-share2__item.ya-share2__item_service_odnoklassniki{background-position: -225px -222px}

.share_title{
	font-size: 35px;
	color:#49535b;
}

.footer{
	background:#2d2f37;
	padding: 33px 0px;
	font-size: 0px;
}
.footer .social, .contact, .apps{
	display:inline-block;
}
.contact{
	padding-left: 40px;
}
.apps{
	padding-left: 65px;
}
.footer .social a, .contact a{
	width: 46px;
	height: 46px;
	display:inline-block;
	background: url(../img/imgs.png) no-repeat 0px -299px;
	
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.footer .social a:hover, .footer .contact a:hover, .footer .apps a:hover{
	opacity: 0.8;
}
.footer .social a + a, .footer .contact a + a{
	margin-left: 17px;
}
.footer .social a.soc2{background-position: -46px -299px;}
.footer .social a.soc3{background-position: -92px -299px;}
.footer .social a.soc4{background-position: -138px -299px;}
.footer .social a.soc5{background-position: -184px -299px;}
.footer .social a.soc6{background-position: -230px -299px;}

.footer .contact a.con1{background-position: -276px -299px;}
.footer .contact a.con2{background-position: -322px -299px;}

.footer .apps a{
	width: 165px;
	height: 45px;
	display:inline-block;
	background: url(../img/imgs.png) no-repeat 0px -346px;	
	
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;	
}
.footer .apps a + a{
	margin-left: 30px;
}
.footer .apps a.app2{background-position: 0px -391px;}
.footer .apps a.app3{background-position: 0px -436px;}

/***************************/
#head{
	background: rgba(240, 240, 240, 0.8);
	left: 0px; right: 0px; top: 52px;
	position:fixed;
	z-index: 50;
	padding: 15px 0px;
	
	display:none;
}
#head ul{
	display:block;
	font-size: 0;
	padding: 0px 70px;
}
#head .list{
	position:relative;
}
#head .list > ul > li{
	width: 40%;
	display:inline-block;
	font-size: 22px;
	text-transform:uppercase;
}
#head .list > ul > li > a{
	position:relative;
	color:#ce4e7a;
	display:block;
}
#head .list > ul > li.active > a:before,
#head .list > ul > li.active > a:after{
	content: "";
	position:absolute;
	display:block;
	border: 10px solid transparent; 
	border-bottom: 10px solid #ffffff; 
	bottom: -15px;
	left: 45px;
	margin-bottom: -1px;
	z-index: 10;
}
#head .list > ul > li.active > a:after{
	margin-bottom: 0px;
	border-bottom: 10px solid #ce4e7a; 
	z-index: 9;
}
#head .list li + li + li{
	width: 20%;
}
#head ul ul{
	position:absolute;
	left: 0px;
	right: 0px;
	top: 100%;
	margin-top: 15px;
	background:#ffffff;
	padding: 22px 70px;
	
	border: 1px solid #ce4e7a;
	
	display:none;
}
#head ul ul li{
	width: 40%;
	display:inline-block;
	font-size: 22px;
	text-transform:none;
}
#head ul ul li a{
	text-decoration: underline;
	color:#3f3f3f;
}
#head ul ul li.active a{
	color:#ce4e7a;	
}