/*
#fcd404
#0072ba
#21b4e9
#e84e24
#f08725
*/

.bg-1 {
    background: #fcd404;
    color: #fff;
}

.bg-2 {
    background: #0072ba;
    color: #fff;
}

.bg-3 {
    background: #21b4e9;
    color: #fff;
}

.bg-4 {
    background: #e84e24;
    color: #fff;
}

.bg-5 {
    background: #f08725;
    color: #fff;
}

.bg-trans {
    background: transparent;
    color: #0072ba;
}

.col-1 {
    color: #fcd404;
}

.col-2 {
    color: #0072ba;
}

.col-3 {
    color: #21b4e9;
}

.col-4 {
    color: #e84e24;
}

.col-5 {
    color: #f08725;
}

li h3 {
    color: #f08725;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.rad-6 {
    border-radius: 6px;
}

img[alt="line"] {
    background: #0072ba;
}

.slide.whiteSlide .dot:after {
    background: #e84e24;
}

/*slider*/

.scroll .fullscreenSlider {
    min-height: 100vh;

}

.scroll .fullscreenSlider .slider .background {
    /*    position: fixed !important;*/
}

.scroll .fullscreenSlider .slider > li {
    /*    overflow-y: scroll;*/
}

.fullscreenSlider > .slider,
.fullscreenSlider > .slider > li {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/* hide side navigation for the fullscreen slider */
.slides .side {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.slides.firstSlide .side:not(.sliderArrows) {
    opacity: 0 !important;
    pointer-events: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

/*END slider styles*/

@font-face {
    font-family: kk-bold;
    src: url(../assets/fonts/kk-bold.otf);
}

@font-face {
    font-family: kk-medium;
    src: url(../assets/fonts/kk-medium.otf);
}

@font-face {
    font-family: kk-light;
    src: url(../assets/fonts/kk-light.otf);
}

.font-light {
    font-family: kk-light;
}

.font-medium {
    font-family: kk-medium;
}

.font-bold {
    font-family: kk-bold;
}

.font-sans {
    font-family: 'Poiret One', cursive;
}

/*-----------------------*/
/*-----------------------*/

.ls-3 {
    letter-spacing: 3px;
}

.fsz-3em {
    font-size: 3em;
}

/* --------------------------------- */
/* --------------------------------- */
.showcase .showcase-container li {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
}

.fix-custom {
    padding-left: calc(8% + 15px);
    padding-right: calc(8% + 15px);
}

@media screen and (min-width: 1024px) and (max-width: 1698px) {
    .fix-custom {
        padding-left: 0%;
        padding-right: 0%;
        max-width: 1800px;
        left: -50px;
        width: calc(100% + 100px) !important;
        position: relative;
    }




    .showcase li .sc {
        margin-bottom: 50px;
        color: #858585;
        font-size: 17px;
        line-height: 25px;
        position: relative;
    }

    .showcase li .sc-img {
        font-size: 0;
        line-height: 0;
        padding-top: 0px;
        border-radius: 5px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
        -webkit-transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
        transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81);
    }


    .showcase li .sc-img:before {
        content: 'remove_red_eye';
        background: rgba(0, 0, 0, 0.3);
        top: 0;
        left: 0;
        right: 0;
        bottom: -1px;
        position: absolute;
        -webkit-transition: 0.25s;
        transition: 0.35s;
    }

    .showcase.slide li .sc:hover .sc-img {
        box-shadow: 0 22px 34px rgba(0, 0, 0, 0.4);
        box-shadow: 13px 22px 34px rgba(0, 0, 0, 0.4);
        -webkit-transform: translateY(-10px) scale(1.025);
        transform: translateY(-10px) scale(1.025);
    }


    .showcase.slide li .sc:hover h3 {
        transition: 1s linear;
        color: azure;
    }

    /*
    .showcase.slide li .sc:hover .sc-img:after {
        opacity: 0.5;
    }
*/


    .showcase.popup li .sc-img {
        background: #35363a;
        padding-top: 30px;
    }


    .showcase li .sc-img img {
        margin-bottom: -1px;
        border-radius: 0 0 3px 3px;
    }

    .showcase.popup li .sc-img a:hover {
        opacity: 1;
    }

    .showcase.popup li .sc-img a:before {
        content: '';
        background: rgba(0, 0, 0, 0.8);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        -webkit-transition: 0.25s;
        transition: 0.35s;
    }

    .showcase.popup li .sc-img:hover a:before {
        opacity: 0;
    }

    /*
    .showcase li .sc-img:before {
        content: "...";
        position: absolute;
        font-size: 45px;
        color: #fff;
        top: -4px;
        line-height: 0;
        letter-spacing: -2px;
        left: 4px;
    }
*/

    /* popup */
    .showcase.popup li .sc-img:before {
        font-size: 50px;
        top: 0px;
        left: 9px;
    }

    .showcase li .sc strong {
        display: block;
        color: #202020;
        margin-top: 10px;
    }



    .slide.showcase li .sc:hover:after {
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(-50%);
        transform: translateY(0px) translateX(-50%);
    }

    .showcase-container {
        align-items: center;
        justify-content: center;
    }

    .showcase-container.controller li.selected {
        cursor: pointer;
        pointer-events: all;
    }

    .popup[data-popup-id="showcase"] .slider > li.selected {
        -webkit-animation: 0.5s fade-6In;
        animation: 0.5s fade-6In;
    }

    .fix-custom-popup {
        max-width: 1480px !important;
    }

    /* --------------------------------- */
    /* --------------------------------- */