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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100.01%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1.2;
overflow-x: hidden;
}

/*---------------------------------------------------------------------------reset*/

html, body {
height: 100%;
}


.wrapper{
position: relative;
max-width: 6000px; /*это для Chrome, Safari из-за проблем с позиционированием бекграунда размещенного 50% 0*/
width: 100%;
min-width: 600px;
height: 100%;
margin: 0 auto;
overflow: ;
}

.base {
min-width: 600px;
max-width:1000px;
padding: 96px 0 166px;
margin: 0 auto;
height: 100%;
}

/*---------------------------------------------------------------------------global*/

.ie{
display: none;
}
/*---------------------------------------------------------------------------global*/

header {
z-index: 5;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 96px;
top: 0;
margin: 0 auto;
background: #011627;
}

header:before, header:after{
z-index: 5;
position: absolute;
width: 330px;
height: 96px;
top: 0;
}

header:before{
left: -330px;
background: #011627;
content: "";
}
header:after{
right: -330px;
background: #011627;
content: "";
}

.main_row {
z-index: 2;
position: relative;
width: 100%;
overflow: hidden;
}

    header ul{
        list-style-type: none;
        margin-top: -37px;
        margin-left: 620px;
    }
    
        header ul li{
            font: 300 20px Roboto, sans-serif;
            color: #fff;
        }
        
        header ul li span{font-weight: 700;}
        
            header h2{
                font: 300 14px Roboto, sans-serif;
                color: #fff;
                margin-left: 265px;
                margin-top: -60px;
            }
            
                .zakaz1{float: right; margin-top: -46px; cursor: pointer;}
                
               
.header-main {
z-index: 5;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 605px;
margin: 0 auto;
background: url(..//img/header_bg.jpg) no-repeat;
}

.header-main:before, .header-main:after{
z-index: 5;
position: absolute;
width: 330px;
height: 605px;
top: 0;
}

.header-main:before{
left: -330px;
background: url(..//img/header_bgL.jpg) no-repeat;
content: "";
}
.header-main:after{
right: -330px;
background: url(..//img/header_bgR.jpg) no-repeat;
content: "";
}   

    .header-main h2{
        font: 700 34px Roboto, sans-serif;
        color: #fff;
        text-transform: uppercase;
        padding-top: 212px;
        margin-left: 20px;
    }
    
        .header-main h3{
            font: 300 26.5px Roboto, sans-serif;
            color: #6d7278;
            text-transform: uppercase;
            margin-left: 20px;
            margin-top: 5px;
        }     
        
            .header-main h4{
                font: 700 45.5px Roboto, sans-serif;
                color: #fff;
                text-transform: uppercase;
                margin-left: 20px;
                margin-top: 5px;
            }   
            
            .header-main h4 span{color: #b3b3b3;}     
            
                .header-main form{
                    width: 323px;
                    height: 372px;
                    background: url(..//img/form_bg.jpg) no-repeat;
                    margin-left: 617px;
                    margin-top: -280px;
                }
                
                    .header-main h5{
                        font: 700 24px Roboto, sans-serif;
                        color: #1e2834;
                        padding-top: 30px;
                        margin-left: 55px;
                        text-transform: uppercase;
                    }
                    
                        .header-main h6{
                            font: 400 18px Roboto, sans-serif;
                            color: #1e2834;
                            margin-top: 15px;
                            margin-left: 45px;
                        }
                        
                            .input1, .input2{border: none; font: 300 14px Roboto, sans-serif; color: #b3b3b3; padding: 10px 47px 10px 47px; margin-left: 28px;}
                            
                            .input1{
                                background: url(..//img/input1.png) no-repeat;
                                background-color: #fff;
                                background-position: 18px center;
                                margin-top: 25px;
                                margin-bottom: 25px;
                                width: 170px;
                            }
                            
                            .input2{
                                background: url(..//img/input2.png) no-repeat;
                                background-color: #fff;
                                background-position: 18px center;
                                margin-bottom: 40px;
                                width: 170px;
                            }
                            
                            .input3{
                                font: 700 16px Roboto, sans-serif;
                                color: #fff;
                                text-transform: uppercase;
                                border: none;
                                cursor: pointer;
                                background: #00c79c;
                                -moz-box-shadow: 0px -4px 1px 0px #00a682 inset;
                                -webkit-box-shadow: 0px -4px 1px 0px #00a682 inset;
                                box-shadow: 0px -4px 1px 0px #00a682 inset;
                                margin-left: 28px;
                                padding: 8px 56px;
                                width: 264px;
                            }
                             .input3:hover, .input_4:hover {
                                background: #1d45ed;
                                -moz-box-shadow: 0px -4px 1px 0px #1531a6 inset;
                                -webkit-box-shadow: 0px -4px 1px 0px #1531a6 inset;
                                box-shadow: 0px -4px 1px 0px #1531a6 inset;
                            }    
							
                            
.section1 {
z-index: 1;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 840px;
margin: 0 auto;
background: #fff;
margin-top: 605px;
}

.section1:before, .section1:after{
z-index: 5;
position: absolute;
width: 330px;
height: 840px;
}

.section1:before{
left: -330px;
background: #fff;
content: "";
}
.section1:after{
right: -330px;
background: #fff;
content: "";
}

    .section1 ul{list-style-type: none;} 
    
    .ul_1 li, .ul_5 li, .ul_9 li{
        display: inline-block;
        margin-right: 275px;
    }
    
    .ul_1 li:last-child, .ul_5 li:last-child, .ul_9 li:last-child{margin-right: 0!important;}
    
    .ul_2, .ul_3, .ul_4, .ul_6, .ul_7, .ul_8, .ul_10, .ul_11, .ul_12{float: left;}
    .ul_2 li, .ul_3 li, .ul_4 li, .ul_6 li, .ul_7 li, .ul_8 li, .ul_10 li, .ul_11 li, .ul_12 li{
        font: 300 16px Roboto, sans-serif;
        color: #868b98;
    }
    
    .ul_2 li span, .ul_3 li span, .ul_4 li span, .ul_6 li span, .ul_7 li span, .ul_8 li span, .ul_10 li span, .ul_11 li span, .ul_12 li span{font-weight: 700;}
    
        .section1 h2{
            font: 700 24px Roboto, sans-serif;
            color: #1e2834;
            padding-top: 30px;
            margin-left: 275px;
            text-transform: uppercase;
        }
        
            .line{
                margin-top: 10px;
                margin-left: 400px;
                margin-bottom: 82px;
            }
            
                .ul_1{
                    margin-left: 95px;
                    margin-bottom: 35px;
                }
                
                .ul_3{margin-left: 50px;}
                .ul_4{margin-left: 83px;}
                
                .ul_5{
                    margin-left: 107px;
                    margin-top: 155px;
                    margin-bottom: 35px;
                }
                
                #li2{margin-right: 305px;}
                .ul_7{margin-left: 70px;}
                .ul_8{margin-left: 120px;}
                
                .ul_9{
                    margin-left: 113px;
                    margin-top: 155px;
                    margin-bottom: 35px;
                }
                
                .ul_9 li{margin-right: 317px!important;}
                .ul_9 li:first-child{margin-right: 285px!important;}
                
                .ul_11{margin-left: 85px;}
                .ul_12{margin-left: 105px;}
                
 .section2 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 481px;
margin: 0 auto;
background: #011627;
margin-top: 1445px;
}

.section2:before, .section2:after{
z-index: 5;
position: absolute;
width: 330px;
height: 481px;
top: 0;
}

.section2:before{
left: -330px;
background: #011627;
content: "";
}
.section2:after{
right: -330px;
background: #011627;
content: "";
}  

        #wrapper, #prev, #next {
				position: absolute;
				
			}
			#wrapper {
				width: 825px;
                height:348px!important;
                overflow:visible;
                margin-top:0px!important;
                margin-left:60px;
			}
#get_sertificat {
cursor: pointer;
} 
           
            #carousel{height: 348px!important;}

			#carousel img {
				margin: 0;
				border: none;
				display: block;
				float: left;
                width: 191px!important;
                margin-right: 20px;
			}
			
			#prev, #next {
				background: center center no-repeat;
				width: 17px;
                height:30px!important;
                border: none;
			}
			
			#prev {
				background-image: url(..//img/prev.png );
                bottom: 220px;
                background-position: 0 0;
				left: 0;
			}
			#next {
				background-image: url(..//img/next.png );
				right: 0;
                bottom: 220px;
                background-position: 0 0;
			}
            
            #prev:hover {
                background-position: 0 -30px;
            }
            
            #next:hover {
                background-position: 0 -30px;
            }
            
                .section2 h2{
                    padding-top: 30px;
                    margin-left: 350px;
                    font: 700 24px Roboto, sans-serif;
                    color: #fff;
                    text-transform: uppercase;
                }
                
                    .line1{
                        margin-top: 10px;
                        margin-left: 430px;
                        margin-bottom: 25px;
                    }
                    
 .section3 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 472px;
margin: 0 auto;
background: #fff;
margin-top: 1926px;
}

.section3:before, .section3:after{
z-index: 5;
position: absolute;
width: 330px;
height: 472px;
top: 0;
}

.section3:before{
left: -330px;
background: #fff;
content: "";
}
.section3:after{
right: -330px;
background: #fff;
content: "";
}      

    #wrapper1, #prev1, #next1 {
				position: absolute;
				
			}
			#wrapper1 {
				width: 816px;
                height:242px!important;
                overflow:visible;
                margin-top:0px!important;
                margin-left:60px;
			}
            
            .caroufredsel_wrapper1{height: 242px!important;}
            #carousel1{height: 242px!important;}

			#carousel1 img {
				margin: 0;
				border: none;
				display: block;
				float: left;
                width: 242px!important;
                margin-right: 45px;
			}
			
			#prev1, #next1 {
				background: center center no-repeat;
				width: 17px;
                height:30px!important;
                border: none;
			}
			
			#prev1 {
				background-image: url(..//img/prev1.png );
left: 0;
                bottom: 200px;
                background-position: 0 0;
			}
			#next1 {
				background-image: url(..//img/next1.png );
				right: 0;
                bottom: 200px;
                background-position: 0 0;
			}
            
                .section3 h2{
                    padding-top: 35px;
                    margin-left: 320px;
                    font: 700 24px Roboto, sans-serif;
                    color: #5a6173;
                    text-transform: uppercase;
                }
                
                     .line2{
                        margin-top: 10px;
                        margin-left: 430px;
                        margin-bottom: 45px;
                    }
                    
.section4 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 500px;
margin: 0 auto;
background: url(..//img/section4_bg.jpg) no-repeat;
margin-top: 2398px;
}

.section4:before, .section4:after{
z-index: 5;
position: absolute;
height: 500px;
top: 0;
}

.section4:before{
width: 324px;
left: -323px;
background: url(..//img/section4_bgL.jpg) no-repeat;
content: "";
}
.section4:after{
width: 336px;
right: -336px;
background: url(..//img/section4_bgR.jpg) no-repeat;
content: "";
}     

    .section4 h2{
        font: 700 39px Roboto, sans-serif;
        color: #fff;
        text-transform: uppercase;
        border-bottom: 8px solid #00c79c;
        width: 178px;
        padding-top: 190px;
        margin-left: 120px;
    }   
    
        .section4 h3{
            font: 700 39px Roboto, sans-serif;
            color: #fff;
            text-transform: uppercase;
            border-bottom: 8px solid #00c79c;
            width: 121px;
            margin-top: -60px;
            margin-left: 680px;
        }    
        
            #price1{
                margin-top: 155px;
                margin-left: 120px;
                display: block;
            }  
            
              #price2{
                margin-top: -51px;
                margin-left: 655px;
                display: block;
            }           
            
            
.section5 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 440px;
margin: 0 auto;
background: #fff;
margin-top: 2898px;
}

.section5:before, .section5:after{
z-index: 5;
position: absolute;
width: 330px;
height: 440px;
top: 0;
}

.section5:before{
left: -330px;
background: #fff;
content: "";
}
.section5:after{
right: -330px;
background: #fff;
content: "";
}    

    .section5 h2{
        font: 700 24px Roboto, sans-serif; 
        color: #5a6173;
        padding-top: 35px;
        margin-left: 370px;
        text-transform: uppercase;
    }        
           
	   .line3{
	       margin-top: 10px;
           margin-left: 420px;
	   }
       
        .work{
            margin-top: 60px;
            margin-left: 30px;
        }
            
            .ul_13{
                list-style-type: none;
                margin-top: 30px;
                margin-left: 25px;
            }	
            
            .ul_13 li{
                display: inline-block;
                font: 700 12px Roboto, sans-serif;
                color: #5a6173;
                text-transform: uppercase;
                margin-right: 75px;
            }
            
            .ul_13 li:last-child{margin-right: 0;}
            
            .li2{margin-right: 65px!important;}
            .li3{margin-right: 45px!important;}
            .li4{margin-right: 43px!important;}
            
            .ul_14, .ul_15, .ul_16, .ul_17, .ul_18{float: left; list-style-type: none; margin-top: 20px;} 
            
            .ul_14 li, .ul_15 li, .ul_16 li, .ul_17 li, .ul_18 li{
                font: 300 12px Roboto, sans-serif;
                color: #5a6173;
            }
            
            .ul_14{
                margin-left: 17px;
            }
            
            .ul_15{
                margin-left: 58px;
            }
            
            .ul_16{
                margin-left: 37px;
            }
            
            .ul_17{
                margin-left: 45px;
            }
            
            .ul_18{
                margin-left: 63px;
            }
            
.section6 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 297px;
margin: 0 auto;
background: #f5f5f5;
margin-top: 3338px;
}

.section6:before, .section6:after{
z-index: 5;
position: absolute;
width: 330px;
height: 297px;
top: 0;
}

.section6:before{
left: -330px;
background: #f5f5f5;
content: "";
}
.section6:after{
right: -330px;
background: #f5f5f5;
content: "";
} 

    .section6 h2{
        font: 700 24px Roboto, sans-serif;
        color: #5a6173;
        text-transform: uppercase;
        padding-top: 45px;
        margin-left: 140px;
    }   
    
    .section6 h2 span{color: #00c79c;} 
    
        .line4{
            margin-top: 15px;
            margin-left: 440px;
        }   
        
            .input_1, .input_2, .input_3{border: 1px solid #d6d6d6; font: 300 14px Roboto, sans-serif; color: #b3b3b3; padding: 10px 47px 10px 47px;}
                            
                            .input_1{
                                background: url(..//img/input1.png) no-repeat;
                                background-color: #fff;
                                background-position: 18px center;
                                margin: 40px 10px 20px 79px;
                                width: 168px;
                            }
                            
                            .input_2{
                                background: url(..//img/input2.png) no-repeat;
                                background-color: #fff;
                                background-position: 18px center;
                                margin-bottom: 20px;
                                margin-right: 10px;
                                width: 168px;
                            }
                            
                            .input_3{
                                background: url(..//img/input3.png) no-repeat;
                                background-color: #fff;
                                background-position: 18px center;
                                margin-bottom: 20px;
                                width: 168px;
                            }
                            
                            .input_4{
                                margin-left: 358px;
                            }   
                            
                            
.section7 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 530px;
margin: 0 auto;
background: #fff;
margin-top: 3635px;
}

.section7:before, .section7:after{
z-index: 5;
position: absolute;
width: 330px;
height: 530px;
top: 0;
}

.section7:before{
left: -330px;
background: #fff;
content: "";
}
.section7:after{
right: -330px;
background: #fff;
content: "";
}    

    .section7 h2{
        font: 700 24px Roboto, sans-serif;
        color: #5a6173;
        text-transform: uppercase;
        padding-top: 35px;
        margin-left: 370px;
    }
    
        .line5{
            margin-top: 15px;
            margin-left: 445px;
        } 
        
            #wrapper2, #prev2, #next2 {
				position: absolute;
				
			}
    			#wrapper2 {
    				width: 841px;
                    height:271px!important;
                    overflow:visible;
                    margin-top:40px!important;
                    margin-left:70px;
    			}
                
                .caroufredsel_wrapper1{height: 271px!important;}
                #carousel1{height: 271px!important;}
    
    			#carousel2 img {
    				margin: 0;
    				border: none;
    				display: block;
    				float: left;
                    width: 192px!important;
                    margin-right: 25px!important;
    			}
    			
    			#prev2, #next2 {
    				background: center center no-repeat;
    				width: 17px;
                    height:30px!important;
                    border: none;
    			}
    			
    			#prev2 {
    				background-image: url(..//img/prev1.png );
                    bottom: 240px;
                    background-position: 0 0;
                    left: 35px;
    			}
    			#next2 {
    				background-image: url(..//img/next1.png );
    				right: 0;
                    bottom: 240px;
                    background-position: 0 0;
    			}  
                
                    .get{
                        margin-top: 355px;
                        margin-left: 368px;
                        display: block;
                    } 
                    
.section8 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 1108px;
margin: 0 auto;
background: #011627;
margin-top: 4165px;
}

.section8:before, .section8:after{
z-index: 5;
position: absolute;
width: 330px;
height: 1108px;
top: 0;
}

.section8:before{
left: -330px;
background: #011627;
content: "";
}
.section8:after{
right: -330px;
background: #011627;
content: "";
} 

    .section8 h2{
        font: 700 24px Roboto, sans-serif;
        color: #fff;
        padding-top: 35px;
        margin-left: 430px;
        text-transform: uppercase;
    } 
    
        .line6{
          margin-top: 15px;
          margin-left: 432px;  
        } 
        
            .otziv_logo{
                list-style-type: none;
                float: left;
                margin-left: 50px;
            }   
            
            .otziv_logo li{
                margin-bottom: 100px;
            }   
            
            .otziv_logo li:last-child{margin-bottom: 0;}
            
                .section8 h3{
                    font: 700 24px Roboto, sans-serif;
                    color: #00c79c;
                    text-transform: uppercase;
                    margin-left: 113px;
                    margin-top: 20px;
                    margin-bottom: 60px;
                }    
                
                    .otziv h4{
                        font: 400 16px Roboto, sans-serif;
                        color: #fff;
                        margin-bottom: 15px;
                    } 
                    
                        .otziv h5{
                            font: italic 400 12px Roboto, sans-serif;
                            color: #e1e1e1;
                            margin-bottom: 30px;
                        } 
                        
                            .otziv p{
                                font: 300 14px Roboto, sans-serif;
                                color: #b8babd;
                                line-height: 20px;
                            }  
                            
                                .otziv{
                                    width: 481px;
                                    margin-left: 420px;
                                    margin-bottom: 125px;
                                }
                                
                                
.section9 {
z-index: 2;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 636px;
margin: 0 auto;
background: url(..//img/section9_bg.jpg) no-repeat;
margin-top: 5273px;
}

.section9:before, .section9:after{
z-index: 5;
position: absolute;
height: 636px;
top: 0;
}

.section9:before{
width: 324px;
left: -324px;
background: url(..//img/section9_bgL.jpg) no-repeat;
content: "";
}
.section9:after{
width: 336px; 
right: -336px;
background: url(..//img/section9_bgR.jpg) no-repeat;
content: "";
}  

footer {
z-index: 3;
position: absolute;
min-width: 600px;
max-width:1000px;
width: 940px;
height: 96px;
margin: 0 auto;
background: #011627;
margin-top: 5909px;
}

footer:before, footer:after{
z-index: 5;
position: absolute;
height: 96px;
top: 0;
}

footer:before{
width: 330px;
left: -330px;
background: #011627;
content: "";
}
footer:after{
width: 330px; 
right: -330px;
background: #011627;
content: "";
}      

    footer a, .footer_ul, footer h2{float: left;}
    
        .footer_ul{
            list-style-type: none;
            padding-top: 18px;
            margin-left: 35px;
        } 
            
            .footer_ul li{
                font: 400 12px Roboto, sans-serif;
                color: #fff;
            }    
            
            .footer_ul li:first-child{
                font: 400 31px Roboto, sans-serif;
                color: #fff;
            }    
            
            .footer_ul li span{color: #fa2656; font-weight: 700;}   
            
                footer h2{
                    font: 400 13px Roboto, sans-serif;
                    color: #fff;
                    margin-left: 210px;
                    margin-top: 38px;
                }  
                
                    .logo_footer{
                        margin-top: 35px;
                        margin-left: 20px;
                        display: block;
                    }   
                    
                    
                    
      #wrap, #wrap-new{
		display: none;
		opacity: 0.7;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		background-color: #112134;
		z-index: 100;
		overflow: auto;
	}
	
        	#window, #window2{
        		width: 375px;
        		height: 335px;
        		margin: 180px auto;
        		display: none;
        		background: #fff;
        		z-index: 200;
        		position: fixed;
        		left: 0;
        		right: 0;
        		top: 0;
        		bottom: 0;
        		padding: 0;
        	}
        	
        	.close{
        		margin-left: 364px;
        		margin-top: 4px;
        		cursor: pointer;
        	}
            
                .window-form{
                    width: 375px!important;
                    height: 335px!important;
                    background: #fff!important;
                    margin: 0!important;
                }
                
                    .input1_1, .input2_1{
                        margin-left: 55px!important;
                    }
                    
                        .window-form h2{
                            font: 700 16px Roboto, sans-serif!important;
                            color: #1c293d!important;
                            text-transform: uppercase!important;
                            padding-top: 40px!important;
                            margin-left: 125px!important;
                        }
                        
                            .input1_1{
                                margin-top: 40px;
                                background: url(..//img/input1.png) no-repeat!important;
                                background-position: 18px center!important;
                                background-color: #e6e6e6!important;
                            }
                            
                            .input2_1{
                                background: url(..//img/input2.png) no-repeat!important;
                                background-position: 18px center!important;
                                background-color: #e6e6e6!important;
                            }
                            
                            .input3_1{
                                margin-left: 55px!important;
                            }