/* 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; display:block}
.flex-direction-nav {width:36%; min-width:461px; position:absolute; right:0; margin-top:-60px; background:#fff;}

.flex-direction-nav > li{background:none; font-family: 'Avenir LT Std'; font-size:18px; height:60px; color:#999999; border-left:1px solid #ccc; border-bottom:1px solid #ccc; height:60px; float:left; display:inline; width:50%; padding-top:21px;}

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

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; text-align:center; margin:0 auto;}
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{ height:100%; text-align:center; padding:0 auto; margin: 0 auto; position:relative; z-index:1;}

.flexslider .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 550px; }
.flexslider .slides { zoom: 1; padding:0px; margin:0px }
.flexslider .slides > li { zoom: 1; padding:0px; margin:0px }

.carousel li { margin-right: 0px; }

/* Control Nav */
.flex-control-nav {width: 100%; position: relative; bottom: 40px; text-align: center; padding:0 auto; margin: 0 auto; z-index: 3; height:0px; display:none;}
.flex-control-nav li {margin: 0px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background:url(../images/dots.png) no-repeat; width: 18px; height: 18px; display: block; cursor: pointer; text-indent: -9999px; margin:5px ;display:block;-webkit-backface-visibility:visible;
   -webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease; }
.flex-control-paging li a:hover { background:url(../images/dots-active.png) no-repeat; width: 18px; height: 18px; }
.flex-control-paging li a.flex-active { background:url(../images/dots-active.png) no-repeat; width: 18px; height: 18px;  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 .flex-active {opacity: 1; cursor: default;}

.flexslider4 .flex-control-nav {width: 100%; position: relative; bottom: -5px; text-align: center; padding:0 auto; margin: 0 auto; z-index: 3; height:0px;}



/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {  position: absolute;  text-decoration:none; display: block; z-index: 10; width:50%; min-width:230px; overflow: hidden; opacity: 1; cursor: pointer; /*text-indent:-999em*/ }
.flex-direction-nav .flex-prev { background:none; font-family: 'Avenir LT Std'; float:left; font-size:18px; color:#999999; letter-spacing:1px;}
.flex-direction-nav .flex-next { background:none; font-family: 'Avenir LT Std'; float: right;  font-size:18px; color:#999999; letter-spacing:1px;}
.flex-prev:hover, .flex-next:hover{color:#c70000;}

.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


.flexslider2 .flex-direction-nav a  {  position: absolute;  top: 50%; text-decoration:none; display: block; width: 40px; height: 57px;  z-index: 99; overflow: hidden; opacity: 1; cursor: pointer; text-indent:-999em }
.flexslider2 .flex-direction-nav .flex-prev { background:url(../images/member_arrowl.png) no-repeat;  width:40px; height:57px; margin-top: -67px; left: -53px; }
.flexslider2 .flex-direction-nav .flex-next { background:url(../images/member_arrowr.png) no-repeat; float: right; width:40px; height:57px;  margin-top: -67px; right: -53px;}

.flexslider2{display:block}
.flexslider3{display:none}

.flexslider4 .slides > li { zoom: 1; padding:0px; margin:0px; width:33%; }

/***************************************************flexslider2*******************************************************/


@media only screen and (max-width: 1279px){
    .flex-direction-nav {width:100%; min-width:461px; position:absolute; right:0; margin-top:-60px; background:#fff; display:none;}
    .flex-direction-nav a  {  position: absolute;  text-decoration:none; display: block; z-index: 10; width:50%; min-width:100px; overflow: hidden; opacity: 1; cursor: pointer; /*text-indent:-999em*/ }
  .flex-direction-nav .flex-prev { left: 0px; background-color: rgba(255, 255, 255, 0.8);  width:100px; height:58px; margin-top:-255px; padding-top:15px;}
  .flex-direction-nav .flex-next {background-color: rgba(255, 255, 255, 0.8); float: right; width:100px; height:58px;  margin-top: -255px; right: 0px; padding-top:15px;}
.flex-control-nav {width: 100%; position: relative; bottom: 40px; text-align: center; padding:0 auto; margin: 0 auto; z-index: 3; height:0px; display:block;}
}

/*@media screen and (max-width: 767px) {
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {  position: absolute;  top: 50%; text-decoration:none; display: block; width: 35px; height: 85px;  z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; text-indent:-999em }
.flex-direction-nav .flex-prev { left: 10px; background:url(../images/arrow_l.png) no-repeat;  width:35px; height:85px; margin-top: -45px}
.flex-direction-nav .flex-next { background:url(../images/arrow_r.png) no-repeat; float: right; width:35px; height:85px;  margin-top: -45px; right: 10px;}

.flex-control-nav {width: 100%; position: relative; bottom: -70px; text-align: center; padding:0 auto; margin: 0 auto; z-index: 3;}

.flexslider2 .flex-direction-nav a  {  position: absolute;  top: 50%; text-decoration:none; display: block; width: 40px; height: 57px;  z-index: 99; overflow: hidden; opacity: 1; cursor: pointer; text-indent:-999em }
.flexslider2 .flex-direction-nav .flex-prev { background:url(../images/member_arrowl2.png) no-repeat;  width:40px; height:57px; margin-top: -27px; left: -13px; }

.flexslider2{display:none}
.flexslider3{display:block}
}*/