/* ## Banner Effects Slideshow ## */
/* 
powered by Cycle2 - http://jquery.malsup.com/cycle2/
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/

.bannerEffects .slideItem {
    display: block;
    width: 100%;
}

    .bannerEffects .slideItem img {
        width: 100% !important;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
    }

/* in case script does not load */
.bannerEffects img:first-child {
    position: static;
    z-index: 100;
}


/* pager */
.bannerEffects .cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 40px;
    overflow: hidden;
}
    /*.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family: arial; font-size: 50px; line-height:16px; cursor: pointer; } */

    .bannerEffects .cycle-pager span {
        display: inline-block;
        margin: 0px 5px 0px 5px;
        width: 12px;
        height: 12px;
        background: #dbdbdb; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(-45deg, #dbdbdb 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #dbdbdb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #dbdbdb 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #dbdbdb 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(135deg, #dbdbdb 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        border: 2px solid #d2d2d2;
    }

        .bannerEffects .cycle-pager span.cycle-pager-active {
            background: #f7a76d; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjdhNzZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0NWIwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(-45deg, #f7a76d 0%, #d45b05 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7a76d), color-stop(100%,#d45b05)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #f7a76d 0%,#d45b05 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #f7a76d 0%,#d45b05 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #f7a76d 0%,#d45b05 100%); /* IE10+ */
            background: linear-gradient(135deg, #f7a76d 0%,#d45b05 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a76d', endColorstr='#d45b05',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        }

    .bannerEffects .cycle-pager > * {
        cursor: pointer;
    }

.bannerEffects .cycle-pager-number span {
    width: auto;
    height: auto;
    padding: 0 3px;
    font-size: 1em;
}

.bannerEffects .cycle-pager-image span {
    width: 50px;
    height: auto;
    margin: 0 7px;
    font-size: 1em;
}

    .bannerEffects .cycle-pager-image span img {
        border: 2px solid #fff;
    }

    .bannerEffects .cycle-pager-image span.cycle-pager-active img {
        border-color: #D69746;
    }

.bannerEffects .cycle-pager-text span {
    width: auto;
    height: auto;
    padding: 0 3px;
    font-size: 1em;
}


/* text overlay */
.bannerEffects .cycle-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    background: #3F3F3F;
    opacity: 0.75;
    z-index: 101;
}

.slide-module .banner-content h2 {
    margin: 0px 0px 0px 0px;
    font-weight: 400;
    font-size: 2.25em;
    text-transform: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #fff;
}

    .slide-module .banner-content h2 span {
        display: block;
        font-weight: 700;
        font-size: 1.11em;
    }

.slide-module .banner-content p {
    margin: 15px 0px 15px 0px;
    font-size: 1.13em;
    text-transform: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
}

    .slide-module .banner-content p span {
        display: block;
        letter-spacing: 0px;
        text-transform: none;
    }

.slide-module .banner-content span.btnAlt {
    display: inline-block;
    margin: 15px 0px 0px 0px;
}

    .slide-module .banner-content span.btnAlt a {
        background: #7d838d;
        font-weight: 400;
        font-size: 1.13em;
        text-transform: normal;
        text-decoration: none;
        color: #ffffff;
        padding: 10px 40px 10px 40px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    .slide-module.banner-content span.btnAlt a {
        /*display: none;*/
    }

        .slide-module .banner-content span.btnAlt a:hover {
            -moz-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
            border-radius: 4px;
        }


@media only screen and (min-width:48em) {

    .slide-module {
        width: 100%;
        height: 500px;
        display: block;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        background: #fff;
    }

    .slideItem {
        width: 100%;
    }

    .banner-image-bg {
        min-width: auto;
        max-width: 1259px;
        height: 500px;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .slide-module .banner-content-all {
        position: absolute;
        top: 50%; /* position the top  edge of the element at the middle of the parent */
        left: 50%; /* position the left edge of the element at the middle of the parent */
        transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
    }



    .slide-module .banner-content {
        position: relative;
        padding: 12px 10px 10px 10px;
        height: 246px;
        width: 430px;
        display: inline-block;
        text-align: center;
        background: rgba(52, 53, 56, 0.9);
        border: 6px solid rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .45);
        -moz-box-shadow: 0 0 4px rgba(0,0,0, .45);
        box-shadow: 0 0 4px rgba(0,0,0, .45);
    }

    .slide-module .bannerEffects .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: absolute;
        bottom: 132px;
        overflow: hidden;
    }

    .cycle-arrows {
        position: absolute;
        z-index: 101;
        top: 50%;
        width: 100%;
    }

        .cycle-arrows .cycle-prev {
            color: rgba(176,175,175,0.1);
            float: left;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

        .cycle-arrows .cycle-next {
            color: rgba(176,175,175,0.1);
            float: right;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

            .cycle-arrows .cycle-next:hover, .cycle-arrows .cycle-prev:hover {
                font-size: 2.563em;
                color: #757575;
                -webkit-transition: all .8s ease;
                -moz-transition: all .8s ease;
                -ms-transition: all .8s ease;
                -o-transition: all .8s ease;
                transition: all .8s ease;
            }

    .bannerEffects .ic-bracket-right {
        background: url(/cms/images/layout/ic-bracket-right.png) no-repeat 93% center;
    }
}

@media only screen and (min-width:56.31em) {

    .background-overlay-left {
        position: absolute;
        left: 0px;
        z-index: 999;
        width: 18%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, right top, from(#f3f3f3) 46%, to(transparent));
        background-image: -webkit-linear-gradient(left, #f3f3f3 46%, transparent);
        background-image: -moz-linear-gradient(left, #f3f3f3 46%, transparent);
        background-image: -o-linear-gradient(left, #f3f3f3 46%, transparent);
        background-image: linear-gradient(to right, #f3f3f3 46%, transparent);
    }

    .background-overlay-right {
        position: absolute;
        right: 0px;
        z-index: 999;
        width: 18%;
        height: 100%;
        background-image: -webkit-gradient(linear, right top, right top, from(#f3f3f3) 46%, to(transparent));
        background-image: -webkit-linear-gradient(right, #f3f3f3 46%, transparent);
        background-image: -moz-linear-gradient(right, #f3f3f3 46%, transparent);
        background-image: -o-linear-gradient(right, #f3f3f3 46%, transparent);
        background-image: linear-gradient(to left, #f3f3f3 46%, transparent);
    }
}

@media only screen and (min-width:47.938em) and (max-width:56.25em) {

    /*
    .background-overlay-left {
        position: absolute;
        left: 0px;
        z-index: 999;
        width: 8%;
        height: 100%;
        background-image: -webkit-gradient(linear, left top, right top, from(#f3f3f3) 10%, to(transparent));
        background-image: -webkit-linear-gradient(left, #f3f3f3 10%, transparent);
        background-image: -moz-linear-gradient(left, #f3f3f3 10%, transparent);
        background-image: -o-linear-gradient(left, #f3f3f3 10%, transparent);
        background-image: linear-gradient(to right, #f3f3f3 10%, transparent);   
    }
    
    .background-overlay-right {
        position: absolute;
        right: 0px;
        z-index: 999;
        width: 8%;
        height: 100%;
        background-image: -webkit-gradient(linear, right top, right top, from(#f3f3f3) 10%, to(transparent));
        background-image: -webkit-linear-gradient(right, #f3f3f3 10%, transparent);
        background-image: -moz-linear-gradient(right, #f3f3f3 10%, transparent);
        background-image: -o-linear-gradient(right, #f3f3f3 10%, transparent);
        background-image: linear-gradient(to left, #f3f3f3 10%, transparent);   
    }
    */

}

/* 16px baseline (480px - 767px) */
@media only screen and (min-width:30.000em) and (max-width:47.938em) {

    .slide-module {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        background: #ffffff;
    }

    .slideItem {
        width: 100%;
    }

    .banner-image-bg {
        min-width: auto;
        max-width: 1259px;
        height: 319px;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .slide-module .banner-content-all {
        position: relative;
        margin: 0px 0px 0px 0px;
    }

    .banner-content-height {
        height: 100%;
        overflow: visible;
    }

    .slide-module .banner-content {
        position: relative;
        padding: 12px 10px 50px 10px;
        left: 0%;
        height: auto;
        width: 100%;
        display: inline-block;
        display: block\0;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        background: rgba(52, 53, 56, 0.9);
        border-top: 6px solid rgba(255, 255, 255, 0.9);
        border-bottom: 6px solid rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .45);
        -moz-box-shadow: 0 0 4px rgba(0,0,0, .45);
        box-shadow: 0 0 4px rgba(0,0,0, .45);
    }

    .slide-module .bannerEffects .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: absolute;
        bottom: 10px;
        overflow: hidden;
    }


    .cycle-arrows {
        position: absolute;
        z-index: 101;
        top: 155px;
        width: 100%;
    }

        .cycle-arrows .cycle-prev {
            color: rgba(176,175,175,0.1);
            float: left;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

        .cycle-arrows .cycle-next {
            color: rgba(176,175,175,0.1);
            float: right;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

            .cycle-arrows .cycle-next:hover, .cycle-arrows .cycle-prev:hover {
                font-size: 2.563em;
                color: #757575;
                -webkit-transition: all .8s ease;
                -moz-transition: all .8s ease;
                -ms-transition: all .8s ease;
                -o-transition: all .8s ease;
                transition: all .8s ease;
            }

    .bannerEffects .ic-bracket-right {
        background: url(/cms/images/layout/ic-bracket-right.png) no-repeat 93% center;
    }

    .bann-all .bann-inter .bann-inter-text {
        display: table-cell;
        vertical-align: middle;
        height: 344px;
        position: relative;
        padding: 0px 10px 0px 10px;
    }

        .bann-all .bann-inter .bann-inter-text h2 {
            margin: 0px 0px 10px 0px;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: -2px;
            text-shadow: 2px 1px rgba(1,3,0,0.5);
            font-size: 3.125em;
            font-weight: 700;
            line-height: 45px;
        }

        .bann-all .bann-inter .bann-inter-text p {
            margin: 0px 0px 0px 0px;
            color: #ffffff;
            text-transform: normal;
            letter-spacing: 1px;
            text-shadow: 2px 1px rgba(1,3,0,0.5);
            font-size: 1.125em;
            font-weight: 700;
            line-height: 21px;
        }
}


/* 16px baseline (180px - 479px) */
@media only screen and (min-width:11.250em) and (max-width:29.938em) {

    .slide-module {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        background: #ffffff;
    }

    .slideItem {
        width: 100%;
    }

    .banner-image-bg {
        min-width: auto;
        max-width: 1259px;
        height: 191px;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .slide-module .banner-content-all {
        position: relative;
        margin: 0px 0px 0px 0px;
    }

    .banner-content-height {
        height: 100%;
        overflow: visible;
    }

    .slide-module .banner-content {
        position: relative;
        padding: 12px 10px 50px 10px;
        left: 0%;
        height: auto;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        background: rgba(52, 53, 56, 0.9);
        border-top: 6px solid rgba(255, 255, 255, 0.9);
        border-bottom: 6px solid rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 0 4px rgba(0,0,0, .45);
        -moz-box-shadow: 0 0 4px rgba(0,0,0, .45);
        box-shadow: 0 0 4px rgba(0,0,0, .45);
    }

    .slide-module .bannerEffects .cycle-pager {
        text-align: center;
        width: 100%;
        z-index: 500;
        position: absolute;
        bottom: 10px;
        overflow: hidden;
    }

    .cycle-arrows {
        position: absolute;
        z-index: 101;
        top: 95px;
        width: 100%;
    }

        .cycle-arrows .cycle-prev {
            color: rgba(176,175,175,0.1);
            float: left;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

        .cycle-arrows .cycle-next {
            color: rgba(176,175,175,0.1);
            float: right;
            cursor: pointer;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            font-size: 1.875em;
        }

            .cycle-arrows .cycle-next:hover, .cycle-arrows .cycle-prev:hover {
                font-size: 2.563em;
                color: #757575;
                -webkit-transition: all .8s ease;
                -moz-transition: all .8s ease;
                -ms-transition: all .8s ease;
                -o-transition: all .8s ease;
                transition: all .8s ease;
            }

    .bannerEffects .ic-bracket-right {
        background: url(/cms/images/layout/ic-bracket-right.png) no-repeat 93% center;
    }

    .bann-all .bann-inter {
        background-position: 40% 0px;
    }

        .bann-all .bann-inter .bann-inter-text {
            display: table-cell;
            vertical-align: middle;
            height: 344px;
            position: relative;
            padding: 0px 10px 0px 10px;
        }

            .bann-all .bann-inter .bann-inter-text h2 {
                margin: 0px 0px 10px 0px;
                color: #ffffff;
                text-transform: uppercase;
                letter-spacing: -2px;
                text-shadow: 2px 1px rgba(1,3,0,0.5);
                font-size: 3.125em;
                font-weight: 700;
                line-height: 45px;
            }

            .bann-all .bann-inter .bann-inter-text p {
                margin: 0px 0px 0px 0px;
                color: #ffffff;
                text-transform: normal;
                letter-spacing: 1px;
                text-shadow: 2px 1px rgba(1,3,0,0.5);
                font-size: 1.125em;
                font-weight: 700;
                line-height: 21px;
            }
}



.slide-module .banner-content-all {
    display: block;
}



.bannerEffects .slideItem {
    display: block;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

    .bannerEffects .slideItem .bwItem {
        width: 100%;
        position: relative;
    }

.slideItem.cycle-slide-active {
    display: block;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

    .slideItem.cycle-slide-active .bwItem {
        width: 100%;
        position: relative;
    }

    .slideItem.cycle-slide-active .banner-content-all {
        align-self: center;
    }

@media only screen and (max-width:767px) {
    .bannerEffects .slideItem {
        display: block;
    }

        .bannerEffects .slideItem .banner-content-all {
            position: relative;
            width: 100%;
        }

            .bannerEffects .slideItem .banner-content-all .banner-content {
                max-width: initial;
                width: 100%;
            }

    .slideItem.cycle-slide-active {
        display: block !important;
    }

        .slideItem.cycle-slide-active .banner-content-all {
            position: relative;
            width: 100%;
        }

            .slideItem.cycle-slide-active .banner-content-all .banner-content {
                max-width: initial;
                width: 100%;
            }

    .slide-module .banner-content-all .banner-content {
        background: rgba(11, 27, 49, 1);
        border-radius: 0px;
        padding: 20px 50px 50px;
    }
}