/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.flex-container { max-width: 920px; max-height: 410px; padding: 20px 20px 0 20px; background: #FFF; position: relative;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { width: 920px; height: 430px; margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display: none; margin: 0px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {border-radius: 5px; max-width: 920px; display: block; margin: 0; padding: 0;}
.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%;}

#frame

/* 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 { position: relative;}
.flexslider .slides > li {position: relative; }

/* Control Nav */
.flex-control-nav {position: relative; width:400px; margin:20px auto auto auto; text-align:center;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a, .flex-control-nav li a:hover {
    width: 12px;
    height: 12px;
    display: block;
    background: url('../bg_control_nav.html') no-repeat 0 0;
    cursor: pointer;
    text-indent: -9999px;
}
.flex-control-nav li a.active {
    background-position: 0 -12px;
    cursor: default;
}

/*	Custom Navigation
------------------------------------------*/

.custom-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 300px;
    height: 330px;
    background: url('https://irp.cdn-website.com/8df6c4b5/DESKTOP/png/nav-bg.png');
    z-index: 10px;
}
#quote-band {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 98px;
    border: none;
    z-index: 10;
}
#nav-title {
    position: absolute;
    left: 20px;
    bottom: 120px;
    width: 300px;
    height: 230px;
}
#nav-title a {
    border: none;
}
.flex-bttn {
    position: absolute;
    padding: 15px 0 0 0;
    margin: 0;
    width: 150px;
    height: 30px;
    border: none;

    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0,0,0,.25);

    opacity: .6;
    background-color: rgba(0,0,0,0);
    
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition-property:all 0.2s ease;
}
.bttn1 {bottom: 55px; left: 0;}
.bttn2 {bottom: 55px; left: 150px;}
.bttn3 {bottom: 10px; left: 0;}
.bttn4 {bottom: 10px; left: 150px;}

.active, .flex-bttn:hover{
    opacity: 1;
    background-color: rgba(0,0,0,.05);
    
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition-property: all 0.2s ease;
}