/* ---- fonts.begin ---- */

@font-face {
	font-family: 'M';
	src: url('../fonts/MaiolaPro-Italic.eot');
	src: url('../fonts/MaiolaPro-Italic.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/MaiolaPro-Italic.otf')  format('opentype'),
	     url('../fonts/MaiolaPro-Italic.woff') format('woff'), 
	     url('../fonts/MaiolaPro-Italic.ttf')  format('truetype'),
	     url('../fonts/MaiolaPro-Italic.svg#MaiolaPro-Italic') format('svg');
}

@font-face {
    font-family: 'AvL';
    src: url('../fonts/avenircyrilliclight-webfont.eot');
    src: url('../fonts/avenircyrilliclight-webfont.eot') format('embedded-opentype'),
      url('../fonts/avenircyrilliclight-webfont.svg') format('svg'),
         url('../fonts/avenircyrilliclight-webfont.woff') format('woff'),
         url('../fonts/avenircyrilliclight-webfont.ttf') format('truetype');
         font-weight: normal;
    font-style: normal;
text-shadow:-1px -1px 1px rgba(255,255,255,0.2), /* наверх и влево */
   1px 1px 1px rgba(255,255,255,0.2), /* вниз и вправо */
   1px 1px 1px rgba(0,0,0,0.7); /* тёмная тень */
}
/* ---- fonts.end ---- */

/* ----- basic.begin ----*/
body {
	line-height: 1;
	background: #fff;
	color: #0d0909;
	text-align: left;
	font-family: 'AvL';
	-webkit-font-smoothing: antialiased;
}
input, select, button, textarea {font-family: 'AvL';} /* ----- подставить нужный шрифт ----*/
label, input[type="button"], input[type="submit"], button {cursor: pointer;}

img.flag{position:absolute;z-index:11}
.title{font-size:30px;position:relative;padding:30px 0 30px 45px;}
.title img{position:absolute;left:-20px;top:19px}
.clr{clear:both}
.slink{position:relative;top:-130px}
a:hover{color:#67A3C9}
/* ---- basic.end ----*/



/* ---- header.begin ---- */
.topfix{
position:fixed;
width:100%;
height:142px;
background:url(../img/bg-top.png) repeat-x;
z-index:21
}
.logo{
float:left;
padding-top:35px
}
.menu{
padding-top:30px;
}
.menu li{
float:right;
padding:0 10px;
margin:0 1px;
border-left:1px solid #0d0909;
border-right:1px solid #0d0909;
height:9px
}
.menu li:first-child{
border-right:none
}
.menu li:last-child{
border-left:none
}
.menu li a{
font-size:12px;
text-decoration:none;
position:relative;
top:-4px;  
-webkit-font-smoothing: antialiased;
}
.menu li a:hover,.menu li a.act{
color:#67A3C9
}
.phone{
font-size:18px;
float:right;
margin-top:40px;
text-align:right;
padding-right:25px
}
.phone p{
font-family: 'M';
font-size:36px;
}
.phone p span{
font-size:24px
}
/* ---- header.end ---- */

/* ---- slider.begin ---- */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.slider{
width:1000px;
margin:0 auto;
position:relative;
padding-top:142px;
height:565px
}
.slides li {
    display: none;
    -webkit-backface-visibility: hidden;
position:relative;
}


.slider .slides li p{
position:absolute
}
.slider .slides li .tit{
font-size:48px;
top:20px;
left:103px;
padding:10px
}
.slider .slides li .subtit{
font-family:'M';
font-size:28px;
top:86px;
left:397px
}
.slider .slides li .desc{
font-size:30px;
color:#ffffff;
top:150px;
left:323px;
line-height:36px;
text-align:right
}

.slider .flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: -21px;
    text-align: right;
    z-index:99;
    right:25px
}

.slider .flex-control-nav li {
    display: inline-block;
    zoom: 1;
	margin-top:21px
}
.slider .flex-control-paging li a {
    display: block;
    cursor: pointer;
	font-size:0px;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background:url(../img/spriteIco.png) no-repeat -26px -153px;
}

.slider .flex-control-paging li a.flex-active {
 background:url(../img/spriteIco.png) no-repeat -8px -153px;
}
/* ---- slider.end ---- */

/* ---- choise.begin ---- */
.choice{
width:795px;
margin:0 auto
}
.block{
width:333px;
float:left;
position:relative;
margin:0 30px 28px
}
.block img{
width:333px;
height:216px;
}
.block .tit{
position:absolute;
top:5px;
left:10px;
font-size:18px;
line-height:18px
}
.block .tit span{
font-size:14px
}
.block .price{
font-size:14px;
text-align:right
}
.block .price span{
font-size:24px
}
/* ---- choise.end ---- */

/* ---- quality.begin ---- */
.quality{
background:url(../img/bg-quality.jpg) no-repeat center 90px;
height:650px
}

.quality li{
font-family:'M';
font-size:30px;
background:url(../img/flag-litle.png) no-repeat left;
padding-left:38px;
margin:13px 0 0 170px 
}
.quality p{
font-family:'M';
font-size:24px;
text-align:center;
margin-top:295px
}
/* ---- quality.end ---- */

/* ---- five.begin ---- */
.five{
margin-top:-75px
}

.five li{
font-family:'M';
font-size:30px;
margin:11px 0 0 225px 
}
.five .face{
border-radius:62px;
float:left;
margin:45px 0 0 65px
}
/* ---- five.end ---- */

/* ---- warranty.begin ---- */
.warranty{
margin-top:40px
}

.warranty .title{
background:url(../img/logo-sm.jpg) no-repeat left;
padding-left:60px
}
.warranty .title img{
left:925px
}
.warranty .item{
width:25%;
text-align:center;
float:left;
margin-top:20px
}
.warranty .item img{
border-radius:65px;
}
.warranty .item p{
font-size:14px;
margin-top:15px;
line-height:17px
}
.warranty .item p span{
font-family:'M';
font-size:30px;
display:block;
margin-bottom:10px;
line-height:24px
}
.warranty .trig{
width:146px;
height:146px;
border:1px solid #d6d6d6;
border-radius:73px;
margin:-5px auto 0;
font-family:'M';
font-size:122px;
line-height:126px
}

/* ---- warranty.end ---- */



/* ---- reviews.begin ---- */
.reviews{
margin-top:40px;
height:300px;
overflow:hidden
}
.revslider{
width:760px;
margin:0 auto;
position:relative
}
.revslider li img{
float:left;
margin:20px 30px 20px 50px
}
.revslider li p{
line-height:22px;
font-family:'M';
font-size:18px;
padding:0 40px 0 220px
}
.revslider .slides img{
width:130px;
height:130px;
border-radius:130px
}
.flex-direction-nav li a{
display:block;
width:60px;
height:60px;
font-size:0;
position:absolute;
}
.flex-prev{
background:url(../img/arr-l.jpg) no-repeat;
left:-60px;
top:55px
}
.flex-next{
background:url(../img/arr-r.jpg) no-repeat;
right:-60px;
top:55px
}
.slider .flex-prev{
top:435px;
left:10px;
background:url(../img/arr-l-w.png) no-repeat;
}
.slider .flex-next{
top:435px;
right:10px;
background:url(../img/arr-r-w.png) no-repeat;
}
.flex-direction-nav li a:hover{
opacity:0.75
}
/* ---- reviews.end ---- */

/* ---- algoritm.begin ---- */
.algoritm{
margin-top:40px;
background:url(../img/bg-algoritm.jpg) no-repeat center bottom;
height:665px
}
.algoritm p{
font-family:'M';
font-size:21px;
line-height:31px;
}
.algoritm img{
float:left;
margin-right:15px
}
/* ---- algoritm.end ---- */

/* ---- questions.begin ---- */
.questions{
margin-top:40px
}
.questions .quest{
font-family:'M';
font-size:22px;
margin:10px 0 10px 135px;
cursor:pointer
}
.questions .quest p{
font-size:18px;
padding:15px
}
.questions .quest img{
float:left;
margin:0 8px 0 0
}
/* ---- questions.end ---- */

/* ---- contacts.begin ---- */
.contacts{
margin-top:40px
}
.contacts .left{
width:445px;
float:left;
margin-left:85px
}
.contacts .left .tit{
font-size:14px;
color:#209ad5
}
.contacts .left input{
width:347px;
height:25px;
font-size:14px;
padding:0 10px;
margin-top:15px;
border:1px solid #96cfea;
box-shadow:3px 3px 5px #575757
}
.contacts .left .submit{
width:367px;
height:25px;
font-size:18px;
margin-top:15px;
border:1px solid #96cfea;
box-shadow:3px 3px 5px #575757;
cursor:pointer;
color:#96cfea;
line-height:25px;
text-align:center;
background:#ffffff;
margin-left:37px
}
.contacts .left .submit:hover{
background:#575757
}
.contacts .left form img{
margin-right:10px;
position:relative;
top:7px
}
.contacts .left .adr{
background:url(../img/logo-sm.jpg) no-repeat left top;
padding-left:75px;
margin-top:25px;
font-size:14px;
line-height:17px;
margin-left:-30px
}
.contacts .left .adr a{
text-decoration:none;
color:#209ad5
}
.contacts .right{
float:right;
width:426px
}
.links{
padding:15px 15px 0 15px;
background:#e9e9e9;
float:left;
margin-top:15px
}
.links a{
float:left;
height:60px;
margin:0 3px
}
.links a:hover{
background:url(../img/triangle.jpg) no-repeat center bottom
}
.map{
display:block;
margin:20px 79px
}
/* ---- contacts.end ---- */

/* ---- news.begin ---- */	
.news{
margin-top:40px;
height:750px;
background:url(../img/bg-news2.jpg) no-repeat center bottom;
text-align:center 
}
.news .title{
text-align:left
}
.news p{
font-family:'M';
font-size:30px;
margin:38px 0 20px
}
.news a{
margin:0 2px;
font-size:20px;
text-decoration:none
}
.copy{
font-size:14px;
margin-top:525px
}

/* ---- news.end ---- */





/* ---- modal-form.begin ---- */	
.banner{
width:750px;
background:#ffffff;
position:absolute;
left:50%;
top:50%;
margin:-290px 0 0 -375px
}
.popup{
overflow:auto
}
.banner img{
width:100%;
height:100%
}
.banner p.titl{
font-size:25px;
padding:20px 0 5px 20px;
}
.banner p.city{
font-size:16px;
padding:0 0 10px 20px
}
.banner p.ang{
font-size:19px;
font-family:'M';
margin-bottom:20px
}
.banner p.place{
font-size:16px;
line-height:19px;
margin-top:20px
}
.banner p.dop{
font-size:16px;
line-height:23px;
padding:20px;
}
.banner p.dop span{
font-weight:700;
font-size:18px;
font-family:'Arial';
}
.banner p.price{
font-size:20px;
padding:0 20px 30px
}
.banner p.price span.small{
font-size:14px
}
.banner .left{
width:400px;
float:left;
padding:20px 0 0 20px
}
.banner .right{
width:280px;
float:right;
padding:20px 20px 0 0
}
.banner li{
/*margin-bottom:5px*/
margin-bottom:15px
}
.banner li span{
font-family:'Arial';
font-weight:700;
font-size:14px
}
.close{
width:20px;
height:18px;
border:1px solid #0d0909;
border-radius:20px;
position:absolute;
top:20px;
right:20px;
text-decoration:none;
text-align:center;
padding-top:2px;
font-size:18px
}
/* ---- modal-form.end ---- */