/* 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 > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.gallery-hld .flexslider .slides > li {-webkit-backface-visibility: inherit;}

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


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px;  zoom: 1; width:75.79%;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; margin-right:1.50%;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flexslider ul.slides li{ background: #fff;}

/* Direction Nav */
.flex-direction-nav {*height: 0; display:none;}
.flex-direction-nav a {width: 30px; height:54px; margin: -20px 0 0; display: block; background: url(../images/split-arrow.png) no-repeat -8px -924px; position: absolute; /*top: 50%;*/ top: 28%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -50px -924px; right:5px; }
.flex-direction-nav .flex-prev {left:5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); 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: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 0px 0 0; position: absolute; overflow: hidden; width:23.7%; /*width: 23.4%;*/ top:0; right:0px;}
.flex-control-thumbs li {width: 100%; float: none; margin: 0 0 4.7px 0; display:block; position:relative; opacity: .5;}
.flex-control-thumbs li:last-child{ margin-bottom:0;}
.flex-control-thumbs li p{ background:#012345; padding:4px; color:#FFF; margin:0; position:absolute; min-height: 40px; bottom:0; z-index:0; font-size:14px; font-weight: bold; display:block; width:100%; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flex-control-thumbs img, .flex-control-thumbs p {width: 100%; display: block; opacity: 1; cursor: pointer; z-index:1;}
.flex-control-thumbs img {/* opacity: .4;*/}

.flex-control-thumbs li:hover {opacity: 1;}
.flex-control-thumbs .flex-active, .flex-control-thumbs .flex-active + p {opacity: 1; cursor: default;}
.flex-control-thumbs li.flex-active-li, .flex-control-thumbs img:hover { opacity: 1;}

.flexslider .slides > li{ position:relative;}
.flexslider .slides > li article{background: #012345; padding:10px 30px; position:absolute; bottom:0; padding-bottom:12px; width: 82%; margin: 0 0 18px; opacity: 0.8;}
.flexslider .slides > li article h2{ font-size:1.5em; color:#fff; font-weight:bold;  margin:0; padding:0 0 10px 0;}
.flexslider .slides > li article h3{ font-size:1em; line-height:1.27em; color:#fff; font-weight:normal; margin:0; padding:0;}

/*------------------Gallery----------------*/	
.gallery-hld{ margin-bottom:40px;}
.gallery-hld .flex-viewport{margin-right:0; background:#d6e6f4;}
.gallery-hld .flex-control-nav {/*width: 100%;*/ position: relative; bottom:0px; text-align: center; margin-top:10px;}
.gallery-hld .flex-control-paging li a{ width:20px; height:20px; background:#b2bfcb;}
.flex-control-paging li a.flex-active{background:#3081c8;}
.gallery-hld li{ position:relative; text-align:center; overflow:hidden;}
.gallery-hld li p{ text-align:left; position:absolute; bottom:20px; background: #012345; opacity: 0.8; filter:alpha(opacity=80); color:#fff; font-size:14px; z-index:5; margin:0; padding:10px;}

/*Advanced Gallery*/
.advance-gallery .flex-viewport{margin-right:0}
.advance-gallery .flexslider{ width: 100%;position: relative; }
.advance-gallery .flexslider > li{ overflow: hidden; position: relative;  text-align: center;}
.advance-gallery .flexslider  li label { display: inline; float: left; font-weight: bold; margin-top: 27px; color: #8A93A7; font-size:11px;}
.advance-gallery .flexslider p{ background:#012345;  bottom: 20px;  color: #FFFFFF; font-size: 14px; margin: 0; opacity: 0.8; filter:alpha(opacity=80);  padding: 10px; position: absolute; text-align: left; z-index: 5;}

.advance-gallery .gallery-thumb{margin-top:15px;}
.advance-gallery .gallery-thumb .flex-viewport li{ margin:0 11px 0 0; background:#D6E6F4; vertical-align:middle;}
.advance-gallery .gallery-thumb .flex-viewport li img{border:1px solid #fff; width:100%; max-width:none !important;}
#gallery-big, .gallery-hld .flex-viewport{/*background:#D6E6F4;*/ background: #fff !important;}

.advance-gallery .flex-direction-nav{display:block;}
.advance-gallery .flex-direction-nav a {width: 17px; height:46px; margin:0; display: block; background: url(../images/advance-gal-arrow.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.advance-gallery .flex-direction-nav .flex-prev{ left: 0;}
.advance-gallery .flex-direction-nav .flex-next {background-position: 0 -46px; /*right:5px; */ right: 0;}
.advance-gallery .flex-direction-nav .flex-disabled {opacity: 1!important; filter:alpha(opacity=100); cursor: default; display: none !important;}

.advance-gallery  .gallery-thumb .flex-direction-nav a {width: 17px; height:23px; margin:0; display: block; background: url(../images/advance-gal-arrow.png) no-repeat 0 -113px; position: absolute; top: 35%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.advance-gallery  .gallery-thumb .flex-direction-nav .flex-next {background-position: 0 -90px; right:5px; }
.advance-gallery  .gallery-thumb  .flex-viewport li.flex-active-slide img{ border:solid 1px #3081C8;}
#galleryHeader label{ color: #8A93A7; font-size: 11px; font-weight: bold; margin-top: 0px; padding:15px 0 0 10px;}
.bg-img {background: none repeat scroll 0 0 #d6e6f4;margin: 47px 0 12px;}
.publication-top .advance-gallery { overflow: hidden;}

/*----------------------- event banner ---------------------*/ 

.flex-control-thumbs table.event-slider-tbl { position: absolute; top: 0; left: 1px; /*height: 95px;*/ height: 89.5px; text-align: left; cursor: pointer;}
.flex-control-thumbs table.event-slider-tbl td{/*height: 95px;*/ height: 80px;}
.flex-control-thumbs table.event-slider-tbl small { color:#8090b1; font-weight: bold; font-size: 14px;}
.flex-control-thumbs table.event-slider-tbl h3 { color:#fff; font-weight: bold; font-size: 16px; margin: 0;} 

.event-banner .flexslider .flex-control-thumbs li table.event-slider-tbl{ background:#012345; padding:4px; color:#FFF; margin:0; position:absolute; bottom:0; z-index:1; font-size:14px; font-weight: bold; display:block; width:100%; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	
/* TABLET LAYOUT (PORTRAIT/768PX) 
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.flex-control-thumbs{display:none;}
.flexslider{ width:100%;}
.flex-direction-nav{ display:block;}
.flex-viewport{ margin-right:0;}
.gallery-hld .flexslider-gallery .flex-direction-nav{ display: none;}
.flexslider .slides > li article, .gallery-hld .flexslider-gallery p {position: relative; top: 10px;}
 /*.advance-gallery .flexslider p{ position: absolute; top: 0;}*/

}
@media only screen and (min-width:992px) and (max-width:1024px){
.flex-control-thumbs table.event-slider-tbl { /*height: 85px;*/ height: 78px;} 
.flex-control-thumbs table.event-slider-tbl td{/*height: 85px;*/ height: 68px;}
.flex-control-thumbs table.event-slider-tbl small{ font-size:12px;}
.flex-control-thumbs table.event-slider-tbl h3{font-size:14px;}
.flex-control-thumbs li p{font-size: 12px;}
.flex-control-thumbs li{margin-bottom: 6px;}
.banner.home_banner{margin: 0 0 7px 0;}
.flex-viewport{margin-right: 2.3%;}
.flex-control-thumbs li{ margin-bottom: 2.2px;}
.flex-control-thumbs{width: 23.8%}

}
/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 767px) {
.flex-control-thumbs{display:none;}
.flexslider{ width:100%;}
.flex-direction-nav{ display:block;}
.gallery-hld .flexslider .slides > li article{ padding-left:10px; padding-right:10px; position: relative; margin: 10px 0 0; bottom: 10px;}
.flexslider .slides > li article, /*.advance-gallery .flexslider p ,*/ .gallery-hld .flexslider-gallery p {position: relative; top: 10px;}
.flexslider .slides > li article h3{ display:none;}
.flexslider .slides > li article h2{ /*font-size:1.2em;*/ font-size:1em;}
.flex-viewport{ margin-right:0;}
.gallery-hld .flexslider-gallery .flex-direction-nav{ display: none;}

/*---------------- flickr gallery ---------------*/

.flickr-gallery{ font-size: 0;}
.flickr-gallery .flexslider p{ position: relative; top: 10px;}

}