﻿.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
}

.flexslider {
margin:0;
padding:0
}

.flexslider .slides > li {
display:none;
-webkit-backface-visibility:hidden
}

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

.slides:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

html[xmlns] .slides {
display:block
}

.no-js .slides > li:first-child {
display:block
}

.flexslider {
margin:0;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
zoom:1
}

.flex-viewport {
max-height:800px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease
}

.loading .flex-viewport {
max-height:800px
}

.flexslider .slides {
zoom:1
}

.carousel li {
margin-right:5px
}

.flex-direction-nav a {
width:30px;
height:30px;
margin:-20px 0 0;
display:block;
position:absolute;
top:50%;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease
}

.flex-direction-nav .flex-next {
background-position:100% 0;
right:px
}

.flex-direction-nav .flex-prev {
left:px
}

.flexslider:hover .flex-next {
opacity:.8;
right:5px
}

.flexslider:hover .flex-prev {
opacity:.8;
left:5px
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
opacity:1
}

.flex-direction-nav .disabled {
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default
}

.flex-control-nav {
width:74%;
position:absolute;
bottom:72px;
text-align:center
}

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

.flex-control-paging li a {
width:80px;
height:6px;
display:inline-block;
background:#444;
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}

.flex-control-paging li a:hover {
background:#190608
}

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

.flex-control-thumbs {
margin:5px 0 0;
position:static;
overflow:hidden
}

.flex-control-thumbs li {
width:25%;
float:left;
margin:0
}

.flex-control-thumbs img {
width:100%;
display:block;
opacity:.7;
cursor:pointer
}

.flex-control-thumbs img:hover {
opacity:1
}

.flex-control-thumbs .active {
opacity:1;
cursor:default
}

.flexslider1 ol.flex-control-nav {
position:absolute;
bottom:-49px;
text-align:center;
left:3em
}

.flexslider1 .flex-control-paging li a {
width:12px;
height:12px
}

.flexslider1.flex-control-nav li {
margin:0 1px
}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity:1;
left:0
}

.flex-direction-nav .flex-next {
opacity:1;
right:0
}
}

@media screen and (max-width: 1280px) {
.flex-control-nav {
bottom:92px
}
}

@media screen and (max-width: 1024px) {
.flex-control-nav {
bottom:10px
}

.flex-viewport {
max-height:500px
}

.flex-control-nav {
bottom:30px
}
}

@media screen and (max-width: 768px) {
.flex-viewport {
max-height:450px
}

.flex-control-nav {
bottom:24px
}
}

@media screen and (max-width: 640px) {
.flex-control-nav {
bottom:19px
}
}

@media screen and (max-width: 480px) {
.flex-control-paging li a {
width:40px;
height:5px
}

.flex-control-nav {
bottom:-6px
}

.flex-viewport {
max-height:390px
}
}

@media screen and (max-width: 320px) {
.flex-control-nav {
bottom:-7px;
margin:0
}

.flex-viewport {
max-height:320px
}
}