* {
	margin:0;
	padding:0;
}

html, body {
	margin:0;
	padding:0;
	width:100%;
}

body {
	font-size:16px;
	line-height: 1;
	color:#000;
	font-family:'bliss_light';
	background:#fff;
	/*background:#fff url(../images/main.jpg) no-repeat center top;*/
}


#menu{
/*высота шапки в пиксел¤х*/
position: fixed;
z-index: 100;
width: 100%; height: 112px;
background:url(../img/bghead.png) repeat-x top;
}


.wrap {
	position:relative;
	width:980px;
	margin:0 auto;
}



.b1 {
height: 1244px;
position: relative;
z-index: 1;
background: url(../img/bg1.jpg) no-repeat top;
top: 112px;
}


.b2{
	height: 697px;
	position:relative;
	z-index:1;
	background: url(../img/bgline.png) repeat-x top center;
	top: 112px;
}

.b3 {
	height: 383px;
	position:relative;
	background: url(../img/bg2.jpg) no-repeat  top center;
	top: 112px;
}

.b4 {
	height:720px;
	position:relative;
	background: url(../img/bg3.jpg) no-repeat top center;
	top: 112px;
}

.b5 {
	height:350px;
	position:relative;
	top: 112px;
	overflow: hidden;
	background: #fff ;
}


.b6 {
height: 100%;
position: relative;
top: 112px;
overflow: hidden;
background: url(../img/bg41.jpg) no-repeat  top center;

}

.b7{
	height: 590px;
	position:relative;
	top: 112px;
	overflow: hidden;
	background: url(../img/bg4.jpg) no-repeat  top center;
}

.b8 {
	height: 100%;
	position:relative;
	top: 112px;
	overflow: hidden;
	background: #fff ;
}

.b9{
	height:290px;
	position:relative;
	top: 112px;
	background: url(../img/bgline.png) repeat-x top center;
}

.b10 {
height: 402px;
position: relative;
top: 112px;
overflow: hidden;
background: #1086b6;
}

.b11 {
height: 130px;
position: relative;
top: 112px;
overflow: hidden;
background: #1086b6;
}

.bgmenu{
position:absolute;
background:url(../img/bgmenu.png) no-repeat center;
width:671px;
height:396px;
left: 10px;
top: -10px;
}


.logo {
width: 251px;
height: 64px;
background: url(../img/logo.png) no-repeat center;
float: left;
position: absolute;
left: 10px;
top: 10px;

}

.phone {
position: absolute;
font-size: 29px;
color: rgb(9, 109, 156);
top: 14px;
right: 10px;
color: #16639C;
}

.phone:before{
content: '';
position: absolute;
width: 14px;
height: 22px;
top: 5px;
left: -23px;
background: transparent url("../img/phone.png") no-repeat scroll;
}

.callback{
position: absolute;
font-size: 18px;
color: rgb(255, 255, 255);
top: 71px;
right: 10px;
background: transparent url("../img/icophone.png") no-repeat scroll 1px 3px;
height: 18px;
cursor: pointer;
border: 1px dashed;
border-radius: 28px;
padding: 12px;
text-transform: uppercase;
}

.worktime{
position: absolute;
font-size: 18px;
color: rgb(7, 55, 108);
top: 51px;
right: 10px;
background: transparent url("../img/icophone.png") no-repeat scroll 1px 3px;
}
.callback:hover{
color: rgb(160, 209, 236);

}

.adress {
position: absolute;
width: 312px;
text-align: left;
font-family: "bliss_light";
color: rgb(9, 109, 156);
font-size: 20px;
float: right;
right: 312px;
top: 20px;
}

.menutext{
position: relative;
top: 88px;
text-align: center;
width: 565px;
height: 20px;
margin: auto;
}

.menu{
position: relative;
text-align: center;
color: #FFF;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
font-size: 15px;
transition-duration: 0.5s;
float: left;
}
.menu:hover{color: #73f0ff; border-bottom: 1px dotted ;   }


.li{
    float: left;
    width: 1px;
    height: 15px;
    position: relative;
    background: rgba(229, 229, 229, 0.55) repeat;
    margin: 0px 10px;
    top: 1px;
}



.descriptor{
width: 900px;
height: 95px;
background: rgba(6, 154, 218, 0.47);
position: absolute;
left: 10px;
top: 186px;
}

.descriptor:before{
content: '';
width: 900px;
height: 40px;
background: #fff;
position: absolute;
left: 0px;
top: 94px;
}

.d1  {
font-size: 52px;
line-height: 0.75;
position: absolute;
text-align: center;
color: rgb(255, 255, 255);
font-family: "bliss_bold";
}
.d1 span {
font-size: 57px;
}


.d2  {
font-size: 32px;
position: absolute;
text-align: left;
color: #2783d1;
left: 89px;
top: 96px;
font-family: "bliss_bold";
}

.sale{
font-size: 22px;
position: absolute;
text-align: left;
color: rgb(255, 255, 255);
width: 403px;
top: 62px;
left: 332px;
	
}
.sale span{
font-size: 40px;
font-family: "bliss_bold";	
	
}
.timer{
position: absolute;
top: 183px;
left: 326px;
width: 282px;
height: 61px;
}

.form1 {
width: 765px;
height: 298px;
position: absolute;
left: 10px;
top: 667px;
background: transparent url("../img/form1.png") no-repeat scroll center;
}

.input {
position: absolute;
outline: medium none;
width: 210px;
height: 37px;
border: 1px solid #0a9bba;
padding: 0px 10px 0px 36px;
color: #5c5c5c;
font-size: 18px;
background: none repeat scroll 0% 0%;
transition-duration: 0.5s;
box-shadow: 2px 0px 2px -1px #696969 inset;
font-family: "bliss_light";
border-radius: 12px;
}

.input:hover {
border: 1px solid rgba(5, 95, 85, 0.57);
}

.input:focus {
width: 240px;
border: 1px solid rgba(5, 95, 85, 0.57);
background: rgb(255, 255, 255);
padding: 0px 10px 0px 6px;
}



.send{
display: inline-block;
text-align: center;
color: rgb(255, 255, 255);
font-size: 16px;
border: 1px solid rgb(247, 147, 30);
border-radius: 6px;
cursor: pointer;
text-shadow: 0px 1px 0px rgb(174, 151, 18);
box-shadow: 0px 0px 0px 1px rgb(254, 237, 48) inset, 0px 2px 5px rgb(134, 61, 29), 0px 0px 0px 5px rgba(255, 255, 255, 0.13), 0px 0px 0px 6px rgba(219, 179, 133, 0.26);
position: relative;
background: transparent linear-gradient(to bottom, rgb(255, 205, 8) 0%, rgb(250, 164, 26) 100%) repeat scroll 0% 0%;
text-decoration: none !important;
text-transform: uppercase;
padding: 4px 50px;
white-space: normal;
font-weight: normal;
position: absolute;
}


.send:hover{
background: rgb(245, 194, 62) none repeat scroll 0 0;
}
.send:active{
background: rgb(245, 194, 62) none repeat scroll 0 0;
 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;

}




.icoblock{
position: relative;
margin: auto;
width: 900px;
top: 1044px;
right: -41px;
}
.ico{
position: relative;
float: left;
width: 140px;
height: 132px;
margin: 0px 20px;
}

.icoh1 {
font-size: 17px;
color: #4e4e4e;
margin-top: 142px;
text-align: center;
width: 148px;
}

.img1{background: url(../img/ico1.png) no-repeat; }
.img2{background: url(../img/ico2.png) no-repeat; margin-top: -35px;}
.img3{background: url(../img/ico3.png) no-repeat; margin-top: -70px;}
.img4{background: url(../img/ico4.png) no-repeat; margin-top: -105px;}
.img5{background: url(../img/ico5.png) no-repeat; margin-top: -140px;}


.b2_h1{
position: absolute;
margin: auto;
width: 810px;
text-transform: uppercase;
color: #23609C;
font-family: 'bliss_bold';
font-size: 49px;
text-align: right;
padding: 10px 0px;
right: 10px;
top: 1145px;
line-height: 0.7;

}
.b2_h1 span{
color:#77c4d6;
font-size:34px;
 }

 
 .b2_img{
float: left;
margin: 64px 13px;
position: relative;
width: 300px;
 }
  
 .b2_name{
font-size: 19px;
color: rgb( 4, 65, 89 );
font-family: 'bliss_bold';
margin: 5px;
position: absolute;
width: 152px;
top: -52px;
}
 
  
 .b2_price{
font-size: 22px;
color: rgb(11, 184, 254);
font-family: 'bliss_bold';
margin: 0px;
text-align: right;
position: absolute;
right: 8px;
top: -51px;
 }
    
 .b2_oldprice{
font-size: 20px;
color: rgb(225, 79, 31);
font-family: 'bliss_bold';
margin: 0px;
text-align: right;
position: absolute;
right: 8px;
top: -27px;
text-decoration:line-through;
 }
  
 .b2_button{
    top: 240px;
    left: 64px;
 }
 

 .b3_img{
float: left;
margin: 16px 13px;
position: relative;
width: 299px;
background: #fff;
height: 316px;
border-radius: 9px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
 }
  
 .b3_name{
font-size: 23px;
color: rgb(255, 255, 255);
position: absolute;
width: 287px;
bottom: 63px;
font-family: 'bliss_bold';
background: #1775A8;
padding: 6px;
}
 
  
 .b3_price{
font-size: 22px;
color: rgb(255, 255, 255);
font-family: 'bliss_bold';
margin: 0px;
text-align: right;
position: absolute;
left: 3px;
bottom: 2px;
background: #E61000;
border-radius: 9px;
padding: 4px;
 }
    
 .b3_oldprice{
font-size: 20px;
color: rgb(69, 69, 69);
margin: 0px;
text-align: right;
position: absolute;
left: 8px;
bottom: 38px;
text-decoration: line-through;
 }
  
 .b3_button{
top: 284px;
left: 145px;
padding: 4px 35px !important;
 }



.b3_h1{
position: absolute;
color: #515151;
font-family: "bliss_light";
font-size: 21px;
text-align: left;
top: 97px;
width: 650px;
left: 301px;
}

.b3_h1 span{
font-family: "bliss_bold";
font-size: 24px;
text-transform:uppercase;
}


.b3_h2{
position: absolute;
color: #515151;
font-family: "bliss_light";
font-size: 21px;
text-align: left;
top: 368px;
width: 650px;
left: 301px;
}

.b3_h2 span{
font-family: "bliss_bold";
font-size: 24px;
text-transform:uppercase;
}

.b4_h1{
position: relative;
margin: auto;
width: 570px;
text-transform: uppercase;
color: #F3FFEF;
font-family: 'bliss_bold';
font-size: 35px;
text-align: right;
padding: 10px 0px;
right: 10px;
top: 20px;
line-height: 0.5;
height: 90px;
float: right;
}

.b4_h1 span{
color:#fff;
font-family:'bliss_light';
font-size:18px;
text-align:right;
text-transform:none;
}

.b4_block{
margin:auto;
position:relative;	
margin: auto;
position: relative;
width: 880px;
top: 70px;
}


.b4_icon{
float: left;
margin: 20px;
width: 400px;
height: 140px;
}

.b4_text{
color:#fff;
font-size:18px;	
margin: -110px 0px 4px 120px;
}


.b4_text span{
color:#35A8F2;
font-size:22px;
font-family: 'bliss_bold';
}

.b4_h2{
position: absolute;
left: 60px;
color: #77c4d6;
font-family: "bliss_bold";
font-size: 24px;
text-align: left;
float: left;
width: 877px;
top: 554px;
}

.b4_h2 span{
color: #fff;
font-family:'bliss_light';
font-size:16px;
text-align:left;
}

.form2{
width: 874px;
height: 350px;
position: absolute;
left: 10px;
top: 0px;
background: transparent url("../img/form2.jpg") no-repeat top;

}	

.form2_h1 {
text-transform: uppercase;
color: rgb(4, 65, 89);
font-family: "bliss_bold";
font-size: 33px;
text-align: right;
padding: 10px 0px;
line-height: 0.7;
position: absolute;
right: 13px;
top: 97px;
}


.b7_h1{
position: absolute;
width: 360px;
text-transform: uppercase;
color: rgb(14, 128, 137);
font-family: "bliss_bold";
font-size: 35px;
text-align: center;
padding: 10px 0px;
left: 10px;
top: 0px;
line-height: 0.5;
height: 21px;
float: right;
background: #fff;
}

.bg_algo{
width: 980px;
height: 94px;
position: absolute;
left: 0px;
top: 220px;
background: transparent url("../img/algo.png") no-repeat scroll center;
}


.b7_text{
color: #fff;
font-size: 18px;	
position:absolute;	
width:200px;
text-align:center;
}

.b7_text span{
color: #77c4d6;
font-size: 22px;
font-family: 'bliss_bold';	
	
}

.position1{ top: 103px; left: -8px;}
.position2{ top: -103px;left: 188px;}
.position3{ top: 103px; left: 383px;}
.position4{ top: -103px; left: 575px;}
.position5{ top: 103px; right: 17px;}


.b7_h1 span{
	color:#77c4d6;
}



.b7_block{
margin: auto;
position: relative;
width: 900px;
top: 75px;
}

audio{
width: 275px;
position: relative;
height: 27px;
}

.review{
float: left;
box-shadow: 0px 0px 2px RGBA(0, 0, 0, 0.32);
margin: 12px;
width: 275px;
height: 202px;
}

.review_h1{
font-size: 19px;
color: rgb( 4, 65, 89 );
font-family: 'bliss_bold';
margin: 5px;	
}

.review_h2{
font-size: 17px;
color: rgb(59, 59, 59);
margin: 5px;	
}

.b8_h1  {
	    position: relative;
    margin: auto;
    width: 650px;
    text-transform: uppercase;
    color: #0d5464;
    font-family: "bliss_bold";
    font-size: 35px;
    text-align: left;
    padding: 10px 0px;
    top: 20px;
    line-height: 0.65;
    height: 90px;
    float: left;
}

	.b8_h1 span{
color: rgb(67, 67, 67);
font-family: "bliss_light";
font-size: 16px;
text-align: left;
text-transform: none;
}
	
.logos{
	    position: relative;
    margin: auto;
    width: 953px;	
	background: transparent url("../img/logos.jpg") no-repeat scroll center;
	height:96px;
	top:160px;
}

.b9_block{
height: 142px;
width: 380px;
margin: auto;
position: relative;
background: RGBA(0, 0, 0, 0.22);
top: -390px;
z-index: 2;
}


.b9_block:before{
content: '';
height: 132px;
width: 370px;
margin: auto;
position: absolute;
background: #fff;
top: 5px;
left: 5px;
}

.b9_h1{
color: rgb( 4, 65, 89 );
font-size: 18px;
position: relative;
width: 357px;
text-align: center;
top: 10px;
margin: auto;
}

.b9_h1 span{
color: #0d5464;
font-size: 25px;
text-transform:uppercase;
 font-family: "bliss_bold";
}

.askus1{
    position: relative;
    width: 410px;
    text-align: center;
    font-family: "bliss_light";
    color: rgb(9, 109, 156);
    font-size: 20px;
    top: 3px;
    margin: auto;
}

.askus{
position: relative;
top: 83px;
left: 10px;
font-size: 30px;
color: #fff;
text-transform: uppercase;
margin: auto;
width: 600px;
text-align: center;
}

.askus span{
font-size: 30px;
color: #69FAFF;
font-weight: 100;
text-decoration: underline;
cursor: pointer;
}

.askus span:hover {
    text-decoration: none;
}

.b10_h1{
position: relative;
top: -24px;
left: 10px;
font-size: 60px;
color: #fff;
text-transform: uppercase;
margin: auto;
width: 600px;
font-family: "bliss_bold";
text-align: center;
}

.close{
cursor: pointer;
position: absolute;
top: -27px;
right: 0px;
width: 36px;
height: 27px;
background:#fff;
text-align: center;
font-family: pfdindisplaypro-light-webfont;
color:#787878;
font-size: 30px;
}
.close:hover{
color:#000;
}

#feedback{
display: none;
position: fixed;
z-index: 101;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.63);
z-index:999;
}

#thankyou{
display: none;
position: fixed;
z-index: 101;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.63);
z-index:999;
}

.modal{
display: block;
position: fixed;
top: 45%;
left: 50%;
width: 450px; 
height: 600px;
margin: auto;
margin-top: -270px;
margin-left: -225px;
z-index: 102;
text-align: center;
font-size: 12px;
background: #fff;
z-index:999;
}

.modalpaydelivery{
display: block;
position: fixed;
top: 45%;
left: 50%;
width: 910px; 
height: 600px;
margin: auto;
margin-top: -270px;
margin-left: -455px;
z-index: 102;
text-align: center;
font-size: 12px;
background: #fff;
z-index:999;
}

.thankyoumodal{
display: block;
position: fixed;
top: 45%;
left: 50%;
width: 450px; 
height: 200px;
margin: auto;
margin-top: -100px;
margin-left: -225px;
z-index: 102;
text-align: center;
font-size: 12px;
background: #fff;
z-index:999;
}


#orderform{
display: none;
position: fixed;
z-index: 101;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.63);
z-index:999;
}

.ordermodal{
display: block;
position: fixed;
top: 45%;
left: 50%;
width: 450px; 
height: 400px;
margin: auto;
margin-top: -200px;
margin-left: -225px;
z-index: 102;
text-align: center;
font-size: 12px;
background:#fff  url(/img/orderform.png) no-repeat 0 90px ;
z-index:999;
}

/*слайдер*/
#slider-wrap{ /* ќболочка слайдера и кнопок */
    width:960px; 
    }

	
#slider{ /* ќболочка слайдера */
width: 874px;
height: 175px;
overflow: hidden;
position: relative;
margin: auto;
top: 90px;
	}
		
.slide{ /* —лайд */
    width:100%;
    height:100%;
	margin-left: 30px;
    }
.sli-links{ /*  нопки смены слайдов */
    margin-top:10px;
    text-align:center;}
.sli-links .control-slide{
    margin:2px;
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
    cursor:pointer;
    background-position:center center;}
.sli-links .control-slide.active{
    background-position:center top;}
#prewbutton, #nextbutton{ /* —сылка "—ледующий" и "ѕедыдущий" */
    display:block;
width: 54px;
height: 56px;
    position:absolute;
    top: 55px;
    overflow:hidden;
    text-indent:-999px;
    background:url(/img/arrowBg.png) left center no-repeat;
    opacity:0.8;
    z-index:3;
    outline:none !important;}
#prewbutton{left:0px;}
#nextbutton{
    right:0px;
    background:url(/img/arrowBg.png) right center no-repeat; transform: scale(-1, -1);}
#prewbutton:hover, #nextbutton:hover{
    opacity:1;}
	
/*слайдер*/	


#gallery1 {
  position: relative;
  padding-top: 38%;
  -moz-user-select: none; user-select: none;
}

#gallery1 img {
position: absolute;
top: 25%;
left: 12.5%;
max-width: 24.5%;
max-height: 49.5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-user-select: none;
user-select: none;
cursor: zoom-in;
transition-duration: 0.5s;
border-radius: 17px;
}
#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

#gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.9);
  cursor: zoom-out;
}