/* Slider */
.slider-container {
    position: relative;

    max-width: 1480px; margin: 0 auto;


    width: 1480px;
    height: 565px;
    display: block;


}
.slider {
    position: absolute;
    visibility: visible;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*display: flex;*/

}
.slider.map iframe{width: 100%; height:100%}
.hidden{display:none}
.outside-slider{position: relative;
}
.slider-change{position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 37px; max-width: 1024px; margin: 0 auto; display: flex; flex-direction: row; justify-content: flex-start; }
.slider-change a {display: block; width: 10px; height: 10px; background: #669999; border-radius: 30px; margin: 0 10px;}
.slider-change a.active{background: #006666}



.product-contact-form{position: relative; z-index: 200}
.product-contact-form .btn{padding: 5px 10px ; background: #006666; color: #fff; cursor: pointer; float: right;}
.product-contact-form .btn i{margin: 0 10px 0 0 }
.contact-form-modal{ display: none; width: 100vw; height: 100vh; position:fixed; top: 0; left: 0; background: rgba(255,255,255,0.8) }
.contact-layer{display: none; width: 100vw; height: 100vh; position:fixed; top: 0; left: 0; background: rgba(255,255,255,0.8); z-index: 1;}
.contact-content{z-index: 2; position: relative;}
.contact-form-modal.active, .contact-form-modal.active .contact-layer{display:block;}

.head{position: relative}

.head .fas.fa-times{
    position: absolute;


    color: #000;
    cursor: pointer;
    top: 0px;
    right: 10px;
}

.contact-form-modal .contact-content{
    padding: 20px; background: #fff;
    max-width: 1024px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;


}
.contact-form-modal .contact-content .nokyMap{margin-right: 20px}
.contact-form-modal .contact-content .nokyMap,
.contact-form-modal .contact-content iframe{width: 453px; height: 530px;}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@keyframes fadeOut {
    0%   {opacity: 1; visibility: visible}

    100% {opacity: 0;visibility: hidden;}

}

@-webkit-keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0%   {opacity: 1; visibility: visible}
    100% {opacity: 0;  visibility: hidden;}
}

.slide-notactive{
    animation: 1s fadeOut  linear forwards;
    z-index: 3;

}
.slide-active {

    animation: 1s fadeIn;
    z-index: 2;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}




.category-content{background: #e1ebea; padding: 30px; overflow: hidden; margin-top: 40px}
.nokycategories{max-width: 1024px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; }
.nokycategories > div{flex-basis: 326px; display: flex; flex-direction: column; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.1);}
.nokycategories > div a{flex: 1;}
.nokycategories > div .noky-cat-title{
    background: #f3f3f3;
    color: #006565;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}



.nokycategories .img{background: #fff;}


/* End Slider */