/*
┌──────────────────────────────────────────────────────────────────────┐
│                        Expertly Developed by:                        │
│             ____  _                _   _                             │
│            / ___|| |__   ___  _ __| |_| | __ _ _ __   ___            │
│            \___ \| '_ \ / _ \| '__| __| |/ _` | '_ \ / _ \           │
│             ___) | | | | (_) | |  | |_| | (_| | | | |  __/           │
│            |____/|_| |_|\___/|_|   \__|_|\__,_|_| |_|\___|           │
│      ============================|===============================    │
│              S H O R T L A N E   S O F T W A R E ,   I N C           |
│                      www.shortlanesoftware.com                       │
│      ------------------------------------------------------------    │
│      Copyright © Shortlane Software, Inc.     All Rights Reserved    │
└──────────────────────────────────────────────────────────────────────┘   
*/

/* *****************
      Flex slider Style 
    **************** */
.slider-wrapper-container{
        background-color:#f9f9f9;
        font-weight:normal;
        padding-top:28px;
        border-bottom:1px solid #d9d8d8;
    }
    .slider-wrapper-container h1{
        font-size:30px;
        text-align:center;
        color:#444;
        margin-bottom:12px;
        text-shadow:0 2px 2px #fff;
        margin-bottom:5px;
    }
    .slider-wrapper-container h2{
        font-size:17px;
        color:#717070;
        text-align:center;
        font-weight:normal;
        margin-bottom:45px;
        font-family:"Museo500";
    }

    ul.slides {
        padding: 0;
    }


    /* #Slider Style
    ================================================== */
    /* Browser Resets */
    .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
        outline: none;
    }
    .slides, .flex-control-nav, .flex-direction-nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .flex-viewport ul {
        padding-left:0 !important;
    }
    .flex-viewport li {
        margin-top: 0 !important;
    }

    .flex-direction-nav {
        display:none;
    }

    .slider-wrapper-container {
        background-color: white;
        font-weight: normal;
        padding-top: 0;
        border-bottom: none;
    }


    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {
        width: 100%;
        margin: 0;
        padding: 0;
        max-height:100%;
        border:1px solid #cdcbcb;
        border-radius: 12px;
    }
    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        margin-left:0;
    } /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
        /*max-height:389px;*/
    }
    .flex-pauseplay span {
        text-transform: capitalize;
    }
    /* Clearfix for the .slides element */
    .slides:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    html[xmlns] .slides {
        display: block;
    }
    * html .slides {
        height: 1%;
    }
    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {
        display: block;
    }
    /* FlexSlider Default Theme
    *********************************/
    .flexslider {
        zoom: 1;
        margin-bottom:0px;
    }
    .flexslider .slides {
        zoom: 1;
    }
    .flexslider .slides > li {
        position: relative;
    }
    /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
    .flex-container {
        zoom: 1;
        position: relative;
    }
    /* Caption style */
    /* IE rgba() hack */
    .flex-caption {
        background:none;
        -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
        zoom: 1;
    }
    .flex-caption {
        width: 96.200%;
        height:10%;
        padding: 2%;
        margin: 0;
        position: absolute;
        left: 0;
        bottom:0;
        background: rgba(0, 0, 0, .5);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
        font-size: 14px;
        line-height: 18px;
    }
    /* Direction Nav */
    .flex-direction-nav {
        height: 0;
    }
    .flex-direction-nav li a {
        width: 42px;
        height: 99px;
        margin: -13px 0 0;
        display: block;
        background: url(images/arrows.png) no-repeat;
        position: absolute;
        top: 40%;
        cursor: pointer;
        text-indent: -999em;
    }
    .flex-direction-nav li .next {
        background: url('images/next.png') no-repeat;
        width: 42px;
        height: 99px;
        right: -5px;
        top:54.6%;
    }
    .flex-direction-nav li .prev {
        background: url('images/prev.png') no-repeat;
        width: 42px;
        height: 99px;
        left:0;
        top:54.6%;	
    }
    .flex-direction-nav li .disabled {
        opacity: .3;
        filter:alpha(opacity=30);
        cursor: default;
    }
    /* Control Nav */
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 20px;
        text-align:center;
    }
    .flex-control-nav li {
        margin: 0 0 0 5px;
        display: inline-block;
        zoom: 1;
        /* display: inline; */
    }
    .flex-control-nav li:first-child {
        margin: 0;
    }
    .flex-control-nav li a {
        background: url('images/pagination.png') no-repeat 0 0;
        width: 9px;
        height: 10px;
        display:block;
        cursor: pointer;
        text-indent: -999em;
    }
    .flex-control-nav li a:hover {
        background-position:0 -10px;
    }
    .flex-control-nav li a.active {
        background-position:0 -10px;
        cursor: default;
    }
    .slider-shaddow{
        width:1080px;
        height:35px;
        background:url(images/slider-shaddow.png) 17px -28px no-repeat;
        background-size:cover;
        margin-top: -2px;
        max-width: 90%;
        margin: -2px auto 0 auto;
    }

    .slider-image-wrapper {
        height:auto;
        min-height: 150px;
        margin:0 auto;
    }

    .slider-caption {
        position: absolute;
        bottom: 8px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center;
        font-weight: bold;
        font-size: 15pt;
        color:black;
    }

    @media (min-width: 700px) {
        .slider-image-wrapper {
            min-height:220px;
        }
    } /* 700px */

    @media (min-width: 900px) {
        .slider-image-wrapper {
            min-height:275px;
            width:1080px;
            height:370px;
            overflow:hidden;
        }
    } /* 900px */

    @media (min-width: 1180px) {
        .slider-image-wrapper {
            /*min-height:369px;*/
        }
    } /* 1180px */

    @media (max-width: 700px) {
        .slider-caption {
            display:none;
        }
        .slider-image-wrapper {
            min-height:120px;
        }
    } /* 700px */


    /*-------end slider----------------*/