@font-face {
    font-family: "DINPro";
    src: url("fonts/DINPro.otf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro-Italic";
    src: url("fonts/DINPro-Italic.otf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro-Bold";
    src: url("fonts/DINPro-Bold.otf") format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Bold.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro-Bold";
    src: url("fonts/DINPro-Bold.otf") format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
#body{
    padding: 0px;
    margin: 0px;
}

.header{
    display: table;
    position: relative;
    top: 30px;
    left: 0px;
    height: 100px;
    width: 100%;
}

.logo{
    display: table-cell;
    vertical-align: top;

    height: 100px;
    width: 430px;
    min-width: 430px;
    max-width: 430px;
    padding-left: 15px;
}

.logo-img{
    background-image: url("img/_logo.png");
    background-repeat: no-repeat;
    width: 256px;
    height: 62px;
    display: block;
    margin: auto;
}

.menu{
    display: table-cell;
    height: 100px;
    min-width:400px;

}
.navbar-menu{
    display: table-cell;
    height: 100px;
    width: 700px;
    min-width:650px;
    word-spacing: 35px;
    padding: 0px;

}
.navbar-menu li{
    display: inline-block;
}
.navbar-menu li a{
    display: inline-block;
    text-decoration: none;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    color: #1A1B1C;
    font-weight: bold;
    letter-spacing: 3px;

}
.navbar-menu li a:hover{
    opacity: 1;
    color: red;
    text-decoration: underline;
    transition: all .07s ease-in-out;
}

.green-button{
    position: relative;
    display: table-cell;

    height: 100px;
    width: 400px;
    max-width: 300px;
    text-align: right;
    right: 30px;
}
.green-btn-en{
    display: table-cell;
    background-image: url("img/EN_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 35px;
    min-height:35px;
    max-height:35px;

}
.green-btn-en:hover{
    background-image: url("img/AZ_green.png");
    background-repeat: no-repeat;
    background-size: contain;

    display: table-cell;
}
.green-btn-az{
    display: table-cell;
    background-image: url("img/AZ_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 35px;
    min-height:35px;
    max-height:35px;

}
.green-btn-az:hover{
    background-image: url("img/EN_green.png");
    background-repeat: no-repeat;
    background-size: contain;

    display: table-cell;
}


.content-2{
    display: table;
    position: relative;
    top: 85px;
    left: 0px;
    height: 480px;
    width: 100%;
}
.description{
    display: table-cell;
    vertical-align: top;
    height: 100%;
    min-width: 300px;
}
.big-block{
    display: table;
    width: 100%;
    height: 100%;
}
.big-block2{
    display: table-cell;
    width: 950px;
}
.block1{
    display: table-row;
    width: 100%;
}
.in-block1{
    display: table-cell;
}
.block2{
    display: table-row;
    width: 100%;
    height: 100%;
}
.in-block2{
    display: table-cell;
    width: 100%;
    height: 100%;
}
.in-in-block2{
    display: table;
    height: 100%;
    width:100%
}
.pic{
    height: 400px;
    background-image: url("img/imgtrade.png");
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    min-width: 950px;
    max-width: 950px;
    width: 950px;
}
.trade-img{
    background-image: url("img/tradecompany.png");
    background-repeat: no-repeat;
    width: 254px;
    height: 108px;
    background-size: 180px;
    display: block;
    margin-left: 50px;
}
.locate {
    display: table-cell;
    height: 100%;
    width: 90px;
    vertical-align: bottom;
    padding-bottom: 80px;
}
.locate-pic{
    margin-left: 50px;
    margin-top: 215px;
}
.namecity{
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 80px;
    font-family: DINPro-Bold;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 25px;
    height: 100%;
}

.content-3{
    display: table;
    position: relative;
    top: 100px;
    left: 0px;

    height: 150px;
    width: 100%;
    background-color: #f5f4f4;
}
.description-left{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 430px;
    min-width: 430px;
    padding-left: 15px;
}
.description-right{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 430px;
    min-width: 430px;
    padding-right: 70px;
}
.about-img{
    background-image: url("img/aboutcompany.png");
    background-repeat: no-repeat;
    width: 254px;
    height: 108px;
    background-size: 250px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.block-left{
    margin-left: 70px;
    margin-top: 10px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-right: 50px;
}
.block-right{
    margin-top: 158px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-left: 0;
}
.content-pictures{
    background-color: #f5f4f4;
    top: 100px;
    display: table;
    position: relative;
    left: 0px;
    height: 600px;
    width: 100%;

    text-align: center;
}
.content-pictures-wrap{
    display:table;
    text-align: center;
    height: 350px;

    margin: auto;
}
.block-link{
    color: white;
    text-decoration:none;
}
.Divbg1{
    display: table-cell;
    background-image: url("img/250x500_billet_wight_01.png");
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    text-align: center;
    min-width: 250px;
    height: 500px;
    min-height:500px;

}
.Divbg1:hover{
    display: table-cell;
    background-image: url("img/250x500_billet_green_01.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.Divbg2{
    display: table-cell;
    background-image: url("img/250x500_billet_wight_02.png");
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    text-align: center;
    min-width: 250px;
    height: 500px;
    min-height:500px;
}
.Divbg2:hover{
    display: table-cell;
    background-image: url("img/250x500_billet_green_02.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.Divbg3{
    display: table-cell;
    background-image: url("img/250x500_billet_wight_03.png");
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    text-align: center;
    min-width: 250px;
    height: 500px;
    min-height:500px;
}

.Divbg3:hover{
    display: table-cell;
    background-image: url("img/250x500_billet_green_03.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.Divbg4{
    display: table-cell;
    background-image: url("img/250x500_billet_wight_04.png");
    background-repeat: no-repeat;
    background-size: cover;

    color: #fff;
    text-align: center;
    min-width: 250px;
    height: 500px;
    min-height:500px;
}

.Divbg4:hover{
    display: table-cell;
    background-image: url("img/250x500_billet_green_04.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.cell-separator{
    display: table-cell;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}
.bok-cell{
    display: table-cell;
    width: 30px;
}
.page{
    display: table;

    width: 100%;
}
.page-bok{
    display: table-cell;
}
.page-middle{
    display: table-cell;
    width: 1345px;
}
.content-4{
    display: table;
    position: relative;
    top: 100px;
    left: 0px;

    height: 400px;
    width: 100%;
    z-index: 0;
}
.newleft{
    padding-right: 150px;
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 55%;
    min-width: 400px;
}
.newright{
    display: table-cell;
    vertical-align: top;
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}
.news-img{
    background-image: url("img/news.png");
    background-repeat: no-repeat;
    width: 254px;
    height: 108px;
    background-size: 200px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.data{
    color: #0a553c;
    margin-left: 100px;
    font-family: Roboto;
    font-weight: bold;
    font-size: 20px;
}
.text{
    margin-left: 85px;
    font-family: Roboto;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 1px;
}
.text2{
    margin-left: 85px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
}
.news-img-right1{
    height: 380px;
    background-image: url("img/new-img-1.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 80%;
    margin-top: 168px;
    min-width: 350px;
    max-width: 550px;
}
.news-img-right2{
    height: 380px;
    background-image: url("img/new-img-2.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 80%;
    margin-top: 168px;
    min-width: 350px;
    max-width: 550px;
}
.news-img-right3{
    height: 380px;
    background-image: url("img/new-img-3.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 80%;
    margin-top: 168px;
    min-width: 350px;
    max-width: 550px;
}
.news-img-right4{
    height: 380px;
    background-image: url("img/new-img-4.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 80%;
    margin-top: 168px;
    min-width: 350px;
    max-width: 550px;
}
.news-img-right5{
    height: 380px;
    background-image: url("img/new-img-5.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 80%;
    margin-top: 168px;
    min-width: 350px;
    max-width: 550px;
}

#slides .image{ /*устанавливает общий размер блока с изображениями*/
    display: table;
    position: relative;
    top: 100px;
    left: 0px;

    width: 100%;
    height: 400px;
    background-color: red;
}

#desktop:checked ~ #slider{ /*размер всего слайдера*/
    /*max-width: 960px; !*максимальнная длинна*!*/
}

/*настройка переключения и положения для левой стрелки*/
/*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
#switch1:checked ~ #controls label:nth-child(5),
#switch2:checked ~ #controls label:nth-child(1),
#switch3:checked ~ #controls label:nth-child(2),
#switch4:checked ~ #controls label:nth-child(3),
#switch5:checked ~ #controls label:nth-child(4){
    background: url('prev.png') no-repeat; /*заливка фона картинкой без повторений*/
    float: left;
    margin: 0 0 0 -84px; /*сдвиг влево*/
    display: block;
    height: 68px;
    width: 68px;
}

/*настройка переключения и положения для правой стрелки*/
#switch1:checked ~ #controls label:nth-child(2),
#switch2:checked ~ #controls label:nth-child(3),
#switch3:checked ~ #controls label:nth-child(4),
#switch4:checked ~ #controls label:nth-child(5),
#switch5:checked ~ #controls label:nth-child(1){
    background: url('next.png') no-repeat; /*заливка фона картинкой без повторений*/
    float: right;
    margin: 0 -84px 0 0; /*сдвиг вправо*/
    display: block;
    height: 68px;
    width: 68px;
}

label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
    cursor: pointer;
}

.all input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
    display: none;
}

/*позиция изображения при активации переключателя*/
#switch1:checked ~ #slides .image{
    margin-left: 0;
}

#switch2:checked ~ #slides .image{
    margin-left: -100%;
}

#switch3:checked ~ #slides .image{
    margin-left: -200%;
}

#switch4:checked ~ #slides .image{
    margin-left: -300%;
}

#switch5:checked ~ #slides .image{
    margin-left: -400%;
}

#controls{ /*положение блока всех управляющих элементов*/
    margin: -25% 0 0 0;
    width: 100%;
    height: 50px;
}

#active label{ /*стиль отдельного переключателя*/
    border-radius: 10px; /*скругление углов*/
    display: inline-block; /*расположение в строку*/
    width: 15px;
    height: 15px;
    background: #bbb;
}

#active{ /*расположение блока с переключателями*/
    margin: 23% 0 0;
    text-align: center;
}

#active label:hover{ /*поведение чекбокса при наведении*/
    background: #76c8ff;
    border-color: #777 !important; /*выполнение в любом случае*/
}

/*цвет активного лейбла при активации чекбокса*/
#switch1:checked ~ #active label:nth-child(1),
#switch2:checked ~ #active label:nth-child(2),
#switch3:checked ~ #active label:nth-child(3),
#switch4:checked ~ #active label:nth-child(4),
#switch5:checked ~ #active label:nth-child(5){
    background: #18a3dd;
    border-color: #18a3dd !important;
}

#slides .image{ /*анимация пролистывания изображений*/
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#controls label:hover{ /*прозрачность стрелок при наведении*/
    opacity: 0.6;
}

#controls label{ /*прозрачность стрелок при отводе курсора*/
    transition: opacity 0.2s ease-out;
}
.content-5{
    display: table;
    position: relative;
    top: 60px;
    left: 0px;

    height: 65px;
    width: 100%;

    text-align: center;
}

.content-6{
    display: table;
    position: relative;
    top: 40px;
    left: 0px;

    height: 250px;
    width: 100%;
}
.help-left{
    display: table-cell;
    vertical-align: top;
    height: 250px;
    min-width: 500px;
}
.help-right{
    display: table-cell;
    vertical-align: top;
    height: 250px;
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}
.help{
    margin-left: 85px;
    font-family: Roboto;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 1px;
    margin-top: 100px;
    line-height: 60px;
}
.help2{
    margin-left: 85px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1px;
}
.help-img{
    background-image: url("img/help-img.png");
    background-repeat: no-repeat;
    position: relative;
    top: 50px;
    left: 120px;
    width: 203px;
    height: 189px;
    background-size: 150px;
    display: block;
    margin-top: 70px;
}
.gradient-button {
    text-decoration: none;
    display: inline-block;
    color: white;
    margin-top: 50px;
    margin-left: 85px;
    padding: 10px 20px;
    font-family: Roboto;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: radial-gradient(#55aa46, #0a553c);
    background-size: 200% auto;
    transition: .5s;
    border: 0px;
}
.gradient-button:hover {
    background-position: right center;*/
}
.form-group {
    position: relative;
    top: 10px;
    font-size: 17px;
    color: #666;
}
.form-group + .form-group {
    margin-top: 30px;
}
.form-group .form-label {
    position: absolute;
    color: #0a553c;
    z-index: 2;
    left: 0;
    top: -10px;
    transition: 0.3s;
}
.form-group .form-control {
    width: 100%;
    position: relative;
    z-index: 3;
    height: 35px;
    background: none;
    border: none;
    padding: 5px 0;
    transition: 0.3s;
    border-bottom: 1px solid #777;
}
.form-group .form-control:invalid {
    outline: none;
}
.form-group .form-control:focus, .form-group .form-control:valid {
    outline: none;
    color: #97a4bb;
    box-shadow: 0 1px #0a553c;
    border-color: #0a553c;
}
.form-label{
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
}
.form-group .form-control:focus + .form-label {
    font-size: 12px;
    font-weight: bold;
    transform: translateY(-15px);
}
.footer{
    position: relative;
    top: 100px;
    left: 0px;

    height: 200px;
    width: 100%;
    background: radial-gradient(#55aa46, #0a553c);
}
.contacts{
    display: table;
    position: relative;
    height: 100%;
    width: 100%;

}
.contacts-left{
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}
.contacts-middle{
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.contacts-right{
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}
.social{
    display: table;
    width: 100%;
    height: 100%;
}
.email{
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding-right: 20px;
    height: 100%;
}
.adress{
    display: table-cell;
    vertical-align: top;
    padding-top: 50px;
    font-family: Roboto-Light;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
}
.locate-img{
    display: table-cell;
    height: 100%;
}
.geo{
    display: table;
    height: 100%;
    width: 100%;
}
.geomark{
    margin-left: 40px;
    margin-top: 20px;
    height: 45px;
}
.button-site{
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: Roboto-Regular;
    font-size: 15px;
    color: white;
    margin-top: 35px;
    padding: 10px 20px;
    border-radius: 20px;
    letter-spacing: 2px;
    background-color: #f5413c;
    border: 0px;
}
.button-link{
    color: white;
    text-decoration: none;
}
.button-link:link{
    color: white;
    text-decoration: none;
}
.button-link:visited{
    color: white;
    text-decoration: none;
}
.button-link:hover{
    color: white;
    text-decoration: none;
}
.button-link:focus{
    color: white;
    text-decoration: none;
}
.button-link:active{
    color: white;
    text-decoration: none;
}
.icons{
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 160px;
}
.inst-icon{
    margin-top: 25px;
}
.in-block2-table{
    display: table;
    height: 100%;
    width: 100%;
}
/*services*/
.services-1{
    display: table;
    position: relative;
    top: 85px;
    left: 0px;
    height: 600px;
    width: 100%;
    background-color: #f5f4f4;
}
.services-left-1{
    padding-right: 150px;
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 200px;
    min-width: 200px;
}
.services-right-1{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 780px;
    min-width: 780px;
    max-width: 780px;
}
.in-services1{
    display: table-cell;
}
.img-01{
    background-image: url("img/services_01.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 108px;
    background-size: 120px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.img-services1{
    height: 400px;
    background-image: url("img/701x400_pic1.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 700px;
    min-width: 700px;
    max-width: 700px;
    width: 700px;
}
.text01{
    color: #0a553c;
    margin-left: 0px;
    font-family: DINPro-Bold;
    font-weight: bold;
    text-align: left;
    font-size: 25px;
    margin-top: 40px;
}
.services-description1{
    margin-left: 70px;
    margin-top: 10px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-right: 50px;
    margin-left: 0;
}

.services-2{
    display: table;
    position: relative;
    left: 0px;
    height: 480px;
    width: 100%;
    background-color: #f5f4f4;
}
.services-left-2{
    padding-right: 150px;
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 200px;
    min-width: 200px;
}
.services-right-2{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 780px;
    min-width: 780px;
    max-width: 780px;
}
.in-services2{
    display: table-cell;
}
.img-02{
    background-image: url("img/services_02.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 108px;
    background-size: 120px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.img-services2{
    height: 300px;
    background-image: url("img/pic2.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    width: 1000px;
}
.text02{
    color: #0a553c;
    margin-left: 0px;
    font-family: DINPro-Bold;
    font-weight: bold;
    text-align: left;
    font-size: 25px;
    margin-top: 40px;
}
.services-description2{
    margin-left: 70px;
    margin-top: 10px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-right: 50px;
    margin-left: 0;
}

.services-3{
    display: table;
    position: relative;
    left: 0px;
    height: 480px;
    width: 100%;
    background-color: #f5f4f4;
}
.services-left-3{
    padding-right: 150px;
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 200px;
    min-width: 200px;
}
.services-right-3{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 780px;
    min-width: 780px;
    max-width: 780px;
}
.in-services3{
    display: table-cell;
}
.img-03{
    background-image: url("img/services_03.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 108px;
    background-size: 120px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.img-services3{
    height: 310px;
    background-image: url("img/pic3.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    width: 1000px;
}
.text03{
    color: #0a553c;
    margin-left: 0px;
    font-family: DINPro-Bold;
    font-weight: bold;
    text-align: left;
    font-size: 25px;
    margin-top: 40px;
}
.services-description3{
    margin-left: 70px;
    margin-top: 10px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-right: 50px;
    margin-left: 0;
}

.services-4{
    display: table;
    position: relative;
    left: 0px;
    height: 480px;
    width: 100%;
    background-color: #f5f4f4;
}
.services-left-4{
    padding-right: 150px;
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 200px;
    min-width: 200px;
}
.services-right-4{
    display: table-cell;
    vertical-align: top;
    height: 450px;
    width: 780px;
    min-width: 780px;
    max-width: 780px;
}
.in-services4{
    display: table-cell;
}
.img-04{
    background-image: url("img/services_04.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 108px;
    background-size: 120px;
    display: block;
    margin-left: 40px;
    margin-top: 40px;
}
.img-services4{
    height: 300px;
    background-image: url("img/pic4.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    width: 1000px;
}
.text04{
    color: #0a553c;
    margin-left: 0px;
    font-family: DINPro-Bold;
    font-weight: bold;
    text-align: left;
    font-size: 25px;
    margin-top: 40px;
}
.services-description4{
    margin-left: 70px;
    margin-top: 10px;
    font-family: DINPro;
    font-size: 15px;
    letter-spacing: 1px;
    padding-right: 50px;
    margin-left: 0;
}
/*  РАБОТАЮЩИЙ СЛАЙДЕР */
.slide{
    width: 100%;
    display: none;
}

.mov_btn_left{
    position: absolute;
    top: 270px;
    left: 0px;
    z-index: 100;

    padding: 10px;
    color: white;
    background-color: #0f8f3e;
    opacity: 40%;
    border: 1px #ffffff solid;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
}

.mov_btn_right{
    position: absolute;
    top: 270px;
    right: 0px;
    z-index: 100;

    padding: 10px;
    color: white;
    background-color: #0f8f3e;
    opacity: 40%;
    border: 1px #ffffff solid;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
}

.mov_btn_slide{
    position: relative;
    top: 0px;
    z-index: 100;

    padding: 15px;
    margin: 0px;
    color: #0f8f3e;
    background: none;
    opacity: 40%;
    border: none;
    font-size: 14px;
    font-weight: bold;
}
.mov_btn_left:focus {outline:0;}
.mov_btn_right:focus {outline:0;}
.mov_btn_slide:focus {outline:0;}

@media (min-width: 1366px) {
    /* для маленьких ноутов */
    .page-middle{
        width: 1366px;
    }

    .content-pictures-wrap{
        width:1300px;
        min-width: 1300px;
    }
    .bok-cell{
        /*min-width: 30px;*/
    }
    .cell-separator{
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }
    .big-block{
        width: 100%;
        height: 100%;
    }
    .Divbg1{
        background-image: url("img/250x500_billet_wight_01.png");
        min-width: 250px;
        height: 500px;
        min-height:500px;

    }
    .Divbg1:hover{
        background-image: url("img/250x500_billet_green_01.png");
    }

    .Divbg2{
        background-image: url("img/250x500_billet_wight_02.png");
        min-width: 250px;
        height: 500px;
        min-height:500px;
    }
    .Divbg2:hover{
        background-image: url("img/250x500_billet_green_02.png");
    }

    .Divbg3{
        background-image: url("img/250x500_billet_wight_03.png");
        min-width: 250px;
        height: 500px;
        min-height:500px;
    }

    .Divbg3:hover{
        background-image: url("img/250x500_billet_green_03.png");
    }
    .Divbg4{
        background-image: url("img/250x500_billet_wight_04.png");

        min-width: 250px;
        height: 500px;
        min-height:500px;
    }

    .Divbg4:hover{
        background-image: url("img/250x500_billet_green_04.png");
    }
    .img-services1{
        height: 400px;
        background-image: url("img/882x400_pic1.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 882px;
        min-width: 882px;
        max-width: 882px;
        width: 882px;
    }
    .img-services2{
        height: 400px;
        background-image: url("img/882x400_pic2.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 882px;
        min-width: 882px;
        max-width: 882px;
        width: 882px;
    }
    .img-services3{
        height: 400px;
        background-image: url("img/882x400_pic3.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 882px;
        min-width: 882px;
        max-width: 882px;
        width: 882px;
    }
    .img-services4{
        height: 400px;
        background-image: url("img/882x400_pic4.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 882px;
        min-width: 882px;
        max-width: 882px;
        width: 882px;
    }
}

@media (min-width: 1600px) {
    /* для больших ноутов */
    .page-middle{
        width: 1600px;
    }

    .content-pictures-wrap{
        width:1400px;
        min-width: 1125px;
    }
    .bok-cell{
        min-width: 25px;
    }
    .cell-separator{
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }
    .Divbg1{
        background-image: url("img/285x500_billet_wight_01.png");
        min-width: 285px;
        height: 500px;
        min-height:500px;

    }
    .Divbg1:hover{
        background-image: url("img/285x500_billet_green_01.png");
    }

    .Divbg2{
        background-image: url("img/285x500_billet_wight_02.png");
        min-width: 285px;
        height: 500px;
        min-height:500px;
    }
    .Divbg2:hover{
        background-image: url("img/285x500_billet_green_02.png");
    }

    .Divbg3{
        background-image: url("img/285x500_billet_wight_03.png");
        min-width: 285px;
        height: 500px;
        min-height:500px;
    }

    .Divbg3:hover{
        background-image: url("img/285x500_billet_green_03.png");
    }
    .Divbg4{
        background-image: url("img/285x500_billet_wight_04.png");

        min-width: 285px;
        height: 500px;
        min-height:500px;
    }

    .Divbg4:hover{
        background-image: url("img/285x500_billet_green_04.png");
    }
    .img-services1{
        height: 400px;
        background-image: url("img/1065х400_pic1.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1065px;
        min-width: 1065px;
        max-width: 1065px;
        width: 1065px;
    }
    .img-services2{
        height: 400px;
        background-image: url("img/1065х400_pic2.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1065px;
        min-width: 1065px;
        max-width: 1065px;
        width: 1065px;
    }
    .img-services3{
        height: 400px;
        background-image: url("img/1065х400_pic3.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1065px;
        min-width: 1065px;
        max-width: 1065px;
        width: 1065px;
    }
    .img-services4{
        height: 400px;
        background-image: url("img/1065х400_pic4.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1065px;
        min-width: 1065px;
        max-width: 1065px;
        width: 1065px;
    }
}

@media (min-width: 1920px) {
    /* для компов */
    .page-middle {
        width: 1920px;
    }

    .content-pictures-wrap {
        width: 1400px;
        min-width: 1125px;
    }

    .bok-cell {
        min-width: 64px;
    }

    .cell-separator {
        width: 55px;
        min-width: 55px;
        max-width: 55px;
    }

    .Divbg1 {
        background-image: url("img/400x500_billet_wight_01.png");
        min-width: 400px;
        height: 500px;
        min-height: 500px;

    }

    .Divbg1:hover {
        background-image: url("img/400x500_billet_green_01.png");
    }

    .Divbg2 {
        background-image: url("img/400x500_billet_wight_02.png");
        min-width: 400px;
        height: 500px;
        min-height: 500px;
    }

    .Divbg2:hover {
        background-image: url("img/400x500_billet_green_02.png");
    }

    .Divbg3 {
        background-image: url("img/400x500_billet_wight_03.png");
        min-width: 400px;
        height: 500px;
        min-height: 500px;
    }

    .Divbg3:hover {
        background-image: url("img/400x500_billet_green_03.png");
    }

    .Divbg4 {
        background-image: url("img/400x500_billet_wight_01.png");

        min-width: 400px;
        height: 500px;
        min-height: 500px;
    }

    .Divbg4:hover {
        background-image: url("img/400x500_billet_green_04.png");
    }

    .newright {
        height: 500px;
        width: 700px;
        max-width: 700px;
    }

    .news-img-right1 {
        height: 540px;
        max-width: 700px;
    }

    .news-img-right2 {
        height: 540px;
        max-width: 700px;
    }

    .news-img-right3 {
        height: 540px;
        max-width: 700px;
    }

    .news-img-right4 {
        height: 540px;
        max-width: 700px;
    }

    .news-img-right5 {
        height: 540px;
        max-width: 700px;
    }

    .img-services1 {
        height: 400px;
        background-image: url("img/1266х400_pic1.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1266px;
        min-width: 1266px;
        max-width: 1266px;
        width: 1266px;
    }

    .img-services2 {
        height: 400px;
        background-image: url("img/1266х400_pic2.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1266px;
        min-width: 1266px;
        max-width: 1266px;
        width: 1266px;
    }

    .img-services3 {
        height: 400px;
        background-image: url("img/1266х400_pic3.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1266px;
        min-width: 1266px;
        max-width: 1266px;
        width: 1266px;
    }

    .img-services4 {
        height: 400px;
        background-image: url("img/1266х400_pic4.png");
        background-repeat: no-repeat, no-repeat;
        background-size: 1266px;
        min-width: 1266px;
        max-width: 1266px;
        width: 1266px;
    }
}