.flexslider {overflow:visible !important;}
.photobox, .photoboxhome {margin-top:15px;}
.flexslider, .flex-active-slide, .slider-wrap-box {max-width:950px; margin:0 auto;}

/* jQuery FlexSlider v2.0 ================================================== */
/* 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;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin:0; padding:0;}

.flexslider .slides {z-index:300;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -ms-transition: all 0.8s ease-out;}
/* 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; clear:both; visibility:hidden; line-height:0; height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
/* No JavaScript Fallback */
.no-js .slides > li:first-child {display:block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0; position:relative; zoom:1;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:380px;}
.flexslider .slides {zoom:1;}
.carousel li {margin-right:5px;}

.flexslider {margin:0 !important; background:#F2F5F7; border:none !important; position: relative; zoom: 1;}

/* CAPTIONS */
.flex-caption {position:absolute; display:block; bottom:0; left:0; padding:10px 0; width:100%; color:#fff; font-family:'Open Sans',sans-serif; font-weight:200; line-height:1; text-align:center; /* text-shadow:0px 3px 10px rgba(235,29,39,1); background:rgba(235,29,39,0.5); */  z-index:200;}
.flex-caption {width:100%; z-index:600;}
.flex-caption em, .flex-caption strong {display:block;}
.flex-caption em {font-size:1.0625rem; font-style:200;}
.flex-caption strong {font-size:1.1875rem; font-weight:normal; font-style:italic;}
.flex-caption strong b {font-weight:normal;}
.flex-caption .credit {display:none; position:absolute; bottom:-40px; right:20px; font:0.875rem serif; color:#fff; text-align:right;}

/* Overlays */
.flex-overlay {position:absolute; display:block; bottom:0; left:0; padding:15px 0; width:100%; height:100px; background:url(/webart/bgd_overlay.png) bottom repeat-x; z-index:100;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {position:absolute; bottom:40px; display:block; width:34px; height:50px; margin:0; z-index:500; overflow:hidden; cursor:pointer; color:rgba(255,255,255,0.5); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
.flex-direction-nav .flex-prev {left:10px;}
.flex-direction-nav .flex-next {right:0;}
.flex-direction-nav .flex-prev:hover {left:5px; color:rgba(255,255,255,0.9);}
.flex-direction-nav .flex-next:hover {right:-5px; color:rgba(255,255,255,0.9);}
.flex-direction-nav .flex-disabled {opacity:0 !important; filter:alpha(opacity=0); cursor:default;}
.flex-direction-nav a:before {font-family:"FontAwesome"; font-size:2.125rem; display:inline-block; content:'\f053'; }
.flex-direction-nav a.flex-next:before  {content:'\f054'; }

/* Control Nav */
.flex-control-nav {width:100%; position:absolute; left:0; bottom:-36px; line-height:1; z-index:400; text-align:center; background:#961406;}
/* .flex-control-nav li:first-child {margin-left:15px;}  */
.flex-control-nav li {margin:0 6px; vertical-align:top; display:inline-block;}
.flex-control-paging li a {position:relative; display:block; width:20px; height:20px; margin:7px 0; background-color:#fff; border:1px solid #fff; cursor:pointer; text-indent:-9999px; opacity:0.25; filter:alpha(opacity=25); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {opacity:1; filter:alpha(opacity=100);}
.flex-control-paging li a.flex-active {background-color:#031224;}
.flex-control-thumbs {display:none;}

/* Media Queries ================================================== */
@media only screen and (max-width: 767px) {
	.flex-caption {padding-bottom:20px}
	.flex-caption {padding-right:10px; padding-left:10px;}
	.flex-caption em {font-size:1rem;}
	.flex-caption strong {font-size:1.125rem;}
}
@media only screen and (max-width: 640px) {
	.flex-caption {padding-bottom:15px}
	.flex-caption em {font-size:17px;}
	.flex-caption strong {font-size:1rem;}
	.flex-control-nav {bottom:-40px;}
	.flex-control-nav li {margin-right:8px; margin-left:8px;}
	.flex-control-paging li a {width:25px; height:25px;}
}
@media only screen and (max-width: 480px) {
	.flexslider .slides > li {height:250px; overflow-x:hidden;}
	.flexslider .slides img {position:absolute; top:0; width:auto !important; height:250px; left:50% !important; right:50% !important; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
	.flex-caption {padding-bottom:10px}
	.flex-caption span {display:block; height:5px; text-indent:100%; white-space:nowrap; overflow:hidden;}
}

/* Photo Box Height */
@media only screen and (min-width: 480px) {
	.photobox, .photoboxhome {min-height:100px;}
}
@media only screen and (min-width: 640px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 767px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 959px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 1024px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 1100px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 1280px) {
	.photobox, .photoboxhome {min-height:200px;}
}
@media only screen and (min-width: 1366px) {
	.photobox, .photoboxhome {min-height:300px;}
}
@media only screen and (min-width: 1400px) {
.photobox, .photoboxhome {min-height:300px;}
}
