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:#5d5d5d;line-height:1.6; font-size:18px; font-weight:400;
     text-transform:none; background-color:#FFF; 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;}

h1 {font-family: 'Noto Sans', sans-serif;font-weight:700; 
    font-size:3.815rem;letter-spacing:-2px; line-height:1.1; color:#FFF; text-transform:none;}
h2 {font-family: 'Noto Sans', sans-serif; font-weight:700; 
    font-size:2.441rem; letter-spacing:-2px;  line-height:1.1; color: #04132b; text-transform:none;}
h3 {font-family: 'Noto Sans', sans-serif; font-weight:700; 
    font-size:1.563rem; letter-spacing:-1px;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:#04132B; 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;}
/**==Box Styles==*/	
.bluebox{background-color:#3E8391;}
	.bluebox *{color:#FEFEFE;}
.blackbox{background-color:#04132B;}
    .blackbox *{color:#A4A4A4;}
.whitebox{background-color:#FFFFFF;}
    .whitebox *{color:#04132B;}	
.greybox{background-color:#f5f5f5;}
    .greybox *{color:#04132B;}	
	
.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_menu      {font-family: 'Noto Serif', sans-serif; font-weight:1rem;
                 letter-spacing:0; line-height:1.5;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:800; 
                 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==*/
.parent {display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.entity { grid-area:1 / 1 / 2 / 7; background-color:#FFF;}
.sabbath { grid-area: 1 / 7 / 2 / 8; background-color: #3E8391; transition: background 1s ease;}
	.sabbath .logo{ position:fixed;}
	.sabbath .logo img{ width: 110px; height: 80%;}
	
@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;}  
}
/**==Header Style==*/
#header {position: absolute; top:0; height:120px; z-index:5; transition: top 0.6s; width:85.71%;}
	.identity_logo{padding:10px 0 0 0; max-height:100px; max-width:311px;}

/**==Navigation Style==*/	
.nav-bar { display: none; }
	nav {z-index:30; width:100%; margin:10px 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 8px;}
	nav:after {content: ""; display:block; clear:both;}
	nav ul li a {color:#FFF; display: block;padding:8px 8px;text-decoration:none;}
	nav ul li a:hover {color: #04132B;}
	nav ul li:hover { background:#FFA92D; color:#04132B;}
	nav ul li:hover i { color:#FFA92D; }
	nav ul li i { margin-right:10px;}
	nav ul li:hover .children { display:block; }
	nav ul li .children {display: none; background:#FFA92D; position:absolute; margin-left:0px; width:220px; 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 dotted #FAFAFA;}
	nav ul li .children li a:hover {color: #04132B;}
	nav ul li .children li:hover {background-color: #FAFAFA;}
	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:40px; background:inherit;}
	.nav-bar span {display:none; float: left; font-size: 20px; padding:0;color:#04132B;}
	.nav-bar .fa-bars {display: block; padding:0;color: #FFF; overflow: hidden; font-size: 36px; font-weight: normal; text-decoration: none; float: right;}
	nav {width:290px; height:auto;  position:fixed; right:100%; top:-10px; padding:3em 1.0em 0 1em; overflow:hidden;height:100%; background-color:#FFF; 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; color:#04132B;}
	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: none; }
	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;}
}

/**==OFF canvas Navigation Style==*/
.topmenu{float:right; padding-bottom:1em}
.topmenu li{float:left; padding:0 10px 0 10px; list-style:none;color:#FFF;}
.topmenu li a{color:#FFF;}
.topmenu li a:hover{color:#FFA92D;}

/**==Buttons==*/
.button_orange{background:inherit; display: inline-block; 
      border: 2px solid #FFA92D; border-radius:50px; color:#FFA92D; transition:0.2s; padding: 0.5em 2em; font-size:1em; font-family:'Noto Sans', sans-serif; letter-spacing:-1px; font-weight:700; margin:1em 0;}
.button_orange:hover {background-color:#FFA92D; border: 2px solid #FFA92D; 
      color:#000;}
.button_blue{background-color:#3E8291; display: inline-block; 
      border-radius:50px;color:#fff; transition:0.2s; padding: 0.5em 2em; font-size:0.85em;font-family:'Noto Sans', sans-serif; font-weight:700; margin:1em 0;}
.button_blue:hover {background-color:#04132B; color:#FFF;}
.button_white{background:inherit; display: inline-block; 
      border: 2px solid #3E8391; border-radius:50px;color:#3E8391; transition:0.2s; padding: 0.5em 2em; font-size:1em; font-family:'Noto Sans', sans-serif; letter-spacing:-1px; font-weight:700; margin:1em 0;}
.button_white:hover {background-color:#3E8391; border: 2px solid #3E8391; 
      color:#FFF;}

/**==Banner pages for the site==*/
.banner_home{width:100%;float:left; position:relative; z-index:0; margin-top:-120px; min-height:700px; background-position:center;	background-repeat:no-repeat; background-size:cover;}
	.banner_home_text {position:relative; padding: 2em; top:400px; color:#FEFEFE;}
	.banner_home_text *{color:#FFF;}
	.banner_home .nav-bar .fa-bars {color:#FFF;}
@media (max-width: 1024px) {
	.banner_home{margin-top:-120px; min-height:550px;} 	
	.banner_home_text{top:250px;}
	.banner_home .fa-bars {color:#FFF;}
}
@media (max-width: 768px) {
	.banner_home{margin-top:-120px; min-height:550px;} 	
	.banner_home_text{top:190px;}
	.banner_home .fa-bars {color:#FFF;}
}

/**==Banner pages for the site==*/
.banner_main{width:100%;float:left; z-index:3; margin-top:0px; 
min-height:300px; background-position:top center;  background-repeat: no-repeat; background-size: cover; position:relative;}	
	.banner_main_text h1{color:#fff;}
	.banner_main_text { margin-top:9em; color:#FFF;}
	.banner_main_text *{color:#FFF;}
	.breadcrumbs span{padding-left:10px;padding-right:10px;}
@media (max-width: 1024px) {
	.banner_main{min-height:260px; background-color:#04132B;} 	
}
@media (max-width: 768px) {
	.banner_main{min-height:240px; background-color:#04132B;}
}	
.banner_updates{width:100%;float:left; z-index:3;margin-top:0px; min-height:250px; background-color:#04132B;}
    .banner_updates_text h1{color:#fff;}
    .banner_updates_text {padding-top:4em; color:#FFF;}
	.banner_updates_text p{color:#FFF;}    	
@media (max-width: 1024px) {
	.banner_updates{min-height:220px; background-color:#04132B;} 	
}
@media (max-width: 768px) {
	.banner_updates{min-height:200px; background-color:#04132B;}
}
/**==Home Styles==*/
.home_special{width:100%;float:left; min-height:100px; padding:2em 0; background-color:#D5D5D5;}
	.home_special *{color:#04132B;}

.home_one{width:100%;float:left; min-height:100px; padding:3em 0; }
	.home1_left{padding:2em;}
	.home1_feature{padding:2em 1em;}
	.home1_feature h3{color:#FFF; margin-bottom:1em;}
	.home1_feature p{color: #d5d5d5;}
	.newslink a{color:#E36520;}
	.newslink a:hover{color:#04132B;text-decoration:underline;}

.home_two{width:100%;float:left; min-height:100px;padding:0; }
    .home2_left {padding: 3em 1em; background-color: #f5f5f5;}
    .home2_right{padding: 3em 1em;}
    .home2_right *{color: #fff;}	
	
.home_three{width:100%;float:left; min-height:100px;padding:3em 0;}
	.home3_block{padding:2em 1em; background-color: #F5f5f5; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);}
	.home3_left h2{padding-bottom:1em;}
/*--Content--*/
.content{width:100%; float:left;}
	.content-box {padding:3em 0; min-height:5em;}
	.content-box p{color: #04132B; padding: 0 0 10px 0}
	.resource{padding: 1.5em 2em; border:1px solid #999;}
	.media{padding:1em;}
	.breadcrumbs *{color:#FFF;}
	.breadcrumbs span{padding-left:10px;padding-right:10px;}
    .breadcrumbs span a{color:#fff;}
	.profilepic{border:5px solid #FFA92D; padding:1em; margin-bottom:3em;}

/*--Accordion--*/
.caru_accordion {background-color:#D5D5D5; cursor:pointer; padding: 1em; 
    width:100%; text-align: left; border: none; outline: none;transition: 0.5s; margin-bottom:1em; color:#04132b;}
	.active, .scc_accordion:hover {background-color: #FFA92D; 
	color:#04132b;}
	.caru-acc-panel{padding:0;max-height:0; overflow: hidden; transition: max-height 0.2s ease-out;}
	.caru-acc-panel p{padding:1em; background-color:#F5F5F5; color:#04132b;}	

/**==Collapsible Box==*/
.collapsible { background-color:#3E8391; color: #FFF; cursor: pointer;
     padding:0.5em 1em; width: 25%; border: none; text-align: center; outline: none;}
	.active, .collapsible:hover { background-color: #2E6dE7;}
	.collapse-content {padding:0; margin-bottom:2em; background-color: #f5f5f5; max-height:0; overflow: hidden; transition:max-height 0.8s ease-out;}		

/**==Site Promotion==*/
	.promotion{width:100%;float:left; background-size:cover; padding:3em 0; min-height:300px;}
	.promotion h2{color:#fff;}
	.promotion p{color:#fff; margin-bottom:2em;}

/**==Footer==*/
#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:1.8em; }
	.social-menu li a{color:#FFF;}
	.social-menu li a:hover{color:#2E6dE7; 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:1.6em; }
	.global-menu li a{color:#FFF;}
	.global-menu li a:hover{color:#2E6dE7; text-decoration:underline;}

/**==Back to top==*/
.back-to-top {position: fixed; display: none; background:#FAFAFA; 
    color:#04132B; padding: 2px 15px 8px 15px; font-size: 1.25 rem; border-radius:4px 4px 0 0;right:52%; bottom:0; transition: none; 
	z-index:15}
	.back-to-top:focus { background:#2E6dE7; color:#3E8391; outline: none;}
	.back-to-top:hover {background: #2E6dE7; color:#FAFAFA;}