/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.more-than-one-slide li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; border-radius: 0 0 5px 5px; overflow: hidden; z-index: 0 }
.flex-viewport  {max-height: 2000px; transition: all 1s ease }
.loading .flex-viewport { max-height: 300px }
.flexslider .slides { zoom: 1 }

/* Direction Nav */
.flex-direction-nav { display: none }
.flex-prev, .flex-next { width: 33px; height: 100%; display: block; background: url(../../images/ls/slider/bg_direction_nav.png) 0 0 no-repeat; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px }
.flex-next { background-position: 0 50%; right: 0 }
.flex-prev { left: 0; background-position: 100% 50% }
.flex-disabled { display: none }

.flex-control-nav { display: table; width: 100%; position: absolute; bottom: 0 }
.flex-control-nav li { display: table-cell; text-align: center; }
.flex-control-nav a { display: block; font-weight: 700; color: #ffffff; font-size: 28px; padding: 16px 20px 20px; margin-left: 2px }
.flex-control-nav a.first { margin-left: 0 }
.flex-control-nav span:after { font-family: "21run", sans-serif; color: #ff7102; font-size: 17px; vertical-align: middle; margin-left: 7px; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; content: "\75" }
.flex-control-nav span.mobile { display: none }
.flex-control-nav a.flex-active span:after { color: #ffffff }

.flexslider .slides img.slide-mobile-image { display: none }

@media (max-width: 767px) {
    .flexslider .slides img.slide-image { display: none }
    .flexslider .slides img.slide-mobile-image { display: block }
    .flexslider { border-radius: 0 }
    .flex-direction-nav { display: block }
    .flexslider .slides li { position: relative; height: 340px; overflow: hidden }
    .flexslider .slides a { width: 10000px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -5000px }
    .flexslider .slides img { width: auto; height: 100%; margin: 0 auto }
    .flex-control-nav { position: static }
    .flex-control-nav a { font-size: 20px }
    .flex-control-nav span.desktop { display: none }
    .flex-control-nav span.mobile { display: block }
}

.flex-control-nav a {
    background: -moz-linear-gradient(left, rgba(27,33,63,0.5) 0%, rgba(27,33,63,0.85) 30%, rgba(27,33,63,0.85) 70%, rgba(27,33,63,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(27,33,63,0.5) 0%,rgba(27,33,63,0.85) 30%,rgba(27,33,63,0.85) 70%,rgba(27,33,63,0.5) 100%);
    background: linear-gradient(to right, rgba(27,33,63,0.5) 0%,rgba(27,33,63,0.85) 30%,rgba(27,33,63,0.85) 70%,rgba(27,33,63,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b213f', endColorstr='#801b213f',GradientType=1 );
}

.flex-control-nav a.flex-active {
    background: -moz-linear-gradient(left, rgba(255,113,2,0.5) 0%, rgba(255,113,2,0.85) 30%, rgba(255,113,2,0.85) 70%, rgba(255,113,2,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(255,113,2,0.5) 0%,rgba(255,113,2,0.85) 30%,rgba(255,113,2,0.85) 70%,rgba(255,113,2,0.5) 100%);
    background: linear-gradient(to right, rgba(255,113,2,0.5) 0%,rgba(255,113,2,0.85) 30%,rgba(255,113,2,0.85) 70%,rgba(255,113,2,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff7102', endColorstr='#80ff7102',GradientType=1 );
}