/* Сброс настроек браузера по умолчание */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td 
{
    padding: 0;
    margin: 0;
}
table 
{
    border-spacing: 0;
}
fieldset,img 
{
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
    font-weight: normal;
    font-style: normal;
}
strong
{
    font-weight: bold;
}
ol,ul 
{
    list-style: none;
    margin:0;
    padding:0;
}
caption,th 
{
    text-align: left;
}
h1,h2,h3,h4,h5,h6 
{
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after 
{
    content:'';
}
abbr,acronym 
{ 
    border: 0;
}

html, body
{
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
/* Окончание сброса настроек по умолчанию */

/* background-color: RGB(16,42,131);
background-color: RGB(0,158,224); */

.nav{
    background-color: rgb(231, 231, 231);
    height: 150px;
}

.logo{
    position: relative;
    height: 120px;
    width: auto;
    left: 1%;
    top: -90%;
    
}

.logo2{
    position: relative;
    height: 150px;
    width: auto;
    opacity: .1;
}

.logo21{
    position: relative;
    height: auto;
    width: 80%;
    opacity: .1;
}


.nav_ul, .nav_li{
    position: relative;
    display: inline;
    font-family: 'Comfortaa', cursive;
    top: -75%;
    left: -15px;
   
}

.nav_li{
    font-size: 18px;
    margin-left: 15px;
    
}

.nav_li a{
    text-decoration: none;
    color: RGB(16,42,131);
    
}

.nav_li a:hover{
    text-decoration: underline;
    color: RGB(0,158,224);

}

.about_us{
    height: 40px;
    background-color: rgb(16,42,131);
    padding-top: 1%

}

.about_us1{
    color: white;
    font-family: 'Russo One', sans-serif;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 10px;
    margin-left: 5%;
}




.sec1{
    background-color: rgb(231, 231, 231);
    display: inline-block;
    
}  

.sec1-1{
    display: inline-block;
}  


.text1{
    width: 50%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 1%;
    padding-bottom: 3%;
    float: left;
}

.FW{
    color: rgb(16,42,131);
    font-weight: bold;
    font-size: 20px;

}

.text11{
    text-indent: 20px;
    font-family: 'Rubik', sans-serif;
    color: black;
    font-size: 19px;
}

.foto1{
    width: 50%;
    float: right;
}

.img1{
    top: 215px;
    position: absolute;
    height: auto;
    width: 243px;
    z-index: 2;
    margin-left: 40px;
    border: 5px solid rgb(16,42,131);
}

.img2{
    top: 332px;
    position: absolute;
    height: 168px;
    width: 243px;
    z-index: 1;
    margin-top: 1%;
    margin-left: 40px;
    border: 5px solid rgb(16,42,131);
}

.img3{
    position: absolute;
    height: 304px;
    width: auto;
    z-index: 1;
    top: 215px;
    margin-left: 300px;
    border: 5px solid rgb(16,42,131);
}


.services{
    height: 50px;
    background-color: rgb(16,42,131);
    position: relative;
    top: -2px;
}

.services1,.services2{
    color: white;
    font-family: 'Russo One', sans-serif;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 10px;
    margin-left: 5%;
    padding-top: 1%

}


.sec2{
    position: relative;
    width: 100%;
    height: 970px;
    background-color: rgb(231, 231, 231);
}


.img20,.img21,.img22,.img24{
    position: relative;
    border: 10px solid rgb(16,42,131);
    height: auto;
    width: 500px;
    left: 50px;
    top: -165px;
    margin: 5px;
}

.img25{
    position: relative;
    border: 10px solid rgb(16,42,131);
    height: auto;
    width: 550px;
    left: 100px;
    top: 26px;
}

.img23{
    border: 10px solid rgb(16,42,131);
    height: auto;
    width: 550px;
    position: relative;
    left: 100px;
    top: 70px;
}


.img24{
    position: relative;
    left: 50px;
    top: -180px;
}



.sec3{
    position: relative;
    top: 1px;
    width: 100%;
    height:2240px ;
    background-color: rgb(231, 231, 231);
    top: -2px;
}

.text12{
    width: 43%;
    position: relative;
    left: 2%;
    padding-top: 3%;
    text-indent: 20px;
    font-family: 'Rubik', sans-serif;
    color: black;
    font-size: 21px;

}

.img30{
    border: 10px solid rgb(16,42,131);
    width: 50%;
    position: relative;
    left: 580px;
    top: -450px;
    
}

.img31{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: -630px;
    top: -30px;
    height: auto;
    width: 38%;
}

.СТО{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 680px;
    top: -355px;
    height: auto;
    width: 38%;
}

.img33{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 45px;
    top: -630px;
    height: auto;
    width: 28%;
    margin-left: 1%;
}



.characteristics{
    position: relative;
    left: 600px;
    top: -400px;
    list-style: disc;
    font-family: 'Rubik', sans-serif;
    font-size: 25px;
}


.img32{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 650px;
    top: -320px;
    height: 400px;
    width: auto;
}

.FW1{
    color: rgb(16,42,131);
    font-weight: bold;
    font-size: 30px;
}

.work{
    position: relative;
    left: 80px;
    list-style-type: decimal;
    top: -700px;
    font-family: 'Rubik', sans-serif;
    font-size: 25px;
}


.sec4{
    width: 100%;
    height:920px ;
    background-color: rgb(231, 231, 231);
}

.sec4-1{
    width: 0%;
    height:500px ;
    background-color: rgb(231, 231, 231);
}

.img41{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 30px;
    top: 30px;
    height: auto;
    width: 400px;
}

.img42{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 470px;
    top: -286px;
    height: auto;
    width: 440px;
}

.img41{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 30px;
    top: 30px;
    height: auto;
    width: 400px;
}

.img43{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 950px;
    top: -603px;
    height: auto;
    width: 297px;
}



.sec4-2{
    width: 750px;
    height:493px ;
    left: 500px;
    top: -1475px;
    position: relative;

}

.text13{
    position: relative;
    left: 2%;
    padding-top: 3%;
    text-indent: 20px;
    font-family: 'Rubik', sans-serif;
    color: black;
    font-size: 21px;

}

.sec5{
    width: 100%;
    height:500px ;
    background-color: rgb(231, 231, 231);
}

.sec5-1{
    width: 55%;
    height: 450px ;
    position: relative;
    left: 40px;
    top: 20px;
}

.okno{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 850px;
    top: -420px;
    width: auto;
    height:400px ;

}


.text14{
    color: rgb(16,42,131);
    font-weight: bold;
    font-size: 30px;
    top: -610px;
    left: 530px;
    font-family: 'Rubik', sans-serif;
    position: relative;
}


.prebeton{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: 9px;
    top: -585px;
    height: auto;
    width: 378px;
    display: inline;
    margin-left: 20px;
}

.text15{
    font-size: 21px;
    font-family: 'Rubik', sans-serif;
    position: relative;
}

.okno1{
    border: 10px solid rgb(16,42,131);
    position: relative;
    left: -400px;
    top: -420px;
    display: inline;
    width: auto;
    height:180px ;
    margin-left: 13px;
}

.sec6{
    width: 100%;
    background-color: rgb(231, 231, 231);
    height: 500px;
}

.text16{
    font-size: 21px;
    font-family: 'Rubik', sans-serif;
    position: relative;
    left: 50px;
    top: 50px;
}

.text17{
    font-size: 21px;
    font-family: 'Rubik', sans-serif;
    position: relative;
    left: 50px;
    top: -180px;
}

.text18{
    font-size: 21px;
    font-family: 'Rubik', sans-serif;
    position: relative;
    left: 50px;
    top: -140px;
}

.text16-1{
    background-color: rgb(0,158,224);
    width: 100px;
}

.last_foto{
    position: relative;
    top: -10px;
    left: 600px;

}

.services5{
    height: 100px;
    background-color: rgb(16,42,131);
}