/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel { position: relative; height: 100vh; margin-top:-66px;}
.fade-carousel .carousel-inner .item { height: 100vh; }
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; }
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; }
/********************************/
/*          Hero Headers        */
/********************************/
.hero { position: absolute; bottom:-3%; left: 50%; z-index: 3; color: #fff; text-align: center; /*text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75);*/ -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.hero h1 { font-size: 6em; font-weight: bold; margin: 0; padding: 0; }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg { padding: 10px 40px; }
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; margin: 20px auto; }
/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6, .fade-carousel .slides .slide-7, .fade-carousel .slides .slide-8, .fade-carousel .slides .slide-9, .fade-carousel .slides .slide-10, .fade-carousel .slides .slide-11, .fade-carousel .slides .slide-12 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.fade-carousel .slides .slide-1 { background-image: url(../images/slide_1a.jpg) }
.fade-carousel .slides .slide-2 { background-image: url(../images/slide_4a.jpg) }
.fade-carousel .slides .slide-3 { background-image: url(../images/slide_3a.jpg) }
.fade-carousel .slides .slide-4 { background-image: url(../images/slide_5a.jpg) }
.fade-carousel .slides .slide-5 { background-image: url(../images/slide_2a.jpg) }
.fade-carousel .slides .slide-6 { background-image: url(../images/slide_6a.jpg) }
.fade-carousel .slides .slide-7 { background-image: url(../images/slide_7a.jpg) }
.fade-carousel .slides .slide-8 { background-image: url(../images/slide_4bw.jpg)}
.fade-carousel .slides .slide-9 { background-image: url(../images/slide_9.jpg) }
.fade-carousel .slides .slide-10 { background-image: url(../images/slide_10.jpg) }
.fade-carousel .slides .slide-11 { background-image: url(../images/slide_11.jpg) }
.fade-carousel .slides .slide-12 { background-image: url(../images/slide_12.jpg) }

.carousel-inner {background-color:#000F1A}

  /* START HOME SLIDER  */
    .homeSlider {padding:0; margin: 0}

    #carouselWrapper{
      position: relative; overflow:hidden; min-height: 608px;
    }

    #carouselWrapper .carousel-inner {min-height: 608px;}

    #carouselWrapper .carousel-inner .carousel-item {min-height: 608px;}

    #slider { position:relative; padding:0; }
 
   .slider-navigation {
      background: #000000;
      padding: 30px 5px;
      text-align: center;
      opacity: 0.9;
    }
    
    #slider-thumbs-home {
      position: absolute;
      bottom:0px;
      padding:0; margin: 0;
    }
    
    #slider-thumbs-home .list-inline li {
      width: 33.333333%;
      padding: 0px;
      margin-right: -4px;
      cursor: pointer;
      text-transform: uppercase;
    }

    #slider-thumbs-home .list-inline li a {
      text-decoration: none; color:#fff; font-size: 16px; font-weight: 600;
    }

    #slider-thumbs-home .list-inline li a span { display: block; font-size:10px; font-weight:400; max-width:410px; text-align:center; margin:0 auto;}

    #slider-thumbs-home .list-inline {
    margin-bottom: 0;
    }
    
    #slider-thumbs-home .list-inline li:first-child {
      padding-left: 5px;
    }
    
    .slider-nav-arrow {
      text-align: center;
      margin-bottom: 0px;
      visibility: hidden;
    }
    
    .selected .slider-nav-arrow {
      visibility: visible;
    }
    
    .selected .slider-navigation {
      background-color: #006881;
      opacity: 0.9;
      color:#fff;
    }

    .slider-navigation-hr {
      margin: 8px auto;
      border-top-color: #FFF;
      width: 50px;
    }


    #carouselWrapper .carousel-caption { bottom: 0px; padding-bottom:120px;
      background-color: rgba(255,255,255,0.7);
      text-shadow: none;
      right: 0;
      left:0;
    }

    .statsContainer {
    top: calc(50% - 305px);
}

    #carouselWrapper .carousel-caption button { text-transform:uppercase; font-size: 16px; font-weight:500 !important; }

    @media(max-width:1159px) {
      #carouselWrapper { height: 923px; }
      #slider-thumbs-home .list-inline li { width:100%;}
    }

  /* END HOME SLIDER  */

div.overlaybtns-wrap { width: 100%; height: 100px; /*margin-top: 520px */}
div.overlaybtns-wrap .wrap { width: 100%; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100px }
div.overlaybtns-wrap .wrap p { font-size: 12px; color: #002139; font-weight: bold; }
div.overlaybtns-wrap .wrap a { text-decoration: none; }
div.overlaybtns-wrap .wrap .item { width: 34%; display: block; float: left; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
div.overlaybtns-wrap .wrap .item1 { width: 100%; display: block; float: left; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.overlaybtns-wrap .wrap .full:before { content: ''; display: block; width: 100%; height: 70px; background: #022239; position: absolute; top: 0px; left: 0px; z-index: -1; }
div.overlaybtns-wrap .wrap .full p { font-size: 12px; color: #0096A6; font-weight: bold; }
div.overlaybtns-wrap .wrap .item-last { width: 31%; }
div.overlaybtns-wrap .wrap .edition { width: 100%; padding: 5px 25px 20px 20px; margin: 0 2px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.overlaybtns-wrap .wrap .edition:before { content: ''; display: block; width: 100%; height: 100px; background: #0096A6; position: absolute; top: 0px; left: 0px; z-index: -1; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
div.overlaybtns-wrap .wrap .mid { width: 100%; padding: 5px 50px 20px 20px; margin: 0 2px 0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.overlaybtns-wrap .wrap .mid:before { content: ''; display: block; width: 100%; height: 100px; background: #022239; position: absolute; top: 0px; left: 0px; z-index: -1; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
div.overlaybtns-wrap .wrap .mid p { font-size: 12px; color: #0096A6; font-weight: bold; }
div.overlaybtns-wrap .wrap .button { padding: 5px 0; margin: 0 0 0 2px; }
div.overlaybtns-wrap .wrap .button:before { background: #fff600; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
div.overlaybtns-wrap .wrap .button:after { content: ''; display: block; width: 100%; height: 100px; background: #0096A6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0px; right: 0px; z-index: -1; }
div.overlaybtns-wrap .wrap h1 { font-size: 18px; font-weight: 700; color: #FFF; line-height: 1.5em; margin-top:10px }
div.overlaybtns-wrap .wrap h2 { font-size: 18px; font-weight: 700; color: #FFF; line-height: 0.5em; }
div.overlaybtns-wrap .wrap h4 { font-size: 18px; font-weight: 700; color: #FFF; line-height: 1.5em; }
div.overlaybtns-wrap .wrap .btn { width: 100%; font-size: 1.535em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
div.overlaybtns-wrap .wrap .edition:before { background: #0096A6; }
div.overlaybtns-wrap2 { width: 100%; height: 30px; margin-top: 10px }
div.overlaybtns-wrap2 .wrap { width: 100%; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 30px }
div.overlaybtns-wrap2 .wrap p { font-size: 14px; color: #FFF; }
div.overlaybtns-wrap2 .wrap a { text-decoration: none; }
div.overlaybtns-wrap2 .wrap .item { width: 31%; display: block; float: left; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
div.overlaybtns-wrap2 .wrap .item-middle { width: 34%; }
div.overlaybtns-wrap2 .wrap .item-last { width: 34%; }
div.overlaybtns-wrap2 .wrap .edition { width: 100%; padding: 5px 25px 20px 20px; margin: 0 2px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.overlaybtns-wrap2 .wrap .edition:before { content: ''; display: block; width: 100%; height: 30px; background: #022239; position: absolute; top: 0px; left: 0px; z-index: -1; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
div.overlaybtns-wrap2 .wrap .mid { width: 100%; padding: 5px 50px 20px 20px; margin: 0 2px 0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.overlaybtns-wrap2 .wrap .mid:before { content: ''; display: block; width: 100%; height: 30px; background: #0096A6; position: absolute; top: 0px; left: 0px; z-index: -1; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
div.overlaybtns-wrap2 .wrap .button { padding: 5px 0; margin: 0 0 0 2px; }
div.overlaybtns-wrap2 .wrap .button:before { background: #022239; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
div.overlaybtns-wrap2 .wrap .button:after { content: ''; display: block; width: 100%; height: 30px; background: #022239; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0px; right: 0px; z-index: -1; }
div.overlaybtns-wrap2 .wrap .btn { width: 100%; font-size: 1.535em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
div.overlaybtns-wrap2 .wrap .edition:before { background: #022239; }

@media only screen and (max-width:992px) {
div.overlaybtns-wrap { height: 200px !important; margin-top: 50px }
div.overlaybtns-wrap .wrap { height: 200px !important }
div.overlaybtns-wrap .wrap .item { width: 500px; background: #0096A6; margin: 0 0 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 50px }
div.overlaybtns-wrap .wrap .item1 { width: 500px; background: #0096A6; height:40px}
div.overlaybtns-wrap .wrap .item-last { padding: 0 0; background: #0096A6; }
div.overlaybtns-wrap .wrap .item .edition { padding: 0 20px; margin: 0; }
div.overlaybtns-wrap .wrap .mid { padding: 0 20px; }
div.overlaybtns-wrap .wrap .edition:before, div.overlaybtns-wrap .wrap .button:after { display: none; }
div.overlaybtns-wrap .wrap .btn { position: static; top: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
div.overlaybtns-wrap .wrap .item p { display: none }
div.overlaybtns-wrap .wrap .item1 p { display: none }
div.overlaybtns-wrap .wrap .mid:before { display: none }
div.overlaybtns-wrap .wrap .full:before { display: none }
div.overlaybtns-wrap2 { height: 100px !important; margin-top: 10px !important }
div.overlaybtns-wrap2 .wrap { height: 100px !important }
div.overlaybtns-wrap2 .wrap .item { width: 500px; background: #022239; margin: 0 0 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 30px }
div.overlaybtns-wrap2 .wrap .item-last { padding: 0 0; background: #022239; }
div.overlaybtns-wrap2 .wrap .item .edition { padding: 5px 20px; margin: 0; }
div.overlaybtns-wrap2 .wrap .mid { padding: 0 20px; }
div.overlaybtns-wrap2 .wrap .edition:before, div.overlaybtns-wrap .wrap .button:after { display: none; }
div.overlaybtns-wrap2 .wrap .btn { position: static; top: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }
div.overlaybtns-wrap2 .wrap .mid:before { display: none }
div.overlaybtns-wrap2 .wrap p { font-size: 14px }
div.overlaybtns-wrap2 .wrap .item-middle { display: none }
}

@media only screen and (max-width:768px) {
.logo-wrap { height: 100px }
div.overlaybtns-wrap { height: 200px !important; margin-top: -80px !important }
div.overlaybtns-wrap .wrap { height: 200px !important }
div.overlaybtns-wrap .wrap .item { /*width: 300px;*/ background: #0096A6; margin: 0 0 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 50px }
div.overlaybtns-wrap .wrap .item1 { /*width: 300px;*/ background: #0096A6; margin: 0 0 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 50px }
div.overlaybtns-wrap2 { height: 100px !important; margin-top: 10px !important }
div.overlaybtns-wrap2 .wrap { height: 100px !important }
div.overlaybtns-wrap2 .wrap .item-middle { display: none }
div.overlaybtns-wrap2 .wrap .item {/* width: 300px;*/ background: #022239; margin: 0 0 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 30px }
.dkblueStrip { font-size: 18px; padding-top: 18px }
div.overlaybtns-wrap2 .wrap p { font-size: 12px }
.row.news-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
}

@media screen and (min-width: 1159px) {
.hero { width: 980px;   }
#header_nav {
    height: 165px;
	/* height: 67px; 
	padding-top: 16px;*/
	background-color:#000F1A;/* rgba(0,0,0,0.4);*/
}
}

@media screen and (max-width: 767px) {
.hero { margin:auto 0 }
.hero h1 { font-size: 4em; }
.logo-wrap {height:120px !important;}
div.overlaybtns-wrap .wrap .item {  width: 300px; }
div.overlaybtns-wrap .wrap .item1 {  width: 300px; }
div.overlaybtns-wrap2 .wrap .item { width: 300px; }
}
@media screen and (max-width : 320px)  {
	.overlaybtns-wrap {display:none;}
	div.overlaybtns-wrap2 .wrap .item { height:34px;}
	div.overlaybtns-wrap2 .wrap p {
    font-size: 16px;
}
}

@media screen and (max-width : 667px)  and (max-height : 375px) and (orientation : landscape ) {
	div.overlaybtns-wrap  { display:none}
	div.overlaybtns-wrap2 {display:none}
	 }
	


.header-logo { margin: 15px 0 0 15px; /*display: none*/ }
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.logo-wrap { height: 200px; display: none; }
.logo-wrap h1 {display:none}
.hero-image {margin:0 auto;}
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { display: inline-table; clear: both; }

.home-pod img { position: absolute; top: 0; left: 0 }
.pod-inner { padding: 65px 25px 0; width:100%; position: absolute; top: 0; left: 0 }
.pod-inner h2 { color: #FDA500; font-family: 'Lato', sans-serif; font-size: 32px; padding-top: 6px; font-weight: 400 !important }
.pod-inner h2 span { color:#ffffff; } 
.pod-inner h3 { color: #FFF; font-family: 'Lato', sans-serif; font-size: 17px; padding-top: 6px; font-weight: 300 !important; line-height: 120% }
.pod-inner h4 a { color: #FFF; font-family: 'Lato', sans-serif; font-size: 14px; padding-top: 6px; font-weight: 300 !important; line-height: 120% }

a.link-wj { clear: both; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 900 !important; color: #FFB200; text-align: center !important }
a.link-wj:hover { color: #FFFFFF; text-decoration: none }

.navCircle { height: 47px;}
.navCircle .fa-stack { margin-top: -5px;}
.navCircle .fa-search, .navCircle .fa-home {color:#006881;}

/* feeds */
.twitterWrapper {overflow: scroll; height: 350px;}
.twitterTab {height:420px; padding:10px 15px; background:url(../images/bg_twitter.png) repeat-x #006881;}
.twitterLink {padding: 15px; display: inline-block;}
.youtubeLink {padding: 15px; display: inline-block; color:white}
.facebookTab {height:420px; background:url(../images/bg_facebook.png) repeat-x #163A61; padding:25px;}
.bbcTab {height:420px; background:url(images/bg_bbc.png) repeat-x #6A1030;padding:32px 25px; overflow:hidden;}
.wjTab {height:420px; background:url(images/bg_wj.png) repeat-x #002339; padding: 32px 25px; margin:0 auto;}

.small {color: #fff !important;}

#feeds { font-size: small; font-family: arial, sans-serif; float: left; width: 100%; }
#feeds2 { font-size: small; font-family: arial, sans-serif; float: left; width: 100%; }
.gfc-control .gfc-resultsHeader .gfc-title { font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 600; color: rgb(245, 248, 250); }
.gfc-title { border-bottom-style: none; }
#feeds2 .gf-author { display:none !important}
#feeds2 .gf-spacer { display:none !important}
.gf-title { color: #FFF; ; text-decoration: none; font-weight: bold }
.gf-title a:hover { font-weight: bold; color: #fff; }
.gf-snippet { color: #F5f5f5 }
.gf-relativePublishedDate { color: #FFA500 !important; }
.gfc-control div { font-family: arial, sans-serif; }
.gfc-control { height:346px; overflow: hidden;}
.gfc-result .gf-title { height: inherit !important }
.gfc-result { margin-bottom:20px !important;}
.gfc-results { padding-bottom: .2em; padding-top: 5px; }
.feed_item_title { font-weight: bold; color: #FFF }
.gfc-resultsHeader { width: 100%; border-bottom: none !important; margin-bottom: 17px !important; }
#content .itemlist .feed_item { margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 1px solid #CCCCCC; clear: both; }
.socialtitles { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 600; color: rgb(245, 248, 250); margin-left: 10px; }
.socialtitles .bbc {font-size:18px; margin-top: 8px; display: inline-block;}
#bccFeed {margin-top:10px;}
.socialtitles .managed {font-size:18px; }
.managed {margin-left:0px !important;}
.socialtitles, .social i { line-height: 100%;}
.social {height: 340px;
    overflow: hidden;}
.inline-block {display:inline-block; margin-bottom:5px;}

.fb-page {margin-top:10px;}

.wj-logo {height:200px; width:240px; padding:30px 0 10px; margin:0 auto;}

.feed-title {font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: rgb(245, 248, 250);}
#feeds a, #feeds2 a {color: #FFA500;}
#feeds span, #feeds2 span {color:#ccc; padding:4px 0; display:inline-block}
#feeds div.link {margin: 15px 0 10px} 
#feeds2 div.link {margin: 10px 0} 
#feeds2 img {display: none;} 

@media(max-width:1200px) {

.social {height:100%; overflow: visible;}
.social div { display: block; }
}