@font-face {
    font-family: 'MyriadProSemibold';
    src: url('myriadpro-semibold.eot');
    src: url('myriadpro-semibold.eot') format('embedded-opentype'),
         url('myriadpro-semibold.woff') format('woff'),
         url('myriadpro-semibold.ttf') format('truetype'),
         url('myriadpro-semibold.svg#MyriadProSemibold') format('svg');
}



@font-face {
    font-family: 'philosopherregular';
    src: url('philosopher-regular-webfont.eot');
    src: url('philosopher-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('philosopher-regular-webfont.woff') format('woff'),
         url('philosopher-regular-webfont.ttf') format('truetype'),
         url('philosopher-regular-webfont.svg#philosopherregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; float:right;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative; list-style-type:none;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption { margin:0 auto; width:38%; position: absolute; left: 0; top: 184px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 2.5em; line-height: 30px; font-family:trajan_proregular, Arial, Helvetica, sans-serif; padding:8px 0% 10px 0%; text-align:left;}

.caption-center h3{ padding:0px; margin:0px 0 15px 0; font-weight:normal; color:#fff; font-size:24px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.caption-center h2{ padding:0px; margin:0px 0 15px 0; font-weight:normal; color:#fff; font-size:36px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.caption-center .blue-content{ padding:0px; margin:0px 0 15px 0; font-weight:normal; color:#39d7f0; font-size:36px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.caption-center .blue-content-new{ padding:0px; margin:0px 0 15px 0; font-weight:normal; color:#39DBF0; font-size:23px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.caption-center p{ padding:0px; margin:35px 0 0px 0; font-weight:normal; color:#000000; font-size:21px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.caption-center p span{ padding:0px; margin:0px 0 15px 0; font-weight:normal; color:#fff; font-size:21px; font-family:philosopherregular, Arial, Helvetica, sans-serif; text-transform:uppercase;}


.flex-caption span{ color:#fff; font-size: 65%; line-height: 30px; font-family:trajan_proregular, Arial, Helvetica, sans-serif;}

.flex-caption span a{ color:#fff; font-size: 75%; line-height: 30px; font-family:trajan_proregular, Arial, Helvetica, sans-serif; text-decoration:underline;}

/* Direction Nav */
.flex-direction-nav li a {width: 79px; height: 136px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; bottom:5%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -87px 3px; top:470px; right:0; /*top:67px; right:-1000px;*/ }
.flex-direction-nav li a.prev {background-position: -1px 3px; top:470px; left:0; /*top:190px; left:-100px;*/}

ul.flex-direction-nav{ list-style-type:none;}

/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: -30px; left: 50%; list-style-type:none;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;  list-style-type:none!important;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}