/*Базовые стили*/
*{
    padding: 0px;
    margin: 0px;
}
a{
    text-decoration: none;
    outline: none;
}
/*----------FONTS--------------*/
@font-face {
    font-family: "NeoSendProMedium";
    src: url("../fonts/14541.ttf");
    src: url("../fonts/14541.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
  }
  @font-face {
    font-family: "NeoSendPro";
    src: url("../fonts/14542.ttf");
    src: url("../fonts/14542.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
  }
  @font-face{
  font-family: "NeoSendProRegular";
  src: url("../fonts/14540.ttf");
  src: url("../fonts/14540.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
/*------------------------------*/
.color1{
background: #0a94b8;
}
.color2{
background: #00405a;
}
.color3{
background: #6BEBFF;
}
.color4{
background: #CCFF57;
}
/*----------basic styles----------*/

li{
    list-style: none;
}
.low-size-text{
    font-size: 40px;
    font-family: "NeoSendProMedium";
    color: #313131;
}
h1{
    color:#00405a;
    font-size: 52px;
    text-transform: uppercase;
    font-family: "NeoSendPro";
}
h2{
    font-size: 41px;
    color: #313131;
    text-transform: uppercase;
    font-family: "NeoSendProMedium";
    padding: 60px 0px;
}
.container{
    width: 1570px;
    margin: 0px auto;
}
/*------------------------------*/

/*--------------------------*/
header{
    background: url("../img/photo_background/banner_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 1099px;
}
/*----------------------form----------------------*/

.header-form{
    background: #00405a;
    width: 500px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    /*position: absolute;
    right: 9%;*/
    margin: 0px 0px 0px auto;
}
.header-form form{
    padding-bottom: 70px;
}
.header-form h2{
    color: #fff;
    font-size: 40px;
    font-family: "NeoSendProMedium";
    padding: 30px 0px 0px 0px;
    text-transform: inherit;
}
.header-form form input{
    display: block;
    margin: 70px auto;
    width: 320px;
    height: 50px;
    font-size: 25px;
    font-family: "NeoSendProMedium";
    color: #5e5e5e;
    padding: 5px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    outline: none;
}
.btn-form{
    font-size: 25px;
    font-family: "NeoSendProMedium";
    color: #fff;
    background: #0a94b8;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 364px;
    height: 64px; 
    cursor: pointer;
}
.btn-pad{
    display: none;
}/*-------------------slider-------------------*/
.mob-slider{
    display: none;
}
.slider-header{
    text-align: center;
    padding: 100px;
}
.slick-slide img{
    border: 1px solid #00405a;
}
/*--------------------header-------------------*/

.header-menu-mob{
    display: none;
}
.headline{
    text-align: center;
}
.header-logo{
    padding: 40px 0px 80px 0px;
}
.phone-number{
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    font-family: "NeoSendProMedium";
    float: right;/*Спорное решение*/
}
.logo-header-img{
    width: 354px;
    height: 98px;
}
.header-text-one{
    font-size: 60px;
    color: #00405a;
    text-transform: uppercase;
    font-family: "NeoSendPro";
}
.header-text-two{
    font-size:52px;
    color: #0a94b8;
    font-family: "NeoSendProMedium";
}
.header-mob-namder{
    display: none;
}
.header-mob-namder a{
    color: #000;
}
.menu-btn{
    display: none;
}
/*--------------------main -------------------*/
.ferst-main{
    background: url("../img/photo_background/banner_2.jpg");
    height: 820px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    text-align: center;
}
.ferst-main div{
    padding: 120px 0px 0px 0px;
}

.main-advantages{
    background: url("../img/photo_background/banner_3.png");
    height: 1099px;
    background-size: cover;
    background-repeat: no-repeat;
}
.main-tehnology{
    background: url("../img/photo_background/banner_4.png");
    height: 885px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}
.main-certificates-and-price{
    background: url("../img/photo_background/banner_5.png");
    height: 1802px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: unset;
}
.header-logo-flex{
    display: flex;
}
.image-block{
    padding: 60px 0px;
    display: block;
    width: 763px;
}
.main-images-and-type-flex{
    display: flex;
}
.image-block img{
    padding: 19px 0px;
}
#padding-left-img{
    padding-right: 38px;
}
.type-block{
    display: block;
    width: 629px;
    padding-left: 175px; 
    text-align: center;
}
.type-block div img{
    width: 358px;
}
.main-images-and-type{
    margin: 60px 0px 100px 0px;
}


.full-line{
    background: #00405a;
    color: #6BEBFF;/*в шаблоне указан #51d9f1*/ 
    text-align: center;
    font-size: 40px;
    font-family: "NeoSendProMedium";
    text-transform: uppercase;
    padding: 50px 0px;
}
.full-line div{
    width: 750px;
    margin: auto;
}
.full-line div a{
    color:  #6BEBFF;
    display: block;
    width: 755px;
}
.full-line div a img{
    float: left;
    height: 75px;
}
.full-line div a p{
    padding: 10px 0px 0px 0px;
}
.pad-top{
    padding-top:140px;
}
.main-work{
    margin: 150px 0px 150px 0px;
}
.work-image img{
    width: 100%;
}
.main-work-img-mobile{
    display: none;
}
.text-time-work{
   display: flex;
   width: 538px;
   font-family: "NeoSendProMedium";
   margin: 140px auto 0px auto;
}
.text-time-work div.big{
    font-size: 80px;
    text-transform: uppercase;
    float: left;
}
.work-image{
    margin-top: 100px;
}
.text-time-work div.small{
    font-size: 38px;
    line-height: 0.9;
    padding: 10px 0px 0px 30px; 
}
.advantages-tabel{
    padding: 100px 50px 200px 50px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.advantages-tabel div{
    display: block;
    width: 450px;
    padding: 30px 20px; /*пока только горизонтальные отступы*/
    margin: 0px auto;
}
.advantages-tabel div img{
    width: 120px;
}
.KSgroup{
    font-family: "NeoSendProMedium";
}
.KSgroup-flex{
    /*display: flex;
    display: -webkit-flex;*/
}
.KSgroup-text{
    font-size: 34px; /*настроить размер текста*/
    color: #313131;
    /*width: 890px;*/
    display: block;
}
.KSgroup-text p{
    padding: 20px 0px;
    text-align: center;
}
.KSgroup-mid-text{
    color: #00405a;
    padding-bottom: 50px;
}
.KSgroup-text img{
    width: 485px;
}
.KSgroup-text-transform{
    text-transform: uppercase;

}
.KSgroup-text a {
    width: 625px;
    background: #00405a;
    color: #fff;
    display: block;
    margin: 0px auto;
    text-align: center;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px 30px;
}

.KSgroup-block-text{
    /*width: 630px;*/
    display: flex;
    /*margin: 0px 0px 0px auto;*/
}
.KSgroup-block{
    margin: 0px auto;
    width: 630px;
    display: block;
    background: #fff;
    color: #313131;
    padding: 0px 0px 50px 0px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}
.KSgroup-block p {
    padding: 30px 30px 40px 30px;
    font-size: 18px;
}
.pad-text-btn{
padding-bottom: 69px !important;
}
.KSgroup-block a{
    background: #00405a;
    color: #fff;
    display: block;
    font-size: 18px;
    text-align: center;
    margin: 0px auto;
    width: 140px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px 25px;
}
.KSgroup-ferst-block{
 /*  margin: 0px 0px 0px auto;*/
}
.diagnostik-img img{
 width: 70%;
 display: block;
 margin: 0px auto;
}
.main-certificates-and-price div.container h1.headline{
    padding: 150px 0px 100px 0px;
}
.certificates{
    display: flex;
    display: -webkit-flex;
}
.certificates div{
    padding: 0px 16px;
}

.price-table{
    margin: auto;
    width: 1000px;
    display: flex;
    display: -webkit-flex;
    font-size: 41px;
    font-family: "NeoSendProMedium";
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
div.row1{
    background: #0ac3cc;
    color: #00405a;
}
div.row2{
    background: #0a94b8;
}
div.row3{
    background: #0a7799;   
}
div.row4{
    background: #085a74;
}
div.row1,
div.row2,
div.row3,
div.row4{
    padding: 20px 0px;

}
div.row2,
div.row3,
div.row4{
    color: #fff;
}
.table-column{
    text-align: center;
    width: 50%;
}
.main-maps{
    margin: 0px 0px;
    color: #fff;
    font-family: "NeoSendProMedium";
    font-size: 40px;
    height: 640px;
}
.maps-block{
    height:638px;
}
.contact div a{
    text-decoration: none;
    color: #fff;
}
.contact div h1{
    color: #fff;
}
.contact div p{
    padding: 20px 0px;
    font-size: 30px;
}
.contact{
    position: relative;
    z-index: 200;
    left: 100px;
    bottom: 670px;
    width: 470px;
    /*Карта работает только в месте где не накладываються блоки. Вылечить пробовал float:left; - помогло, но надо доработать.*/
}
.container-contact{
    padding: 35px 35px 180px 35px;
    background: #00405a;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 0px 0px 25px  rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
    width: 500px;
}
/*--------------------footer-------------------*/
footer{
    width: 100%;
    background: #363636;
    font-family: "NeoSendProRegular";
    font-size: 26px;
    color: #fff;
    height: 550px;
}
footer nav ul li a{
    text-decoration: none;
    color: #fff;
    padding: 5px 0px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    outline: none;
}
footer nav ul li{
    padding: 2px 0px;
}
footer nav ul li a:hover{
    border-bottom: 1px solid #0ac3cc;
    color: #0ac3cc;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}
.footer-phone{
    margin: 0px 0px 0px auto;
}
.footer-phone a img{
    width: 25px;
}
.footer-phone a {
    /*font-size: 40px;*/
    color: #fff;
    padding: 5px;
}
footer div.container {
    padding: 70px 0px 50px 0px;
    display: flex;
    display: -webkit-flex;
}
.footer-links a img{
    width: 65px;
    padding: 5px;
}/* Тестовые стиди для Font Awesome*/

.footer-links a i.fa-vk{
    font-size: 35px;
    color: #fff;
    background: #5076ba;
    border-radius: 50%;
    padding: 3px
}
.footer-links a i.fa-youtube{
    font-size: 45px;
    color: red;
}
.footer-links a i.fa-facebook{
    font-size: 45px;
    color: #5076ba;
}
.footer-links p {
    padding: 30px 0px 5px 0px;
}
.footer-address{
    padding: 0px 130px;
}
.copyright{
    width:1570px;
    margin: 0px auto;
    font-size: 10px;
    color: #918f8f;
    border-style: dotted;
    border-width: 1px 0px 0px 0px;
    border-color: #918f8f;
    padding: 20px 0px;
}

.arrow{
    display: none; /*Залить с изменением на сервер*/
    position: fixed;
    bottom: 30px;
    right: 30px;
}

.arrowUP i{
    font-size: 30px;
    color: #000;
    padding: 7px 10px 7px 10px;
    background: #0ac3cc;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}