@charset "UTF-8";
*{
margin: 0px;
padding: 0px;
text-align: left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}
html{
height:100%;
}
body{
text-align: center;
margin: 0px;
color: #000;
font-size: 14px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
background: #FFF;
}
img{
border: none;
}
.clearfix{
clear: both;
}
a{
text-decoration: none;
}

.main{
width: 100%;
max-width: 1040px;
margin: 0 auto;
}

header .logo{
float: left;
}
header .phone{
float: right;
color: #4b5c68;
font-size: 22px;
font-weight: 700;
text-align: right;
padding: 20px 0px 0px 0px;
line-height: 17px;
}
header .phone sup{
font-size: 13px;
}
header .phone a{
color: #e2007a;
font-size: 13px;
font-weight: 600;
text-decoration: underline;
}
header .menu{
padding: 20px 0px 0px 0px;
text-align: center;
}
header .menu ul{
list-style: none;
display: inline-block;
}
header .menu ul li{
float: left;
line-height: 40px;
}
header .menu ul li a{
display: inline-block;
color: #e2007a;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
line-height: 10px;
padding: 0px 10px;
border-right: 1px #e2007a solid;
}
header .menu ul li:last-of-type a{
border-right: none;
}
header .menu ul li a:hover{
text-decoration: underline;
}

footer{
padding: 20px 0px;
}
footer ul{
list-style: none;
}
footer ul li{
float: left;
line-height: 40px;
}
footer ul li a{
display: inline-block;
color: #4b5c68;
font-size: 13px;
font-weight: 600;
line-height: 14px;
padding: 0px 15px;
border-right: 1px #4b5c68 solid;
}
footer ul li:last-of-type a{
border-right: none;
}
footer ul li a:hover{
text-decoration: underline;
}
footer p{
color: #4b5c68;
font-size: 12px;
padding: 0px 0px 0px 15px;
}
footer .copyright{
padding: 0px 0px 0px 30px;
float: left;
}
footer .developer{
float: right;
padding: 10px 0px 0px 0px;
}

.ecran{
width: 100%;
min-height: 100%;
height: 100%;
display: table;
}
.ecran .half{
display: table-cell;
width: 50%;
height: 100%;
position: relative;
vertical-align: top;
}
.ecran .half img.fonimg{
width: 100%;
display: block;
}
.ecran .half .text{
width: 100%;
height: 50% !important;
display: table;
text-align: center;
}
.ecran .half .text .td{
display: table-cell;
vertical-align: middle;
text-align: center;
}

.ecran .half .img{
width: 100%;
height: 50%;
display: table-cell;
}
.ecran .half .text h2{
color: #e2007a;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 20px 0px;
}
.ecran .half .text hr{
width: 50px;
margin: 0 auto;
height: 0px;
border: none;
border-top: 1px #e2007a solid;
}
.ecran .half .text h2.purple{
color: #e2007a;
padding: 0px 0px 20px 0px;
}
.ecran .half .text p{
width: 320px;
margin: 0 auto;
padding: 0px 0px 20px 0px;
font-size: 13px;
font-weight: 400;
color: #1a171b;
text-align: center;
line-height: 20px;
}
.ecran .half .text a.nice_btn{
display: inline-block;
color: #e2007a;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
line-height: 38px;
padding: 0px 0px;
width: 158px;
text-align: center;
border: 1px #e2007a solid;
}

.prefooter{
width: 100%;
border-top: 1px #c2d1da solid;
overflow: hidden;
}
.prefooter img{
width: 100%;
display: block;
}
.prefooter .w-30{
width: 33.33333333333333%;
float: left;
}
.prefooter .w-50{
width: 50%;
float: left;
}
.prefooter span{
display: block;
border-right: 1px #c2d1da solid;
border-bottom: 1px #c2d1da solid;
}

#slides{
position: relative;
}
#slides .slide{
width: 100%;
height: 100%;
}
#slides .slide.sl1{
background: url(../img/sl_1.jpg) 50% 50% no-repeat;
background-size: cover;
}
#slides .slide.sl2{
background: url(../img/sl_2.jpg) 50% 50% no-repeat;
background-size: cover;
}
#slides .slide.sl3{
background: url(../img/sl_3.jpg) 50% 50% no-repeat;
background-size: cover;
}

.top-ecran{
position: relative;
}
.top-ecran header{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 100;
}

.slidesjs-navigation{
display: none;
}
.slidesjs-pagination{
list-style: none;
position: absolute;
top: 40%;
left: 35px;
z-index: 100;
}
.slidesjs-pagination li{
padding: 8px 0px;
}
.slidesjs-pagination a{
display: inline-block;
width: 10px;
height: 10px;
text-indent: -9999px;
background: url(../img/nav.png) 0% 100% no-repeat;
}
.slidesjs-pagination a.active{
background: url(../img/nav.png) 0% 0% no-repeat;
}

#slides .slide .main{
display: table;
height: 100%;
}
#slides .slide .main .wrap{
display: table-cell;
vertical-align: middle;
}
#slides .slide .main .wrap h2{
color: #e2007a;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
}
#slides .slide .main .wrap p{
width: 320px;
margin: 0 auto;
padding: 0px 0px 20px 0px;
font-size: 13px;
font-weight: 400;
color: #1a171b;
line-height: 20px;
}
#slides .slide .main .wrap a{
color: #e2007a;
font-weight: 700;
text-decoration: underline;
}
#slides .slide .main .wrap a.button{
display: inline-block;
color: #e2007a;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
line-height: 38px;
padding: 0px 0px;
width: 158px;
text-align: center;
border: 1px #e2007a solid;
text-decoration: none;
}
#slides .slide .main .wrap .text{
width: 320px;
margin-left: 73px;
}
#slides .slide .main .wrap .text.pad{
padding-top: 80px;
}
#slides .slide .main .wrap  img{
display: none;
}
#slides .slide .main .wrap h2.black{
color: #1a171b;
font-size: 30px;
font-weight: 400;
text-transform: none;
padding: 0px 0px 20px 0px;
}
#slides .slide.sl2 .main .wrap .text{
float: right; 
}
.bubl{
z-index: 100;
position: fixed;
top: 50%;
right: 0px;
margin-top: -95px;
}
.bubl a.desktop{
display: inline-block;
width: 40px;
height: 190px;
background: url(../img/plashka.jpg) 0% 0% no-repeat;
}
.bubl .mobile{
display: none;
}
a.open{
display: none;
}
.mouse{
position: absolute;
bottom: 10%;
left: 50%;
margin-left: -9px;
z-index: 100;
}
.mouse span{
display: inline-block;
width: 18px;
height: 28px;
background: url(../img/souris.png) 0% 0% no-repeat;
}
a.link{
text-decoration: underline;
color: #e2007a;
}
a.link:hover{
text-decoration: none;
}
.slidesjs-stop.slidesjs-navigation
{display: none !important;}