/* montserrat-regular - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/montserrat-v24-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/montserrat-v24-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/montserrat-v24-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/montserrat-v24-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/montserrat-v24-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/montserrat-v24-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/montserrat-v24-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/montserrat-v24-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/montserrat-v24-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/montserrat-v24-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/montserrat-v24-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/montserrat-v24-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/montserrat-v24-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/montserrat-v24-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/montserrat-v24-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/montserrat-v24-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/montserrat-v24-latin-ext_latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: GothamMedium;
    src: url("../../fonts/GothamMedium.otf") format("opentype");
}

:root {
    --submenu-height: 28px;
    --header-height: 100px;
}

body { font-family: 'Montserrat', sans-serif; }

svg { display: block; width: 18px; }

.btn { --revco-btn-font-size: 1rem; --revco-btn-font-weight: 600; --revco-btn-padding-x: 12px; --revco-btn-padding-y: 6px; --revco-btn-border-width: 2px; --revco-btn-border-radius: 100vw; }
.btn svg {  }
.btn-primary { --revco-btn-color: #fff; --revco-btn-hover-color: #fff; --revco-btn-hover-bg: #297daa; --revco-btn-hover-border-color: #297daa; }
.btn-white { --revco-btn-bg: #fff; --revco-btn-color: var(--revco-body-color); --revco-btn-hover-color: #fff; --revco-btn-border-color: #fff; --revco-btn-hover-bg: transparent; --revco-btn-hover-border-color: #fff; }
.btn-green { --revco-btn-bg: var(--revco-green); --revco-btn-color: #fff; --revco-btn-border-color: var(--revco-green); --revco-btn-hover-bg: #fff; --revco-btn-hover-color: var(--revco-green); --revco-btn-hover-border-color: var(--revco-green); }
.btn-red { --revco-btn-bg: var(--revco-red); --revco-btn-color: #fff; --revco-btn-border-color: var(--revco-red); --revco-btn-hover-bg: #fff; --revco-btn-hover-color: var(--revco-red); --revco-btn-hover-border-color: var(--revco-red); }
.btn-szinposta-cart { display: inline-flex; align-items: center; --revco-btn-color: #bfbfbf; --revco-btn-hover-color: #000; --revco-btn-border-color: var(--revco-gray-300); --revco-btn-hover-bg: var(--revco-gray-300); }
.btn-szinposta-cart .logo-szinposta { width: 6.25em; }
.btn-szinposta-cart svg { width: 1.5em; margin-left: .5em; }

.form-control { border-radius: 0; }
.input-group-text { border-radius: 0; }
.form-select { border-radius: 0; }
textarea.form-control { height: 150px; }

.header-primary { position: relative; z-index: 2; background-color: #fff; box-shadow: 0 0 1rem 0 rgba(0,0,0,.3); }
.header-primary .sub-menu { background-color: var(--revco-light); }
.header-primary .navbar { --revco-navbar-padding-y: 0; --revco-navbar-brand-padding-y: 0; --revco-navbar-nav-link-padding-x: .25rem; --revco-navbar-brand-margin-end: 0; }
.header-primary .navbar-brand { margin-top: calc(var(--submenu-height) * -1); margin-bottom: -15px; }

.header-primary .nav-link { --revco-nav-link-font-size: 1rem; --revco-nav-link-font-weight: 600; --revco-nav-link-color: #000; --revco-nav-link-hover-color: var(--revco-blue); }
.header-primary .nav-link.active { --revco-navbar-active-color: var(--revco-green); --revco-nav-link-font-weight: 700  }
.header-primary .navbar .nav-item { margin-left: .5rem; }
.header-primary .sub-menu .nav { flex-direction: row; }
.header-primary .sub-menu .nav-item + .nav-item { margin-left: .5rem; }
.header-primary .sub-menu .nav-link { --revco-nav-link-font-size: 13px; --revco-nav-link-padding-x: .25rem; --revco-nav-link-padding-y: .25rem; }

.main-title { margin: 0 0 1.5rem 0; font-size: 2rem; font-weight: 600; color: #000; }
.main-title span { color: var(--revco-blue) }

.sub-title { margin: 0 0 1rem 0; font-size: 1.25rem; font-weight: 600; color: #000; }

.promobox { position: relative; --swiper-theme-color: var(--revco-blue);
    --swiper-pagination-bullet-inactive-color: var(--revco-gray-300); --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-width: 50px; --swiper-pagination-bullet-height: 5px; --swiper-pagination-bullet-horizontal-gap: 0;
    text-align: center;
}
.promobox .swiper-pagination { bottom: 15px; }
.swiper-pagination-bullet { border-radius: 0; }

.promobox .swiper-button-next,
.promobox .swiper-button-prev { color: #fff; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); background-color: var(--revco-blue); }
.promobox .swiper-button-next:after,
.promobox .swiper-button-prev:after { font-size: calc(var(--swiper-navigation-size) / 1.5) }

.page-view .content-text,
.content-text { text-align: justify; }

.text-widget {}
.text-widget .content-text ul { text-align: left; padding: 0; list-style: none; }
.text-widget .content-text ul li { position: relative; display: inline-flex; padding-left: 24px; }
.text-widget .content-text ul li:before { content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233c97cb' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 26px 26px; }
.text-widget .content-text ul li { margin-right: 5px; }

/*faq*/

.faq-widget .accordion { --revco-accordion-btn-color: #000; }
.faq-widget .accordion-button span { font-weight: 700; }
.faq-widget .accordion-button:before { content: ''; width: 20px; height: 20px; margin-right: 1rem; flex: 0 0 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233c97cb' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 26px 26px; }

.faq-widget.question .accordion-button:before { content: ''; width: 20px; height: 20px; margin-right: 1rem; flex: 0 0 20px;
    background: url("data:image/svg+xml,%3Csvg fill='%232c99d5' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-50.93 -50.93 420.15 420.15' xml:space='preserve' width='64px' height='64px' stroke='%232c99d5' stroke-width='1.2731720000000002'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M159.148,0c-52.696,0-95.544,39.326-95.544,87.662h47.736c0-22.007,21.438-39.927,47.808-39.927 c26.367,0,47.804,17.92,47.804,39.927v6.929c0,23.39-10.292,34.31-25.915,50.813c-20.371,21.531-45.744,48.365-45.744,105.899 h47.745c0-38.524,15.144-54.568,32.692-73.12c17.368-18.347,38.96-41.192,38.96-83.592v-6.929C254.689,39.326,211.845,0,159.148,0z '%3E%3C/path%3E%3Crect x='134.475' y='277.996' width='49.968' height='40.297'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 26px 26px; }
.faq-widget .accordion-body { text-align: justify; }


/*layer*/
.layer-widget { }
.layer-widget,
.layer-widget * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.layer-widget .main-title { margin-bottom: 20px; }
.layer-widget .layer-wrapper { position: relative; padding: 0 65px; }
.layer-widget .swiper-slide { position: relative; }
.layer-widget .layer-link { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; }

.layer-widget { --layer-width: 1010; --layer-height: 427; }
.layer-widget .dowel { --link-width: 90; --link-height: 108; --link-top: 211; --link-left: 168;  }
.layer-widget .revcofix { --link-width: 224; --link-height: 95;  }
.layer-widget .revcofix2 { --link-width: 145; --link-height: 138; --link-top: 195;  }
.layer-widget .revcoprimer { --link-width: 210; --link-height: 178;  }
.layer-widget .revcoplaster { --link-width: 210; --link-height: 215;  }

.layer-widget .layer-link a { position: absolute; z-index: 3; background-color: transparent;
    top: calc((var(--link-top) / var(--layer-height)) * 100%);
    left: calc((var(--link-left) / var(--layer-width)) * 100%);
    width: calc((var(--link-width) / var(--layer-width)) * 100%);
    height: calc((var(--link-height) / var(--layer-height)) * 100%);
}
/*.layer-widget .layer-link a:hover { background-color: rgba(0,255,0,.3) }*/

.layer-widget .layer-link a.revcofix { top: auto; bottom: 0; left: 0; }
.layer-widget .layer-link a.revcofix2 { left: 0; }
.layer-widget .layer-link a.dowel { }
.layer-widget .layer-link a.revcoprimer { top: auto; bottom: 0; left: auto; right: 0; }
.layer-widget .layer-link a.revcoplaster { top: 0; left: auto; right: 0; }

.layer-nav-tabs { gap: 1rem; }
.layer-nav-tabs .btn { --revco-btn-font-size: 1.125rem; --revco-btn-padding-x: 1rem; --revco-btn-padding-y: .625rem;
    --revco-btn-hover-color: #fff; --revco-btn-active-color: #fff;
}

.swiper-pagination { position: static; }
.layer-pagination { display: flex; margin-left: -5px; margin-right: -5px; margin-bottom: 15px; }
.layer-pagination .item { position: relative; flex: 1 0 0%; width: 100%; max-width: 100%; padding: 0 5px;
    display: flex; flex-direction: column; align-items: center; text-align: center;
}
.layer-pagination .item:before { content: ''; position: absolute; z-index: 0; bottom: 10px; right: 50%; width: 100%; height: 2px; background-color: #dfdfdf; }
.layer-pagination .item:first-child:before { content: inherit; }
.layer-pagination .item .title { font-size: 14px; line-height: 1.1; font-weight: 600; margin: auto 0; }
.layer-pagination .item .num { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center;
    width: 25px; height: 25px; border-radius: 100vw; border: 2px solid var(--revco-gray-300); background-color: #fff; color: #575756; font-weight: 600;
    margin-top: 5px;
}
.layer-pagination .item.active { color: var(--revco-blue); }
.layer-pagination .item.active .num { border-color: var(--revco-blue); background-color: var(--revco-blue); color: #fff; }
.layer-pagination .item.active:before { background-color: var(--revco-blue); }

.layer-widget .swiper {  }
.swiper-button-next { right: 0; }
.swiper-button-prev { left: 0; }
.swiper-button { width: 30px; height: 30px; background-color: #dfdfdf; color: #000; transition: color .15s ease-in-out,background-color .15s ease-in-out; }
.swiper-button svg { display: block; width: 20px; height: 20px;}
.swiper-button::after { content: inherit; }
.swiper-button:hover { background-color: #3299d6; color: #fff; }
.swiper-pagination-progressbar { position: static; max-width: 240px; margin: 20px auto 0 auto; background-color: #dfdfdf; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #3299d6; }
/*layer*/

/*painter*/

/*
.painter-row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.painter-row>* { max-width: 100%; padding: 0 15px; }
.painter-row .col-6 { width: 50%; }
*/

.painter .main-title { margin-bottom: 20px; }
.painter .sub-title { font-size: 1.5rem; font-weight: 700; color: #000; margin: 10px 0 20px 0; }
.painter .content-lead { margin-bottom: 15px; }

.painter .inner-wrapper { position: relative; padding: 0 45px; margin-bottom: 20px; }

.painter .slider-wrapper,
.painter .slider-wrapper * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.painter .slider-wrapper .color-item { font-size: 9px; font-weight: 700; }
.painter .slider-wrapper .color-item + .color-item { margin-top: 5px; }

.painter .color-item { position: relative; }
.painter .color-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.painter .homlokzat {  }
.painter .homlokzat .color-item { aspect-ratio: 1 / 1; }

.painter .labazat {  }
.painter .labazat .color-item { height: 0; padding-bottom: 62.5%; }

.painter .teto { }
.painter .teto .inner-wrapper { display: flex; flex-wrap: wrap; gap: 5px; }
.painter .teto .color-item { aspect-ratio: 1 / 1; width: 25px; }

.painter-cart { display: flex; flex-wrap: wrap; margin: -10px -10px 20px -10px; }
.painter-cart>*{ padding: 0 10px; margin-top: 10px; width: 50%; flex: 0 0 auto; }
.painter-cart .cart-item { display: flex; align-items: center; gap: 10px; color: #575756; }
.painter-cart .cart-item .color-item { flex: 0 0 auto; width: 88px; height: 55px; }
.painter-cart .cart-item .title { font-weight: 700; }

.painter .painter-preview .helper-text { margin-top: 10px; }

.painter .button-wrapper { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 15px 0; }
.painter .button-wrapper>span { font-weight: 700; }
/*
.painter .btn-szinposta-cart { display: inline-flex; flex-wrap: nowrap; gap: 15px; align-items: center; border: 1px solid #bfbfbf; border-radius: 100vw; padding: 7px 15px; font-size: 16px; font-weight: 700; text-transform: none; color: #bfbfbf; }
.painter .btn-szinposta-cart img.logo-szinposta { width: 100px; }
.painter .btn-szinposta-cart svg.icon-cart { display: block; width: 25px; margin-top: -2px; }
.painter .btn-szinposta-cart:hover { color: #000; background-color: #efefef; }
*/
.painter-preview {}
.painter-preview .preview-inner { position: relative; }
.painter-preview .preview-inner,
.painter-preview .preview-inner * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.painter-preview .haz-alap { position: relative; z-index: 1; overflow: hidden; }
.painter-preview .layer-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.painter-preview .haz-fal { z-index: 2; }
.painter-preview .haz-fal img { z-index: 2; }
.painter-preview .haz-labazat { z-index: 3; }
.painter-preview .haz-teto { z-index: 4; }
/*painter*/

/*calculator*/
.calculator .table { font-size: 14px; }
.calculator .input-group-text { font-size: 14px; }



.classification { margin: 1.5rem 0 3rem 0; padding: 1.5rem; background: var(--classification); color: #fff; font-size: 1.5rem;  }
.new_classification { --revco-table-bg: var(--classification); color: #ffffff; font-weight: 600; text-align: center; }
.classificationAA { --classification: #00CCFF; }
.classificationBB { --classification: #99cc00; }
.classificationCC { --classification: #339966; }
.classificationDD { --classification: #006411; }
.classificationEE { --classification: #003300; }
.classificationFF { --classification: #ff6600; }
.classificationGG { --classification: #dd0806; }
.classificationHH { --classification: #900000; }
.classificationII { --classification: #000000; }
.classificationJJ { --classification: #000000; }

/*
div > .new_classification {
    font-size: 20px;
}
 */

/*calculator*/

.box-skew { --skew-width: 140px; }
.box-skew .col-image { position: absolute; top: 0; right: 0; bottom: 0; width: calc(50% + var(--skew-width)); background: 50% 50% no-repeat scroll transparent; background-size: cover; }
.box-skew .col-item { position: relative; z-index: 2; width: calc(50% - var(--skew-width)); height: 100%; display: flex; flex-direction: column; justify-content: center; }
.box-skew .col-item .main-title {  }
.box-skew .col-item .main-title span { display: block; font-size: 1rem; font-weight: 400; color: #fff; }
.box-skew .col-item:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: calc(var(--skew-width) * -1); background-color: var(--revco-blue); transform: skewX(28deg); transform-origin: 100% 100%; }
.box-skew .col-item .text { position: relative; z-index: 3; padding: 60px 0; }

.saintgobain { color: #fff; font-family:'GothamMedium'; font-weight: 700; font-size: 12px; }

.footer-primary { background-color: #000; color: #fff; font-size: 13px; }
.footer-primary .saintgobain { margin-top: 1rem; }
.footer-primary .sub-title { color: var(--revco-blue); }
.footer-primary .nav-link { display: inline-block; --revco-nav-link-color: #fff; --revco-nav-link-hover-color: var(--revco-blue);  --revco-nav-link-padding-x: 0; --revco-nav-link-padding-y: 0;}
.footer-primary .bottom { border-top: 1px solid var(--revco-gray-300); }

.scroll-anchor { --scroll-offset: 25px;
    position: relative; height: 0; background-color: transparent; top: 0;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}

.nav-footer { gap: .5rem; }
.nav-footer .nav-link {}

.social-box { display: inline-flex; gap: .5rem; }
.social-box .nav-link { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px;
    --revco-nav-link-padding-x: 5px; --revco-nav-link-padding-y: 5px; --revco-nav-link-font-size: 1.25rem;
    border: 1px solid #fff; border-radius: 4px; }
.social-box a i {  }
.social-box a:hover { background-color: #fff; color: #000; text-decoration: none; }

.page-image { height: clamp(75px, 25.64vw, 488px); background: 50% 0 no-repeat scroll transparent; background-size: contain; }
.page-image { image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0); }

@media (min-width: 576px) {
    html { font-size: 14px; }
    .footer-primary .saintgobain { text-align: right; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
    .pb-lg-5 { padding-bottom: 2rem!important; }
    .py-lg-5 { padding-top: 2rem!important; padding-bottom: 2rem!important; }

    .page-container.py-lg-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }

    .layer-link-mobile { display: none!important; }
    .layer-pagination-mobile { display: none!important; }

}
@media (min-width: 1200px) {
    html { font-size: 16px; }
    .header-primary .navbar-brand img { width: 165px;}
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .header-primary .navbar-brand img { width: 100px;}
    .header-primary .nav-link { --revco-nav-link-font-size: .875rem; }
    .box-skew { --skew-width: 100px; }
    .box-skew .col-item .text { padding: 35px 0; }
}

@media (max-width: 389.98px) {

}
@media (max-width: 575.98px) {
    html { font-size: 13px; }

    .layer-nav-tabs { gap: .5rem; }
    .layer-nav-tabs .btn { --revco-btn-font-size: 1rem; --revco-btn-padding-x: .75rem; --revco-btn-padding-y: .5rem; }
    .footer-primary { text-align: center; }

}
@media (max-width: 767.98px) {

    .promobox { --swiper-navigation-size: 30px; }

    .box-skew .col-image { position: static; width: 100%; height: clamp(100px, 34vw, 130px); }
    .box-skew .col-item:before { content: inherit; }
    .box-skew .col-item { width: 100%; }
    .box-skew .col-item .text { display: flex;justify-content: space-between; align-items: center; gap: .5rem; }
    .box-skew .col-item .main-title {  }

    .calculator .table { font-size: 13px; }
    .calculator .form-control { font-size: 13px; }
    .calculator .input-group-text { font-size: 13px; }
    .calculator .table>:not(caption)>*>* { padding: .325rem; }
    .calculator .input-group { flex-wrap: nowrap; }
    .calculator .input-group>.form-control { width: 70px; }

}
@media (max-width: 991.98px) {
    .header-primary { padding: 0 0; position: sticky; top: 0; z-index: 1020; background-color: #fff; }
    .header-primary .navbar-brand { margin-bottom: -10px; }
    .header-primary .navbar-brand img { width: 60px; }
    .menu-toggler .nav-link { --revco-nav-link-color: #fff; --revco-nav-link-hover-color: #fff; background-color: var(--revco-blue); --revco-nav-link-padding-x: .325rem; --revco-nav-link-padding-y: .325rem; }
    .menu-toggler .nav-link svg { width: 22px; }

    .main-title { margin: 0 0 1rem 0; font-size: 1.5rem; }
    .painter .sub-title { font-size: 1.25rem; }

    .box-skew { --skew-width: 90px; }
    .box-skew .col-item .text { padding: 15px 0; }

    /*layer*/
    .layer-pagination { display: none!important; }
    .layer-pagination-mobile {  }
    .layer-pagination-mobile .title { font-size: 12px; font-weight: 600; margin-bottom: 5px; text-align: center; }
    .layer-pagination-mobile .num img { display: block; width: 360px; margin: 0 auto;  }
    .layer-link { display: none!important; }
    .layer-link-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .layer-widget .layer-wrapper { padding: 0 0; }
    .swiper-pagination-progressbar { margin-top: 15px; }

    /* painter */
    .painter .mobile-preview { max-width: 560px; margin: 15px auto; }
    .painter .button-wrapper { justify-content: space-between; }

    /**/
    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas-navigation { background-color: #fff; }
    .offcanvas-navigation .offcanvas-header { /*border-bottom: 1px solid var(--fd-gray-800);*/ }
    .offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
    .offcanvas-navigation .offcanvas-footer { font-size: 12px; padding: var(--revco-offcanvas-padding-x) var(--revco-offcanvas-padding-y);  }
    .offcanvas-navigation .offcanvas-footer p { margin-bottom: 2px; }
    .offcanvas-navigation .offcanvas-footer .nav-link { --revco-nav-link-color: var(--revco-primary); --revco-nav-link-font-weight: 700; }
    .offcanvas-navigation .offcanvas-title img { width: 80px; margin-top: calc(var(--revco-offcanvas-padding-y) * -1); }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation ul.nav { display: flex; flex-direction: column; --revco-nav-link-padding-x: 0; }
    .offcanvas-navigation ul .nav-link { --revco-nav-link-font-size: 1rem; --revco-nav-link-font-weight: 400; --revco-nav-link-color: #000; --revco-nav-link-hover-color: #000; }
    .offcanvas-navigation ul li.ms-auto { margin-left: 0!important; }

    .offcanvas-navigation .offcanvas-body .nav-link.active { background-color: var(--revco-primary); color: #fff; margin-right: calc(var(--revco-offcanvas-padding-x) * -1); margin-left: calc(var(--revco-offcanvas-padding-x) * -1); padding-right: var(--revco-offcanvas-padding-x); padding-left: var(--revco-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
    .offcanvas-navigation .dropdown-menu { position: static; --revco-dropdown-padding-y: 5px; }
    .offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--revco-border-color-translucent); }
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal }
    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover { color: #fff; background-color: var(--revco-primary); }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--revco-offcanvas-padding-x); }
    .offcanvas-navigation .social-box { margin-top: 1rem; }

    .offcanvas-navigation ul .nav-link.nav-btn { --revco-nav-link-font-weight: 700; --revco-nav-link-color: var(--revco-btn-bg); }

    .scroll-anchor { top: calc((var(--header-height) + var(--scroll-offset)) * -1); }

}
@media (max-width: 1199.98px) {

    .btn { --revco-btn-font-size: .875rem; }

}
@media (max-width: 1399.98px) {

}