﻿/* OVERRIDES */
.flexslider .slides img {
    display:inline;
}

/* FLEXSLIDER CUSTOM CSS */


/* SLIDER PANEL */

.sliderpanel {
    padding: 5px;
    /*text-align: center;*/
    background-color:rgba(157, 188, 208, 0.97);
    border: solid 1px #c3c3c3;
    color: #fff;
    position: absolute;
    left: 0;
    top:1px;
    right: 0;
    z-index: 101;
}

.sliderpanel p {
    margin: 0;
}

.preview-sliderpanel {
    padding: 50px;
    background-color:rgba(157, 188, 208, 1);
    border: solid 1px #c3c3c3;
    color: #fff;
    margin-bottom: 40px;
}

.sliderpanel h1, .sliderpanel h2, .sliderpanel h3, .sliderpanel h4, .sliderpanel h5, 
.preview-sliderpanel h1, .preview-sliderpanel h2, .preview-sliderpanel h3, .preview-sliderpanel h4, .preview-sliderpanel h5 {
    color:#fff;
}
/* GALLERY SLIDER */

.flexslider.gallery {
    width: auto;
}

.flexslider.previewslider {
    color: #fff;
    background: rgba(155, 186, 204, 1);
    background-repeat: no-repeat;
    border: none;
    border-radius: 0px;
    height: 122px;
    /*padding-top:12px;*/
    margin: 0;
}

.flex-dummyimage {
    text-align: center;
    vertical-align: middle;
    color: #000;
    height:100px;
    width:100px;
    border-radius: 4px;
    padding-top:40px;
    background-color: rgba(236, 236, 236, 1);
    border: 1px solid #808080;
    display:inline-block;
}

.gallery .flex-direction-nav a::before {
    color: #4786a9;
}

.flexslider.gallery:hover .flex-direction-nav .flex-next,
.flexslider.gallery:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    color: #336d93;
}

/* -- GALLERY SLIDER */

.flex-direction-nav a {
    text-decoration: none;
}

.flex-centerimage {
    max-height: 100px;
    max-width: 100px;
    /*border-radius:50%;
    border:1px solid #fff;*/
    /*border-radius: 50%;*/
    /*border:1px solid #e4e4e5;*/
}

.flex-textcontainer,.flex-headercontainer {
    display: table;
    height: 100px;
}

.flex-textcontainer {
    padding-right:50px;
    -ms-word-wrap: inherit;
    word-wrap: break-word;
}

.flex-headercontainer {
    padding-left:50px;  
    word-wrap: break-word;
}

.flex-imagecontainer {
    text-align:center;
    overflow:hidden;
    border-radius:4px;
}

.flex-imagecontainer img {
    max-height: 100px;
    border-radius: 4px;
}

.flex-fixedheight {
    overflow-y:hidden;
    height:100px;
}

.flex-bg {
    background: url(../images/sliderbg.png) bottom right repeat-x;
}

.flex-topcontainer, .flex-topcontaineradmin {
    /*height: 280px;*/
    height: 243px;
    background: url(../images/topbackground.jpg) bottom right;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0px;
    margin-bottom:-1px;
}

.flex-topcontainer img {
    width:auto !important;
}

.flex-topcontaineradmin {
    height: 120px;
    background: url(../images/topbackground.jpg) top;
}


.flexslider.top_slider {
    /*margin-top: 150px;*/
    margin-top: 121px;
    height: 122px;
    vertical-align: bottom;
    background: none;
    border: none;
    border-radius: 0px;
    color: #fff;
}

.flexslider .text, .flexslider .header {
    display: table-cell;
    vertical-align: middle;
}

.flexslider .text {
    -ms-word-wrap: inherit;
    word-wrap: break-word;
}

.flexslider .header {

}
/* FLEX SLIDES */
.stdslide {
    margin-top: 11px !important;
}

/* FLEXSLIDER OVERRIDES / SLIDER CSS */

.flex-control-paging li a {
    background: #4786a9;
}

.flex-control-paging li a.flex-active {
    background: #336d93;
}

.flex-control-thumbs img {
    border-radius: 5px !important;
    width: 130px !important;
}

.flexslider h3 {
    color: #fff;
    margin: 0;
}

.flexslider .flex-prev, .flexslider .flex-next {
    height: 50px;
}

.flex-control-nav {
    bottom: -30px;
}



@media (max-width: 992px) {
    .flex-topcontainer, .flex-topcontaineradmin {
        background: url(../images/topbackground_small.jpg) inherit;
    }

    .flexslider.gallery {
        margin: 30px 0px;
        width: 300px;
    }
}

@media (min-width: 992px) {
}

@media (max-width: 767px) {
    .flexslider h3 {
        color: #fff;
        font-size: 18px;
        margin-top: 0px;
    }

    .sliderpanel {
        display: none;
    }

    .flexslider .text {
        padding-right: 0px;
    }

    .flexslider .header {
        padding-left: 0px;
        -ms-word-break: inherit;
        word-break: break-word;
    }

    .flex-topcontainer, .flex-topcontaineradmin {
        background: url(../images/topbackground_xs.jpg) top right;
    }

    .flex-topcontainer {
        height: 200px;
    }
}


@media (min-width: 1921px) {
    .flex-topcontainer {
        background: url(../images/topbackground_xl.jpg) bottom right;
    }
    .flex-topcontaineradmin {
        background: url(../images/topbackground_xl.jpg) top;
    }
}
