html{height:100%; margin:0; padding:0; outline:0; vertical-align:baseline; 
     text-rendering:optimizeLegibility; width:100%; font-smoothing:antialiased;-webkit-font-smoothing: antialiased;}
body{color:#5F5F5F;line-height:1.6; font-size:18px; font-weight:400;
     text-transform:none; background-color:#F5F5F5; width:100%;overflow-x:hidden; font-family: 'Noto Serif', sans-serif; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}	
*,*:after,*:before {-webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0;}
    table {border-collapse:collapse; border-spacing:0;}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}

/* Clearfix by Nicolas Gallagher */
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}

/* Clearfix by Nicolas Gallagher */
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}

h1 {font-family: 'Inter', sans-serif;font-weight:800; 
    font-size:3.815rem;letter-spacing:-2px; line-height:1.1; color:#FFF; text-transform:none;}
h2 {font-family: 'Inter', sans-serif; font-weight:800; 
    font-size:2.441rem; letter-spacing:0px;  line-height:1.1; color: #04132b; text-transform:none;}
h3 {font-family: 'Inter', sans-serif; font-weight:800; 
    font-size:1.563rem; letter-spacing:0px;line-height:1.3; color: #04132b; text-transform:none;}
p  {font-family: 'Noto Serif', sans-serif; font-weight:400; font-size:1 rem;
    letter-spacing:0;line-height:1.6; color:#5f5f5f; text-transform:none;}
a  {color:#ffa92d; transition: 0.5s;}
a:hover,a:active, a:focus {text-decoration: none; color:#3e8391;}
ul,ol {font-family: 'Noto Serif', sans-serif; font-weight:400; 
       font-size:1 rem;letter-spacing:0; line-height:1.6; color: #5d5d5d; text-transform:none; margin: 0 0 10px 10px;}
	
.body_primary   {font-family: 'Noto Serif', sans-serif; font-weight:400; 
                 font-size:0.8rem; letter-spacing:0; line-height:1.6; 
				 text-transform:none; padding:0; margin:0;}			 
.body_tertiary  {font-family: 'Noto Serif', sans-serif; font-weight:1.25rem;
                 letter-spacing:0; line-height:1.5; text-transform:none; padding:0; margin:0;}	
.block_primary  {font-family: 'Noto Sans', sans-serif; font-weight:700; 
                 font-size:0.8rem; letter-spacing:0px; line-height:1.5; 
				 color: #fefefe; text-transform:uppercase;padding:0; margin:0;}	
.block_secondary{font-family: 'Noto Sans', sans-serif; font-weight:700; 
                 font-size:1.0rem; letter-spacing:0px; line-height:1.5; 
				 text-transform:uppercase;padding:0; margin:0; }	
.block_tertiary {font-family: 'Noto Sans', sans-serif; font-weight:700;
                 font-size:1.25rem; letter-spacing:-1px;line-height:1.5; 
				 text-transform:none; padding:0; margin:0;}			
/**==Header==*/
.topmenu{float:right; border-bottom:1px solid #0097B2;padding:0.5em 0;  background-color:#008BA3; margin-right:2em;}
.topmenu li{float:right; padding: 0 10px 0 10px;  border-right:1px solid #0097b2; list-style:none; color:#FFC822;}
.topmenu li a{color:#FFC822;}
.topmenu li a:hover{color:#0097B2;}

.breadcrumbs {font-size: 80%; width: 70%; float: left;clear: both;padding-top: 1em; }
	.breadcrumbs span:after {content: ">";color: #999; padding-left: 0.5em;	padding-right: 0.25em; }
	
@media (max-width: 1024px) {
  h1 {font-size:3.052rem;}
  h2 {font-size:1.953rem;}
  h3 {font-size:1.563rem;}
}
@media (max-width: 768px) {
  h1 {font-size:3.052rem;}
  h2 {font-size:1.953rem;}
  h3 {font-size:1.563rem;}  
}

#pre-header{width:100%;float:left; background-color:#008BA3; height:50px;transition:top 0.6s;}
#pre-header ul { list-style:none; float:right;}
#pre-header ul li { float:left; padding-left:1em; padding-right:1em;}
#pre-header ul li  a{ color:#FFF;}

#header {width:100%;float:left; background-color:#FFF; height:120px; transition:top 0.6s;}
#header #identity_logo{padding:0px 0 10px 0; max-height:130px;}
	
	@media (max-width: 1024px) {
    #header #identity_logo{height:75px;}
    }
	@media (max-width: 768px) {
		#header #identity_logo{padding:5px 0 0 0; height:70px;}
		#header .nav-bar i{float:right; padding-left:50px; padding-top:10px; font-size:2.0em; color:#0097B2; } 
	}

/**==Navigation Style==*/	
.nav-bar { display: none; }
	nav {z-index:30; width:100%; margin:1em auto;}
	nav ul { list-style:none; float:right;}
	nav ul li {float:left; position:relative; margin:0;}
	nav ul li i {padding: 0 0 0 1em;}
	nav:after {content: ""; display:block; clear:both;}
	nav ul li a {color:#04132b; display: block;padding:8px 8px;text-decoration:none;}
	nav ul li:hover { background:#f5f5f5;}
	nav ul li:hover i { color:#008BA3; }
	nav ul li i { margin-right:10px; }
	nav ul li:hover .children { display:block; }
	nav ul li .children {display: none; background:#EFEFEF; position:absolute; margin-left:0px; width:180px; z-index:30;}
	nav ul li .children span { display:none; }
	nav ul li .children li {display: block; width: 100%; padding:3px 6px; border-bottom: 1px solid #FAFAFA;}
	nav ul li .children li a:hover {color: #FABC18;}
	nav ul li .children li:hover {background-color:#f5f5f5;}
	nav ul li .fa-angle-down {position: relative; top:0px;}

/**==OFF canvas Navigation Style==*/
@media all and (max-width: 1024px) {
	.nav-bar {display: block;width:100px; position:absolute; float:right; right:30px; top:30px; background:inherit;}
	.nav-bar span {display:none; float: left; font-size: 20px; padding:0;color:#0097B2;}
	.nav-bar .fa-bars {display: block; margin-top:1em;  padding:30px 0 0 40px;color: #05299e; overflow: hidden; font-size: 100px; font-weight: normal; text-decoration: none; float: right;}
	nav {width:270px; height:auto;  position:fixed; right:100%; top:-10px; padding:3em 0 0 1em; overflow:hidden;height:100%; background-color:#FAFAFA; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
    nav ul li { display: block; border-bottom: 1px solid #FEFEFE; width: 100%;}
	header ul li a { display: block; }
	header nav ul li .children { width: 100%; position: relative; overflow: hidden; display: none;}
	header nav ul li:hover .children { display: none; }
	header nav ul li ul li:first-child { border-top: 1px solid #ffc822; }
	header nav ul li .children span { display: inline-block; margin-right: 10px;}
	header nav ul li .children a { margin-left: 10px; padding: 5px 0;}
	header nav ul li .fa-angle-down {position: relative; top: 3px;}
}

/*Home styles*/ 
.home-banner{width:100%; float:left; min-height:400px; background-color:#04132B; padding:4em 0;}
	.banner-left {padding:4em 2em;}
	.banner-left *{color:#fff;}
	.banner-left h3{color:#fff}
	.banner-left h3:hover{color:#FABC18}
	
	.banner-right {padding:4em 2em;}
	.banner-right *{color:#fff;}
	.banner-right h3{color:#fff}
	.banner-right h3:hover{color:#FABC18}

/*--Inside Pages Styles--*/
.promotions{width:100%; float:left; min-height:200px; padding:4em 0; 
     background-color:#5F5F5F;}
    .promotions *{color:#FFF;}
    .promotions p{color:#5F5F5F;}


.content{width:100%; float:left; min-height:400px; padding:4em 0 4em 0; background-color:#f6f4f2;}
    .content h1{color:#04132B;}
	.content  *{color:#5F5F5F;}
	.content h3{color:#04132B;}
	.content h3:hover{color:#FABC18;text-decoration:underline;}

.features-one{width:100%; float:left; min-height:200px; padding:4em 0; background-color:#f6f4f2;}
	.features-one h1{color:#04132B;}
	.features-one  *{color:#5F5F5F;}
	.features-one h3{color:#04132B;}
	.features-one h3:hover{color:#FABC18;text-decoration:underline;}  

.features-two{width:100%; float:left; min-height:200px; padding:4em 0; background-color:#f6f4f2;}
    .features-two h1{color:#04132B;}
	.features-two  *{color:#5F5F5F;}
	.features-two h3{color:#04132B;}
	.features-two h3:hover{color:#FABC18;text-decoration:underline;} 
	
.media{width:100%; float:left; min-height:200px; padding:4em 0; background-color:#04132b;}
    .media .newsblock{ border-left:1px solid #F7f7f7; border-bottom:1px solid #F7f7f7;}
	.media h1{color:#FFF; padding-bottom:0.5em;}
    .media h3{color:#FFF; padding-bottom:0;}
	.media .mediameta{color:#FABC18;}
    .media .play a{color:#FFF;font-size:3.0em}
    .media .play a:hover{color:#008BA3;}
	
.editions{width:100%; float:left; min-height:200px; 
     padding:4em 0; background-color:#f6f4f2;}
	.editions h1{color:#04132B;}
    .editions p{color:#5F5F5F;}	
    .editions .edblock{ border-left:1px solid #04132B; border-bottom:2px solid #04132B;}
	.editions .edblock:hover{ border-left:1px solid #FABC18; border-bottom:2px solid #FABC18;}

.pages{width:100%; float:left; min-height:400px; 
     padding:4em 0; background-color:#FFF;}
	.pages h1{color:#04132B;padding-bottom:0.5em;}
	.pages ul,.pages ol {margin: 0 0 10px 20px;}
    .pages .banner{width:100%;float:left; z-index:3; margin-top:120px; min-height:400px; 
	 background-position: center; background-repeat: no-repeat; background-size: cover; 
	 position: relative;}	
	.banner { position:relative; top:120px; color:#FEFEFE;}
	.banner *{color:#FEFEFE;}
	.news-content i{line-height:1.1}

.news_page{width:100%; float:left; min-height:400px; padding:4em 0; background-color:#f6f4f2;}
    .news_page *{color:#04132B;} 
	.news_page .left_block{border-left:1px solid #008BA3;}
	.news_page hr{border-top:2px solid #008BA3;}
	.news_page p {color:#5F5F5F;}	

/**Pager Navigation for nested pages */
	.MarkupPagerNav {clear:both; margin:1.0em 0;font-family: 'Roboto', sans-serif;font-weight:400;font-size:18px;}
	.MarkupPagerNav li { display: inline;list-style: none; margin: 0; margin-bottom:10px;}
	.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator {display: block; float: left;
	padding:3.5px 10.5px; color: #fff; background: #0097B2; margin-right:0.5em; font-size: 14px; font-weight: 700;
	  text-transform: uppercase;}
	.MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover { color:#4A4A4A; background:#FFC822;
	  text-decoration: none;}
	.MarkupPagerNav li.MarkupPagerNavSeparator { display: inline; color: #FFF; background: #d2e4ea;
	  padding-left: 3px; padding-right: 3px;}
/**Share block */
	.share-item button{border:1px solid #0097B2; background:inherit; color:#0097B2; font-weight:bold; text-transform:uppercase;}
	.share-item button:hover{background:#FFC822; color:FFF;}

/* Search Styles */
.dropbtn { background-color:inherit; border: none; cursor: pointer;}
#searchInput { box-sizing: border-box; font-size: 18px; padding:1em; border: none; 
border-bottom: 1px solid #ffc822;margin-top:1em;}
#searchInput:focus {outline: 3px solid #ddd;}
	.dropdown {z-index:10; width:100%; position:relative;}
	.dropdown-content {display:none; position:absolute; background-color:#0097b2; width:100%; overflow: auto; border-top:1px solid #ffc822; z-index: 10; padding:20px;}
	.dropdown a:hover {background-color: #ddd;}
	.show {display: block;}
	form.search {width: 100%;margin: 0;}
	form.search input {margin: 0; padding: 0.25em 0.5em; border: 1px solid #ccc; width: 100%; }
	form.visually-hidden{visibility:hidden;}

#pre-footer {width:100%; float:left; padding:3.0em 0;}
    #pre-footer *{color:#FFF;}
	.signup{display: inline-block; margin-top:1em; background-color:#FABC18; color:#04132b;padding:0.5em 3em; border-radius:5px;}
	.signup:hover{background-color:#008BA3; color:#04132b;}
	.footer-menu{ list-style:none; margin-left:0; float:left;}
	.footer-menu li{padding-right:24px; line-height:1.6em; }
	.footer-menu li a{color:#FFF;}
	.footer-menu li a:hover{text-decoration:underline; color:#FABC18;}

#footer {width:100%; float:left; padding:3.0em 0; background-color:#04132b; 
    color:#fff;}
    #footer p{color: #fff; font-size:0.8rem;}
    #footer h4{color: #fff; font-size:1.25rem; font-weight:400;} 
	/**==Social Menu==*/
	.social-menu{ list-style:none;color:#fff; font-size:0.8rem; text-transform:uppercase; font-family: 'Noto Sans', sans-serif; font-weight:700; letter-spacing:1px;}
	.social-menu li{line-height:2.0em; }
	.social-menu li a{color:#FFF;}
	.social-menu li a:hover{color:#FABC18; text-decoration:underline;}
	/**==Global Menu==*/
	.global-menu{ list-style:none;color:#fff; font-size:0.8rem; text-transform:uppercase; font-family: 'Noto Sans', sans-serif; font-weight:700; letter-spacing:1px;}
	.global-menu li{line-height:2.0em; }
	.global-menu li a{color:#FFF;}
	.global-menu li a:hover{color:#FABC18; text-decoration:underline;}	
/**==Back to top==**/
.back-to-top {position: fixed; display: none; background:#FAFAFA; 
    color:#04132B; padding: 2px 15px 8px 15px; font-size: 20px; border-radius: 4px 4px 0 0;right: 3%; bottom: 0; transition: none; z-index:15}
	.back-to-top:focus { background:#ffc822; color:#0097b2; outline: none;}
	.back-to-top:hover {background: #ffc822; color:#FAFAFA;}