@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

* {
    font-family: 'Open Sans', sans-serif;
    /*transition:0.5s;*/
}

@font-face {
    font-family: "rouble";
    src: url("../fonts/rouble.otf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.rubl {
    font-family: "rouble";
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

label, select, button, a, input, textarea, option {
    cursor: pointer;
}

.team_block {
    margin-right: auto;
    margin-left: auto;
}

.team_block .content_img {
    background-size: cover;
    background-color: white;
    max-height: 250px;
    min-width: 200px;
}

.team_block .uk-accordion-title {
    text-align: left;
    width: fit-content;
    margin-left: 240px;
    margin-top: -70px;
}

.team_block .uk-accordion {
    padding-left: 0;
}

.team_block .uk-accordion-title:before {
    background-image: url("../img/blue-arrov.svg");
    transform: rotate(90deg);
    transition-duration: 0.3s;
}

.team_block .cont {
    max-width: calc(100% - 240px);
}

.team_block .sect {
    margin-top: 40px;
}

.team_block .uk-open > .uk-accordion-title::before {
    background-image: url("../img/blue-arrov.svg");
    transform: rotate(-90deg);
}

.block-content .uk-accordion-title:hover {
    border-bottom: none;
    opacity: 0.5;
}

.vakansi_name {
    font-size: 24px;
    font-weight: 700;
    color: rgba(1, 154, 224, 1);
}

.team_block .vakansi_name {
    font-size: 16px;
    font-weight: 500;
}

.nostyle:hover {
    border-bottom: none;
    opacity: 0.5;
}

.pic404 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.border_none:hover {
    border-bottom: none;
}

.border_none a:hover {
    border-bottom: none;
}

a.link_white {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    transition-duration: 0.3s;
    text-decoration: none;

}

a.link_white:hover {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.0);
    transition-duration: 0.3s;
    text-decoration: none;

}

a.link_black {
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    transition-duration: 0.3s;
    text-decoration: none;

}

a.link_black:hover {
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
    transition-duration: 0.3s;
    text-decoration: none;

}

.wow-img label {
    margin: 0px;
    width: 100%;
}

/* для элемента label, связанного с .custom-checkbox */
.wow-img .custom-checkbox > span {
    font-size: 16px;
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.wow-img .custom-checkbox span::before {
    content: '';
    display: inline-block;
    width: 70%;
    height: 55px;
    flex-shrink: 0;
    flex-grow: 0;
    box-shadow: 0px 0px 8px 0px rgb(34 60 80 / 20%);
    background: linear-gradient(347deg, rgb(207 207 207 / 50%) 0%, rgb(255 255 255) 34%, rgb(255 255 255) 100%);
}

.wow-img .custom-checkbox > input:checked + span::before {
    box-shadow: 0px 0px 8px 0px rgb(34 60 80 / 20%), 0px 0px 0px 2px rgba(47, 93, 178, 1) inset;
}

.wow-img .wow2 > span::before {
    background-image: url(../img/wow-2@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.wow-img .wow1 > span::before {
    background-image: url(../img/wow-1@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.wow-img .wow3 > span::before {
    background-image: url(../img/wow-3@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.wow-img .wow4 > span::before {
    background-image: url(../img/wow-4@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.wow-img .wow5 > span::before {
    background-image: url(../img/wow-5@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.uk-accordion-title::before, .uk-open > .uk-accordion-title::before {
    background-image: none;
}

.accMarc .uk-accordion-title::before {
    background-image: url("../img/arrow.svg");
    transition-duration: 0.3s;
}

.accMarc.uk-open > .uk-accordion-title::before {
    transform: rotate(180deg);
}

.block_5 a:hover {
    border-bottom: none;
}

.Select_menu {
    background: none;
    height: 24px;
    font-size: 16px;
    border-radius: 0;
    width: auto;
    box-shadow: none;
    color: rgb(255 255 255);
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding: 0;
}

.Select_menu option {
    color: black;
}

.video-slider {
    min-height: 340px;
    padding: 0 40px 0 40px;
}

.video-slider-content {
    box-sizing: content-box;
}

@media screen and (max-width: 1200px) {
    .video-slider {
        height: 450px;
    }
}

@media screen and (max-width: 960px) {
    .video-slider {
        height: 500px;
    }
}

.blue_text {
    border: none;
    font-size: 16px;
    width: 110px;
    height: 40px;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: 500;
    color: rgba(1, 154, 224, 1);
    cursor: pointer;
    transition-duration: 0.3s;
    border-radius: 20px;
    background: #efefef;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2), -3px -3px 5px -1px rgba(255, 255, 255, 1.0);
}

.blue_text:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
    box-shadow: 4px 4px 15px 0px rgba(34, 60, 80, 0.2), -3px -3px 5px 2px rgba(255, 255, 255, 1.0);
}

.ex-zakaz-a {
    font-size: 20px;
    border-bottom: 1px solid;
}

.ex-zakaz-a: hover {
    opacity: 0.7;
}

.Product_table h2 {
    Color: black;
    font-size: 34px;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 50px;
}

.button_a {
    border-bottom: 0px !important;
}

ul.header_drop_menu {
    padding-left: 0px;
}

.header_drop_menu li.parent:hover::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -20px;
    border-right: 20px solid #efefef;
    right: 0;

}

.eks-zakaz, .got-resh, .sez-pred {
    color: rgb(1 154 224) !important;
}

.eks-zakaz:hover, .got-resh:hover, .sez-pred:hover {
    border-bottom: none !important;
    opacity: 0.5 !important;
}

.eks-zakaz::before {
    content: "";
    display: block;
    float: left;
    height: 1.8em;
    width: 1.8em;
    margin-right: 10px;
    background-image: url("../img/icons/image_svg_Экспресс-доставка.svg");
    background-size: contain;
    background-position: center;
}

.got-resh::before {
    content: "";
    display: block;
    float: left;
    height: 1.8em;
    width: 1.8em;
    margin-right: 10px;
    background-image: url("../img/icons/image_svg_Готовые решения.svg");
    background-size: contain;
    background-position: center;
}

.sez-pred::before {
    content: "";
    display: block;
    float: left;
    height: 1.8em;
    width: 1.8em;
    margin-right: 10px;
    background-image: url("../img/icons/image_svg_Сезонное предложение.svg");
    background-size: contain;
    background-position: center;
}


.header_drop_menu_2 {
    list-style: none;
    background: white;
    position: absolute;
    left: 250px;
    top: -26px;
    z-index: 20;
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 18px;
    min-height: 356px;
    box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
}

.non-drop {
    background: none !important;
    box-shadow: none !important;
    height: 0px !important;
    min-height: 0px !important;
}

.header_drop_menu_2 a {
    color: black;
    font-weight: 500;
    height: 20px;
    padding-top: 15px;
}

.header_drop_menu li.parent:hover::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -20px;
    margin-right: -30px;
    border-right: 20px solid rgba(0, 125, 180, 1);
    right: 0;
}

.header_menu_3 .uk-dropdown {
}

.top_menu_active {
    color: rgba(255, 255, 255, 0.7) !important;
}

.link_menu {

    display: block;
}

.politika {
    padding: 80px 0 80px 0;
}

.politikaLink {
    margin-top: 20px;
}

.politikaLink a {
    border-bottom: 1px solid;
}

.politika h3 {
    color: black;
    font-size: 24px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.politika h4 {
    color: black;
    font-size: 30px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}

.politika p {
    color: black;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mission {
    background-image: url(../img/white-bg.png);
    background-color: #efefef;
    padding: 80px 0 80px 0;
}

.mission h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mission section {
    border-radius: 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    padding: 20px;
    position: relative;
    z-index: 2;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.mission section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 30px;
    z-index: -1;
    backdrop-filter: blur(5px);
}

.mission section div {
    color: black;
    font-size: 16px;
}

.mission section .h4 {
    color: rgba(1, 154, 224, 1);
    font-size: 30px;
    font-weight: 700;

}

.history_img {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 300px;
    margin-left: 20px;
    margin-right: 20px;
}

.history img {
    width: calc(100% - 40px);
    height: auto;
    max-height: 300px;
    object-fit: contain;
    margin-left: 20px;
    margin-right: 20px;
}

.history_left .h4 {
    text-align: right;
    color: rgba(1, 154, 224, 1);
    font-size: 30px;
    font-weight: 700;
    padding-right: 20px;
}

.history_right .h4 {
    text-align: left;
    color: rgba(1, 154, 224, 1);
    font-size: 30px;
    font-weight: 700;
    padding-left: 20px;
}

.history_left .history_text {
    padding-right: 20px;
    color: black;
    padding-bottom: 50px;
}

.history_right .history_text {
    padding-left: 20px;
    color: black;
    padding-bottom: 50px;
}

.history_left, .history_right {
    position: relative;
}


.history_right::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -9px;
    top: 12px;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.history_right::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -0px;
    top: 12px;
    height: 100%;
    width: 2px;
    background-image: repeating-linear-gradient(to bottom,
    transparent,
    transparent 5px,
    gray 5px,
    gray 20px);
}

.history_left::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -11px;
    top: 12px;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.history_left::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -2px;
    top: 12px;
    height: 100%;
    width: 2px;
    background-image: repeating-linear-gradient(to bottom,
    transparent,
    transparent 5px,
    gray 5px,
    gray 20px);
}

.history_last::before {
    display: none;
}


.logo_a:hover {
    border: none;
    transform: scale(1.01);
}

.razvodyshaa {
    margin-bottom: 50px;
}

.razvodyshaa h1 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.razvodyshaa_menu {
    border-radius: 30px;
    min-height: 335px;
}

.razvodyshaa_a {
    border-radius: 30px;
    transition-duration: .2s;

}

.razvodyshaa_a:hover {
    border: none;
    transition-duration: .2s;
    transform: scale(1.05);
}

.razvodyshaa_menu::after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    right: 1px;
    top: 1px;
    border-radius: 30px;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.razvodyshaa_img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.razvodyshaa_text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0px 0px 30px 30px;
    padding-bottom: 35px;
    padding-top: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.razvodyshaa_text span {
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.uk-breadcrumb {
    margin-top: 20px;
}

.uk-breadcrumb a, .uk-breadcrumb span {
    color: rgba(1, 154, 224, 1);
}

.uk-breadcrumb a:hover {
    color: rgba(47, 93, 178, 1);
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: "\203a";
    color: rgba(1, 154, 224, 1);
    font-size: 22px;
}

.header_menu_1 {
    /*background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);*/
    background-color: rgb(17, 68, 113);
    min-height: 36px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
}

.header_menu_1 li {
    margin-top: 7px !important;
    color: white;
    text-align: center;
    font-weight: 300;
}

.header_menu_1 a {
    text-align: center;
    color: white;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

a {
    color: rgb(17, 68, 113);
}

a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.header_menu_2 {
    background: #f7f7f7;
    height: 68px;
}

.header_menu_2_cont {
    height: 100%;
}

.logo {
    height: 45px;
}

.blue_button {
    height: 45px;
    width: 220px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    /*background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);*/
    background-color: rgb(17, 68, 113);
    /*box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2), -1px -1px 5px -1px rgb(255, 255, 255);*/
    border: 0;
    border-radius: 30px;
    transition-duration: 0.3s;
    position: relative;
    padding-right: 0px;
    text-transform: uppercase;
}

/*.blue_button:after {
    !*content: "";*!
    position: relative;
    top: -6px;
    left: 0;
    display: inline-block;
    background-image: url(../img/arrow.svg);
    height: 10px;
    width: 20px;
    padding-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    transition-duration: 0.3s;
}*/

.blue_button:hover:after {
    left: 5px;
}

.white_button:after {
    content: "";
    position: relative;
    top: 2px;
    left: 10px;
    display: inline-block;
    background-image: url(../img/blackarrow.png);
    height: 1em;
    width: 1em;
    padding-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}

.white_button:hover:after {
    left: 20px;
}

.blue_button:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 13px 2px rgba(34, 60, 80, 0.2), -5px -5px 8px 2px rgb(255 255 255);
}

button:active {
    animation: pounsh 0.3s 1 ease;
}

.blue_button:focus {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.header_menu_miniature {
    height: 25px;
}

.header_menu_2_number {
    font-size: 20px;
    color: rgb(0, 156, 225);
    line-height: 1.5;
}

.header_menu_2_number span {
    display: flex;
    gap: 10px;
    align-items: center;
}
.txt-al-cntr{
    text-align: center;
}
.mail {
    color: rgb(17, 68, 113);
    font-weight: 100;
    /*border-bottom: 1px solid;*/
}

.mail:hover {
    color: rgba(47, 93, 178, 1);
    /*border-bottom: 1px solid;*/
}

.header_menu_2_trebovanie {
    color: black;
    font-weight: 100;
    border-bottom: 1px solid;
}

.header_menu_2_trebovanie:hover {
    color: rgba(1, 154, 224, 1);
}

.header_menu_2_search {
    border: none;
    height: 41px;
    width: 237px;
    padding-left: 10px;
    padding-right: 45px;
    font-size: 18px;
    outline: none;
    /*box-shadow: 4px 4px 5px -4px rgba(00, 00, 00, 0.6) inset, -3px -3px 8px -1px rgba(255, 255, 255, 1) inset;*/
    border-radius: 30px;
    margin-right: 23px;
    position: relative;
    background-color: rgb(247 247 247);
    z-index: 0;
    border: 1px solid rgb(17, 68, 113);
}

.header_menu_2 .blue_button {
    height: 42px;
    width: 210px;
    background-color: rgb(17, 68, 113);
}

.header_menu_2_search::placeholder {
    color: rgba(40, 40, 40, 0.502);
}

.search_button {
    position: absolute;
    right: 35px;
    top: 5px;
    bottom: 5px;
    z-index: 1;
    width: 25px;
    border: none;
    padding: 10px;
    background-image: url(../img/Search.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(00, 00, 00, 0.0);
}

.search_button:hover {
    animation: pounsh 0.5s 1 ease;
}

@keyframes pounsh {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1.0);
    }
}


.header_menu_2_minimenu a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(47, 93, 178, 1);
    font-weight: 500;
    transition-duration: 0.1s;
}

.header_menu_2_minimenu a svg {
    margin-top: 5px;
}

.header_menu_2_minimenu a:hover {
    border: none;
    transform: scale(1.1);
    transition-duration: 0.1s;
}

.header_menu_2_search:focus {

    z-index: 1;
    transition-duration: 0.3s;

}

.header_menu_3 {
    /*border-top: 1px solid rgba(127, 213, 251, 1.0);*/
    /*border-bottom: 1px solid rgb(0, 125, 180);*/
    background: #009ce1;
    height: 66px;
    /*box-shadow: 0px 0px 1px 1px rgba(0, 125, 180, 1);*/
}

.header_menu_3 li:not(.header_drop_menu li) {
    margin-top: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 67px;
}

.header_menu_3 a:not(.header_drop_menu a) {
    font-weight: 700;
    color: white;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.0);
    transition-duration: 0.3s;
}

.header_drop_menu a.item-selected {
    color: rgb(1 154 224);
}

.header_menu_3 a.top_menu_active:not(.header_drop_menu a) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.header_menu_3 a:hover:not(.header_drop_menu a) {
    border-bottom: 1px solid rgba(255, 255, 255, 1.0);
}

.block_1 {

}

.block_1 .h3 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 20px;
    color: white;
}

.subtitle {
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 20px;
    color: white;
}

.block_1_links a {
    font-size: 20px;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    border-left: 2px solid;
}

.block_1_links a.uk-divider-vertical {
    border-left-color: rgba(255, 255, 255, .6);;
}

.block_1_links a:first-child {
    padding-left: 0;
    border-left: 2px;

}

.block_1_bg {
    /*background-image: url("../img/bg.jpg");*/
    background-size: cover;
    background-color: rgb(17, 68, 113);
    background-position: center center;
}

.block_1 .block_1_content {

    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.block_1_menu {
    height: 120px;
    max-width: 580px;
    border-radius: 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    display: flex;
    align-items: center;
    margin-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.white_button {
    height: 45px;
    min-width: 220px;
    color: rgba(47, 93, 178, 1);
    font-size: 16px;
    font-weight: 700;
    background: white;
    border: 0;
    border-radius: 30px;
    /*box-shadow: -2px -2px 5px 2px rgba(255, 255, 255, 0.3);*/
    transition-duration: 0.3s;
    word-wrap: none;
    text-transform: uppercase;
}

.white_button:hover {
    transform: scale(1.05);
    box-shadow: -4px -4px 5px 2px rgba(255, 255, 255, 0.3) !important;
}

.white_button:focus {
    box-shadow: -4px -4px 5px 2px rgba(255, 255, 255, 0.3);
}

.ggg img {
    max-height: 400px;
}

.block_2 {
    padding: 80px 0 80px 0;
    background: white;
}

.block_2_icons_cont {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, rgb(255, 255, 255) 27%, rgb(227, 227, 227) 89%);
}

.block_2_icons_cont img {
    height: 100%;
}

.block_2_text {
    margin-top: 15px;
    color: black;
    font-size: 18px;
    font-weight: 700;
}

.block_2 a {
    transition-duration: 0.3s;
}

.block_2 a:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition-duration: 0.3s;
    border: none;
}

.block_3 {
    background: rgb(17, 68, 113);
    color: white;
    font-size: 18px;
    line-height: 24px;
    padding: 80px 0 80px 0;
}

.block_3 img {
    height: 50px;
}

.block_3 h2 {
    color: white;
    font-size: 34px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 50px;
}

.block_3.dok_1_2 h2 {
    color: black;
    font-size: 34px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 50px;
}


.blue_button a {
    color: white !important;
}

.blue_button a:hover {
    border: none;
}

.footer_menu {
    background-image: url("../img/white-bg.png");
    background-size: cover;
    background-position: center center;
    height: 180px;
    padding-top: 55px;
}

.footer_icons_bar {
    height: 50px;

}

.footer_icons_bar a {
    transition-duration: 0.1s;
}

.footer_icons_bar a:hover {
    border: none;
    transform: scale(1.1);
    transition-duration: 0.1s;
}

.block_4 {
    background: #f1f1f1;
}

.block_4 h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.block_4 section {
    height: 300px;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;

}

.block_4 a {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px !important;
    height: 100%;

}

.block_4 a:hover {
    box-shadow: 0px 0px 0px 7px rgba(27, 111, 204, 0.46) inset;
    border: none;
}

.block_4 img {
    max-width: 40%;
    max-height: 240px;
    margin-left: 10px;
}

.block_4 span {
    font-size: 20px;
    color: black;
    font-weight: 500;
}

.block_5 {
    max-height: 570px;
}

.block_5_slider_item {
    width: 66%;
    max-width: 770px;
    background: rgba(200, 200, 200, 0.7);
    height: 400px;
    border-radius: 30px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    padding-bottom: 50px;
}

.block_5_slider_item::before {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    background-position: center;
    backdrop-filter: blur(5px);
}

.block_5_slider_item h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.block_5_slider_item h2 {
    font-size: 20px;
    font-weight: 500;
    color: black;
    padding: 10px;
    width: 200px;
    height: 40px;
    background: white;
    border-radius: 0 0 30px 30px;
}

.block_5_slider_item li {
    margin-top: 0px !important;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 2px solid #aac3d9;
    font-size: 20px;
}

.block_5_slider_item .blue_button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.block_5_slider_item li:last-child {
    border-right: none;
}

.block_5 .blue_button {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2), -3px -3px 5px 0px rgb(255 255 255);
}

.block_6 {
    background: white;
    padding: 80px 0 80px 0
}

.block_6 img {
    margin-left: 20px;
    object-fit: contain;
    max-height: 80%;
    max-width: 80%;
}

.block_6 .h2 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
}

.video-ober {
    padding: 0 30px 0 30px;
}

.block_7 {
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    color: rgba(255, 255, 255, 1.0);
    font-size: 20px;
    text-align: left;
    padding: 80px 0 80px 0;
}

.block_7 span {
    color: rgba(255, 255, 255, 1.0) !important;
}

.block_7 h2 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
}

.block_8 {
    padding: 80px 0 80px 0;
}

.block_8_2 {
    margin-top: 0px;
    margin-bottom: 50px;
    padding-top: 0;
}

.block_8_2 h2 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    padding-top: 80px;
    margin-bottom: 30px
}

.block_8_2 h1 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px
}

.block_8_2 .uk-breadcrumb a, .block_8_2 .uk-breadcrumb span {
    color: black;
}

.block_8 .block_8_s {
    height: 227px;
    border-top: 2px ridge #bec1c5;
    border-left: 2px ridge #bec1c5;
    border-radius: 30px;
    color: white;
    background-position: center;
    background-size: cover;
    position: relative;
}

.block_8 .h3 {
    min-height: 50px;
    color: white;
    margin-top: 10px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    padding-left: 20px;
    margin-bottom: 0px;
}

.nav_ajax_btn {
    display: flex;
    justify-content: center;
}

.block_8 span:not(.uk-breadcrumb span) {
    color: white;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
    padding-left: 20px;
}

.block_8 a {
    color: white;
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    transition-duration: 0.3s;
}

.block_8 a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.block_8_s_glass {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    height: 100%;
    border-radius: 30px 0 0 30px;
    backdrop-filter: blur(10px);
}

.block_8_s_glass:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: -1;
    filter: blur(10px);
    background: rgba(0, 0, 0, .2);
}

.block_9 {
    background-color: #efefef;
    background-image: url("../img/white-bg.png");
    background-position: center;
    background-size: cover;
    padding: 80px 0 80px 0;
}

.block_10 label {
    font-size: 16px;
}

.block_9 .h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
}

.block_9 .h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 21px;
    color: black;
    max-height: 70px;
    min-height: 70px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 40px;
}

.block_9 .blue_button {
    border-top: 1px solid white;
    border-left: 1px solid white;
    box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%), -1px -1px 5px 2px rgb(255 255 255);
}

.block_9 a {
    color: black;
}

.block_9 a.block_9_content {
    display: block;
    transition-duration: 0.3s;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    padding: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;
    backdrop-filter: blur(5px);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)

}

.block_9_content_link {
    width: fit-content;
    border-bottom: 1px solid rgb(0 0 0 / 100%);
}

.block_9_content_link:hover {
    border-bottom: 1px solid rgb(0 0 0 / 30%);
}

.block_9 a.block_9_content:hover {
    border-bottom: none;
    transform: scale(1.05);
}

.block_10_checkbox_box {
    max-width: 300px;
}

.uk-placeholder {
    border: 2px dashed rgb(81 81 81);
}

.block_9_image {
    height: 250px;
    border-radius: 15px;
}

.block_9 .blue_button {
    margin-top: 50px;
}

.block_10 {
    background: url(../img/bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 80px 0 80px 0;
}

.block_10 section {
    /*height: 850px;*/
    position: relative;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(9px);
    margin: 0 auto 0 auto;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)
}

.block_10_text {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
}

.block_10_text .h3 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.block_10_text h1 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.block_10_text .h4 {
    font-size: 25px;
    color: white;
    font-weight: 500;
    line-height: 1.2;
}

.block_10_text span {
    font-size: 20px;
    color: white;
    font-weight: 300;
    line-height: 1.5;
}

.block_10_white {
    width: 35%;
    height: calc(100% - 50px);
    background: #f7f7f7;
    border-radius: 30px 30px 30px 30px;
    margin: 25px 25px 25px 0;
    padding: 0;

}

.block_10 form {
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 65px;
}

.block_10 label, input {
    width: 100%;
}

label {
    margin-top: 30px;
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
    font-weight: 500;
}

input[type=text], input[type=number], input[type=tel], input[type=email] {
    height: 30px;
    width: 90%;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    border-radius: 5px;
    background: #f7f7f7;
    border: none;
    box-shadow: 6px 6px 10px -5px rgba(0, 0, 0, 0.3) inset, -2px -2px 6px 4px rgb(255 255 255) inset;
}

.has-error input[type=text], .has-error input[type=number], .has-error input[type=tel], .has-error input[type=email] {
    box-shadow: 6px 6px 16px -5px rgba(0, 0, 0, 0.3) inset, -7px -7px 15px 5px rgba(255, 255, 255, 1) inset, 0 0 5px 1px rgba(255, 0, 0, .3);
}

textarea {
    resize: none;
    width: 90%;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 55px;
    font-size: 16px;
    border-radius: 5px;
    background: #f7f7f7;
    border: none;
    box-shadow: 6px 6px 10px -5px rgba(0, 0, 0, 0.3) inset, -2px -2px 6px 4px rgb(255 255 255) inset;
}

input[type=email]:focus, input[type=text]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    outline: none;
}

.file-fileUploader {
    width: auto !important;
}

.block_10_checkbox_box label, input {
    width: 50px;
}

.block_10 .info, #orderParamsModal .info, #orderModalWrap .info {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    font-family: 'Open Sans', sans-serif;
}


.block_10 .info a, #orderParamsModal .info a, #orderModalWrap .info a {
    color: gray;
    border-bottom: 1px solid;
}

.block_10 .info a:hover {
    color: #555;
}

.block_10 .blue_button {
    width: 100%;
    height: 45px;
    font-size: 16px;
}

.block_10_checkbox_box label {
    margin-top: 5px;
}

.custom-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox > span {
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox > span::before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0.5em;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5), -5px -5px 18px -5px rgba(255, 255, 255, 1);

}

.custom-checkbox > input:checked + span::before {
    box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.3) inset, -5px -5px 18px -5px rgba(255, 255, 255, 1) inset;
}

.checkPhone > span::before, .checkbox-zvonok > span::before {
    background: url(../img/phone@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
}

.checkMail > span::before, .checkbox-e-mail > span::before {
    background: url(../img/email@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.checkWhats > span::before, .checkbox-whatsapp > span::before {
    background: url(../img/Whatsapp@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
}

.checkTeleg > span::before, .checkbox-telegram > span::before {
    background: url(../img/telega@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
}

.canvas {
    width: 80%;
    background: white;
    padding: 0;
}

.mini_nav {
    margin-top: 80px;
    position: relative;
}

.mini_nav_strelki {
    width: 50px;
}

.mini_nav ul {
    padding-left: 0px !important;
}

.mini_menu_back {
    color: black !important;
}

.mini_nav li {
    margin: 0 !important;
    padding: 0 !important;
    border-color: grey !important;
    font-size: 20px;
    font-weight: 500;
}

.mini_nav a {
    color: rgba(47, 93, 178, 1) !important;
    padding: 10px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.mini_nav a:hover, .mini_nav a:active {
    color: white !important;
    border: none;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
}

@keyframes move {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes move_back {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(100%);
    }
}

.uk-nav-sub {
    padding-top: 0 !important;
    width: 100% !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: white;
    z-index: 2;
    animation: move_back 1s 1 ease;
}

.uk-open .uk-nav-sub {
    animation: move 1s 1 ease;
}

.mini_menu_canvas_name {
    color: white;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
}

.close_button {
    height: 50px;
    width: 50px;
    border: none;
    background: none;
}

.close_button:hover {
    transform: scale(1.5);
}

.canvas_micro_menu {
    width: 100%;
    color: black;
}

.canvas_micro_menu form {
    margin-top: 20px;
    width: 70%;
}

.canvas_micro_menu .blue_button, .canvas_micro_menu .search_block {
    width: 100%;
    margin-bottom: 20px;
}

.canvas_micro_menu .header_menu_2_number a {
    color: rgba(1, 154, 224, 1);
}

.canvas_micro_menu .header_menu_2_number .header_menu_2_trebovanie {
    color: black;
}

.canvas_micro_menu_footer {
    text-align: center;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
}

.canvas_micro_menu_footer a {
    color: white;
    border-bottom: 1px solid white;
}


.dok_1 {
    background-image: url(../img/bg-1.jpg);
    min-height: 700px;
    padding-bottom: 30px;
}

.dok_1 section {
    /*height: 550px;*/

}

.footer_menu .header_menu_2_number a {
    color: rgb(47 93 178);
    font-weight: 700;
}

.footer_menu a {
    color: rgb(47 93 178);
}

.dok_1_2 {
    background: white;
    color: black;
}

.dok_1_2 img {
    margin-right: 10px;
}

.dok_1_2 h3 {
    color: black;
}

.dok_1_3 {
    background: white;
}

.dok_1_4 {
    background-image: url(../img/bg-1.jpg);
    background-position: center;
    background-size: cover;
}

.dok_1_4.var2 {
    background-image: url(../img/bg-12.jpg);
    background-position: center;
    background-size: cover;
    padding: 80px 0 80px 0;
}

.dok_1_4_content {
    padding: 50px;
    margin-bottom: 50px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(9px);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)
}

.dok_1_4_content h2 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 50px;
}

.card {
    max-width: 270px;
}

.dok_1_4_content .card_img {
    height: 250px;
    width: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

.card span {
    color: white;
    display: block;
    margin-top: 20px;
    font-size: 20px;

}

.dok_1_4_content .white_button {
    margin-top: 18px;
    margin-bottom: 0;
    width: 220px;
}

.block-content-postavka {
    padding: 80px 0 30px;
}

.dok_9 {
    background: url(../img/white-bg.png);
    background-color: #efefef;
    padding-bottom: 50px;
}

.dok_9 h1 {
    font-weight: 700;
    font-size: 40px;
    color: black;
}

.dok_9 a.content_card {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 44px);
    min-height: 350px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    z-index: 0;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    position: relative;
    transition-duration: 0.3s;
}

.dok_9 a.content_card:hover {
    border-bottom: none;
    transform: scale(1.05);
}

.dok_9 a.content_card:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 30px;
    backdrop-filter: blur(10px);
}

.dok_9 .content_card .read {
    width: fit-content;
}

.dok_9 .content_card .read:hover {
    border-bottom: 1px solid;
}

.dok_9 .content_card {
    padding: 20px;
}

.dok_9 .content_card_img {
    height: 350px;
    padding: 20px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.date {
    color: rgba(1, 154, 224, 1);
    margin-right: 10px;
}

.sob {
    color: grey;
}

.content_card h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    color: black;
}

.content_card .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    color: black;
}

.content_card p {
    color: black;
}

.content_card .read {
    color: black;
    border-bottom: 1px solid black;
}

.content_card a.read:hover {
    opacity: 0.5;
}

.dok_9 .blue_button {
    margin-top: 30px;
}

.stran {
    margin-top: 30px;
    margin-bottom: 30px;
}

.stran span {
    color: gray;
    margin-right: 10px;
    font-weight: 500;
}

.stran a {
    color: black;
    margin-right: 10px;
    font-weight: 500;
}

.stran .navig {
    color: rgba(1, 154, 224, 1);
    margin-right: 10px;
    font-weight: 500;
}

.dok_10 {
    padding-top: 20px;
    padding-bottom: 80px;
}

.dok_10 section {
    padding: 20px;
}

.dok_10 .news_img {
    height: 300px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.dok_10 h3 {
    font-weight: 500;
    font-size: 40px;
    color: black;
    line-height: 1.2;
    margin-top: 20px;
}

.dok_10 h1 {
    font-weight: 500;
    font-size: 40px;
    color: black;
    line-height: 1.2;
    margin-top: 20px;
}

.dok_10 .news_text {
    color: black;
}

.dok_11 {
    background: #efefef;
    padding-bottom: 80px;
}

.dok_11_content .card {
    margin-top: 0px;
}

.dok_11_content .card_img {
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 250px;
    border-radius: 20px;
    border-top: 2px groove #FFFFFF;
    border-left: 2px groove #FFFFFF;
    background-color: #fff;
    transition-duration: 0.3s;
}

.dok_11 h1 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 50px;
}

.dok_11_content span {
    color: black;
    font-size: 16px;
    padding-bottom: 16px;
}

.dok_11_content a {
    transition-duration: 0.3s;
    border: none;
}

.dok_11_content a:hover .card_img {
    border-bottom: none;
    transform: scale(1.1);
    transition-duration: 0.3s;
}

select {
    height: 50px;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 5px;
    background: #f7f7f7;
    border: none;
    font-weight: 400;
    color: rgb(0 0 0 / 100%);
    box-shadow: 7px 8px 6px -5px rgba(0, 0, 0, 0.3) inset, -2px -2px 6px 4px rgb(255 255 255) inset;
}

.banner {
    position: relative;
}

.banner::before {
    content: attr(banner);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    z-index: 3;
    color: white;
    text-align: center;
    padding-top: 7px;
    font-weight: 500;
}

.dok_1_4_content .banner::before {
    content: "Наш дизайн";
    left: -1px;
}

.dok_1_4 a:hover {
    border-bottom: none;

}

.dok_11 .banner::before {
    content: "Наш дизайн";
}

.dok_12 .banner::before {
    content: attr(banner);
}

.dok_12 .h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 35px;
    line-height: 1;
}

.dok_12 .h5 {
	margin-bottom: 30px;
}

.dok_12 {
    padding: 80px 0 80px 0;
}

.h5 {
	margin-bottom: 30px;
}

.margin-top-30 {
	margin-top: 30px;
}

.dok_12_form {
    /* background-image: url(../img/bg-12.jpg); */
    /*background-image: url(../img/bg.jpg);*/
    background: rgb(17, 68, 113);
    background-position: center;
    background-size: cover;
    padding: 0px 0 80px 0;
}

.dok_12_form .uk-breadcrumb {
    margin-bottom: 60px;
}

.dok_12_form .uk-breadcrumb a, .dok_12_form .uk-breadcrumb span {
    color: white;
}

.form_glass {
    padding: 20px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 30px;
    background: rgb(247 247 247);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)
}

.form_glass label {
    color: Black;
}

.form_glass h1 {
    font-size: 40px;
    color: Black;
    font-weight: 700;
}

.form_glass .white_button, .form_glass .blue_button {
    width: 100%;
    height: 50px;
}

.form_glass .white_button:after {
    content: none;
}

.form_glass .white_button {
    display: block;
    line-height: 50px;
    text-align: center;
}

.catalog_var_2 .form_glass .white_button {
    margin-top: 30px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.form_glass .white_button {
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.form_glass .cost {
    color: Black;
    font-size: 40px;
    font-weight: 600;
}

.catalog_var_2 .form_glass .cost, .catalog_var_2 .form_glass .srok, .catalog_var_2 .form_glass h1, .catalog_var_2 .form_glass a {
    color: white;
}

.catalog_var_2 .form_glass .cost {
    line-height: 1;
}

.form_glass .srok {
    color: Black;
    font-size: 18px;
    /*line-height: var(--ui-font-line-height-2xl);*/
}

.form_glass a img {
    height: 1.5em;
    fill: white;
}

.form_glass a {
    color: black;
    font-size: 18px;
}

.form_glass .uk-grid-margin.uk-flex-middle {
    line-height: var(--ui-font-line-height-3xl);
    padding-left: 80px;
}

a.konsult {
    border-bottom: 1px solid;
    transition-duration: 0.3s;
}

a.konsult:hover {
    border-bottom: 1px solid black;
}

.catalog_var_2 a.konsult:hover {
    border-bottom: 1px solid white;
}

.dok_12_form .form_img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.dok_15 {
    background-image: url(../img/white-bg.png);
    background-color: #efefef;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 80px;
}

.dok_15 h3 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.dok_15 h1 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.dok_15 section {
    width: calc(100% - 60px);
    padding: 20px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 20px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    z-index: 0;
    position: relative;
    margin: 0 auto 0 auto;
}

.dok_15 section:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(9px);
}

.recomendation_img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 80px;
}

.dok_15 section p, .dok_15 section p em {
    color: black;
    font-size: 16px;
}

.dok_15 section p {
    margin-top: 15px;
    margin-bottom: 15px;
}

.dok_15 section h2 {
    font-size: 25px;
    color: black;
    font-weight: 700;
}

.dok_15 .blue_button {
    margin-top: 20px;
}

.dok_3 h1 {
    font-size: 35px;
    color: black;
    margin-top: 80px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 700;
}

.dok_3 {
    background: url(../img/white-bg.png);
    background-color: #efefef;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 80px;
}

.dok_3 .white_button, .dok_3 .blue_button {
    width: 250px;
    margin-right: 20px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    height: 45px;
    text-transform: none;
}

.content_dok_3 {
    padding-top: 50px;
}

.white_button:hover, .blue_button:hover {
    box-shadow: 0px 0px 10px 3px rgba(34, 60, 80, 0.2);
}

.dilivery {
    padding: 20px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(9px);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    min-height: 200px;
}

.dilivery .h4 {
    font-size: 20px;
    font-weight: 700;
    color: black;
    margin-bottom: 10px;
}

.dilivery p {
    color: black;
    font-size: 16px;
}

#FAST_CALC .info {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.uk-modal label {
    font-size: 16px;
}

.footer_dok_3 .footer_menu {
    background: white;
}

.dok_7 {
    background-color: #eeeeee;
    padding-bottom: 80px;
    height: 700px;
}

.dok_7 h1 {
    font-size: 35px;
    color: black; 
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}

.dok_7 .white_button {
    width: 220px;
    color: black;
    margin-right: 20px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    height: 45px;
}

.dok_7 .blue_button {
    width: 220px;
    margin-right: 20px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    height: 45px;
}

.doc_7_icons_bar img {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}

.doc_7_icons_bar a:hover {
    border-bottom: none;
    transform: scale(1.05);
}

.map {
    position: absolute;
    left: -10%;
    width: 50% !important;
    border-radius: 30px 0 0 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    padding-left: 0px;
    overflow: hidden;
}
.contacts {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 80px;
}
.contacts .map {
    position: relative;
    left: auto;
    height: fit-content;
    width: calc(50% - 10px) !important;
}
.contacts__desc {
    width: calc(50% - 10px);
}
@media (max-width: 1200px) {
    .contacts {
        flex-direction: column;
        margin-top: 40px;
    }
    .contacts .map {
        width: 100% !important;
    }
    .contacts__desc {
        width: 100%;
    }
}
.preload {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loader-4 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #3498db;
    margin: 35px 5px;
    opacity: 0;
}

#loader-4 span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite;
}

#loader-4 span:nth-child(2) {
    animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader-4 span:nth-child(3) {
    animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}

.bildings {
    height: 270px;
    border-radius: 10px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    background-size: cover;
    background-position: center;
}

.icon_contacts {
    height: 70px;
}

.doc_7_text {
    color: black;
}

.doc_7 .footer_icons_bar img {
    max-height: 40px !important;
}

.doc_7_info {
    color: black;
    margin-top: 80px;
    margin-bottom: 80px;
}

.doc_7_info .h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.doc_7_info p a {
    color: black;
    font-weight: 700;
}

.owners {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    width: 260px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.doc_7 .owners_padding {
    padding-left: 250px;
}

.owners_padding span {
    font-size: 18px;
}

.doc_7 section {

}

.doc_7 section .info {
    margin-top: 20px;
    margin-bottom: 20px;
}

.content_img {
    background-color: #eee;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    min-height: 250px;
    padding-left: 20px;
}

.block-content {
    padding: 30px 0 80px 0;
    color: black;

}

.block-content h3 {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 40px;
    color: black;
}

.block-content .h3 {
    font-weight: 700;
    margin-top: 00px;
    margin-bottom: 50px;
    font-size: 24px;
    color: black;
}

.block-content h1 {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 40px;
    color: black;
}

.block-content section h3 {
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 24px;
    color: black;
}

.block-content hr {
    margin: 40px !important;
}

.table_content table {
    max-width: 600px;
}

.table_content table th {
    color: black;
    font-size: 19px;
    font-weight: 600;
    text-transform: none;
}

.table_content table td {
    color: black;
    font-size: 19px;
    font-weight: 600;
}

.table_content thead {
    border-bottom: 1px solid gray;
}

.table_content h3 {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 24px;
}

.table_content {
    background-color: white;
    margin-bottom: 50px;
    margin-top: 50px;
}

.slider_card {
    background-image: url(../img/white-bg.png);
    background-color: #efefef;
    padding-top: 100px;
    padding-bottom: 50px;
}

.slider_card .uk-card {
    border-radius: 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    backdrop-filter: blur(10px);
    background-color: rgba(250, 250, 250, 0.2);
    margin-bottom: 20px;
}

.slider_card h3 {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 40px;
    color: black;
}

.slider_card img {
    margin-top: 20px;
    border-radius: 10px;
}

.slider_card .uk-card p {
    font-size: 20px;
    color: black;
    font-weight: 600;
}

.block_2_text_small {
    color: black;
    font-size: 14px;
}

.block_2_text_small b {
    font-size: 17px;
}

.block_2_text_small_gray {
    color: gray;
    font-size: 14px;
}

.dok_16 {
    max-width: 1200px;
    margin: 0 auto 0 auto;
}

.dok_16 .blue_button {
    width: 150px;
    height: 40px;
}

.dok_16 a:hover .block_2_icons_cont, .dok_16 a:focus .block_2_icons_cont {
    transform: scale(1.1);
    border: none;
}

.dok_16 a {
    transition-duration: 0.1s;
    border: none;
}

.block_2_icons_cont {
    transition-duration: 0.3s;
}

.dok_16-slider {
    padding-top: 50px;
    padding-bottom: 80px;
}

.zakazi {
    color: black;
}

.dok_16_h2 {
    color: black;
    font-size: 40px;
    padding: 47px 0 0 0;
    margin: 0;
    font-weight: 700;
}

.dok_16_form {
    background-color: #efefef;
    padding-top: 55px;
    padding-bottom: 80px;
}

.dok_16_form hr {
    width: 500px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.dok_16_form select {
    width: 500px;
    color: gray;
}

.dok_16_form .price, .modal_head .price {
    width: 500px;
    color: black;
    font-weight: 700;
    font-size: 18px;
}

.dok_16_form .price_big, .modal_head .price_big {
    font-size: 26px;
}

.dok_16_form .check {
    font-weight: 500;
    width: 500px;
}

.tovar_img {
    height: 600px;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    border-top: 2px ridge white;
    border-left: 2px ridge white;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.tovar_info {
    color: black;
    font-size: 16px;
    padding-left: 30px;

}

.tovar_info h3 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}

.tovar_info h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0px;
}

.tovar_cost {
    color: rgb(47 93 178);
    font-size: 50px;
    font-weight: 700;
}

.tovar_srok {
    color: rgb(47 93 178);;
    font-size: 30px;
}

.tovar_info .blue_button {
    width: 250px;
}

.tovar_icon {
    background-position: center;
    background-size: cover;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.icon_block {
    margin-top: 20px;
}

.wowe {
    margin: 20px;
    margin-top: 20px;
    color: black;
    font-weight: 700;
}

.wow-img span {
    color: black;
    margin-top: 5px;
}

.wow-img img {
    width: 70%;
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    background: linear-gradient(347deg, rgba(207, 207, 207, 0.5) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) 100%);
}

.manager_icon {
    background-position: center;
    background-size: cover;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    border: 2px solid rgba(1, 154, 224, 1);
    margin-right: 20px;
}

.manager {
    padding-left: 30px;
}

.manager a {
    margin-top: 20px;
    font-size: 20px;
}

.manager a img {
    height: 30px;
    margin-right: 5px;
}

.tovar_slider {
    margin-bottom: 10px;
    margin-top: 20px;
}

.tovar_slider img {
    border-radius: 10px;
    border-top: 2px ridge white;

    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    max-height: 120px;
}

.tovar_slider .active {
    border-radius: 30px;
}

.tovar_slider_card .tovar_slider_items {
    height: 250px;
    width: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: 2px groove rgb(255 255 255);

}

.tovar_slider_card span {
    color: black;
    margin-top: 10px;
    font-weight: 700;
}

.tovar_slider_card a:hover {
    border: none;
    transform: scale(1.05);
    transition-duration: 0.1s;
}

.tovar_slider_card a {
    transition-duration: 0.1s;
}

.tovar_slider_card {
    padding: 20px;
}

.dok_19 {
    padding: 0px 0 80px 0
}

.dok_19 h3 {
    color: black;
    font-size: 24px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 50px;
}

.dok_19 section span {
    color: black;
    margin-bottom: 40px;
}

.text_gray {
    font-size: !important;
    color: gray !important;
    margin-top: 5px !important;
}

.card .blue_button {
    margin-top: 10px;
    height: 40px;
    width: auto;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
}

.dok_20 .card span {
    padding: none !important;
    font-size: 16px;

}

.dok_20 {
    background-color: #efefef;
    padding-bottom: 80px;
}

.dok_20 h1 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 30px;
}

.categories_menu {
    padding-top: 20px;
    padding-bottom: 80px;
}

.categories_menu h1 {
    font-size: 40px;
    font-weight: 700;
    color: black;
}

.acord_title {
    background: grey;
    color: white;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.acord_title:hover, .uk-open .acord_title {
    border: none;
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%);
    color: white;
}

.acord_title:focus {
    color: white;
}

.uk-accordion-content li a {
    color: black;
}

.uk-accordion-content li {
    list-style-type: none;
    margin-bottom: 10px;
}

.catalog_card {
    color: black;
    font-size: 16px;
    font-weight: 700;
}

.catalog_card div:hover {
    border: none;
    transform: scale(1.1);
    transition-duration: .3s;
}

.catalog_card div {
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 15px;
    margin-bottom: 10px;
    transition-duration: .3s;
}

.Product_table_img {
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition-duration: 0.3s;
}

.Product_table_text {
    min-height: 280px;
    font-size: 20px;
    color: black;
    padding: 10px;
}

.Product_table section {
    padding: 10px;
}

.Product_table section:hover .Product_table_img {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

.Product_table {
    background: #efefef;
    padding: 80px 0 80px 0;
}

.Product_table .blue_button {
    margin-top: 50px;
    margin-bottom: 0;
}

.block_8 .blue_button {
    margin-top: 26px;
}

.modal_window {
    border-radius: 30px;
    width: 800px;
    padding-right: 100px;
    padding-left: 100px;
    background: #efefef;
}

.uk-modal-title {
    font-size: 24px;
    line-height: 32px;
    color: black;
}

.inform, .inform a {
    font-size: 12px;
    font-weight: 500;
    color: gray;
}

.modal_head span {
    color: black;
}

.modal_head .h2 {
    color: black;
    font-weight: 700;
    font-size: 40px;
}

.modal_head_card .h2 {
    font-size: 40px;
    font-weight: 700;
    color: black;
}

.vakansii_form .h2 {
    font-size: 28px;
    font-weight: 700;
    color: black;
}

.modal_head_card span {
    font-size: 40px;
    color: grey;
    font-weight: 700;
    word-wrap: normal;
}

.modal_img_2 {
    height: 500px !important;
}

.modal_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    height: 270px;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}

.modal_img::after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    right: 1px;
    top: 1px;
    border-radius: 20px;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.modal_cost .cost {
    color: rgba(47, 93, 178, 1);
    font-size: 30px;
    font-weight: 700;
}

.modal_cost .srok {
    color: rgba(47, 93, 178, 1);
    font-size: 16px;
    font-weight: 700;
}

.modal_cost span {
    color: black;
}

.modal_cost img {
    height: 40px;
    width: 40px;
}

.header_drop_menu {
    list-style: none;
}

.header_drop_menu a {
    display: block;
    max-width: 226px;
    color: black;
    font-weight: 700;
    height: auto;
    padding-top: 12px;
}

.header_drop_menu a:hover {
    text-decoration: none;
    opacity: 0.5;
    border-bottom: 0px;
}

.webform-field-upload, .file-input.file-extended {
    width: 80px !important;
    height: 80px !important;
}

.webform-field-upload .webform-small-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.webform-field-upload-list {
    margin: 0 !important;
}

.search-item {
    padding-bottom: 0px !important;
}

#fastCalcModal .uk-modal-body {
    background-color: rgb(239 239 239);
    border-radius: 30px;
}


a.uk-slidenav:hover {
    border-bottom: none;
}

.videoYouTube {
    padding-top: 10px;
    padding-bottom: 10px;
}

.videoYouTube iframe {

    width: 100%;
    border-radius: 30px;
    box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 1200px) {

    #image1 .Product_table_text {
        justify-content: center;
    }

    #image1 .Product_table_img {
        background-position: left;
    }

    .Product_table_text {
        justify-content: flex-start;
    }
}



@media (min-width: 960px) {
    .slam-easyform .form-group {
        margin-top: 25px;
    }

    .block_1 .white_button {
        margin-top: 30px;
        box-shadow: none;
    }
}

#orderParamsForm .uk-grid-margin {
    margin-top: 20px !important;
}

.contactLinks {
    align-items: flex-start;
    gap: 20px;
}

.contactLinks a {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact__link-item {
    display: flex;
    flex-direction: column;  
    width: min-content;
    gap: 10px; 
}

@media screen and (max-width: 1200px) {
    .contacts {
        flex-direction: column;
        gap: 20px;
    }
    .map {
        position: static;
        width: 100%!important;
    }
    .dok_7 {
        height: 100%;
    }
    .contacts__desc {
        margin: 0;
        width: 100%;
    }
}

.contact__link-item button {
    margin: 0!important;
}
.menuMakets {
    font-weight: 700;
}

.video_zagl {
    position: absolute;
    border-radius: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(../img/icons/image_svg_play.svg);
    background-position: center;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    z-index: 300;
}

.text-categoriesvar2 {
    font-size: 18px;
    color: white;
    line-height: var(--ui-font-line-height-3xl);
    white-space: nowrap;
}

.catalog_var_2 .form_img {
    border-radius: 30px;
    background-size: contain;
    background-color: #f7f7f7;
    box-shadow: -1px -1px 15px 2px rgba(0, 0, 0, 0.33);
    position: relative;
    min-height: 300px;
    height: 100%;
}

.catalog_var_2 .form_img:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 29px;
}

.catalog_var_2 .form_glass {
    backdrop-filter: blur(0px);
    border-radius: none;
    border: none;
    background: rgb(255 255 255 / 0%);
    box-shadow: none;
    padding: 0 30px 0 30px;
    margin: 0px;
}

.catalog_var_2_text {
    max-width: 300px;
}

.left_nuv {
    position: absolute;
    top: calc(50% - 42px);
    left: 10%;
    color: white;
}

.right_nuv {
    position: absolute;
    top: calc(50% - 42px);
    right: 10%;
    color: white;
}

.right_nuv:hover, .left_nuv:hover {
    border-bottom: none;
}

.block_7 .left_nuv, .block_6 .left_nuv {
    position: absolute;
    top: calc(50% - 43px - 15px);
    left: -10px;
    color: white;
}

.block_7 .right_nuv, .block_6 .right_nuv {
    position: absolute;
    top: calc(50% - 43px - 15px);
    right: -10px;
    color: white;
}

.block_7 .right_nuv, .block_7 .left_nuv {
    top: calc(50% - 32px - 15px);
}

.uk-dotnav {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-self: center;
    align-items: flex-end;
}

/*Убрал линии пока не предумается лучшего решения (если понядобятся просто удалить стиль ниже)*/
.setka a {
    border: none !important;
}

.uk-dotnav a {
    background-color: white !important;
    width: 40px;
    height: 5px;
    border-radius: 2px;
    opacity: 0.5;
    transition-duration: 0.3s;
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 50%);
}

.uk-dotnav .uk-active a {
    height: 6px;
    opacity: 1;
    border-radius: 7px;
}

.uk-dotnav.uk-dotnav-blue a {
    background: linear-gradient(90deg, rgba(1, 154, 224, 1) 0%, rgba(47, 93, 178, 1) 100%) !important;
    background-color: rgba(47, 93, 178, 1) !important;
    margin: 0 0 12px;
}

@media screen and (max-width: 1200px) {
    .left_nuv {
        left: 0;
    }

    .right_nuv {
        right: 0;
    }
}

#modal-close-defaultFun {
    padding: 100px 0px 100px 0px;
    background: rgb(0 0 0 / 90%);
}

#modal-close-defaultFun .uk-modal-dialog {
    background: rgba(0, 0, 0, 0.0);
    width: 100%;
    height: 100%;
    padding: 0px;
}

#modal-close-defaultFun .uk-modal-dialog img {
    object-fit: cover;
    border-radius: 30px;
    height: 100%;
    width: 100%;
}

#modal-close-defaultFun .FunsyContent {
    height: calc(100% - 40px);
    width: calc(100% - 100px);
    background-color: white;
    padding: 00px;
    border-radius: 30px;
    color: black;
    margin: 0 50px 0 50px;
}

.uk-modal-close-default {
    color: white;
    top: 15px;
    right: 20px;
    background-color: transparent;
    background-image: url(../img/close_111152.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    height: 40px;
    width: 40px;
}

.swiper-wrapper {
    justify-content: space-evenly;
}

.cpt-stories-block .cpt-stories-preview-slide {
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 0 auto;
    box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 20%);
}

.cpt-stories-block .cpt-stories-text {
    margin-top: 15px;
    color: rgb(0 0 0);
    font-size: 18px;
    font-weight: 700;
}

.vakansii_block {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    align-items: center;
    padding: 20px;
    text-align: center;
    background: rgb(247 247 247);
}

.vakansii_form {
    max-width: 600px;
    border-radius: 20px;
    padding: 20px;
    background: rgb(247 247 247)
}

.doc_7_info section {
    width: calc(40% - 20px);
    padding: 0 10px 0 10px;
}

.doc_7_info section:nth-child(3) {
    width: calc(20% - 20px);
    padding: 0 10px 0 10px;
}

.bannered::after {
    content: "";
    position: absolute;
    left: 45px;
    right: 0;
    bottom: 2px;
    height: 35px;
    width: 30px;
    background-image: url(../img/portf.svg);
    z-index: 4;
    background-size: contain;
    background-repeat: no-repeat;
    color: rgb(255 255 255);
    font-weight: 500;
}

.cpt-stories-frame__body-inner {
    position: absolute;
    left: 0% !important;
    right: 0% !important;
    bottom: 0% !important;
    top: 0 !important;
    z-index: 9;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

.cpt-stories-frame {
    background-position: top !important;
}

.block_1 .white_button:after {
    content: none;
}

.dok_1_4_content .white_button:after, .dok_3 .white_button:after, .catalog_var_2 .form_glass .white_button:after {
    background-image: url(../img/blue-arrov.svg);
}

.dok_1_4_content .white_button {
    width: 260px;
}

.contactLinks .white_button, .contactLinks .blue_button {
    padding: 1px 30px 1px 30px;
    text-transform: none;
}

.dok_12 .card span {
    text-transform: lowercase;
}

.catalog_card span {
    padding: 0 10px 0 10px;
}

.menu_line {
    border-radius: 3px;
    background: linear-gradient(90deg, rgb(1 154 224) 0%, rgb(47 93 178) 100%);
    height: 6px;
    margin-top: 4px;
    width: 45px;
}

.catalog_margin {
    margin-right: auto;
    margin-left: auto;
}

.setka span {
    padding-bottom: 20px;
}

.postavka {
    margin-top: 80px;
    margin-bottom: 80px;
}

div.search-page input.search-query {
    padding-left: 20px;
    width: calc(99% - 20px);
    box-shadow: 4px 4px 5px -4px rgb(0 0 0 / 60%) inset, -3px -3px 8px -1px rgb(255 255 255) inset;
    border-radius: 30px;
    margin-right: 23px;
    position: relative;
    background-color: rgb(247 247 247);
    z-index: 0;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.mini_nav a {
    white-space: nowrap;
}

.cpt-stories-frame-text {
    height: 100%;
}

.bx-pagination {
    margin-top: 35px;
}

.preim-kontakt {
    color: black;
}

.preim-kontakt .icon_contacts {
    padding-left: 0;
}

.typeA:hover {
    cursor: pointer;
    opacity: 0.8;
}

.block-content .uk-breadcrumb {
    margin-top: 0;
}

.block_6_v2 {
    padding-top: 0px;
}

.vizitki_page .blue_button {
    margin-bottom: 16px;
}

.header_menu_3 li:before {
    display: none;
}

.gotovImg {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
    max-width: 1200px;
    margin: 0 auto 0 auto;
}

.dok_12_var3 {
    padding-bottom: 0px !important;
}

.DisignMaket h2, .delivery-info h2 {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 30px;
    color: rgb(0 0 0);
}

body .cpt-stories-frame-wr-btn {
    margin-top: -40px;
    position: relative;
}

.delivery-info {
    margin-top: 35px;
    color: black;
}

.bx_filter_button_box {
    margin-bottom: 40px;
}

body .file-selectdialog .file-extended .file-uploader .file-but-text {
    color: rgb(0, 125, 180);
    font-weight: 700;
}

body .file-selectdialog {
    border-style: dashed;
    border-color: gray;
    border-width: 2px;
    transition-duration: 0.3s;
}

body .file-selectdialog:hover {
    border-style: dashed;
    border-color: rgb(0, 125, 180);
    border-width: 2px;
}

body .file-selectdialog .file-extended .file-selector {
    color: black;
    font-size: 14px;
}

body .webform-field-upload-notice {
    font-size: inherit;
}

.slam-easyform input[type=checkbox] {
    margin-top: 0;
}


@media screen and (min-width: 1200px) {
    .setka a {
        border-right: 1px solid rgba(1, 154, 224, 0.3);
        border-bottom: 1px solid rgba(1, 154, 224, 0.3);
    }

    .setka a:nth-child(3n) {
        border-right: none;
    }

    .setka a:nth-last-child(-n+3) {
        border-bottom: none;
    }
}

/* МЕДИА ЗАПРОСЫ */
@media screen and (max-width: 400px) {
    .contactLinks .blue_button:after {
        position: absolute;
        top: calc(50% - 10px);
        left: auto;
        right: 10px;
    }
}

@media screen and (min-width: 960px) {
    .Product_table a {
        border-right: 1px solid rgba(202, 211, 228, 1);
        border-bottom: 1px solid rgba(202, 211, 228, 1);
    }

    .Product_table a:nth-child(4n) {
        border-right: none;
    }

    .Product_table a:nth-last-child(-n+4) {
        border-bottom: none;
    }
}


@media screen and (max-width: 960px) {
    .flexed {
        display: flex;
        flex-direction: column-reverse;
    }

    .preim-kontakt div {
        margin-top: 30px;
    }

    .catalog_var_2 .form_glass h1 {
        margin-top: 20px;
    }

    .header_menu_2 .search_button {
        right: 15px;
    }

    .dok_20 form .bx_filter_parameters_box_title, .dok_11 form .bx_filter_parameters_box_title {
        max-width: 400px;
    }

    .postavka {
        margin-top: 00px;
        margin-bottom: 60px;
    }

    .dok_15 section h2 {
        margin: auto 0 auto 0;
    }

    .tovar_img {
        height: 400px;
    }

    .Product_table .blue_button, .block_8 .blue_button {
        margin-top: 35px;
        margin-bottom: 0;
    }

    .block-content {
        padding: 60px 0 60px 0;
    }

    .block_10, .block_3, .block_8, .block_6, .dok_1_4.var2, .block_2, .Product_table, .block_9, .mission, .Product_table, .block_7 {
        padding: 60px 0 60px 0;
    }

    .block-content h1, .block_3.dok_1_2 h2, .dok_1_4_content h2, .block_3 h2, .Product_table h2, .block_9 .h3, .dok_12_form .uk-breadcrumb, .block_6 .h2, .Product_table h2, .block_7 h2, .block-content h3 {
        margin-bottom: 35px;
    }

    .dok_12 .h3 {
        margin-bottom: 25px;
    }

    .block_9 .blue_button {
        margin-bottom: 35px;
    }

    .dok_19, .dok_3, .dok_11 {
        padding-bottom: 60px;
    }

    .block_8_2 {
        padding-top: 0;
    }

    .block_8_2 h1 {
        margin-top: 0;
        padding-top: 35px;
        margin-bottom: 35px;
    }

    .dok_19 h3, .razvodyshaa h1, .dok_7 h1 {
        margin-top: 60px;
        margin-bottom: 35px;
    }

    .block_10_text .h3, .dok_11 h1, .dok_3 h1, .block-content h3 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .dok_16_h2 {
        padding-top: 60px;
    }

    .dok_16-slider {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    .doc_7_info {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .portfolioModal {
        background: rgb(255 255 255);
        border-radius: 50%;
        height: 40px;
        width: 30px;
        display: flex;
        box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%), -1px -1px 5px -1px rgb(255 255 255);
        justify-content: center;
        align-items: center;
    }

    .mission h3 {
        margin: 0;
    }

    .doc_7_info section {
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }

    .doc_7 .owners_padding {
        padding-left: 0 !important;
    }

    .doc_7_info section:nth-child(3) {
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }

    .block_10_text h1 {
        font-size: 40px;
        color: white;
        font-weight: 500;
        line-height: 1;
        margin-top: 35px;
    }

    #modal-close-defaultFun {
        padding: 10px;
    }

    #modal-close-defaultFun .uk-modal-dialog {
        padding: 0px;
    }

    #modal-close-defaultFun .FunsyContent {
        width: calc(100% - 80px);
        margin: 0 20px 0 20px;
    }

    .team_block .uk-accordion-title {
        text-align: left;
        margin-left: 210px;
        width: fit-content;
    }
}

@media screen and (max-width: 959px) {
    .Product_table a {
        border-right: 1px solid rgba(202, 211, 228, 1);
        border-bottom: 1px solid rgba(202, 211, 228, 1);
    }

    .Product_table a:nth-child(even) {
        border-right: none;
    }

    .Product_table a:nth-child(11), .Product_table a:nth-child(12) {
        border-bottom: none;
    }
}

@media screen and (max-width: 640px) {

    .block_1_links a {
        white-space: nowrap;
        margin: 0;
        padding: 0;
        width: 100%;
        height: fit-content;
        text-align: right;
    }

    .block_1_links a:nth-child(2n) {
        text-align: left;
    }

    .block_1_links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        /*padding: 10px 15px;*/
    }

    .subtitle {
        font-size: 34px;
        text-align: center;
    }

    .rec {
        padding-left: 0;
    }

    .dok_15 section h2 {
        text-align: center;
    }

    .video-slider {
        padding: 0 0px 0 0px;
    }

    .team_block .uk-accordion-title {
        text-align: left;
        margin-top: 00px;
        margin-left: 0;
    }

    .dok_1_4_content .white_button {
        margin-top: 15px;
    }

    .dok_20 form .bx_filter_parameters_box_title, .dok_11 form .bx_filter_parameters_box_title {
        max-width: 100%;
    }

    .dok_11_content .card {
        max-width: 100%;
    }

    .dok_11_content .card_img {
        width: 100%;
    }

    .canvas_micro_menu .header_menu_2_trebovanie, .canvas_micro_menu .mail {
        font-size: 16px;
    }

    .canvas_micro_menu_footer li {
        color: white;
    }

    .canvas_micro_menu .blue_button {
        width: 210px;
    }

    .tovar_img {
        height: 250px;
    }

    .dok_1_4_content .white_button {
        font-size: 14px;
    }

    .block_6 .uk-slider-items li {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .block_6 img {
        margin-left: 0;
    }

    .Product_table a, .Product_table a:nth-child(11) {
        border-right: none;
        border-bottom: 1px solid rgba(202, 211, 228, 1);
    }

    .Product_table a:nth-child(12) {
        border-bottom: none;
    }

    .setka a {
        border-right: none !important;
    }

    .setka a:nth-last-child(2) {
        border-bottom: 1px solid rgba(202, 211, 228, 1) !important;
    }

    .setka a:nth-last-child(1) {
        border-bottom: none;
    }
}

@media screen and (max-width: 1200px) {
    .dok_11_content {
        margin-top: 30px !important;
    }

    .dok_12 {
        padding: 74px 0 30px 0;
    }

    .video-ober {
        padding: 0;
    }

    .block_8 section {
        width: calc(100% - 60px);
        margin-right: auto;
        margin-left: auto;
    }

    .form_glass {
        margin-left: auto;
        margin-right: auto;
    }

    .header_menu_2 {
        height: 144px;
    }

    .header_menu_2_search {
        width: 210px;
    }

    .header_menu_2_number span {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .header_menu_miniature {
        height: 20px;
    }

    .Product_table_text {
        min-height: auto;
        margin: 20px 0 20px 0;
    }

    .setka a {
        border-right: 1px solid rgba(202, 211, 228, 1);
        border-bottom: 1px solid rgba(202, 211, 228, 1);
    }

    .setka a:nth-child(2n) {
        border-right: none;
    }

    .setka a:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .dok_12_form .form_img {
        height: 200px;
    }

    /*
.dok_12_form .uk-grid{
	margin-left: 0;
}
.catalog_var_2.uk-grid>*{
	padding-left: 0;
} */
    .doc_7 .owners_padding {
        padding-left: 30px;
    }

    .block_5_slider_item {
        height: 80%;
    }

    .block_10_white {
        width: 50%;
    }

    .block_10_text {
        width: 40%;
    }

    footer .header_menu_2_number {
        padding-bottom: 20px;
    }

    .footer_menu_mini {
        font-size: 14px;
    }

    .header_menu_2 .search_block {
        margin-bottom: 10px;
    }

    .block_1 .h3 {
        font-size: 30px;
        padding-bottom: 20px;
    }


}

@media screen and (max-width: 960px) {
    .dok_16_form {
        background-color: #efefef;
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .uk-modal-close-default {
        top: 5px;
        right: 10px;
    }

    .block_7 .uk-slidenav {
        transform: translateY(-50%) translateY(-110px);
    }

    .block_10_text .h4 {
        padding-bottom: 15px;
    }

    .dok_7 {
        height: 1030px;
    }

    .doc_7_info .uk-grid {
            margin-left: 0;
    }
    
    .dok_3 .white_button, .dok_3 .blue_button {
        width: 100%;
        margin-bottom: 20px;
    }

    .block_1 .h3 {
        font-size: 30px;
        padding-bottom: 10px;
        text-align: center;
    }

    .block_1_conteiner {
        padding-top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .block_1 .white_button {
        margin-top: 30px;
        width: 220px;
    }

    .block_5_slider_item {
        width: 80%;
    }

    .block_10 section {
        /*height:890px;*/
        padding: 0px;
    }

    .owners_padding span, .block_10_text span, .block_10_text .h4 {
        font-size: 22px;
    }

    .owners_padding {
        padding-bottom: 10px;
    }

    .uk-breadcrumb {
        margin-top: 20px;
    }

    .dok_12_form {
        padding-bottom: 60px;
    }

    .form_glass {
        margin-top: 0;
    }

    .block_10_white {
        width: 70%;
        margin-left: 15%;

        margin-top: 0 !important;
    }

    .block_10_text {
        width: 70%;
        margin-left: 10%;
        height: auto;
        text-align: center;
    }

    .header_menu_1 {
        font-size: 14px;
    }

    footer {
        height: 350px;
    }

    footer .logo {
        height: 45px;
        margin-bottom: 30px;
    }

    .footer_menu_mini {
        font-size: 16px;
    }

    .header_menu_2 .blue_button {
        width: 190px;
    }

    .header_menu_2 .search_block {
        width: 190px;
        margin-bottom: 10px;
    }

    .header_menu_2 .header_menu_2_search {
        width: 190px;
    }

    .header_menu_2 .logo {
        height: 35px;
    }


    .dok_9 section {
        width: 500px;
        height: 700px;
    }

    .dok_9 .content_card_img {
        height: 200px;
    }

    .contactLinks a {
        width: 100%;
    }

    
}

@media screen and (max-width: 640px) {

    .block_7 .uk-slider-nav {
        margin-bottom: 2px;
    }

    .recomendation_img {
        margin-left: 40px;
    }

    .history img {
        margin-bottom: 35px !important;
    }

    .block_7 .uk-container {
        padding: 0 0 0 0;
    }

    .videoYouTube iframe, .video_zagl {
        border-radius: 0;
    }

    .block_7 span {
        margin-left: 40px;
        margin-right: 40px;
    }

    .block-content .h3 {
        margin-top: 20px;
    }

    .bx_filter_button_box {
        max-width: 400px;

    }

    .block_10_text .h3, .block_10_text h1 {
        margin-top: 0;
    }

    .form_glass .white_button {
        margin-top: 30px;
    }

    .tovar_info {
        padding-left: 0;
    }

    .block_6 .h2 {
        margin: 0px 0 35px 0;
    }

    .dok_11 h1 {
        margin-top: 30px;
    }

    .block_8_s_glass {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 50%;
        border-radius: 0 0 30px 30px;
        backdrop-filter: blur(10px);
    }

    .block_8 a {
        border-bottom: 1px solid;
    }

    .block_8 span:not(.uk-breadcrumb span) {
        margin: 5px 0 5px 0;
    }

    .block-content h3, .block_10_text h1, .form_glass h1, .categories_menu h1, .dok_11 h1, .block_3.dok_1_2 h2, .block_7 h2, .block_6 .h2, .dok_1_4_content h2, .block_3 h2, .Product_table h2, .block_9 .h3, .block_10_text .h3, .razvodyshaa h1, .dok_7 h1, .dok_16_h2, .dok_12 .h3, .dok_19 h3 {
        font-size: 30px;
    }

    .history section {
        position: relative;
    }

    .history_right .h4 {
        text-align: right;
        color: rgb(1 154 224);
        font-size: 30px;
        font-weight: 700;
        padding-right: 20px;
    }

    .history_right .history_text {
        padding-left: 0;
        padding-right: 20px;
    }

    .history section::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: -2px;
        left: auto;
        top: 12px;
        height: 100%;
        width: 2px;
        background-image: repeating-linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 5px, rgb(128 128 128) 5px, rgb(128 128 128) 20px);
    }

    .history_right::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: -2px;
        left: auto;
        top: 12px;
        height: 100%;
        width: 2px;
        background-image: repeating-linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 5px, rgb(128 128 128) 5px, rgb(128 128 128) 20px);
    }

    .history_right::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -11px;
        top: 12px;
        left: auto;
        border-radius: 10px;
        height: 20px;
        width: 20px;
        background: linear-gradient(
                90deg, rgb(1 154 224) 0%, rgb(47 93 178) 100%);
        box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);
    }

    .modal_window {
        padding-right: 5%;
        padding-left: 5%;
    }

    .dok_7 {
        height: 1100px;
    }

    .tovar_info .blue_button {
        width: 90%;
        margin-bottom: 10px;
    }

    .dok_16_form hr {
        width: 100%;
    }

    .dok_16_form select, .dok_16_form label {
        width: 95%;
    }

    .dok_16_form .price {
        width: calc(100% - 20px);
        margin: 0 10px 0 10px;
    }

    .dok_16_form .check {
        width: 100%;
    }

    .dok_3 .white_button, .dok_3 .blue_button {
        width: 100%;
        margin-bottom: 20px;
    }

    .canvas {
        width: 100%;
    }

    .block_8 h3 {
        margin-top: 0px;
    }

    .block_8 span:not(.uk-breadcrumb span), .block_8 a {
        color: black;
    }

    .block_10 form {
        padding-right: 25px;
        padding-left: 25px;
        padding-bottom: 25px;
    }

    .block_1 .h3 {
        font-size: 33px;
        padding-bottom: 20px;
        text-align: center;
    }

    .block_1_links a {
        font-size: 16px;
    }

    .block_1_links {
        text-align: center;
    }

    .block_1 .block_1_content {
        padding: 0 40px 0 40px;
    }

    .block_1 .right_nuv {
        margin-right: 0;
    }

    .block_1 .left_nuv {
        margin-left: 0;
    }

    .block_1 .uk-divider-vertical {
        border: none;
    }

    .block_1_conteiner {
        padding-top: 30px;
        display: flex;
        justify-content: center;
        /*align-items: flex-start;*/
        flex-direction: column;
    }

    .block_1 .white_button {
        margin: auto;
        margin-top: 25px;
        width: 220px;
    }

    .block_5_slider_item {
        width: 90%;
    }

    .block_5_slider_item h3 {
        font-size: 30px;
    }

    .header_menu_2 .logo {
        height: 45px;
    }

    .block_7 span {
        font-size: 16px;
    }

    .block_10 section {
        margin: 0;
    }

    .block_10_white {
        width: 100%;
        margin: 0 0 0 0;
    }

    .block_10_text {
        width: 100%;
        margin-left: 0%;
        padding-left: 0;
    }

    footer {
        height: 550px;
    }

    .block_10 section {
        /*height: 850px;*/
        position: relative;
        border-top: none;
        border-left: none;
        border-radius: 0px;
        background: none;
        backdrop-filter: blur(0px);
        box-shadow: none;
    }

    .custom-checkbox > span::before {
        width: 40px;
        height: 40px;

    }

    .custom-checkbox > span {
        font-size: 14px;
    }

    .block_10_checkbox_box label {
        margin-top: 5px;
        margin-left: 20px;
    }

    .block_1_conteiner span {
        font-size: 13px;
    }


    .dok_9 section {
        width: 300px;
        height: 700px;
    }

    .dok_9 .content_card_img {
        height: 200px;
    }

    .table_content table th {
        color: black;
        font-size: 14px;
        font-weight: 600;
        text-transform: none;
    }

    .table_content table td {
        color: black;
        font-size: 14px;
        font-weight: 600;
    }
}

@media screen and (max-width: 500px) {
    .preim-kontakt .icon_contacts {
        padding-left: 10px;
    }

    .custom-checkbox > span::before {
        width: 30px;
        height: 30px;

    }

    .custom-checkbox > span {
        font-size: 10px;
    }

    .block_10_checkbox_box label {
        margin-top: 5px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 360px) {
    .mini_nav a {
        font-size: 16px;
    }

    .custom-checkbox > span::before {
        width: 30px;
        height: 30px;

    }

    .custom-checkbox > span {
        font-size: 10px;
    }

    .block_10_checkbox_box label {
        margin-top: 5px;
        margin-left: 0px;
    }

    .block_7 span {
        font-size: 16px;
        line-height: 1;
    }

    .dok_1_4_content {
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .card {
        max-width: 210px;
    }

    .dok_1_4_content .card_img {
        height: 200px;
        width: 200px;
    }

    .dok_1_4_content .white_button {
        width: 220px;
        font-size: 12px;
    }

    .dok_9 section {
        width: 190px;
        padding: 0;
        margin: 0;
        height: 700px;
        font-size: 100%;
    }

    .dok_9 section h3 {
        font-size: 20px;
    }

    .dok_9 .content_card_img {
        height: 200px;
    }

    .news_title {
        padding-left: 0;
    }

    .news_title h3 {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .cpt-stories-block .cpt-stories-preview-slide {
        width: 77px !important;
        height: 77px !important;
        margin: 0 auto 0 auto;
        box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 20%);
    }

    .swiper-wrapper {
        justify-content: flex-start;
    }

    .block_2 .cpt-stories-d-none {
        display: block !important;
        width: 100%;
    }
}


@media (max-width: 450px) {
    .block_8 .h3 {
        font-size: 20px;
    }
}

.uk-slideshow-items {
    background-color: rgb(17, 68, 113);
}

.search__wrapper {
    position: relative;
}

.search__wrapper.visible:before {
    display: block;

}

.search__wrapper:before {
    content: "";
    display: none;
    position: absolute;
    right: 0;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
    z-index: 99999;
    bottom: -21px;

}

.search_button.show-input {
    position: unset;
}

.search__wrapper form {
    display: none;
    padding: 20px 20px 15px;
    position: absolute;
    width: 300px;
    border: unset;
    border-radius: 0;
    background-color: #fff;
    z-index: 99999;
    right: 0;
    top: 48px;
}

.search__wrapper .search_block {
    display: flex;
    gap: 10px;

}

.search__wrapper form h4{
    /*color: white;*/
    font-size: 20px;
    font-weight: 700;
}


.search__wrapper .search_block input {
    padding: 0 20px;
    /*height: 30px;*/
    width: 100%;
    border: unset /*2px solid rgb(247 247 247)*/;
    box-shadow:0 0 0 1px rgb(17, 68, 113) !important;
    height: 35px!important;
    text-transform: initial;

}

.search__wrapper .search_block input:hover {
    transform: scale(1);
    box-shadow:0 0 0 1px rgb(17, 68, 113) !important;

}

.search__wrapper .search_block button {
    /*    border: unset;
        background: #fff;*/
    padding: 0 10px;
    font-size: 14px;
    height: 35px !important;
    text-transform: capitalize;
}

@media (max-width: 640px) {
    .search__wrapper form {
        top: 20px;
    }
}
.price-tirazh span {
    font-weight: 600;
    text-decoration: underline;
}
.mobile__contacts, .mobile__block {
    display: none;
}
.header_menu_2_number .address {
    color: #666;
    font-size: 20px;
    max-width: 278px;
}
.address-item__align {
    height: 27px;
}
@media(max-width: 768px) {
    .header_menu_2 .address {
        display: none;
    }
}
@media(max-width: 960px) {
    .footer_icons_bar {
        display: none;
    }
}
@media(max-width: 768px) {
    .mobile__contacts {
        display: block;
    }
    .mobile__block {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px 0px;
        align-items: center;
    }
    .mobile__block .tel-email {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: rgb(47 93 178);
        font-weight: 600;
    }
    .mobile__block .address {
        text-align: center;
    }
    .mobile__block .address span {
        text-decoration: underline;
    }
    .mobile__contacts .links {
        flex-direction: column;
        gap: 0;
        justify-content: center;
        align-items: center;
        padding: 10px 0px 10px 0px;
    }
    .mobile__contacts .links .mail:nth-child(1),
    .mobile__contacts .links .mail:nth-child(2) {
        font-weight: 600;
    }
    .footer_menu .uk-container {
        flex-direction: column;
    }
    .footer_icons_bar {
        display: flex;
    }
    .footer_icons_bar img {
        height: 100%;
    }
}

@media (max-width: 576px) {
    .doc_7_text button {
        width: 100%!important;
    }
    .contact__link-item button {
        width: 100%;
    }
    .contactLinks {
        flex-direction: column;
        width: 100%;
    }
    .contact__link-item {
        width: 100%;
    }
}



.about-us-banner {
    background-color: #114471;
    height: 570px;
    background-image: url('/local/templates/Borus/img/about_us/banner_bg.png');
    background-repeat: no-repeat;
    background-position: 64vw bottom;
}

.about-us-banner .uk-breadcrumb li a,
.about-us-banner .uk-breadcrumb li span {
    color: #FFFFFF;
}

.about-us-banner__content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 30px;
}

.about-us-banner__info {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.about-us-banner__content img {
    height: 415px;
}

.about-us-banner__content span {
    white-space: nowrap;
}

.about-us-banner__content span:nth-child(1) {
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
}

.about-us-banner__content span:nth-child(2) {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
}

.about-us-iso {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
}

.about-us-iso p {
    text-align: justify;
}

.about-us-iso p:first-child {
    text-align: center;
}

.about-us-iso__info {
    background-color: #F4F4F4;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 60px 40px;
    border-radius: 30px;
    margin: 80px auto;
    width: max-content;
}

.about-us-iso__info img {
    display: block;
    width: max-content;
}

.about-us-iso__info span {
    max-width: 500px;
}

.about-us-clients {
    background-color: #114471;
    overflow: hidden;
    margin-bottom: 100px;
}

.about-us-clients .uk-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 106px;
}

.about-us-clients span {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
    max-width: 630px;
    text-align: justify;
}

.our-clients-slider {
    height: 310px;
    width: 350px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
}

.our-clients-slider .swiper-slide {
    background-color: #FFFFFF;
    border-radius: 30px;
    width: 270px;
    height: 126px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: .5s;
    box-sizing: border-box;
}

.our-clients-slider .swiper-slide:not(.swiper-slide-active) {
    opacity: .5;
    width: 170px;
    height: 80px !important;
}

.our-clients-slider .swiper-container {
    height: 100%;
}

.our-clients-slider .swiper-container .swiper-wrapper {
    align-items: center;
    margin-top: -25px;
}

.our-clients-slider .swiper-slide img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.about-us-equipment {
    padding-bottom: 100px;
}

.about-us-equipment .uk-container {
    position: relative;
}

.about-us-equipment .swiper-button-prev,
.about-us-equipment .swiper-button-next {
    color: #009CE1;
}

.about-us-equipment .swiper-button-prev {
    left: -8vw;
}

.about-us-equipment .swiper-button-next {
    right: -8vw;
}

.about-us-equipment .swiper-slide {
    display: flex;
    flex-direction: column;
}

.about-us-equipment .swiper-slide img {
    height: 250px;
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    margin-bottom: 40px;
}

.about-us-equipment span:nth-of-type(1) {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about-us-equipment span:nth-of-type(2) {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about-us-equipment h2 {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    margin-bottom: 40px;
}

.about-us .package-directions {
    font-weight: 400;
    color: #000000;
    margin-bottom: 80px;
}

.about-us .package-directions p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: justify;
}

.about-us .package-directions__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 80px;
}

.about-us .package-directions__item {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 30px 40px 30px 30px;
}

.about-us .package-directions__item img {
    max-height: 60px;
    max-width: 60px;
}

.about-us .package-directions__item .package-directions__text {
    font-size: 16px;
    line-height: 24px;
}

.about-us .order-stages {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-bottom: 80px;
}

.about-us .order-stages h2 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
}

.about-us .order-stages__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.about-us .order-stages__item {
    position: relative;
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 50px 30px 50px 70px;
    text-align: left;
}

.about-us .order-stages__item span:first-child {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 50px;
    width: 50px;
    background-color: #009ce1;
    border-radius: 48px;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    align-content: center;
}

.about-us .order-stages__date {
    background-image: linear-gradient(0.25turn, #2866B9, #1680CC, #0397DD, #1680CC, #2866B9);
    border-radius: 30px;
    color: #ffffff;
    text-align: center;
    padding: 50px 60px;
    margin-bottom: 40px;
}

.about-us .order-stages__date br {
    display: none;
}

.about-us .order-stages button,
.about-us .package-directions button,
.about-us-equipment a {
    display: inline-block;
    font-size: 16px;
    max-width: 389px;
    width: 100%;
    max-height: 62px;
    height: 100%;
    background-color: #114471;
    border-radius: 30px;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 100%;
    transition: .3s;
    padding: 20px 20px;
}

.about-us .package-directions button {
    display: block;
    margin: 40px auto 0 auto;
}

.about-us-equipment a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-us-equipment__link {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.about-us .order-stages button:hover,
.about-us .package-directions button:hover,
.about-us-equipment a:hover {
    scale: 1.05;
}

@media (max-width: 1600px) {
    .about-us-equipment .swiper-button-prev {
        left: -40px;
    }

    .about-us-equipment .swiper-button-next {
        right: -40px;
    }
}

@media (max-width: 1400px) {
    .about-us-equipment .swiper-button-prev,
    .about-us-equipment .swiper-button-next {
        display: none;
    }
}

@media (max-width: 1200px) {
    .about-us-banner {
        height: 490px;
        background-position: 79vw bottom;
        background-size: 25%;
    }

    .about-us-banner__content img {
        height: 330px;
    }

    .about-us-banner__info {
        gap: 20px;
    }

    .about-us-banner__content span:nth-child(1) {
        font-size: 40px;
        line-height: 52px;
    }

    .about-us-banner__content span:nth-child(2) {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 992px) {
    .about-us-banner {
        height: 390px;
    }

    .about-us-banner__content img {
        height: 270px;
        width: auto;
        object-fit: contain;
    }

    .about-us-banner__info {
        gap: 16px;
    }

    .about-us-banner__content span:nth-child(1) {
        font-size: 28px;
        line-height: 36px;
    }

    .about-us-banner__content span:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }

    .about-us-iso {
        font-size: 16px;
        line-height: 24px;
    }

    .about-us-clients .uk-container {
        gap: 30px;
    }

    .about-us-clients span {
        font-size: 16px;
        line-height: 24px;
    }

    .about-us .package-directions {
        margin-bottom: 40px;
    }

    .about-us .package-directions__grid {
        gap: 8px;
        margin-bottom: 40px;
    }

    .about-us .order-stages h2 {
        margin-bottom: 20px;
    }

    .about-us .order-stages__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .about-us .order-stages__item {
        padding: 30px 40px 30px 70px;
    }
}

@media (max-width: 768px) {
    .about-us-banner {
        height: 480px;
        background-size: 225px;
        background-position: 115% bottom;
    }

    .about-us-banner__content {
        flex-direction: column;
    }

    .about-us-banner__info {
        align-self: flex-start;
    }

    .about-us-iso__info {
        padding: 40px 20px;
        margin: 40px 0;
        width: auto;
    }

    .about-us-iso__info img {
        width: 99px;
    }

    .about-us-clients {
        padding: 40px 0;
    }

    .about-us-clients .uk-container {
        flex-direction: column;
    }

    .our-clients-slider {
        width: 100%;
        height: 80px;
        margin: 0 -40px;
    }

    .our-clients-slider .swiper-container .swiper-wrapper {
        margin-top: 0;
    }

    .our-clients-slider .swiper-slide {
        width: auto;
        height: 100% !important;
    }

    .our-clients-slider .swiper-slide:not(.swiper-slide-active) {
        width: auto;
        transform: scale(.7);
    }

    .about-us-equipment {
        padding-bottom: 50px;
    }

    .about-us-equipment h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .about-us-equipment .swiper-slide img {
        height: 145px;
        margin-bottom: 16px;
    }

    .about-us-equipment span:nth-of-type(1) {
        font-size: 18px;
        line-height: 24px;
    }

    .about-us-equipment span:nth-of-type(2) {
        font-size: 14px;
    }

    .about-us .package-directions__text span:last-child {
        display: none;
    }

    .about-us .order-stages h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .about-us .order-stages__grid {
        grid-template-columns: 1fr;
        margin-bottom: 8px;
    }

    .about-us .order-stages__item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 20px 32px;
    }

    .about-us .order-stages__item span:first-child {
        position: unset;
        height: 40px;
        width: 40px;
        flex-shrink: 0;
    }

    .about-us .order-stages__date {
        padding: 32px;
        margin-bottom: 20px;
    }

    .about-us .order-stages__date br {
        display: block;
    }

    .about-us .package-directions button,
    .about-us .order-stages button,
    .about-us-equipment a {
        font-size: 14px;
        padding: 14px 60px;
    }
}

@media (max-width: 576px) {
    .our-clients-slider {
        overflow: unset;
    }

    .our-clients-slider .swiper-container {
        width: calc(100% + 130px);
        margin: 0 -65px;
    }

    .our-clients-slider .swiper-slide {
        padding: 10px 30px;
    }

    .our-clients-slider .swiper-slide img {
        max-width: 110px;
    }

    .about-us-equipment .swiper-container {
        padding: 0 15px;
        margin: 0 -15px;
    }

    .about-us .package-directions p {
        font-size: 16px;
        line-height: 24px;
    }

    .about-us .package-directions__item img {
        max-height: 40px;
        max-width: 40px;
    }

    .about-us .package-directions__item {
        padding: 16px;
        gap: 16px;
    }

    .about-us .package-directions__item {
        flex-direction: column;
        text-align: center;
    }

    .about-us .order-stages {
        font-size: 14px;
        line-height: 20px;
    }

    .about-us .order-stages h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .about-us .order-stages__item {
        padding: 20px 18px;
    }

    .about-us .order-stages__item span:first-child {
        font-size: 16px;
        line-height: 20px;
    }
}