/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* 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
*********************************/ 
.hp_slider { margin-bottom:2.5em; position:relative; width:100%; }
.flexslider.vertical { position:relative; }
 
.loading { background:url("/images/output/other/loading.gif") no-repeat center center;  }
.ie7 .loading { background:none; }
 

.hp_slider.loading { height:315px; }
.hp_content_4.loading, .hp_content_5.loading, .hp_content_9.loading { height:172px; }



.flexslider {margin: 0; padding: 0;} 
.flexslider.main .slides > li {display: none; -webkit-backface-visibility: hidden;  height:402px; background-repeat:no-repeat; } /* Hide the slides before the JS is loaded. Avoids image jumping */
 
.flexslider.sml .slides > li { display: none; -webkit-backface-visibility: hidden; padding-top:0px;  background-repeat:no-repeat; font-size:0.8125em; } /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider.sml.our_partners .slides > li { width:140px; height:auto; text-align:center; }
	.flexslider.sml.our_partners .slides > li  > a {display:block;  }
    .flexslider.sml.our_partners .slides > li img {  vertical-align:top; width:183px; height:114px;  }
    .flexslider.sml .slides > li:first-child { margin-left:0; }


 
 
.flexslider_l { float:left; width:130px; margin-right:5px; border-left:2px solid #fff;} 
.flexslider_r { float:left; width:145px; height:94px; padding:10px; line-height:1.3; color:#333; background-color:#EBECEC; border-right:2px solid #fff; }
    .flexslider_r.itself { width:auto; float:none;}
    .flexslider_r a { text-decoration:underline; }
    .flexslider_r a:hover { text-decoration:none; }
.flexslider.main .slides img { max-width: 100%; display: block; float:right;}
.flex-pauseplay { position:absolute; bottom:20px; z-index:2; display:inline-block; zoom: 1; *display: inline;  margin: 0 3px;} 
.flex-pauseplay span {text-transform: capitalize;}
    .flex-pauseplay a { display:block; width:14px; height:14px; overflow:hidden; text-indent: 200%; white-space: nowrap; }
       
#flexslider_left { position:absolute; top:0; left:0; z-index:2; }
.carousel_box { position:absolute; bottom:0; left:0; z-index:2; width:325px; padding:10px 25px 30px 25px; line-height:1.3; background-color:#0093D0; }
.ie7 .carousel_box {  height:auto !important}


.carousel_box .summary a {  font-size:0.875em; color:#fff; }
 
 
.carousel_box h2 { margin-bottom:0.5em; font-size:1.25em; font-weight:bold;    }
    .carousel_box p { margin-bottom:1em; text-decoration:none; }
    .carousel_box h2 a { color:#fff; text-decoration:none;}
    .carousel_box p a { color:#fff; text-decoration:none;}
 
 
    

.flex-play, .ie7 .flex-control-paging li a.flex-play, .ie8 .flex-control-paging li a.flex-play { background: url('/images/output/slider/control-play.png') no-repeat left top; }
.flex-play:hover, .ie7 .flex-control-paging li a.flex-play:hover, .ie8 .flex-control-paging li a.flex-play:hover  { background: url('/images/output/slider/control-play-over.png') no-repeat left top; }
.flex-pause, .ie7 .flex-control-paging li a.flex-pause, .ie8 .flex-control-paging li a.flex-pause { background: url('/images/output/slider/control-pause.png') no-repeat left top; }
.flex-pause:hover, .ie7 .flex-control-paging li a.flex-pause:hover, .ie8 .flex-control-paging li a.flex-pause:hover { background-image:url('/images/output/slider/control-pause-over.png'); }

.flexslider li .herotext, .flexslider li .heroclick { }

.slider_nav { position:absolute; width:280px; text-align:center; right:0; bottom:10px;  z-index:3; }
.slider_content { display:none; }

/* 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; *margin-bottom:0; position: relative; zoom: 1;border-bottom:2px solid #fff; }
    .flexslider.sml { padding:0 24px; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; }

.carousel li {margin-right: 5px}


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


.flexslider.sml .flex-direction-nav  {*height: 0; }
.flexslider.sml .flex-direction-nav a {width: 22px; height: 116px; display: block; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}
.flexslider.sml .flex-direction-nav .flex-next { right:0; background:url('/images/portal/navigation/scroll-right.png') no-repeat left center; }
.flexslider.sml .flex-direction-nav .flex-prev { left:0; background:url('/images/portal/navigation/scroll-left.png') no-repeat left center; }

.flexslider.sml .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.flexslider.sml .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
   .flexslider.vertical .flex-viewport { margin-top:24px; height:283px !important; }
 .flexslider.vertical .slides > li { display: none;  overflow:hidden; -webkit-backface-visibility: hidden;   background-repeat:no-repeat; font-size:0.8125em; } /* Hide the slides before the JS is loaded. Avoids image jumping */
 .flexslider.vertical .slides > li .cols_2{background-color:#EEF5F8;}
    .flexslider.vertical .slides > li .inner { padding:0; /*border-top:1px solid #EEF5F8;*/ }
 
    .flexslider.vertical .flex-direction-nav li:first-child { bottom:auto; top:-24px;  }
    .ie7 .flexslider.vertical .flex-direction-nav li:first-child  { top: 0;}
    .flexslider.vertical .flex-direction-nav li { position:absolute; bottom:-24px; left:0; height:22px;}
    .flexslider.vertical .flex-direction-nav a {width: 310px; height: 22px; display: block; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}
    .flexslider.vertical .flex-direction-nav .flex-next {  background:url('/images/portal/navigation/arrow-down.png') no-repeat center center #61BDE2; }
.flexslider.vertical .flex-direction-nav .flex-prev {   background:url('/images/portal/navigation/arrow-up.png') no-repeat center center #61BDE2; }
.flexslider.vertical .flex-direction-nav .flex-disabled, .flexslider.vertical .flex-direction-nav .disabled { opacity:1!important; background-color: #DEECF2; }
.flexslider.vertical .flex-direction-nav .flex-prev.disabled, .flexslider.vertical .flex-direction-nav .flex-prev.flex-disabled { background-image:url('/images/portal/navigation/arrow-up-grey.png'); }
.flexslider.vertical .flex-direction-nav .flex-next.disabled, .flexslider.vertical .flex-direction-nav .flex-next.flex-disabled { background-image:url('/images/portal/navigation/arrow-down-grey.png');}

/* Control Nav */

 
.flex_slider_content { }
 
 

.flex-control-nav { position: absolute; left: 25px; bottom:20px; text-align: center; z-index:3;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
    .flex-control-nav li:first-child { margin-left:0; }
.slider_nav  a {width: 16px; height: 16px; line-height:16px; display: block; background-color: #051964; cursor: pointer; font-size:12px; font-weight:bold; color:#fff; }
.slider_nav  a:hover { background-color: #ee691c;  text-decoration:none;}
.flex-control-paging li a { width:14px; height:14px; border-radius:100%; -webkit-border-radius:100%; display:block; background-color: #fff; overflow: hidden; text-decoration: none !important; text-indent: 200%; white-space: nowrap; }
.ie7 .flex-control-paging li a, .ie8 .flex-control-paging li a { background:url('/images/output/slider/controls-off.png') no-repeat left top transparent; }
.ie7 .flex-control-paging li a.flex-active, .ie8 .flex-control-paging li a.flex-active { background:url('/images/output/slider/controls-on.png') no-repeat left top transparent; }
 
.flex-control-paging li a.flex-active { background-color: #8DC63F; 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;}
.flexslider.vertical .cols_2 {  padding: 9px 5px; border-bottom: 3px solid #fff; }
 
.flexslider.vertical .cols_2 > .col_1 { float:left; width:18.96551724137931%; /* 55 / 290 */ margin:0 0 1.724137931034483% 0; text-align:center; }
.flexslider.vertical .cols_2 > .col_2 { float:left; width:79.31034482758621%; margin:0; line-height:1.3; }
.flexslider.vertical p.bold a { text-decoration:underline; color:#0093D0; }
    .flexslider.vertical p.bold a:hover { text-decoration:none; }
.flexslider.vertical p { color:#7a7979;}
.flexslider.vertical .day { display:block; color:#0093D0; font-size:2.692307692307692em; /* 35px */ font-weight:bold;  }
.flexslider.vertical .month { display:block; color:#75c4e4; font-size:1.384615384615385em; /* 18px */ font-weight:bold; }
.flexslider.vertical .year { display:block; color:#75c4e4; font-size:1.230769230769231em; /* 16px */ font-weight:bold;}

/*stiling for slider starts hear */
.content .flexslider ul li { background-image:none; padding:0; }
#slider { }
#slider.flexslider .slides > li, #carousel.flexslider .slides > li { height: auto !important; }
#slider.flexslider { padding-bottom: 2em;  text-align:center;  }
 
    #slider.flexslider img { margin-bottom:1em; max-height:550px; }
    #slider.flexslider .carousel_title { display:block;  text-align: center; padding: 0.5em 0; font-size: 1.25em; font-weight: bold; }
    #slider.flexslider .flex-direction-nav a {width: 30px; height: 30px; display: block; background: url(/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}
 
    #slider.flexslider .flex-direction-nav .flex-prev { background:url('/includes/slider/icon-left.png') no-repeat left top; left:0; }
    #slider.flexslider .flex-direction-nav .flex-next { background:url('/includes/slider/icon-right.png') no-repeat left top; right:0; }
  

#carousel.flexslider .flex-direction-nav { display: block; }
#carousel.flexslider li { margin-right: 5px; }
#carousel.flexslider .flex-direction-nav a {width: 22px; height: 114px; display: block; background: url(/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}

#carousel.flexslider .flex-direction-nav .flex-prev { background:url('/images/output/navigation/scroll-left.png') no-repeat left top;  left: 0;  }
#carousel.flexslider .flex-direction-nav .flex-next {background:url('/images/output/navigation/scroll-right.png') no-repeat left top; right: 0; }
#carousel.flexslider .carousel_title { display: none; }
#carousel.flexslider .slides > li { opacity:0.5; }
#carousel.flexslider img { margin-bottom:1em; height:114px; }
 
    #carousel.flexslider .slides > li.flex-active-slide, #carousel.flexslider .slides > li:hover { opacity:1;}
        #carousel.flexslider .slides > li.flex-active-slide img { box-shadow:0 0 8px #333; }

@media only screen and ( min-width: 768px) and ( max-width: 959px ) {
     .flexslider.vertical .flex-direction-nav li { width:100%; background: url('/images/portal/navigation/blue_gradient.png') repeat-x left top; }
        .flexslider.vertical .flex-direction-nav li a { width:630px; }
    
}

@media only screen and ( max-width: 767px) {
.flexslider_r { width:143px;}
     .flexslider.main .slides > li { background:none !important; height:auto; padding-top:0; }
    .flex_slider_content .summary { display:none;}
        .flex_slider_content .summary + p { display:none; }
    .flex-control-nav, .flex-pauseplay {visibility:hidden; }
    .carousel_box { position:absolute; bottom:0; width:100%; height:auto; padding:0;}
        .carousel_box h2 { padding:0.25em; margin:0; font-size:1.125em;}

        .flexslider.vertical .flex-direction-nav li { width:100%; background: url('/images/portal/navigation/blue_gradient.png') repeat-x left top; }
        .flexslider.vertical .flex-direction-nav li a { display:block; text-align:center; width:100%; }
        .flexslider.vertical .cols_2 > .col_1 { float:left !important; width:18.96551724137931% !important; /* 55 / 290 */ margin:0 0 1.724137931034483% 0 !important; text-align:center; }
        .flexslider.vertical .cols_2 > .col_2 { float:left !important; width:79.31034482758621% !important; margin:0 !important; line-height:1.3 !important; }
    .content #slider.flexslider ul li  { text-align:center !important; }
        #slider.flexslider img { max-height:250px;}
    #carousel.flexslider { display:none;}
 
}

@media only screen and ( max-width: 400px) {
    .flexslider.sml { margin:0 auto; }
  
 
}