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

body {
    padding-right: 0 !important;
}

/* FOOTER */
@media (min-width: 1025px) {
    footer>.container>.row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    footer>.container>.row:before {
        display: none;
    }
    footer>.container>.row .col-md-3 {
        width: max-content;
    }
}
/* FOOTER END */

.container:before,
.container:after {
    display: none;
}
body,
body * {
    font-family: Inter, san-serif;
}
.modal-header .close {
    background: none;
}
.top-menu {
    background: transparent;
}
.top-menu .container {
    height: max-content;
}
#logo {
    cursor: pointer;
}
header>.container {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #292862;
}
.header-search__btn {
    color: #292862;
    background: #fff;
    height: 100%;
    border-radius: 0 3px 3px 0;
}
.header-block__item>.uni-href>span,
.header-cart__btn>span {
    font-weight: 600;
}
.header-search__input::placeholder {
    color: rgb(201, 201, 201);
}
.header-search__category + .header-search__input {
    padding: 0 3px 0 10px;
}
.header-search__input {
    background: #4c4b7a;
    border: none;
}
.header-search__btn .search-icon::before {
    content: url(https://evro-line.com.ua/image/catalog/icon/search-normal.svg);
    display: block;
    margin-top: 2px;
    transition: 0.3s;
}
.header-search__btn:hover .search-icon::before {
    transform: scale(1.1)
}
.top-menu__currency {
    display: flex;
    align-items: center;
}
#language .dropdown-menu {
    display: flex !important;
    position: static;
}
#language .dropdown-menu,
#currency .dropdown-menu {
    width: max-content;
    min-width: max-content;
    border: none;
    box-shadow: none;
    margin-top: 0;
}
#currency .dropdown-menu {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 6px 12px rgb(41 40 98 / 18%);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background: rgb(41 40 98 / 18%);
}
#language .top-menu__btn.dropdown-toggle {
    display: none !important;
}
#language .top-menu__language-item:first-child {
    border-right: 2px solid #CBCBCB;
}
#language .dropdown-menu li>a {
    padding: 4px 10px;
    background: none !important;
    transition: 0.3s;
}
#language .top-menu__language-item.active a {
    text-shadow: 0 0 0.7px;
    color: #292862;
}
#language .top-menu__language-item:hover a {
    text-shadow: 0 0 0.7px;
    color: #292862;
    display: block;
    position: relative;
}
.top-menu__currency .top-menu__btn,
.top-menu__currency .top-menu__btn:hover,
.top-menu__currency .top-menu__btn:focus {
    background: transparent;
    color: #616161;
}
.top-menu__currency .top-menu__btn {
    font-size: 0;
}
.top-menu__currency .top-menu__btn span {
    color: #616161;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}
.top-menu__currency .top-menu__btn:hover span {
    color: #292862;
}
.top-menu__currency .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}
.header-phones__main {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #292862;
}
.header-phones:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/phone.svg);
    position: relative;
    top: 3px;
}
.header-phones__a img {
    width: 20px;
}
.header-phones__show-phone.dropdown-toggle {
    background: none !important;
    font-weight: 700;
}
.top-menu__links .top-links__a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #616161;
}
.header-phones__span {
    border-bottom:  none;
    color: #292862;
    text-align: center;
    font-weight: 600;
}
.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #292862 !important;
}
.header-phones__show-phone,
.header-search__category-btn:after {
    transition: 0.3s
}
.header-block__item .header-menu__icon:before,
.header-menu__btn.show .header-menu__icon:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/menu_dots.svg);
    margin-right: 10px;
    display: block;
}
.header-account__icon:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/user.svg);
    display: block;
    height: 30px;
}
.header-wishlist__icon:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/heart.svg);
    display: block;
    height: 30px;
}
.header-compare__icon:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/chart.svg);
    display: block;
    height: 30px;
}
.header-cart__icon:before {
    content: url(https://evro-line.com.ua/image/catalog/icon/cart.svg);
    display: block;
    height: 30px;
}
.header-cart__total-items, .header-wishlist__total-items, .header-compare__total-items {
    bottom: unset;
    top: 0px;
}
/* .header-block__item .row {
    position: absolute;
    opacity: 1;
    visibility: visible;
    width: 50vw;
} */
.header-menu__btn, 
.header-menu__btn.show {
    color: #292862;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 30px;
    display: flex !important;
    align-items: center;
    transition: 0.3s;
    border: none !important;
}

nav#menu {
    width: max-content;
    top: 17px;
    left: -157px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: max-content;
    min-height: max-content;
    max-height: max-content;
    overflow-y: auto;
}
.menu-wrapper.new.show:before {
    /* display: block !important; */
    position: relative;
    top: 34px;
    left: 0px;
    border-radius: 3px;
    width: 50vw;
    bottom: 0;
    content: '';
    background: #fff;
    border-top: solid 1px rgba(0,0,0,.1);
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
}
.header-block__item.header-block__item-menu {
    display: flex !important;
    box-shadow: none;
}
.menu-wrapper.new:before {
    display: none !important;
}
.menu-wrapper.new.show:before {
    display: none !important;
}
#fly-menu .row {
    padding-top: 10px;
}
.modal-login__input.form-control,
.modal-login__input.form-control:focus,
input.search, input.search:focus {
    background-color: #fff!important;
    color: #292862!important;
}
.modal-login__input.form-control::placeholder,
input::placeholder {
    color: #292862 !important;
}

/* category */
.uni-item:hover {
    border: solid 1px transparent;
    box-shadow: 0 5px 15px rgb(41 40 98 / 24%) !important;
}
.category-wall__item {
    background-color: #fff;
}
.category-wall__ul {
    padding: 12px !important;
}
.category-wall__title a {
    color: #534876;
    transition: 0.3s;
}
.category-wall__item:hover .category-wall__title a {
    color: #292862;
}
/* .home-page.container-fluid.slider-users>.row:first-of-type {
    width: 100%;
    padding: 0;
    margin: 0 -10px;
    
} */
.slider-users>.row>#content {
    padding: 0 !important;
    transform: scale(1.008);
}
.container-fluid {
    overflow-x: hidden;
}
.uni-module__item {
    width: 14% !important;
}
/* blog */
.fa.fa-calendar:before {
    display: none;
}
.news-module__category {
    text-decoration: none;
    color: #534876;
    font-weight: 600;
}
.news-module__name {
    font-weight: 700;
    color: #534876;
}
/* .modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.uni-module.news-module .owl-carousel .owl-nav .owl-prev:hover {

} */
/* category page */
.category-list.row .col-xxl-3-1 .category-list__name {
    padding: 15px 0;
    font-size: 16px;
    color: #534876;
}
.owl-carousel .owl-next, .owl-carousel .owl-prev {
    box-shadow: none;
}
/* filter */
.ocf-btn-mobile-fixed .ocf-btn {
    background-color: #534876 !important;
}
.ocf-noUi-connect:before, .ocf-noUi-handle {
    background: #292862 !important;
}
.ocf-selected .ocf-value-input::before {
    background-color: #292862 !important;
    border-color: #292862 !important;
}
.ocf-selected-discard {
    background-color: transparent;
    border: 1px solid #292862;
    border-radius: 2px;
    color: #292862;
}
/* product 
.btn.quick-order {
    background: #ebe8f3;
}*/

@media (min-width: 993px) {
    
    .header-menu__btn:hover, .header-menu__btn.show:hover {
        background: #9494b1;
        color: #fff;
    }
    .header-menu__btn:hover .header-menu__icon:before,
    .header-menu__btn.show:hover .header-menu__icon:before {
      filter: invert(83%) sepia(97%) saturate(0%) hue-rotate(3deg) brightness(107%) contrast(104%);
    }
    .header-block__item-menu {
        padding: 0 15px 0 0;
        margin-right: 30px;
    }
    .menu-wrapper.new {
        left: 13px;
    }
    .menu1.new {
        background: transparent !important;
    }
    .top-menu .container {
        padding: 10px 25px;
    }
    .header-logo img {
        width: auto !important;
        height: 100px !important;
    }
    .header-block__item-telephone {
        order: unset;
    }
    .top-menu__links {
        display: flex;
        justify-content: center;
    }
    .header-block {
        padding: 16px 4%;
    }
    .header-account__icon,
    .header-wishlist__icon,
    .header-compare__icon,
    .header-cart__icon {
        position: relative;
    }
    .header-account__icon:hover,
    .header-wishlist__icon:hover,
    .header-compare__icon:hover,
    .header-cart__icon:hover {
        bottom: 3px;
    }
    .header-search__category > .dropdown-menu,
    .header-phones.has-addit > .dropdown-menu,
    #currency .top-menu__btn.dropdown-toggle:hover ~ .dropdown-menu,
    #currency .top-menu__btn.dropdown-toggle ~ .dropdown-menu:hover {
        display: block !important;
        margin-block-start: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: 0.3s;
    }
    .dropdown-menu {
        transition: 0.3s;
    }
    .header-search__category:hover > .dropdown-menu,
    .header-search__category > .dropdown-menu:hover,
    .header-phones.has-addit:hover > .dropdown-menu,
    .header-phones.has-addit > .dropdown-menu:hover,
    #currency .top-menu__btn.dropdown-toggle:hover ~ .dropdown-menu,
    #currency .top-menu__btn.dropdown-toggle ~ .dropdown-menu:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    /* .header-menu__btn:hover .header-menu__icon::before {
        content: url(https://evro-line.com.ua/image/catalog/icon/cross-close.svg);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        position: relative;
    } */
    
    .main-menu .menu-wrapper {
        display: block !important;
    }
    
    .menu1.new .menu__collapse {
        min-width: max-content;
        min-height: max-content;
    }
    .main-menu.not-before::before {
        display: none;
    }
    .header-menu__btn:hover ~ .row>.main-menu>.menu-wrapper>nav#menu,
    .header-menu__btn ~ .row>.main-menu>.menu-wrapper>nav#menu:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    
    .menu1.new .menu__collapse {
        border-radius: 3px;
    }
    nav#menu::-webkit-scrollbar-thumb {
        background-color: #292862 !important;
        border-radius: 4px;
    }
    nav#menu .menu__collapse.main-menu__collapse li a {
        padding-right: 10px;
    }
    .menu1 .menu__level-1-li,
    .menu1.new .menu__level-1-li {
        position: relative;
        /* background:#6f6f96; */
    }
    .menu1.new .menu__level-2 {
        overflow: visible;
        max-height: max-content;
    }
    nav#menu {
        overflow: visible;
    }
    /* 3 level menu */

    /* .menu1 .menu__level-2 {
        background:#6f6f96;
    }
    nav#menu .menu__level-2-a,
    nav#menu .menu__level-1-a,
    nav#menu .menu__level-3-a {
        color: #fff;
    }
    .menu1 .menu__level-1-li:hover:after, 
    .menu1 .menu__level-1-li.open:after, 
    .menu1 .menu__level-1-li.open .menu__level-1-a, 
    .menu1 .menu__level-1-a:hover,
    .menu1 .menu__level-1-li:after {
        color: #fff;
    } */
    .menu__level-2-a.has-children {
        position: relative;
    }
    .menu__level-2-a.has-children:after {
        position: absolute;
        /* top: 50%; */
        right: -10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 46px;
        text-align: center;
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
        content: "\f107";
        font-size: .75em;
        transition: 0.3s;
    }
    .menu__level-2-a.has-children:hover::after {
        transform: rotate(-90deg);
    }
    .menu__level-3 {
        height: 0;
        transition: height 0.3s ease 0s;
        opacity: 0;
    }
    .menu__level-2-a.has-children:hover ~ .menu__level-3,
    .menu__level-3:hover,
    .menu__level-2-ul:hover > .menu__level-3 {
        height: auto;
        opacity: 1;
        padding-top: 10px;
    }
    .menu__level-3-a:hover {
        text-decoration: none;
    }
    .menu__level-2-a.has-children {
        margin: 14px 0 0;
    }
    .header-block__item-menu>.row:hover ~ .header-block__item-menu>.header-menu__btn {
        background: #9494b1;
        color: #fff;
    }
    /* category */
    .uni-module.category-wall.category-wall_v2-0 .uni-module__wrapper.load-complete {
        justify-content: space-around;
    }
    /* contacts */
    .contact-page__form form {
        max-width: 50%;
        margin: 0 auto;
    }
    /* forgotten password */
    .account-forgotten.uni-form form {
        max-width: 50%;
    }
    /* category page */
    .category-list.row .col-xxl-3-1 {
        width: calc(100% / 3);
        padding: 14px 40px;
    }
    .category-list.row .col-xxl-3-1 .uni-item {
        border-radius: 6px;
    }
}

@media (max-width: 1180px) {
    .header-block__item-account.switch-on-tablet {
        display: block;
    }
    .header-account, .header-wishlist, .header-compare, .header-cart {
        height: 35px;
    }
    .top-menu__account.status-2.switch-on-tablet,
    .top-menu__links {
        display: none;
    }
    .top-menu .container {
        justify-content: space-between;
        padding: 10px 15px;
    }
    .top-menu .container:before,
    .top-menu .container:after {
        display: none !important;
    }
    .uni-slideshow_v2__image.text-over-image img {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }
    /* .uni-slideshow_v2__item {
        height: max-content !important;
    } */
    .slider-users>.row>#content {
        transform: scale(1.011);
    }
}
@media (max-width: 992px) {
    .main-menu.not-before::before {
        display: none !important;
    }
    .header-block__item .menu-wrapper {
        position: absolute !important;
    }
    .top-menu__currency {
        display: none;
    }
    .main-menu {
        position: static;
    }
    .menu-wrapper.new {
        left: -100%;
        top: var(--header-height);
        display: block;
        min-height: max-content;
        /* max-height: calc(100vh - var(--header-height) + 2px); */
        transition: 0.3s;
        height: calc(100vh - var(--header-height));
        overflow-y: auto;
    }
    .open>.dropdown-menu {
        z-index: 9999;
    }
    .menu-wrapper.new.active {
        left: 0;
    }
    .menu-wrapper.new.show:before {
        display: none !important;
    }
    nav#menu {
        width: 100vw;
        top: 0;
        left: 0;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        min-width: 100%;
        height: 100%;
        /* max-height: calc(100vh - var(--header-height) + 2px); */
        border: none;
        border-bottom: 1px solid #acacac;
    }
    .menu__pm {
        padding-right: 22px;
    }
    .menu1 .menu__level-2-pm {
        padding-right: 52px;
    }
    .menu__header-icon.fa-times {
        margin: 0;
    }
    body.lock {
        overflow: hidden;
    }
    header>.container:last-child {
        display: none;
    }
    .slider-users {
        margin-top: 0;
    }
    .header-block {
        padding: 16px;
    }
    .menu-open, .menu-open.visible-xs.visible-sm {
        display: none !important;
    }
    .header-menu__btn {
        margin-right: 40px;
    }
    .menu__level-2.open {
        height: auto;
    }
    header .container:before,
    header .container:after {
        display: none !important;
    }
    .level-arrow,
    #menu li,
    #menu .menu__level-2-a.has-children {
        transition: 0.3s;
    }
    .level-arrow.active {
        transform: rotate(180deg);
    }
    #menu li.active {
        background-color: #dcdcee;
    }
    #menu .menu__level-2-a.has-children.active {
        background-color: #f3f3fa;
    }
    .menu1 .menu__level-1-li:after, .menu1 .menu__level-1-a, .menu1 .menu__level-1-pm {
        color:#292862;
        font-weight: 600;
    }
    .menu1 .menu__level-3-a {
        color:#292862;
        font-weight: 400;
    }
    /* body {
        overflow-x: hidden !important;
    } */
    .fly-menu__block.fly-menu__menu-m {
        display: none;
    }
    /* category */
    .uni-module__item {
        width: calc(100% / 3) !important;
    }
    /* category page */
    .category-list.row .col-xxl-3-1 {
        width: calc(100% / 3);
        padding: 14px 30px;
    }
}
@media (max-width: 860px) {
    .header-menu__btn.active .header-menu__icon::before {
        content: url(https://evro-line.com.ua/image/catalog/icon/cross_icon.svg);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        position: relative;
    }
    .header-menu__btn.active,
    .header-menu__btn.show.active {
        background: #9494b1;
        color: #fff;
    }
    .header-logo {
        max-width: 125px;
    }
    /* .menu-wrapper.new {
        top: 170px;
        max-height: calc(100vh - 170px);
    }
    nav#menu {
        max-height: calc(100vh - 170px);  
    } */
    .header-block {
        padding: 16px 25px;
    }
    .header-block__item.header-block__item-menu.hidden-xs.hidden-sm {
        display: flex !important;
        flex: 1;
    }
    .main-menu .menu-open, .main-menu .menu-open.visible-xs.visible-sm {
        display: none !important;
    }
    .header-menu__btn {
        border: none;
        border-radius: 4px;
        padding: 6px 20px;
    }
}
@media (max-width: 768px) {
    .slider-users>.row>#content {
        transform: scale(1.013);
    }
}
@media (max-width: 533px) {
    .header-block__item-wishlist, 
    .header-block__item-compare, 
    .header-block__item-account,
    .header-block__item-cart {
        display: block;
        padding: 0 16px;
    }
    .top-menu__wishlist.status-2,
    .top-menu__compare.status-2 {
        display: none;
    }
    .header-phones__main.uni-href {
        display: none;
    }
    .top-menu .container {
        padding: 10px 25px;
    }
    .header-cart__total-items {
        height: 16px;
        width: 16px;
        font-size: .8em;
    }
    .menu-open, .menu-open.visible-xs.visible-sm {
        display: none !important;
    }
    .open2>.dropdown-menu {
        z-index: 9999;
        display: block;
    }
    .open2 .header-phones__show-phone {
        transform: rotate(-180deg) translateY(50%);
    }
    /* slider */
    .uni-slideshow_v2__image.text-over-image img {
        height: 100% !important;
    }
    .uni-slideshow_v2__image {
        height: 100%;
    }
    .uni-slideshow_v2 {
        height: 200px;
    }
    .uni-slideshow_v2__item {
        height: 100% !important;
    }
    .owl-carousel .owl-stage {
        height: 100%;
    }
    .slider-users>.row>#content {
        transform: scale(1.018);
    }
    /* category */
    .uni-module__wrapper {
        flex-wrap: nowrap !important;
        overflow-x: auto;
    }
    .uni-module__item {
        min-width: 30vw;
    }
    /* modal */
    /* .modal-dialog {
        position: absolute;
        top: 50%;
        margin: 0;
        transform: translate(-50%, -50%) !important;
    } */
    /* category page */
    .category-list.row .col-xxl-3-1 {
        width: 50%;
        padding: 10px 20px;
    }
}
@media (max-width: 430px) {
    .header-block__item-wishlist, 
    .header-block__item-compare, 
    .header-block__item-account,
    .header-block__item-cart {
        display: block;
        padding: 0 12px;
    }
    .header-account, .header-wishlist, .header-compare, .header-cart {
        height: 30px;
    }
    .header-block__item-telephone {
        padding-right: 0;
    }
    .header-menu__btn {
        border: none;
        border-radius: 4px;
        padding: 6px 14px;
    }
    .header-menu__btn {
        margin-right: 20px;
    }
    /* .menu-wrapper.new {
        top: 166px;
        max-height: calc(100vh - 166px);
    }
    nav#menu {
        max-height: calc(100vh - 166px);  
    } */
    .uni-module__item {
        min-width: 40vw;
    }
    .category-wall__ul {
        padding: 12px 20px !important;
    }
    /* slider */
    /* .uni-slideshow_v2 {
        height: 145px;
    } */
    .slider-users>.row>#content {
        transform: scale(1.025);
    }
    .menu__collapse {
      position: relative !important;
      top: 0 !important;
    }
}
@media (max-width: 393px) {
    /* slider */
    /* .uni-slideshow_v2 {
        height: 130px;
    } */
    .slider-users>.row>#content {
        transform: scale(1.025);
    }
}
@media (max-width: 375px) {
    .header-block__item-wishlist, .header-block__item-compare, .header-block__item-account, .header-block__item-cart {
        padding: 0 8px; 
    }
    /* .menu-wrapper.new {
        top: 156px;
        max-height: calc(100vh - 156px);
    }
    nav#menu {
        max-height: calc(100vh - 156px);  
    } */
}
@media (max-width: 375px) {
    /* .menu-wrapper.new {
        top: 148px;
        max-height: calc(100vh - 148px);
    }
    nav#menu {
        max-height: calc(100vh - 148px);  
    } */
}

.rating i, .rating sup a {
    color: #f5dd41 !important;
}



/* CATEGORIES */

/* SECTIONAL GARAGE DOORS */
.wrapper button {cursor: pointer;}
.wrapper button::-moz-focus-inner {padding: 0;border: 0;}
.wrapper :focus,:active {outline: none;}
.wrapper a:focus,a:active {outline: none;}
.wrapper a,a:visited {text-decoration: none;}
.wrapper a:hover {text-decoration: none;}
.wrapper input,button,textarea {font-family: inherit;}
.wrapper *:focus, *:active {outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.wrapper input::-ms-clear {display: none;}
.wrapper input, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.wrapper img {vertical-align: top;}
.wrapper *,*:before,*:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.wrapper input,button,textarea {font-family: inherit;}
.wrapper ul li {list-style: none;}
.wrapper * {padding: 0;margin: 0;border: 0;}
/*  */

.wrapper {
    height: 100%;
    max-width: 1920px;
    display: block;
    margin: 0 auto 90px;
}
body, html {
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body {
  overflow-x: hidden;
  padding-bottom: 0;
}
.html-module {
  margin-bottom: 0;
}
.content hr {
  height: 1px;
  width: 100%;
  background-color: #dadada;
  margin: 60px 0 68px 0;
}

.flexbox {
  display: flex;
}
.gridbox {
  display: grid;
}
.wrapper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  object-position: center top;
  border-radius: 12px;
}

/* POPUPS */

/* DONE POPUP */
.done_calc_popup__bg, .popup__bg.done_tel {
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all;
}
.done_calc_popup__bg._active, .popup__bg.done_tel._active {
  pointer-events: all;
  opacity: 1;
  transition: 0.5s all;
}
.done_calc_popup, .done_tel_popup {
  height: 435px;
  width: 754px;
  max-height: 90vh;
  max-width: 85vw;
  border-radius: 8px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.done_calc_popup._active, .done_tel_popup._active {
  transform: translate(-50%, -50%) scale(1);
}
.done_calc_popup_body, .done_tel_popup_body {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.close-done_calc_popup, .close-done_tel_popup {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  width: 24px;
  height: 24px;
  color: #DBDBDB;
  font-size: 44px;
  line-height: 24px;
  text-align: center;
  transition: 0.7s;
  cursor: pointer;
}
.close-done_calc_popup span, .close-done_tel_popup span {
  display: block;
  transform: rotate(45deg);
}
.close-done_calc_popup:hover,
.close-done_tel_popup:hover {
  color: #868686;
  transition: 0.7s;
}
.done_calc_popup-title, .done_tel_popup-title {
  font-weight: 700;
  font-size: 31px;
  line-height: 39px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #222222;
  width: 70%;
}
.done_calc_popup-text, .done_tel_popup-text {
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 152.9%;
  text-align: center;
  color: #222222;
}
.done_calc_popup-link, .done_tel_popup-link {
  margin-top: 30px;
  width: 80%;
  max-width: 446px;
  height: 54px;
  background: #9594bd;
  box-shadow: 0px 0px 5px 0px rgb(41 40 98 / 75%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(41 40 98 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 152.9%;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.3s;
}
.done_calc_popup-link:hover, .done_tel_popup-link:hover {
  background-color: #0a0a22;
  text-decoration: none;
}
/* DONE POPUP END*/
/* BIGFORM POPUP */
.calc_popup__bg {
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all;
}
.calc_popup__bg._active {
  pointer-events: all;
  opacity: 1;
  transition: 0.5s all;
}
.calc_popup {
  height: max-content;
  max-height: 90vh;
  width: max-content;
  max-width: 70vw;
  border-radius: 8px;
  background-color: #fff;
  padding: 10px 40px 30px 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.calc_popup.blue_block {
  padding:  0 24px 24px;
}
.calc_popup._active {
  transform: translate(-50%, -50%) scale(1);
}
.close-calc_popup {
  display: block;
  margin-left: auto;
  margin-top: 28px;
  width: 24px;
  height: 24px;
  color: #DBDBDB;
  font-size: 44px;
  line-height: 24px;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}
.close-calc_popup span {
  display: block;
  transform: rotate(45deg);
}
.close-calc_popup:hover {
  color: #fff;
  transition: 0.3s;
}

.bigform__form_clone {
  grid-template-columns: 5fr 5fr 5fr;
  grid-template-rows: repeat(4, max-ontent);
  gap: 10px 20px;
  padding: 24px;
}
@media (min-width: 1600px) {
  .bigform__form_clone {
    grid-template-columns: 6fr 5fr 5fr;
  }
}
.bigform__form_clone img {
  grid-column: 1/2;
  grid-row: 1/4;
}
#whiteColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_white.webp') center center / 100% 100% no-repeat;
  }
  #silverColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_silver.webp') center center / 100% 100% no-repeat;
  }
  #anthraciteColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_anthracite.webp') center center / 100% 100% no-repeat;
  }
  #brownColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_brown.webp') center center / 100% 100% no-repeat;
  }
  #darkOakColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_darkoak.webp') center center / 100% 100% no-repeat;
  }
  #goldOakColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_goldoak.webp') center center / 100% 100% no-repeat;
  }
  #wengeColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_wenge.webp') center center / 100% 100% no-repeat;
  }
  #graphiteColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_graphite.webp') center center / 100% 100% no-repeat;
  }
  #skyBlueColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_skyblue.webp') center center / 100% 100% no-repeat;
  }
  #yellowColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_yellow.webp') center center / 100% 100% no-repeat;
  }
  #yellowBlueColorClone+.bigform__colors-label:before {
    background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_blueyellow.webp') center center / 100% 100% no-repeat;
  }
@media (max-width: 1280px) {
  .bigform__form_clone {
    grid-template-columns: 6fr 5fr 5fr;
    grid-template-rows: repeat(4, max-ontent);
    gap: 10px 20px;
    padding: 24px;
  }
  .calc_popup {
    max-width: 85vw;
  }
}
@media (max-width: 860px) {
  .bigform__form_clone {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 300px repeat(5, max-content);
    gap: 10px 30px;
  }
  .bigform__form_clone img {
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
@media (max-width: 430px) {
  .bigform__form_clone {
    grid-template-columns: 1fr;
    grid-template-rows: 0px repeat(5, max-content);
    gap: 10px 0;
    padding: 10px 0 10px;
  }
  .bigform__form_clone img {
    display: none;
  }
  .bigform__form_clone .bigform__colors-input+.bigform__colors-label:before {
    height: 60px;
  }
  .bigform__form_clone .bigform__colors-label {
    margin-top: 70px;
  }
  .bigform__form_clone .controltype__wrapper {
    max-width: calc(50% - 5px);
  }
  .bigform__form_clone .controltype__wrapper:first-of-type {
    margin-right: 10px;
  }
  .bigform__form_clone .bigform__sizes {
    grid-column: 1/2;
    grid-row: 4/5;
    padding-top: 0;
  }
  .bigform__form_clone .bigform__tel {
    grid-row: 5/6;
  }
  .bigform__form_clone .bigform__btn {
    grid-row: 6/7;
  }
  .bigform__form_clone .controltype__label {
    font-size: 16px;
  }
  .bigform__form_clone .controltypes__title {
    margin-bottom: 12px;
  }
  .bigform__form_clone .bigform__controltypes {
    margin: 0;
  }
  .bigform__form_clone .size__wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .bigform__form_clone .size__input {
    width: 90%;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .bigform__form_clone .size__label {
    grid-column: 1/2;
    grid-row: 1/2;
    align-self: center;
  }
  .bigform__form_clone .swiper-button-next, .bigform__form_clone .swiper-button-prev {
    top: 16%;
    width: 24px;
    height: 24px;
  }
  .bigform__form_clone .swiper-button-next:after, .bigform__form_clone .swiper-button-prev:after {
    font-size: 14px;
  }
  .bigform__form_clone .bigform__colors {
    height: 126px !important;
  }
  .bigform__form_clone .bigform__tel {
    margin-top: 0;
  }
}
@media (min-width: 860px) {
  #shuttersBigForm .swiper-button-next, #shuttersBigForm .swiper-button-prev {
    opacity: 0;
  }
}
/* BIGFORM POPUP END*/

/* FIRST BLOCK */
.first_block {
  grid-template-rows: repeat(3, max-content);
  grid-template-columns: 2fr 3fr;
  gap: 20px;
}
.first_block>* {
  border-radius: 12px;
}
.first_block img {
  grid-row: 1/2;
  grid-column: 1/2;
}
.first_block__textblock {
  padding: 50px 90px;
}
.first_block__textblock:first-of-type {
  grid-column: 2/3;
  grid-row: 1/2;
  display: grid;
}
.first_block__title {
  font-size: 36px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 20px;
}
.first_block__text {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
}

.first_block__textblock:last-of-type {
  grid-column: 1/3;
  grid-row: 2/3;
}
.first_block__textblock.black_block .first_block__text {
  margin-bottom: 28px;
}
.first_block__textblock.white_block .first_block__text {
  margin-bottom: 16px;
}
.blue_block {
  border-radius: 12px;
  color: #fff;
  box-shadow: 3px 3px 10px 3px rgb(41 40 98 / 20%);
  background: #292862;
  background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #4c4b7a 0%, #292862 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #4c4b7a 0%,#292862 100%);
  background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #4c4b7a 0%,#292862 100%);
  background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #4c4b7a 0%,#292862 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #4c4b7a 0%,#292862 100%);
  padding: 50px 90px;
}
.black_block {
  border-radius: 12px;
  color: #fff;
  box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 20%);
  background: #000000;
  background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(0,0,0,0) 100%),-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #ffffff 0%, #000000 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #ffffff 0%,#000000 100%);
  background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(0,0,0,0) 100%), -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #ffffff 0%,#000000 100%);
  background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(0,0,0,0) 100%), -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #ffffff 0%,#000000 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #ffffff 0%,#000000 100%);
  padding: 50px 90px;
}
.home-page .html-module .blue_block>p,
.home-page .html-module .black_block>p {
  color: #fff;
}
.home-page .html-module .white_block>p {
  color: #000;
}
.white_block {
  border: 2px solid #e2e2e2;
    box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 10%);
  border-radius: 12px;
  color: #000;
  background: #fff;
  padding: 50px 90px;
}
.first_block__btn {
  width: 100%;
  height: 40px;
  background-color: #9594bd;
  color: #fff;
  border-radius: 8px;
  font-size: 20px;
  line-height: normal;
  transition: 0.3s;
  box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.first_block__btn:hover {
  background-color: #0a0a22;
}
/* FIRST BLOCK END */

/* GALLERY */
.gallery {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 200px);
  gap: 20px;
}
.gallery__title {
  color: #fff;
  font-size: 1px;
  display: block;
  width: 1px;
  height: 1px;
}
.gallery img:first-of-type {
  grid-row: 1/3;
  grid-column: 1/2;
}
.gallery img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gallery img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gallery img:last-of-type {
  grid-row: 1/3;
  grid-column: 3/4;
}
/* GALLERY END */

/* ABOUT */
.about_sectional_gates {
}
.title_block {
  margin-bottom: 40px;
}
.title_block__title {
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 133%;
  color: #f18e00;
}
.title_block__text {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
}
.about_sectional_gates__types {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, max-content);
  gap: 30px;
}
.about_sectional_gates__types img {
  height: auto;
  margin-bottom: 20px;
}
.types__uppertext {
  grid-row: 1/2;
  grid-column: 1/3;
  font-size: 28px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  color: #f18e00;
  line-height: 133%;
}
.types__krispol {
  grid-row: 3/4;
  grid-column: 1/2;
  
}
.types__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
}
.types__gant {
  grid-row: 2/3;
  grid-column: 1/2;
}
.types__hormann {
  grid-row: 2/3;
  grid-column: 2/3;
}
.types__wisniowski {
  grid-row: 3/4;
  grid-column: 2/3;
}
/* ABOUT END */

/* TEL FORM */
.telform {

}
.telform__form {
  display: block;
  max-width: 70%;
  margin: 0 auto;
}
.telform__form>* {
  display: block;
  margin: 0 auto;
}
.telform__title {
  font-size: 32px;
  line-height: 133%;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}
.telform__text {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 40px;
}
.telform__label {
}
.telform_input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  background-color: rgb(221, 221, 221);
  margin-bottom: 20px;
  padding: 4px 10px;
  font-size: 20px;
  color: rgb(54, 54, 54);
  text-align: center;
}
.telform_input:focus {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
}
.telform_input::placeholder {
  text-align: center;
  color: rgb(54, 54, 54);
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  font-weight: 300;
  transition: 0.3s;
}
.telform_input:hover::placeholder,
.telform_input:focus::placeholder {
  opacity: 0;
}
.telform__btn {
  width: 100%;
  height: 40px;
  background-color: #9594bd;
  color: #fff;
  border-radius: 8px;
  font-size: 20px;
  line-height: normal;
  transition: 0.3s;
  box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
}
.telform__btn:hover {
  background-color: #0a0a22;
}
/* TEL FORM END */

/* DIFFERENT */
.different {
}
.different__title {
  text-align: center;
  font-size: 32px;
  line-height: 133%;
  color: #f18e00;
  font-weight: 700;
  margin-bottom: 40px;
}
.different__wrapper {
  justify-content: space-between;
}
.different__type-block {
  width: calc(50% - 10px);
}
.different__type-block img {
  max-height: 300px;
  margin-bottom: 20px;
  object-position: bottom center;
}
.different .black_block,
.different .blue_block {
  padding: 40px;
}
.different__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 16px;
}
.different__list {
  list-style: circle !important;
}
.different__list-item {
  list-style: disc !important;
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
}
/* DIFFERENT END */

/* BIG FORM */
.bigform {
}
.bigform__textblock {
  margin-bottom: 40px;
}
.bigform__title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color:#f18e00;
  margin-bottom: 28px;
}
.bigform__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 16px;
}
.bigform__form {
  grid-template-columns: 8fr 5fr 5fr;
  grid-template-rows: repeat(5, max-content);
  gap: 10px 30px;
}
.bigform__form img {
  grid-column: 1/2;
  grid-row: 1/6;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.bigform__colors {
  grid-column: 2/4;
  grid-row: 1/2;
  /* justify-content: space-between;
  flex-wrap: wrap; */
  overflow-x: hidden;
	width: 100%;
  height: 160px !important;
  padding-bottom: 14px;
  border-bottom: 1px solid #9594bd;
}
.swiper-wrapper {
  position: relative;
  flex-shrink: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  transition: 0.3s;
}
.swiper-button-next:after {
  margin-left: 3px;
}
.swiper-button-prev:after {
  margin-right: 3px;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
  text-shadow: 0 0 0.7px;
  transform: scale(1.1);
}
.swiper-button-next, .swiper-button-prev {
  top: 19%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #9594bd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colors__input-label-wrapper {
  width: 100%;
  /* max-width: calc(20% - 16px); */
  position: relative;
  margin-bottom: 12px;
}
.bigform__colors-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bigform__colors-label {
  display: block;
  margin-top: 110px;
  font-size: 16px;
  text-align: center;
}
.bigform__colors-input:checked+.bigform__colors-label:before {
  box-shadow: 0px 0px 0px 3px rgba(36,22,120) inset;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(36,22,120) inset;
  -moz-box-shadow: 0px 0px 0px 3px rgba(36,22,120) inset;
}
#whiteColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_white.webp') center center / 100% 100% no-repeat;
}
#silverColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_silver.webp') center center / 100% 100% no-repeat;
}
#anthraciteColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_anthracite.webp') center center / 100% 100% no-repeat;
}
#brownColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_brown.webp') center center / 100% 100% no-repeat;
}
#darkOakColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_darkoak.webp') center center / 100% 100% no-repeat;
}
#goldOakColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_goldoak.webp') center center / 100% 100% no-repeat;
}
#wengeColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_wenge.webp') center center / 100% 100% no-repeat;
}
#graphiteColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_graphite.webp') center center / 100% 100% no-repeat;
}
#skyBlueColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_skyblue.webp') center center / 100% 100% no-repeat;
}
#yellowColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_yellow.webp') center center / 100% 100% no-repeat;
}
#yellowBlueColor+.bigform__colors-label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/color_blueyellow.webp') center center / 100% 100% no-repeat;
}
.bigform__colors-input+.bigform__colors-label:before {
  content: '';
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.bigform__controltypes {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: left;
  align-self: end;
  margin-top: 14px;
}
.controltypes__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  color: #fff;
  width: 100%;
  font-weight: 600;
  justify-self: center;
  text-align: center;
  align-self: end;
  margin-bottom: 26px;
}
.controltype__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
  position: relative;
}
.controltype__wrapper:first-of-type {
  margin-right: 20px;
}
.controltype__input {
  opacity: 0;
}
.controltype__label {
  display: block;
  font-size: 20px;
  line-height: 133%;
  margin-left: 16px;
}
.controltype__label:before {
  content: '';
  display: block;
  position: absolute;
  top: 47%;
  transform: translate(0, -50%);
  left: 0;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  cursor: pointer;
}
.controltype__input:checked+.controltype__label:before {
  background: url('/catalog/view/theme/unishop2/image/sectional_gates/checkmark.svg') no-repeat;
  background-size: 80% 80%;
  background-position: center center;
}
.bigform__sizes {
  grid-column: 2/4;
  grid-row: 3/4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid #9594bd;
}
.size__wrapper {
  width: 46%;
  display: flex;
  flex-direction: column-reverse;
  height: max-content;
}
.size__wrapper:first-of-type {
  margin-right: 20px;
}
.size__input {
  width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: rgb(221, 221, 221);
    margin-bottom: 20px;
    padding: 4px 10px;
    font-size: 20px;
    color: rgb(54, 54, 54);
    text-align: center;
}
.size__input:focus {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
}
.size__input::placeholder {
  text-align: center;
  color: rgb(54, 54, 54);
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  font-weight: 300;
  transition: 0.3s;
}
.size__input:hover::placeholder,
.size__input:focus::placeholder {
  opacity: 0;
}
.size__label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 12px;
  font-weight: 600;
}
.bigform__tel {
  width: 100%;
  grid-column: 3/4;
  grid-row: 2/3;
  display: flex;
  flex-direction: column-reverse;
  justify-self: center;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 14px;
}
.bigform__tel-input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: rgb(221, 221, 221);
    margin-bottom: 20px;
    padding: 4px 10px;
    font-size: 20px;
    color: rgb(54, 54, 54);
    text-align: center;
}
.bigform__tel-input:focus {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) inset;
}
.bigform__tel-input::placeholder {
  text-align: center;
  color: rgb(54, 54, 54);
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  font-weight: 300;
  transition: 0.3s;
}
.bigform__tel-input:hover::placeholder,
.bigform__tel-input:focus::placeholder {
  opacity: 0;
}
.bigform__tel-label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.bigform__btn {
  grid-column: 2/4;
  grid-row: 5/6;
  width: 100%;
  justify-self: center;
  height: 40px;
  background-color: #9594bd;
  color: #fff;
  border-radius: 8px;
  font-size: 20px;
  line-height: normal;
  transition: 0.3s;
  box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(41,40,98,0.75);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.bigform__btn:hover {
  background-color: #0a0a22;
}
/* BIG FORM END */

/* SERVICE */
.service__title {
  text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #f18100;
    margin-bottom: 28px;
}
.service__text {}
.service__text:first-of-type {
  margin-bottom: 16px;
}
.service__text {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
}
/* SERVICE END */

/* ADAPTIVE */
@media (max-width: 1280px) {
  .first_block__title {
    margin-bottom: 16px;
  }
  .different__list {
    margin-bottom: 40px;
  }
  .controltype__wrapper {
    width: 60%;
  }
  .controltype__wrapper:first-of-type {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
@media (max-width: 1024px) {
  .different .black_block, .different .blue_block {
    display: grid;
    grid-template-rows: 3fr 5fr;
    gap: 20px 0;
  }
  .different__text-wrapper {
    grid-row: 2/3;
  }
  .different__list {
    margin-bottom: 0px;
  }
  .different .blue_block .different__text {
    grid-row: 2/3;
  }
  .controltype__wrapper {
    width: 100%;
  }
  .bigform__colors-label {
    width: 100%;
    text-align: center;
  }
  .bigform__form img {
    grid-row: 1/3;
  }
}
@media (max-width: 860px) {
  .bigform__form {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6, max-content);
    gap: 10px 30px;
  }
  .bigform__form img {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .bigform__colors {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .bigform__controltypes {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  .bigform__tel {
    grid-row: 3/4;
    grid-column: 2/3;
  }
  .bigform__sizes {
    grid-row: 4/5;
    grid-column: 1/3;
  }
  .bigform__tel-label {
    margin-bottom: auto;
  }
  .bigform__btn {
    grid-row: 5/6;
    grid-column: 1/3;
  }
  .gallery {
    grid-template-rows: 
    /* 60vw 60vw 40vw 40vw */
    repeat(4, max-content);
    grid-template-columns: 1fr;
    gap: 0;
  }
  .gallery img:first-of-type {
    grid-row: 1/2;
    grid-column: 1/2;
    display: none;
  }
  .gallery img:nth-of-type(2) {
    grid-row: 4/5;
    grid-column: 1/2;
    margin-top: 20px;
  }
  .gallery img:nth-of-type(3) {
    grid-row: 3/4;
    grid-column: 1/2;
    margin-bottom: 20px;
  }
  .gallery img:last-of-type {
    grid-row: 2/3;
    grid-column: 1/2;
    display: none;
  }
}
@media (max-width: 768px) {
  .black_block, .blue_block, .white_block {
    padding: 24px;
  }
  .wrapper {
    margin-bottom: 60px;
  }
}
@media (max-width: 430px) {
  .first_block {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto, max-content);
    gap: 20px 0;
  }
  .first_block img {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .first_block__textblock:first-of-type {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .first_block__textblock:last-of-type {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  .gallery__title {
    font-size: 1px;
  }
  .about_sectional_gates__types {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, max-content);
    gap: 20px 0;
  }
  .types__gant {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .types__hormann {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  .types__krispol {
    grid-row: 4/5;
    grid-column: 1/2;
  }
  .types__wisniowski {
    grid-row: 5/6;
    grid-column: 1/2;
  }
  .telform__form {
    max-width: 100%;
  }
  .different__wrapper {
    flex-direction: column;
  }
  .different .black_block, .different .blue_block {
    display: grid;
    grid-template-rows: 300px 5fr;
    gap: 20px 0;
  }
  .different .black_block img, .different .blue_block img {
    object-fit: cover;
    object-position: top left;
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  .different__type-block {
    width: 100%;
  }
  .different .black_block {
    margin-bottom: 20px;
  }
  .bigform__colors {
    margin-top: 10px;
  }
  .bigform__sizes {
    grid-row: 3/4;
    grid-column: 2/3;
    flex-direction: column;
    border-top: none;
  }
  .size__wrapper {
    width: 100%;
  }
  .bigform__tel {
    grid-row: 4/5;
    grid-column: 1/3;
    border-top: 1px solid #9594bd;
  }
  .bigform__tel-label {
    text-align: center;
    margin-bottom: 10px;
  }
  .bigform__controltypes {
    align-self: start;
  }
}
@media (max-width: 393px) {
  .bigform__form {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto, max-content);
    gap: 20px 0;
  }
  .controltype__wrapper {
    max-width: 60%;
  }
  .bigform__sizes {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .bigform__tel {
    grid-row: 5/6;
  }
  .bigform__btn {
    grid-row: 6/7;
  }
}
/* SECTIONAL GARAGE DOORS END */

.input_fordefine {
  display: block;
  width: 1px;
}





/* SLIDING AND SWING GATES CATEGORY */

/* GALLERY SLIDER */
.gallery__slider {
}
.gallery__title {
}
.gallery__slider-slider {
  width: 100%;
  height: 100%;
  max-height: max-content;
  overflow: hidden;
}
.swiper {
}
.gallery__slider-wrapper {
  align-items: stretch;
}
.swiper-wrapper {
}
.gallery__slider-slide {
  height: 100%;
}
.gallery__slider-slide img {
  object-fit: cover;
  height: 100%;
}
/* GALLERY SLIDER END */
/* SLIDING OR SWING */
.sliding_or_swing .title_block__text:first-of-type {
  margin-bottom: 16px;
}
/* SLIDING OR SWING END */
/* SWING GATES */
.swing_gates {
}
.swing_gates__title {
  font-size: 36px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 28px;
  text-align: center;
}
.swing_gates__main_img {
  max-height: 450px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 40px;
}
.swing_gates__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 16px;
}
.swing_gates__if_want {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, max-content);
  gap: 10px 40px;
}
.swing_gates__if_want img {
  max-height: 350px;
}
.swing_gates .white_block {
  margin-top: 40px;
}
.if_want__title {
  font-size: 28px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 28px;
  text-align: center;
  grid-column: 1/3;
}
.if_want__frame {
}
.if_want__text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 70px;
  display: block;
}
.if_want__all {
}
/* SWING GATES END */
/* SLIDING GATES */
.sliding_gates {
}
.sliding_gates .white_block {
  margin-top: 40px;
}
.sliding_gates__title {
  font-size: 36px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 28px;
  text-align: center;
}
.sliding_gates__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 16px;
}
.sliding_gates__why_sliding {
}
.why_sliding__title {
  font-size: 28px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 28px;
  text-align: center;
  grid-column: 1/3;
}
.why_sliding__wrapper {
  grid-template-columns: repeat(3, 1fr);
  gap: 0 30px;
}
.why_sliding__reason {
  grid-template-rows: 250px max-content 1fr;
  gap: 16px 0;
}
.why_sliding__reason-title {
  font-size: 22px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
}
.why_sliding__reason-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  margin-bottom: 16px;
}
/* SLIDING GATES END */
/* SLIDING SWING BIG FORM */
.choice_type__wrapper {
  grid-row: 1/4;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content 1fr;
  gap: 0 30px;
}
.choice_type__title {
  grid-column: 1/3;
  align-self: center;
  text-align: center;
  font-size: 18px;
  line-height: 133%;
  color: #fff;
  width: 100%;
  font-weight: 600;
  justify-self: center;
  text-align: center;
  margin-bottom: 26px;
  margin-top: 14px;
}
.choice_type__type {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.choice_type__type:hover .choice_type__label:before {
  border: 2px solid #fff;
  background-color: transparent;
}
.choice_type__type:first-of-type {
  background: url('/catalog/view/theme/unishop2/image/sliding_swing_gates/sliding_bg.webp') no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.choice_type__type:last-of-type {
  background: url('/catalog/view/theme/unishop2/image/sliding_swing_gates/swing_bg.webp') no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.choice_type__input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: pointer;
  opacity: 0;
}
.choice_type__input:checked+.choice_type__label:before {
  border: 2px solid #fff;
  background-color: transparent;
}
.choice_type__label:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #868686;
  border-radius: 8px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.548);
  cursor: pointer;
  transition: 0.3s;
}
.choice_type__label {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 20px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#anotherBigForm .bigform__controltypes {
  grid-row: 1/2;
  margin-top: 0;
  align-self: center;
}
#anotherBigForm .bigform__tel {
  grid-row: 1/2;
  padding-top: 0;
}
#anotherBigForm .bigform__tel-label {
  margin-bottom: 26px;
}
#anotherBigForm .bigform__sizes {
  grid-row: 2/3;
}
#anotherBigForm .bigform__btn {
  grid-row: 3/4;
}
/* form popup */
#anotherBigFormClone {
  grid-template-columns: 7fr 5fr 5fr;
}
#anotherBigFormClone .bigform__controltypes {
  grid-row: 1/2;
  margin-top: 0;
  align-self: center;
}
#anotherBigFormClone .bigform__tel {
  grid-row: 1/2;
  padding-top: 0;
}
#anotherBigFormClone .bigform__tel-label {
  margin-bottom: 26px;
}
#anotherBigFormClone .bigform__sizes {
  grid-row: 2/3;
}
#anotherBigFormClone .bigform__btn {
  grid-row: 3/4;
}
#anotherBigFormClone .choice_type__wrapper {
  /* grid-template-rows: max-content 1fr 1fr; */
  gap: 10px;
}
/* #anotherBigFormClone .choice_type__type {
  grid-column: 1/3;
} */
#anotherBigFormClone.bigform__form_clone {
  padding-top: 0;
}
#anotherBigFormClone .choice_type__title {
  margin-bottom: 16px;
}
/* SLIDING SWING BIG FORM END */
/* Sliding and swing adaptive */
@media (max-width: 1440px) {
  #anotherBigFormClone .bigform__controltypes {
    margin-bottom: 0;
  }
  #anotherBigFormClone .controltypes__title {
    margin-top: 14px;
  }
  .if_want__frame,
  .if_want__all {
    display: grid;
    grid-template-rows: 250px 1fr;
  }
  .if_want__text {
    margin-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .first_block img {
    object-fit: cover;
  }
  .swing_gates__main_img {
    max-height: 400px;
  }
  .why_sliding__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, max-content);
  }
  #anotherBigForm.bigform__form {
    grid-template-columns: 9fr 5fr 5fr;
  }
  #anotherBigForm .controltype__wrapper {
    width: max-content;
  }
  #anotherBigForm .controltypes__title {
    margin-top: 14px;
  }
}
@media (max-width: 1024px) {
  #anotherBigForm.bigform__form {
    grid-template-columns: 1fr 1fr;
  }
  #anotherBigForm .controltype__wrapper {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  #anotherBigForm.bigform__form {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6, max-content);
    gap: 10px 30px;
  }
  #anotherBigForm .choice_type__wrapper {
    grid-row: 1/2;
    grid-column: 1/3;
    height: 400px;
  }
  #anotherBigForm .choice_type__label {
    font-size: 22px;
  }
  #anotherBigForm  .bigform__controltypes {
    grid-row: 2/3;
    grid-column: 1/2;
    justify-content: space-evenly;
  }
  #anotherBigForm .bigform__tel {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  #anotherBigForm .bigform__sizes {
    grid-row: 3/4;
    grid-column: 1/3;
  }
  #anotherBigForm .bigform__tel-label {
    margin-bottom: auto;
  }
  #anotherBigForm .bigform__btn {
    grid-row: 4/5;
    grid-column: 1/3;
  }


  #anotherBigFormClone {
    grid-template-columns: 10fr 5fr 5fr;
  }
  #anotherBigFormClone .bigform__controltypes {
    grid-column: 2/4;
  }
  #anotherBigFormClone .controltype__wrapper {
    width: 48%;
  }
  #anotherBigFormClone .bigform__tel {
    grid-row: 2/3;
    grid-column: 2/4;
  }
  #anotherBigFormClone .bigform__sizes {
    grid-row: 3/4;
    border-top: none;
    padding-top: 0;
  }
  #anotherBigFormClone .bigform__btn {
    grid-row: 4/5;
  }
  #anotherBigFormClone .controltypes__title,
  #anotherBigFormClone .bigform__tel-label,
  #anotherBigFormClone .bigform__tel-input {
    margin-bottom: 14px;
  }
  #anotherBigFormClone .controltype__wrapper:first-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .swing_gates__if_want {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .if_want__frame {
    grid-row: 2/3;
  }
  .if_want__all {
    grid-row: 3/4;
  }
}
@media (max-width: 860px) {
  .first_block {
    grid-template-columns: 1fr;
  }
  .first_block img {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .first_block__textblock:first-of-type {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .first_block__textblock:last-of-type {
    grid-column: 1/2;
    grid-row: 3/4;
  }


  #anotherBigFormClone {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, max-content);
  }
  #anotherBigFormClone .choice_type__wrapper {
    grid-column: 1/2;
    margin-bottom: 16px;
  }
  #anotherBigFormClone .bigform__controltypes {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  #anotherBigFormClone .bigform__sizes {
    grid-column: 2/3;
  }
  #anotherBigFormClone .choice_type__label {
    font-size: 16px;
  }
  #anotherBigFormClone .bigform__tel {
    grid-column: 2/3;
  }
}
@media (max-width: 768px) {
  #anotherBigForm .choice_type__wrapper {
    height: 300px;
  }

  #anotherBigFormClone .controltype__wrapper {
    width: 100%;
  }
  #anotherBigFormClone .bigform__sizes {
    justify-content: space-between;
  }
  #anotherBigFormClone .size__wrapper {
    width: 48%;
  }
  #anotherBigFormClone .size__wrapper:first-of-type {
    margin-right: 0;
  }
  #anotherBigFormClone .bigform__tel-label {
    white-space: unset;
    text-align: center;
  }
}
@media (max-width: 430px) {
  .swing_gates__title {
    font-size: 32px;
  }
  #anotherBigForm .choice_type__wrapper {
    height: 250px;
  }
  #anotherBigForm .choice_type__label {
    font-size: 16px;
  }
  #anotherBigForm .bigform__controltypes {
    grid-column: 1/3;
    margin-bottom: 0;
  }
  #anotherBigForm .bigform__tel {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  #anotherBigForm .bigform__tel-label {
    margin-top: 14px;
    margin-bottom: 26px;
  }
  #anotherBigForm .bigform__sizes {
    grid-row: 4/5;
  }
  #anotherBigForm .bigform__btn {
    grid-row: 5/6;
  }

  #anotherBigFormClone {
    grid-template-columns: 1fr;
    grid-template-rows: 200px max-content max-content max-content max-content;
  }
  #anotherBigFormClone .choice_type__wrapper {
    height: 100%;
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .choice_type__title {
    margin-top: 0;
  }
  #anotherBigFormClone .bigform__controltypes {
    grid-row: 2/3;
    grid-column: 1/2;
    margin-bottom: 12px;
  }
  #anotherBigFormClone .bigform__sizes {
    grid-row: 3/4;
    grid-column: 1/2;
  }
  #anotherBigFormClone .size__wrapper {
    width: 100%;
  }
  #anotherBigFormClone .bigform__tel {
    grid-row: 4/5;
    grid-column: 1/2;
    border-top: none;
  }
  #anotherBigFormClone .bigform__btn {
    grid-row: 5/6;
    grid-column: 1/2;
  }
}
@media (max-width: 393px) {
  img.swing_gates__main_img {
    height: 220px;
  }
  .if_want__frame, .if_want__all {
    grid-template-rows: 200px 1fr;
  }
  .swing_gates__if_want img {
    max-height: 200px;
  }
  #anotherBigForm .choice_type__label {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  #anotherBigFormClone {
    grid-template-columns: 1fr;
    grid-template-rows: 160px max-content max-content max-content max-content;
  }
  #anotherBigFormClone .choice_type__label {
    font-size: 14px;
  }
  .controltype__label {
    font-size: 18px;
  }
}


/* ROLLER SHUTTERS */

/* FIRST BLOCK */
@media (min-width: 431px) {
  .first_block.shutters {
    grid-template-rows: repeat(3, max-content);
    grid-template-columns: 3fr 2fr;
    gap: 20px;
  }
  .first_block.shutters img {
    grid-column: 2/3;
    grid-row: 1/2;
    object-fit: cover;
  }
  .first_block.shutters .first_block__textblock:first-of-type {
    grid-column: 1/2;
  }
}
/* FIRST BLOCK END */
/* PLUSES */
.pluses {
}
.title_block {
}
.black_block {
}
.pluses .title_block__title {
  margin-bottom: 40px;
}
.pluses__list {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, max-content);
  gap: 40px;
}
.pluses__list-item {
  grid-template-rows: max-content 1fr;
}
.pluses__list-item img {
  height: auto;
}
.pluses__text {
  margin-top: 26px;
  align-self: start;
  font-size: 18px;
  line-height: 133%;
}
/* PLUSES END */
/* SHUTTERS ON WINDOWS */
.shutters_on_windows .white_block {
  padding: 16px;
}
.shutters_on_windows__title {
  font-size: 32px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  text-align: center;
  margin-bottom: 20px;
}
.shutters_on_windows__subtitle {
  font-size: 22px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  text-align: center;
}
.shutters_on_windows__wrapper {
  width: 100%;
}
.shutters_on_windows__list {
  justify-content: space-between;
  align-items: stretch;
  padding: 30px;
  width: 100%;
}
.shutters_on_windows__item.black_block {
  width: 15%;
  grid-template-rows: max-content 1fr;
  border: 1px solid rgba(255, 255, 255, 0.644);
  box-shadow: 3px 3px 10px 3px rgb(0 0 0 / 10%);
  padding: 26px 10px 10px;
  border-radius: 12px;
  transition: 0.5s;
}
.shutters_on_windows__item.active {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.shutters_on_windows__number {
  font-size: 40px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}
.shutters_on_windows__text {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 133%;
}
/* SHUTTERS ON WINDOWS END */
/* SHUTTERS ON DOOR AND GARAGE */
.doors_and_gates {
  flex-wrap: wrap;
  justify-content: space-between;
}
.doors_and_gates__title {
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #f18e00;
  font-weight: 700;
  line-height: 133%;
  margin-bottom: 40px;
}
.doors_and_gates__item {
  width: 48%;
  padding: 32px;
}
.doors_and_gates__item img {
  width: 100%;
  height: auto;
}
.doors_and_gates__item-title {
  font-size: 24px;
  font-weight: 600;
  margin: 20px 0 20px 0;
  color: #fff;
}
.doors_and_gates__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
}
.doors_and_gates__text:first-of-type {
  margin-bottom: 16px;
}
/* SHUTTERS ON DOOR AND GARAGE END */
/* Roller shutters Adaptive */
@media (max-width: 1024px) {
  .first_block.shutters {
    grid-template-columns: 1fr;
    gap: 20px 0;
  }
  .first_block.shutters img {
    grid-row: 1/2;
    grid-column: 1/2;
    max-height: 600px;
  }
  .first_block.shutters .first_block__textblock:first-of-type {
    grid-row: 2/3;
  }
  .first_block.shutters .first_block__textblock:last-of-type {
    grid-row: 3/4;
  }
  .shutters_on_windows__list {
    flex-wrap: wrap;
  }
  .shutters_on_windows__item.black_block {
    width: 30%;
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .doors_and_gates {
    display: block;
  }
  .doors_and_gates__item {
    width: 100%;
    display: grid;
  }
  .doors_and_gates__item:first-of-type {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .pluses__list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  .shutters_on_windows__item.black_block {
    width: 47%;
  }
  .bigform__tel-input {
    margin-bottom: 12px;
  }
}
@media (max-width: 375px) {
  .shutters_on_windows__item.black_block {
    width: 80%;
    margin: 0 auto 40px;
  }
}
/* Roller shutters Adaptive End */
/* ROLLER SHUTTERS END */

/* ABOUT */
.first {
  grid-template-columns: 40% 1fr;
  grid-template-rows: max-content 1fr;
  gap: 0 20px;
}
.first img {
  grid-column: 1/2;
  grid-row: 1/3;
  object-fit: cover;
}
.first h2 {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: center;
}
.section__title {
  font-size: 32px;
  line-height: 133%;
  font-weight: 700;
  margin-bottom: 20px;
  color: #f18e00;
}
.first .text {
  color: #fff;
  grid-column: 2/3;
  grid-row: 2/3;
}
.text {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 133%;
}
.about_partners {
}
.white_block {
}
.text_and_title {
}
.partners_slider {
  margin-top: 40px;
}
.we_can_byself {
  grid-template-columns: 1fr 3fr;
  gap: 0 40px;
}
.we_can_byself img {
  grid-column: 1/2;
  grid-row: 1/4;
}
.we_can_byself h2 {
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: center;
}
.we_can_byself p:first-of-type {
  align-self: center;
}
.how_we_work {
}
.how_we_work h2 {
  text-align: center;
}
.section__subtitle {
  font-size: 24px;
  line-height: 133%;
  font-weight: 700;
  margin-bottom: 20px;
  color: #f18e00;
  text-align: center;
}
.how_we_work__list {
}
.how_we_work__item {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0 26px;
  position: relative;
  margin-bottom: 20px;
  align-items: center;
}
.how_we_work__item:nth-child(even) {
  grid-template-columns: 1fr max-content;
}
.how_we_work__item:nth-child(even) .how_we_work__number {
  grid-column: 2/3;
  grid-row: 1/2;
}
.how_we_work__item:nth-child(even) .how_we_work__text {
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: end;
}
.how_we_work__number {
  position: relative;
  display: block;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background-color: #fff;
  color:#292862;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
      box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
.how_we_work__number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.how_we_work__text {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 133%;
}
.end_words {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 133%;
}
/* About Adaptive */
@media (max-width: 1024px) {
  .we_can_byself {
    grid-template-columns: 2fr 3fr;
  }
}
@media (max-width: 860px) {
  .we_can_byself {
    grid-template-columns: 1fr 1fr;
  }
  .we_can_byself h2 {
    grid-column: 1/3;
  }
  .we_can_byself img {
    grid-row: 2/3;
  }
  .we_can_byself p:last-of-type {
    grid-column: 1/3;
    margin-top: 20px;
  }
}
@media (max-width: 430px) {
  .first {
    grid-template-columns: 1fr;
  }
  .first h2 {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .first img {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .first .text {
    grid-column: 1/2;
    grid-row: 3/4;
    margin-top: 20px;
  }
  .we_can_byself {
    grid-template-columns: 1fr;
  }
  .we_can_byself h2 {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .we_can_byself img {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .we_can_byself p:first-of-type {
    grid-row: 3/4;
    grid-column: 1/2;
    margin-top: 20px;
  }
  .we_can_byself p:last-of-type {
    grid-row: 4/5;
    grid-column: 1/2;
    margin-top: 20px;
  }
}
/* ABOUT END */


/* some changes */
@media (max-width: 1024px) {
  .breadcrumb {
    white-space: unset;
  }
}
.header-search__category-span {
  max-width: none;
  transition: 0.3s;
}
.input_fordefine {
  position: absolute;
}
/* SEO: Home page H1 */
.home-h1.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}