.elementor-13966 .elementor-element.elementor-element-2c83df5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13966 .elementor-element.elementor-element-37ad40e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13966 .elementor-element.elementor-element-b57d9c8{width:100%;max-width:100%;}.elementor-13966 .elementor-element.elementor-element-b57d9c8.elementor-element{--align-self:center;}.elementor-13966 .elementor-element.elementor-element-aef665a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13966 .elementor-element.elementor-element-5cf5d2f{background-color:var( --e-global-color-primary );padding:11px 11px 11px 11px;}.elementor-13966 .elementor-element.elementor-element-5cf5d2f .elementor-heading-title{font-family:"Encode Sans", Sans-serif;font-size:17px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.8px;color:#FFFFFF;}.elementor-13966 .elementor-element.elementor-element-a494341 .elementor-heading-title{font-family:"Encode Sans", Sans-serif;font-size:17px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;color:var( --e-global-color-text );}.elementor-13966 .elementor-element.elementor-element-8f95434 .elementor-heading-title{font-family:"Encode Sans", Sans-serif;font-size:17px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;color:var( --e-global-color-text );}.elementor-13966 .elementor-element.elementor-element-1db1c95 .elementor-heading-title{font-family:"Encode Sans", Sans-serif;font-size:17px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;color:var( --e-global-color-text );}@media(max-width:767px){.elementor-13966 .elementor-element.elementor-element-37ad40e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13966 .elementor-element.elementor-element-aef665a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-13966 .elementor-element.elementor-element-37ad40e{--width:40%;}.elementor-13966 .elementor-element.elementor-element-aef665a{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-2c83df5 */.kolor-box{
    position:relative;
    text-align:center;
}

.kolor-tooltip{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%) translateY(6px);
    background:#1e73be;
    color:#fff;
    font-size:12px;
    padding:15px 10px;
    border-radius:0;

    white-space:nowrap;

    opacity:0;
    visibility:hidden;
    transition:.15s ease;

    z-index:999;
}

.kolor-tooltip::before{
    content:'';
    position:absolute;
    top:-6px;
    left:50%;
    transform:translateX(-50%);

    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #1e73be;
}

.kolor-box:hover .kolor-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(2px);
}
.kolor-main{
    overflow:hidden;
    margin-bottom:20px;
}

.kolor-main-track{
    display:flex;
    transition:transform .25s ease;
    will-change:transform;
}

.kolor-main-img{
    flex:0 0 100%;
    width:100%;
    display:block;
}

.kolor-main-name{
    text-align:center;
    font-size:20px;
    font-weight:600;
    margin-top:10px;
}

.kolor-grid{
    display:grid;
    grid-template-columns:repeat(9, 1fr);
    gap:10px;
}
.kolor-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media (max-width:768px){
    .kolor-tooltip{
        display:none;
    }

    .kolor-grid{
        display:flex;
        overflow-x:auto;
        gap:12px;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        padding-bottom:8px;
    }

    .kolor-box{
        flex:0 0 auto;
        width:90px;
        scroll-snap-align:start;
    }

    .kolor-grid::-webkit-scrollbar{
        display:none;
    }
}

.kolor-box{
    cursor:pointer;
    background:#fff;
    transition:.2s;
}

.kolor-box.active{
    border-color:#4a8dd8;
}

.kolor-main-prev,
.kolor-main-next {
    position: absolute;
    top: 43%;
    transform: translateY(-43%);
    background: transparent;
    color: #000;
    padding: 10px 0;
    font-size: 40px;
    cursor: pointer;
    user-select: none;
    z-index: 10;
    transition: opacity 0.3s ease;
    line-height: 1;
}

.kolor-main-prev:hover,
.kolor-main-next:hover {
    background: transparent;
    opacity: 0.5;
}

.kolor-main-prev { left: 5px; }
.kolor-main-next { right: 5px; }


#kolor-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.88);
}

#kolor-lightbox.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kolor-lightbox-wrap {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

#kolor-lightbox img {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
}

.kolor-lightbox-title {
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.kolor-lightbox-close,
.kolor-lightbox-prev,
.kolor-lightbox-next {
    position: absolute;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    user-select: none;
}

.kolor-lightbox-close { top: 10px; right: 20px; }
.kolor-lightbox-prev { left: 10px; top: 43%; transform: translateY(-50%); }
.kolor-lightbox-next { right: 10px; top: 43%; transform: translateY(-50%); }/* End custom CSS */