/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.slider-wrapper {
    position: relative;
    /*z-index: 1*/
    z-index: -1;/******PG 7.4.2023*********/
}
    .slider-wrapper + .master-wrapper-page .master-wrapper-content {
        padding-top: 50px;
    }
.slider-wrapper img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
}



/* DIRECTIONAL NAVIGATION */

.nivo-directionNav a {
    background-color: rgba(0,0,0,0.4);
    width: 45px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    opacity: 1;
    font-size: 0;
    border-radius: 2px;
    text-align: center;
    line-height: 50px;
}
    .nivo-directionNav a:before {
        font-family: icons;
        color: #fff;
        font-size: 12px;
    }
a.nivo-prevNav:before {
    content: 's';
}
a.nivo-nextNav:before {
    content: 'p';
}
a.nivo-prevNav {
    left: 10px;
}
a.nivo-nextNav {
    right: 10px;
}



/* BULLET NAVIGATION */ /*removed*/

.nivo-controlNav {
    font-size: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 6;
    padding: 0;
}
.nivo-control {
    width: 7px;
    height: 7px;
    background: rgba(0,0,0,0.25);
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    border-radius: 50%;
}
.nivo-control img {
    height: auto;
    width: 100%;
}
.nivo-control.active,
.nivo-control:hover {
    background: rgba(0,0,0,0.6);
}

.nivo-controlNav.nivo-thumbs-enabled .nivo-control {
    width: 96px;
    height: auto;
    border: 3px solid rgba(0,0,0,.5);
    border-radius: 0;
    opacity: .6;
    background: none !important;
}
.desktop .nivo-controlNav.nivo-thumbs-enabled .nivo-control:hover,
.nivo-controlNav.nivo-thumbs-enabled .nivo-control.active {
    opacity: 1;
}



/* CATEGORY PAGE */

.slider-wrapper + .category-page {
    margin: 20px 0 0;
}
.category-page .slider-wrapper {
    margin: 20px -30px 0;
}
.category-page .pager + .slider-wrapper,
.category-page .pager + .jCarouselMainWrapper + .slider-wrapper {
    margin: 45px -30px -50px;
}
.center-1 > .slider-wrapper {
    
}



/* MEDIA QUERIES */

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

    .nivo-controlNav,
    .nivo-directionNav {
        /*display: none;*/
    }

    .center-1 > .slider-wrapper {
        margin-left: -30px;
        margin-right: -30px;
    }

}

@media all and (min-width: 769px) {

    .mobile .center-1 > .slider-wrapper,
    .mobile .category-page .slider-wrapper {
        margin-left: -50px;
        margin-right: -50px;
    }
    .mobile .category-page .pager + .slider-wrapper,
    .mobile .category-page .pager + .jCarouselMainWrapper + .slider-wrapper {
        margin: 45px -50px -80px;
    }

}

@media all and (min-width: 1001px) {

    body.desktop > .slider-wrapper {
        margin: 57px 0 0 250px;
    }

    .desktop .center-1 > .slider-wrapper {
        margin-left: -30px;
        margin-right: -30px;
        margin-top: -30px;
    }
    .desktop .category-page .slider-wrapper {
        margin-left: -30px;
        margin-right: -30px;        
    }

}

@media all and (min-width: 1281px) {

    body.desktop > .slider-wrapper {
        margin: 57px 0 0 300px;
    }

    .desktop .center-1 > .slider-wrapper {
        margin-left: -50px;
        margin-right: -50px;
        margin-top: -75px;
    }
    .desktop .category-page .slider-wrapper {
        margin-left: -50px;
        margin-right: -50px;        
    }

    .desktop .category-page .pager + .slider-wrapper,
    .desktop .category-page .pager + .jCarouselMainWrapper + .slider-wrapper {
        margin: 45px -50px -80px;
    }

}