/* ---------------------------------= */
/* Flexslider
----------------------------------- */
/* 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;
}

/* Necessary Styles
------------------*/
.flexslider {
    margin:0;
    padding:0;
    min-height:150px;
}


/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
    position:relative;
    zoom:1;
    display:none;
}

.flexslider .slides img {
    width:100%;
    display:block;
}

.flex-pauseplay span {
    text-transform:capitalize;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {
    position:relative;
    zoom:1;
    z-index:50;
}

/* 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;
}

/* Default Styles
------------------*/
.flexslider {
    /*background: #fff;*/
    zoom:1;
    text-align:center;
    margin-top:0%;
}

.ie7 .flexslider {
    margin-bottom:-30px;
}

.flex-viewport {
    max-height:2000px;
}

.loading .flex-viewport {
    max-height:300px;
}

.flexslider .slides {
    zoom:1;
}

/* Direction Nav
------------------*/
.flex-direction-nav a {
    width:40px;
    height:79px;
    display:block;
    /*background-color: #000;*/
    top:50%;
    right:1%;
    float:none;
    position:absolute;
    cursor:pointer;
    text-indent:-9999px;
    /*background-color: transparent;*/
    /*background: rgba(0, 0, 0, 0.65);*/

    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    opacity:.3;

}

.flex-direction-nav .flex-next {
    background:url(../images/arrows_next.svg) no-repeat -2px 0px;
    bakground-size:40px 79px;
    right:-50px;
}

.flex-direction-nav .flex-prev {
    background:url(../images/arrows_prev.svg) no-repeat 0 0;
    left:-50px;
    bakground-size:40px 79px
}


.flex-direction-nav .flex-prev:hover,.flex-direction-nav .flex-next:hover {
    opacity:1;
}

.subpage .flex-direction-nav a {
    bottom:0;
    right:0;
    bottom:30px;
}

/* Control Nav
------------------*/
.flex-control-nav {
    position:absolute;
    top:0;
    right:0;
}

.flex-control-nav li {
    margin:0 3px 0 0;
    display:inline-block;
    zoom:1;
}

.flex-control-paging li a {
    width:14px;
    height:14px;
    display:block;
    background:#c8c8c8;
    cursor:pointer;
    text-indent:-9999px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    opacity:.5;
}

.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {
    background:#505050;
}

.flex-control-paging li a.flex-active {
    cursor:default;
}

.flexslider li p {
    color:rgba(255,255,255,0.71);
    text-shadow:1px 1px 1px rgba(61,61,61,0.49);
}

.flexslider li h1 {
    color:rgba(75,75,75,0.64);
    font-size:40px;
    line-height:1;
    font-weight:900;
}