/*=== HEADER ===*/

#header.cell{
	width: 100%;
	z-index: 100;
	height: 112px;
}
#header .container, #header .page{
	max-width: 1200px;
}
#header .container {
  transition: all 0.3s ease 0s;
}
.scrolling #header .container {
  max-width: 1024px;
}
.nav-fixed{
	position: fixed;
	z-index: 100;
}
.site-logo{
	display: block;
	width: 100%;
	height: 112px;
	padding: 12px 0px;
	transition: all 0.3s ease 0s;
}
.scrolling .site-logo {
  height: 72px;
  padding: 15px 0 0 0;
}
.site-logo a{
	background: url("/images/layout/logo.png") scroll 35px center no-repeat transparent;
	display:block;
	width: 100%;
	height: 100%;
	background-size: contain;
}
.header-menu{
	background: #24335a;
	/*height: 112px;*/
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}
.header-menu .cell{
	text-align: center;
}
.header-menu .cell.nav-btn{
	width: 144px;
	background: #24335a;
}
.header-menu .cell.nav-btn a{
	display: block;
}
.header-menu .cell.nav-btn span{
	width: 45px;
	height: 4px;
	background: #84cfcd;
	border-radius: 1px;
	display: block;
	margin: 0 auto 5px;
}
.header-menu .cell.nav-btn span:last-child{
	margin-bottom: 0;
}
.header-menu .cell.logo{
	width: 265px;
	background: #ffffff;
	transition: all 0.3s ease 0s;
}
.scrolling .header-menu .cell.logo {
  width: 166px;
}

.header-menu .cell.orange{
	background: #ffffff;
}
.header-menu .cell.light-blue{
	width: 270px;
}
.header-menu .cell .skew{
	height: 100%;
	width: 100%;
	display: block;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	position: relative;
	z-index: 1;
}
.header-menu .cell.orange .skew{
	background: #f47e58;
}
.header-menu .cell.orange:hover .skew{
	background: #f38562;
}
.header-menu .cell.blue,
.header-menu .cell.blue .skew{
	background: #24335a;
}
.header-menu .cell.blue:hover .skew{
	background: #303f68;
}
/* Fixed for FireFox */

.header-menu .cell .relative{
	height: 100%;
}
.header-menu .cell .mask{
	content: "";
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #24335a;
	z-index: 0;
}
.header-menu .cell.orange .mask{
	background: #24335a;
}
.header-menu .cell.light-blue .mask{
	background: #84cfcd;
}
/***********/

.header-menu .cell.light-blue .skew{
	background: #84cfcd;
}

.header-menu .cell.light-blue:hover .skew{
	background: #a3dbda;
}
.header-menu .cell:last-child{
	background: #84cfcd;
	width: 130px;
}
.header-menu .cell .skew a{
	display: block;
	padding: 45px 0;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
}

.scrolling .header-menu .cell .skew a {
  padding: 30px 0px;
}

.header-menu .cell:last-child:hover{
	background: #84cfcd;
}   
.header-menu .cell a {
	color: #ffffff;
	font-family: 'Lato Heavy';
	font-size: 16px;
	text-transform: uppercase;
}
a#search_btn{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url("/images/icons/search.png") center center no-repeat;
	font-family: 'Lato Bold';
	transition: background 0.3s ease;
}
a#search_btn:hover{
	text-indent: 0;
	background: url("/images/icons/search_light.png") center center no-repeat;
}
a#search_btn.close{
	background: url("/images/icons/close.png") center center no-repeat;
}
.search-box{
	text-align: center;
	height: 0;
	overflow: hidden;
	margin-left: 144px;
	box-sizing: border-box !important;
}
.search-box * {
  box-sizing: border-box !important;
}
.search-box.show{
	height: 74px;
	padding: 15px 0;
}
.search-box input[type=text] {
	vertical-align: middle;
	font-size: 24px;
	padding: 5px 0;
	width: 70%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #FFF;
	color: #EBEBEB;
	font-family: 'Lato Medium';
	
	border-radius:0 !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.search-box input[type=submit] {
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  width: 26px;
  height: 47px;
	background: url("/images/icons/search_light.png") center center no-repeat;
  margin-left: 15px;
  cursor: pointer;
}
/*=== MAIN NAVIGATION ===*/

#menu{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 110;
	max-width: 820px;
	background: #24335a;
	overflow: hidden;
	color: #ffffff;
	width: 0;
	transition: all 0.6s ease 0s;
}
.open #menu {
  width: 100%;
  transition: all 0.8s ease 0s;
}
.open .nav-wrap{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.close-menu{
	display: block;
	color: #ffffff;
	font-size: 32px;
	font-family: 'Rubik Light';
	margin: 25px 0 0 23px;
}
.main-nav-menu{
	width: 100%;
	height: 100%;
	padding: 42px 13% 30px 13%;
}

.main-nav-menu .social {
  white-space: nowrap;
}
.main-nav-menu .table .cell:first-child{
	width: 120px;
}
.main-nav-menu .cell:last-child .relative{
	padding-top: 110px;
}
.menu_logo{
	display: block;
	background: url("/images/layout/logo_light.png") no-repeat;
	width: 85px;
	height: 108px;
	position: relative;
}
.main-nav-menu .cell:first-child hr{
	content: "";
	display: block;
	height: 3px;
	background: rgba(255, 255, 255, 0.5);
	width: 68px;
	margin-top: 30px;
	border: none;
}
.nav-menu{
  width: 100%;
	height: 100%;
}

.nav-menu li{
	display: block;
	position: relative;
}
.nav-menu > li > a{
	display: inline-block;
	font-family: 'Lato Heavy';
	color: #ffffff;
	text-transform: uppercase;
	font-size: 28px;
	padding: 8px 30px 8px 0;
	background: #24335a;
	white-space: nowrap;
}
.nav-menu > li:hover > a,
.main-nav-menu .bottom-menu li a:hover,
.nav-phone:hover,.close-menu:hover{
	color: #84cfcd;
}
.nav-menu > li.hasChild:hover:before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 3px;
	background: #84cfcd;
	top: 50%;
    margin-top: -1px;
	z-index: -1;
}
.nav-menu > li.active .sub-menu{
	display: block;
}
.sub-menu{
	text-align: left;
	left: 267px;
	padding-left: 28px;
  list-style: none;
  position: absolute;
  top: 11px;
  z-index: 999;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	background: #24335a;
	max-width: 275px;
	display: none;
}
body.desktop .nav-menu > li:hover .sub-menu{
	display: block;
}
.sub-menu li{
	margin-right: 0;
	width: 100%;
	display: inline-block
}
.sub-menu li a{
	font-size: 16px;
	color: #ffffff;
	text-transform: capitalize;
	margin: 0;
	display: block;
	padding: 5px 0;
	font-family: 'Lato Heavy';
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sub-menu li:hover a {
	color: #84cfcd;
	
}
.opp-section {
	display: block;
/*   padding-bottom: 60px; */
	margin-bottom: 50px;
}

.opp-section p {
	overflow: hidden;
}
/*
.opp-section p em {
	display: inline-block;
}
*/

.opp-section .btn {
	white-space: normal;
}

.main-nav-menu .bottom-menu{
	margin: 45px 0 55px;;
}
.main-nav-menu .bottom-menu li{
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	white-space: nowrap;
}
.main-nav-menu .bottom-menu li:first-child{
	border-bottom: none;
}
.main-nav-menu .bottom-menu li a{
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Lato Heavy';
	padding: 15px 0;
}
.nav-phone{
	color: #ffffff;
	font-size: 18px;
	font-family: 'Lato Heavy';
	position: absolute;
	top: 10px;
	left: 295px; 
}
.main-nav-menu .social{
	margin-bottom: 20px;
}
.main-nav-menu .social span{
	display: inline-block;
	vertical-align: middle;
}
.main-nav-menu .social a{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.main-nav-menu .social #fb{
	background: url("/images/icons/fb.png") no-repeat;
	width: 9px;
	height: 19px;
	margin-left: 10px;
}
.main-nav-menu .social #tw{
	background: url("/images/icons/tw.png") no-repeat;
	width: 17px;
	height: 16px;
}
.main-nav-menu .social #inst{
	background: url("/images/icons/inst.png") no-repeat;
	width: 20px;
	height: 19px;
}
.main-nav-menu .social #yt{
	background:url(/images/icons/yt.png) no-repeat;
	height:15px;
	width:21px;
}
/*=== FOOTER ===*/
.contact-info{
	background: url(/images/layout/pattern_dotted.png) repeat center top #24335a;
	color: #ffffff;
}
.contact-gradient {
  padding: 90px 0 40px;
  position: relative;
  background: url(/images/layout/footer_gradient.png) repeat-x left top scroll transparent;
}
.contact-gradient:before,
.contact-gradient:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.contact-gradient:before {
  background: url(/images/layout/footer_gradient.png) repeat-x left top scroll transparent;
  z-index: 2;
}
.contact-gradient:after {
  opacity: 0.6;
  background: url(/images/layout/pattern_dotted.png) repeat left bottom;
  z-index: 1;
}
.contact-gradient > .table {
  position: relative;
  z-index: 10;
}
.contact-info h4{
	font-size: 16px;
	font-family: 'Lato Heavy';
	text-transform: uppercase;
	color: #84cfcd;
	padding-bottom: 20px;
}
.contact-info .cell{
	font-size: 14px;
}
.contact-info .cell:first-child{
	padding: 0 50px 0 40px;
}
.contact-info .cell:first-child p{
	font-size: 16px;
}
.contact-info .cell:last-child{
	padding: 0 40px 0 50px;
	width: 275px;
}
.contact-info .cell .relative{
	padding: 0 60px;
}
.contact-info .cell .relative:before,
.contact-info .cell .relative:after{
	content: "";
	width: 1px;
	height: 135px;
	background: rgba(255, 255, 255, 0.35);
	position: absolute;
	top: 20px;
}
.contact-info .cell .relative:before{
	left: 0;
}
.contact-info .cell .relative:after{
	right: 0;
}
.contact-info .cell .relative p,
.contact-info .cell li{
	line-height: 24px;
	font-size: 14px;
}
.contact-info .cell li:last-child{
	margin-top: 15px;
}
.contact-info .cell li span{
	color: #84cfcd;
}
#footer.cell > .page{
	background: #ffffff;
	font-size: 12px;
	height: 112px;
}
#footer > .page .cell:first-child{
	padding-left: 20px;
}
#footer > .page .cell:last-child{
	padding-right: 20px;
	width:58%;
}
#footer > .page:last-child p{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: normal;
}
.mrm-logo{
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	height: 48px;
	background: url("/images/layout/logo_MRM.png") no-repeat;
	margin-right: 20px;
}
.gs-logo{
	display: inline-block;
	vertical-align: middle;
	width: 148px;
	height: 46px;
	background: url("/images/layout/logo_GuideStar.png") no-repeat;
	margin-right: 8px;
}
.cn-logo{
	display: inline-block;
	vertical-align: middle;
	width: 89px;
	height: 76px;
	background: url("/images/layout/logo_CN.png") no-repeat;
	margin-right: 8px;
}
.ip-logo{
	display: inline-block;
	vertical-align: middle;
	width: 116px;
	height: 57px;
	background: url("/images/layout/logo_IP.png") no-repeat;
	margin-right: 8px;

}
.egct-logo{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url("/images/layout/egct_logo.png") no-repeat;
}
/*=== TOP BANNER ===*/
.founded-txt{
	font-size: 20px;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
	position: absolute;
	z-index: 12;
	top: 55%;
	left: -30px;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
}
.unslider{
	height: 100%;
	min-height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden !important;
}
.unslider .banners {
    position: absolute;
    height: 100%;
    width: 100%;
}
.unslider .banners li{
    display: block;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
    -webkit-transition: opacity .75s; 
    transition: opacity .75s; 
}
.unslider .banners li.unslider-active {
	opacity: 1;
}
.banner .relative{
	height: 100%;
	min-height: 100%;
}
#inner .banner{
	height: 330px;
}
#inner .banner > .cell{
	background-color: #9A9A9A;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#inner .banner .page{
	height: 100%;
}
#inner .banner .page > .cell{
	padding: 0 20px;
}
#home .banner{
	min-height: 630px;
}
.banner .banner-text .page{
	height: 100%;
}
.banner .bg-face,
.callout-picture .bg-face {
	background: url("/images/layout/bg_face_transp.png") top right no-repeat;
	background-size: contain;
}
#home .banner-text{
	position: absolute;
	z-index: 6;
	width: 100%;
	height: 100%;
}
.banner-text .page .cell{
	padding: 0 20px;
}
.banner-text h1{
	font-family: 'Westfalia Regular';
	color: #ffffff;
	text-transform: uppercase;
	font-size: 84px;
	max-width: 50%;
	line-height: 94px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
}

#inner .banner-text h1 {
  max-width: none !important;
}
.banner-text h1 span{
	display: block;
	font-size: 22px;
	color: #f47e58;
	font-family: 'Lato Bold';
	line-height: normal;
	text-transform: capitalize;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.banner-text h3{
	color: #24335a;
	font-size: 94px;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
	position: relative;
	display: block;
	line-height: 94px;

}
.banner-text h3 span{
	color: #f47e58;
	display: block;
	max-width: 400px;
}
.banner-text p{
	font-size: 22px;
	margin-bottom: 20px;
	max-width: 275px;
}
.banner .unslider-arrow{
	width: 34px;
	height: 57px;
	top: 50%;
	margin-top: -28px;
	z-index: 11;
	text-indent: -999em;
	opacity: 0;
	visibility: hidden;
}
.banner:hover .unslider-arrow{
	opacity: 1;
	visibility: visible;
}
.banner .unslider-arrow.next{
	background: url("/images/arrows/sl_right.png") no-repeat;
	right: 60px;
}
.banner .unslider-arrow.prev{
	background: url("/images/arrows/sl_left.png") no-repeat;
	left: 60px;
}
.sub-banner{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sub-banner > .cell{
	height: 470px;
}
.sub-banner .relative{
	height: 100%;
}
.sub-banner .angled{
	background: url(../images/layout/bg_light.png) no-repeat center bottom;
	background-size: 100%;
}
.sub-banner .bg-overlay{
	opacity: 0.5;
}
.sub-banner .relative{
	background:  url("/images/layout/pattern_over_sm.png") repeat;
}
.sub-banner .relative:after{
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
	width: 265px;
	height: 315px;
	background: url("/images/layout/pattern_left.png") no-repeat left bottom;
	z-index: 5;
}


/*=== MAIN CONTENT ===*/

.main-content.container{
	max-width: 1200px;
	padding: 60px 0 130px;
	position: relative;
}
.main-title{
	max-width: 800px;
    margin: 0 auto;
    padding-bottom: 70px;
}
.main-title p{
	font-size: 42px;
	margin-bottom: 0;
	font-family: 'Westfalia Regular';
	line-height: 52px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.main-title p + p {
  padding-bottom: 0px;
}
.main-title p span{
	color: #f47e58 !important;
	font-family: 'Westfalia Regular' !important;
}
.main-title p.small {
  font-size:24px;
  line-height: 28px
}

.main-title + .main-content { 
  padding-top: 0px !important;
}

#main > .main-title {
  padding-top: 60px;
}

.main-content h2{
	font-size: 24px;
	font-family: 'Lato Bold';
	line-height: 32px;
	border-bottom: 1px solid #84cfcd;
	padding-bottom: 15px;
	margin: 38px 0px 22px;
	max-width: 85%;
	display: block;
}

.main-content h3{
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Lato Bold';
	margin-bottom: 20px;
}
.main-content a{
	color: #84cfcd;
}
.main-content .space{
	padding-top: 60px;
}
#main hr{
	height: 1px;
	display: block;
	box-shadow: none;
	outline: none;
	background: #84cfcd;
	border: none;
	width: 70%;
	max-width: 990px;
	margin: 0 auto 30px;
}

.page-sections + hr {
  margin-top: 60px !important;
}
.main-content .col-left{
	padding: 0 100px 0 110px;
}
.main-content .col-left p span{
	font-family: 'Lato Black';
	color: #f47e58;
}

.main-content .col-left img,
.main-content .col-right img {
	height:auto !important;
}

.main-content .col-right {
    width: 30%;
}
.main-content .col-right h3{
	color: #ffffff;
	font-family: 'Westfalia Regular';
	font-size: 42px;
	line-height: 52px;
}
.rt-banner + .rt-banner {
	margin-top: 70px;
}
.rt-banner.turquoise {
  background-color: #84cfcd;
}
.rt-banner.navy {
  background-color:#24335a;
}
.rt-banner.orange {
  background-color:#f47e58;
}
.rt-banner.large-banner {
	padding: 47px 36px 34px;
	text-align: center;
	display: block;
}
.rt-banner.small-banner {
	text-align: left;
	height: 122px;
}
.rt-banner.small-banner > .cell:first-child {
	padding: 8px 0px 8px 36px;
}
.rt-banner.small-banner > .cell + .cell {
  padding: 8px 48px 8px 18px;
}
.large-banner img {
  margin-bottom: 26px;
}
.rt-banner .title,
.rt-banner .text-content {
	color: #fff;
  font-family: 'Westfalia Regular';
  font-size: 42px;
  line-height: 52px;
  text-transform: uppercase;
}
.rt-banner .title {
  padding-bottom: 0px;
}
.large-banner .title {
  color: #24335a;
}
.rt-banner.small-banner .file + .cell > .title {
  text-align: center;
}
.rt-banner * + .btn {
  margin-top: 26px;
}
.rt-banner .btn:hover{
	background: #24335a;
	color: #84cfcd;
}
.rt-banner.large-banner.navy .title{
  color: #F38562;
}
.rt-banner.large-banner.navy .btn {
  background-color: #7ACFCC;
  color: #24335A;
}
.rt-banner.large-banner.orange .title{
  color: #24335A;
}
.manual-banner{
	background: url("/images/icons/pdf.png") 35px 26px no-repeat #24335a;
}
.manual-banner h3{
	display: inline-block;
	text-align: center;
}
.manual-banner h3,
.helpful-banner h3{
	margin-bottom: 0;
}
.manual-banner a{
	text-align: left;
	display: block;
	padding: 8px 20px 8px 120px;
}
.helpful-banner{
	text-align: left;
	background:  url("/images/icons/help.png") 25px center no-repeat #f47e58;
	padding: 34px 20px 34px 90px;
}
/*=== ABOUT SECTION ===*/
#about{
	height: 1px;
}
#about .bg-overlay{
	background: none;
	z-index: 0;
}
#about .container{
	position: relative;
	z-index: 1;

	height: 100%;
}
#about .cell:first-child {
  width:15%;
}

#about .cell:nth-child(2){
	width: 760px;
	padding: 50px 0 70px 110px;
}
#about .cell:last-child{
	background: url(/images/layout/pattern_dotted_sm.png) center top repeat #24335a;
}
#about .bg-face > div:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  background: url(/images/layout/pattern_dotted_sm.png) repeat scroll right top transparent;
  height: 100%;
  width: 100%;
  z-index: 0;
}
#about .bg-face > div:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  background: url(/images/layout/bg_face_invert.png) left top no-repeat transparent;
  background-size: auto 100%;
  height: 100%;
  width: 100%;
  z-index: 1;
  height: auto 100%;
}

.about-text{
	padding-right: 50px;
}
.about-text h2{
	font-size: 42px;
	line-height: 52px;
	font-family: 'Westfalia Regular';
	margin-bottom: 30px;
	text-transform: uppercase;
}
.about-text h2 span{
	color: #f47e58;
}
.about-text p{
	margin-bottom: 30px;
}

/*=== QUICK LINKS SECTION ===*/
#quick_links{
	height: 580px;
	overflow: hidden;
}
.desktop #quick_links {
  background: url(/images/layout/ugmtc-logo-lg.png) no-repeat fixed center center transparent;
}
#quick_links > .table {
  background-color: rgba(255,255,255,0);
  transition: all 0.3s ease 0s;
}
#quick_links.show-links > .table {
  background-color: rgba(255,255,255,1);
}
#quick_links .cell:first-child{
	padding-right: 5px;
}
#quick_links .cell:last-child{
	padding-left: 5px;
}
#quick_links .cell .ql-box:first-child{
	margin-bottom: 5px;
}
#quick_links .cell:first-child .ql-box:first-child{
	height: 40%;
}
#quick_links .cell:first-child .ql-box:last-child{
	height: 60%;
}
#quick_links .cell:nth-child(2) .ql-box:first-child{
	height: 65%;
}
#quick_links .cell:nth-child(2) .ql-box:last-child{
	height: 35%;
}
#quick_links .cell:last-child .ql-box:first-child{
	height: 30%;
}
#quick_links .cell:last-child .ql-box:last-child{
	height: 70%;
}
#quick_links .links {
  opacity: 0;
  transition: all 0.6s ease 0.2s;
}
#quick_links .cell:first-child .links {
  left: -100%;
}
#quick_links .cell:last-child .links {
  left: 100%;
}
#quick_links .cell:nth-child(2) .links .ql-box:first-child {
  top:-100%;
}
#quick_links .cell:nth-child(2) .links .ql-box:last-child {
  bottom:-100%;
}

#quick_links.show-links .links {
  opacity: 1;
}
#quick_links.show-links .cell:first-child .links {
  left: 0;
}
#quick_links.show-links .cell:last-child .links {
  left: 0;
}
#quick_links.show-links .cell:nth-child(2) .links .ql-box:first-child {
  top:0;
}
#quick_links.show-links .cell:nth-child(2) .links .ql-box:last-child {
  bottom:0;
}

#quick_links .ql-box{
	display: block;
	height: 100%;
	width: 100%;
	background-attachment: scroll  !important;
  background-position: center center  !important;
  background-repeat: no-repeat !important;
  background-size: cover  !important;
  position: relative;
  opacity: 0;
	transition: all 0.6s ease 0.2s;
}
#quick_links.show-links .ql-box {
  opacity: 1;
}
.ql-box h3{
	font-size: 24px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Lato Heavy';
	margin-bottom: 15px;
}
.ql-box p{
	margin-bottom: 5px;
}
.ql-box span{
	text-transform: uppercase;
	color: #84cfcd;
	font-family: 'Lato Bold';
}
.ql-box .text-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  padding: 0 20%;
  background: rgba(48, 63, 104, 0);
  transition: all 0.3s ease 0s !important;
}
.ql-box .ql-info {
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.ql-box:hover .text-overlay{
	background: rgba(48, 63, 104, 0.8);
}
.ql-box:hover .ql-info{
	height: auto;
	opacity: 1;
}

/*=== SIGNUP SECTION ===*/

#signup{
	background: #84cfcd;
	height: 205px;
}
#signup .page{
	height: 100%;
}
#signup .page .cell:first-child{
	width: 31%;
	padding: 0 30px 0 20px;
}
#signup h3{
	font-size: 28px;
	text-transform: uppercase;
	font-family: 'Lato Heavy';
	line-height: 30px;
	padding-top: 5px;
}
#signup h3 span{
	display: block;
	color: #ffffff;
	font-family: 'Lato Regular';
	text-transform: capitalize;
	font-size: 16px;
}
.sign-form {
	font-size: 0;
}
.sign-form input:nth-child(1){
	width: 20%;
}
.sign-form input:nth-child(2){
	width: 25%;
}
.sign-form input:nth-child(3){
	width: 40%;
}
.sign-form input:nth-child(4){
	width: 15%;
}
.sign-form input[type=text]{
	font-family: 'Lato Regular';
	display: inline-block;
	vertical-align: bottom;
	font-size: 14px;
	color: #ffffff;
	background: none;
	border: none;
	border-bottom: 1px solid #ffffff;
	padding: 7px 10px 7px 0;
}
.sign-form input[type=submit]{
	display: inline-block;
	vertical-align: bottom;
	color: #ffffff;
	font-family: 'Lato Heavy';
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 3px solid #24335a;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	background: transparent;
	position: relative;
	top: 1px;
}

/*=== FEATURED SECTION ===*/

#story .cell:first-child{
	padding: 70px 25px 90px 20px;
	width: 35%;
}
#story .cell:last-child{
	padding: 45px 20px 90px 20px;
}
#story  img{
	display: block;
	-webkit-border-radius: 50%;
       -moz-border-radius: 50%;
			border-radius: 50%;
}
#story h2{
	font-size: 34px;
	color: #84cfcd;
	text-transform: uppercase;
	font-family: 'Westfalia Regular';
	float: right;
	margin-right: 20px;
}
#story .cell:first-child h3{
	font-size: 64px;
	text-transform: uppercase;
	font-family: 'Westfalia Regular';
	padding: 20px 0 0;
}
#story .cell:first-child h3 span{
	display: block;
	font-size: 16px;
	text-transform: none;
	font-family: 'Lato Heavy';
	padding-top: 5px;
}
.story-text{
	clear: both;
	padding-top: 80px;
	padding-right: 35px;
}
.story-text h3{
	font-size: 45px;
	font-family: 'Lato Bold';
	line-height: 46px;
	position: relative;
	margin-bottom: 45px;
	max-width: 525px;
}
.story-text h3:before{
	content: "“";
	position: absolute;
	left: -17px;
}
.story-text h3:after{
	content: "”";
}
/*
.story-text a{
	display: block;
	text-transform: uppercase;
	font-family: 'Lato Heavy';
	margin-top: 30px;
}
.story-text a:hover{
	color: #84cfcd;
}
*/

.story-text a {
  padding-left: 20px;
  padding-right: 20px;
}

/*=== EVENTS SECTION ===*/

#events{
	background: #84cfcd;
	height: 535px;
}
#events h2{
	color: #ffffff;
	font-size: 42px;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding-left: 13px;
	display: inline-block;
	max-width: 490px;
}
.ev-links{
	float: right;
	padding-right: 0px;
	padding-left: 40px;
	padding-top: 30px;
}
.ev-links a{
	display: inline-block;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 16px;
}
.ev-links a:hover{
	color: #24335a;
}
.ev-links a + a{
	margin-left: 26px;
}
.bg-angle{
	background: #24335a;
	position: absolute;
	width: 45%;
	height: 420px;
	margin-top: -45px;
}
.bg-angle:before{
	content: "";
	position: absolute;
	top: 0;
	right: -299px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 420px 300px 0 0;
	border-color: #24335a transparent transparent transparent;
}
.content-slider{
	min-height: 0;
	min-width: 0;
	position: relative;
	padding-top: 40px;
}
.content-slider .slick-list .table{
	height: 440px;
}
.content-slider .slick-list{
	padding: 0 10% 0 0 !important;
}
.content-slider li{
	padding: 0 13px;
}
#events .slick-prev, #events  .slick-next{
	width: 35px;
	height: 35px;
	top: 20px;
	position: absolute;
	display: inline-block;
	z-index: 5;
	vertical-align: top;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
#events .slick-prev{
	background: url("/images/arrows/sl_sm_left_arr_light.png") no-repeat;
	background-position: 10px center;
	left: 550px;
}
#events .slick-prev:hover{
	background: url("/images/arrows/sl_sm_left_arr.png") no-repeat #84cfcd;
	background-position: 10px center;
	border-color: #84cfcd;
}
#events .slick-next{
	background: url("/images/arrows/sl_sm_right_arr_light.png") no-repeat;
	background-position: right 10px top 50%;
	right: inherit;
	left: 605px;
}
#events .slick-next:hover{
	background: url("/images/arrows/sl_sm_right_arr.png") no-repeat #84cfcd;
	background-position: right 10px top 50%;
	border-color: #84cfcd;
}
.ev-box{
	background: #ffffff;
	position: relative;
	height: 380px;
	overflow: hidden;
	font-family: 'Lato Regular';
	padding: 20px 26px 65px;
	color: #252525;
	font-size: 14px;
}
.ev-ttl{
	font-size: 18px;
	font-family: 'Lato Heavy';
	max-width: 188px;
	text-transform: capitalize;
	padding: 0 0 15px 0;
	color: #24335a;
}
.ev-box .video-box, .ev-box .img-box{
	height: 160px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	margin-left: -26px;
	position: relative;
}
.ev-box .video-box .bg-overlay{
	background: url("/images/layout/pl_btn.png") center center no-repeat ;
}
.ev-box .video-box:hover .bg-overlay{
	background: url("/images/layout/pl_btn_hover.png") center center no-repeat ;
	background-color: rgba(36 ,51 ,90, 0.83);
}
.ev-box .img-box{
	height: 160px;
}
.ev-box .img-box .ev-date{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(36 ,51 ,90, 0.83);
	color: #ffffff;
	width: 100%;
	padding: 7px 25px;
	font-family: 'Lato Regular';
}
.ev-date{
	font-family: 'Lato Heavy';
	text-transform: uppercase;
}
.ev-text{
	padding: 15px 0;
	line-height: 20px;
}
.ev-text > figure{
  height: 120px;
  width: 120px;
  float: right;
  margin: -17px 0px 15px 10px;
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ev-text > figure:before,
.ev-text > figure:after {
  content: "";
  position: absolute;
  background-color: #f47e58;
  display: block;
}
.ev-text > figure:before {
  height: 100%;
  width: 4px;
  right: -10px;
  top: 10px;
}
.ev-text > figure:after {
  width: 100%;
  height: 4px;
  right: -10px;
  bottom: -10px;
}
.ev-box .more{
	text-transform: uppercase;
	font-family: 'Lato Regular';
}
.ev-box .more:after{
	content: "\f105";
	font-family: FontAwesome;
	color: #84cfcd;
	display: inline-block;
	margin-left: 6px;
}
.ev-box h4{
	font-family: 'Lato Heavy';
	text-transform: uppercase;
	border-top: 3px solid #24335a;
	padding: 17px 0;
	position: absolute;
	bottom: 0;
	left: 26px;
	right: 26px;
}
.ev-box.tw .more {
  display: block;
  margin-top: 10px;
}
.ev-box.nw .ev-text + a{
	visibility: hidden;
	opacity: 0;
}
.ev-box.nw:hover .ev-text + a{
	opacity: 1;
	visibility: visible;
}
.ev-box.ev h4,.ev-box.tw h4{
	border-color: #f47e58;
}
.ev-box.fb h4{
	border-color: #84cfcd;
}
.ev-box.nw .img-box{
	height: 160px;
}
.ev-box.nw:hover .img-box{
	height: 120px;
}
.ev-box.fb .ev-ttl{
	color: #ffffff;
	padding: 33px 26px 20px 58px;
	background: url("/images/icons/facebook.png") 26px 33px no-repeat;
	max-width: 100%;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}
.ev-box.fb .img-box{
	height: 295px;
}
.ev-box.fb,.ev-box.tw{
	padding-top: 0;
}
.ev-box.fb .ev-text{
	color: #ffffff;
	position: relative;
	z-index: 2;
	padding: 0;
	padding: 15px 26px;
	opacity: 0;
	visibility: hidden;
}
.ev-box.fb:hover .ev-text{
	opacity: 1;
	visibility: visible;
}
.ev-box.fb .ev-text a{
	color: #84cfcd;
	font-family: 'Lato Heavy';
}
.ev-box.fb .ev-text .more{
	text-transform: uppercase;
	margin-top: 15px;
	display: block;
	color: #ffffff;
	font-family: 'Lato Regular';
}
.ev-box.tw .ev-ttl{
	padding: 33px 0 20px 45px;
	background: url("/images/icons/twitter.png")0 33px no-repeat;
	max-width: 100%;
	font-family: 'Lato Regular';
	text-transform: none;
	white-space: nowrap;
}
.ev-box.tw .ev-date{
	margin-bottom: 15px;
}
/*=== DIFFERENCE SECTION ===*/

#difference{
	background: #f47e58;
}
#difference .donate-info {
  display: none;
}
#difference h2{
	display: inline-block;
	font-size: 42px;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
	background: url("/images/icons/cross.png") left 20px  no-repeat, url("/images/arrows/toggle.png") right 45px  no-repeat;
	padding: 29px 48px 29px 36px;
	cursor: pointer;
}
#difference h2 span{
	color: #ffffff;
}
#difference .table{
	max-width: 480px;
}
#difference .table .cell{
	padding: 70px 0 50px;
}
#difference .table .cell a{
	font-size: 42px;
	font-family: 'Westfalia Regular';
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
}
#difference .table .cell:first-child a{
	padding-top: 87px;
	background: url("/images/icons/volunteer.png") no-repeat top center;
}
#difference .table .cell:last-child a{
	padding-top: 98px;
	background: url("/images/icons/donate.png") no-repeat top center;
}
#difference .table .cell span{
	font-size: 64px;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
}

/*=== BOTTOM BANNERS ===*/
#btm_banner{
  background-attachment: scroll;
  background-color: #22315B;
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: auto;
	padding-top: 380px;
}

#btm_banner h3{
	font-size: 54px;
	line-height: 58px;
	color: #ffffff;
	font-family: 'Westfalia Regular';
	text-transform: uppercase;
}
#btm_banner h3 span{
	color: #f47e58;
}

.modal {
  background-color: #FFF;
}

.modal .cell {
  padding: 30px;
}

.modal h2 {
  font-size: 42px;
  line-height: 52px;
  font-family: 'Westfalia Regular';
  margin-bottom: 18px;
  text-transform: uppercase;
}

.modal h2 span { 
  color: #f47e58;
}

.error-message {
  color: #ff0000 !important;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  top:100%;
  background-color: transparent !important;
}

#full-callout {
  height:330px;
} 

#full-callout .message {
  background-color: #24335a;
  padding: 20px 110px 20px 0px;
}

#full-callout .message .message-content {
  display: block;
  max-width: 400px;
  float: right; 
  text-align: center;
}

#full-callout .message  .message-content img {
  margin-bottom: 28px;
}

#full-callout h3 {
  font-family: 'Westfalia Regular';
  font-size: 54px;
  line-height: 58px;
  color: #f47e58;
  padding-bottom: 25px;
}

#full-callout h3 span {
  color: #FFF;
}

#full-callout p {
  color: #FFF;
  font-family: 'Lato Heavy';
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
 
#full-callout .callout-picture {
  background-attachment: scroll;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-sections {
  width: 100%;
  max-width: 1200px;
  font-size: 0px;
  margin: 0 auto;
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page-sections.min-top {
  padding-top: 10px;
}

.page-sections > section {
  padding: 10px 64px;
  display: inline-block;
  width: 33.33%;
  text-align: center;
  vertical-align: middle;
}
.page-sections > section:nth-child(n+4) {
  margin-top: 50px;
}

.page-sections .add-borders {
  position: relative;
}

.page-sections .add-borders:before,
.page-sections .add-borders:after {
  content: "";
  display: block;
  width: 1px;
  height:158px;
  position: absolute;
  background-color: #84cfcd;
  top:0px;
  bottom: 0px;
  margin: auto;
}
.page-sections-cms .add-borders:after {
	width: 0px;
}
.page-sections-cms .add-borders:before {
	height: 100%;
}
.page-sections .add-borders:before {
  left: 0px;
}

.page-sections .add-borders:after {
  right: 0px;
}

.section-info img {
  margin-bottom: 12px;
}

.section-info h4 {
  color:#24335a;
  font-family: 'Westfalia Regular';
  font-size: 32px;
  padding-bottom: 16px;
}

.employment-app {
  padding-bottom: 60px;
}

.table.employment-form {
  margin: 70px auto;
}

.employment-form .note {
  font-size: 12px;
}

.employment-form .error {
  font-size: 14px;
  color: red;
}

.employment-form .spacer {
  width: 14px;
}

.employment-form .input-border {
  background: rgba(20, 20, 20, 0.03);
  color: #666;
  padding: 0.5em;
  border-radius: 0.4em;
  position: relative;
  margin-top: 3px;
}

.input-border .ui-datepicker-trigger {
  position: absolute;
  right: 16px;
  height: 23px;
  top: 13px;
}

.employment-form input[type="text"], .employment-form input[type="tel"], .employment-form input[type="email"], .employment-form textarea, .employment-form select {
  display: block;
  color: #333;
  margin: 0;
  width: 100%;
  padding: 0.3em 0.4em;
  background: #fefefe;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  box-shadow: inset 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

.employment-form input[type="text"]:focus, .employment-form input[type="tel"]:focus, .employment-form input[type="email"]:focus, .employment-form textarea:focus, .employment-form select:focus, #ssn:focus + #security {
  border-color: #aaa;
  box-shadow: inset 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.05); 
}
.employment-form select {
  width: auto; 
}
.employment-form textarea {
  height: 7em; 
}
#ssn {
  position: absolute;
  top: 8px;
  display: block;
  left: 8px;
  box-sizing: border-box;
  opacity: 0;
  width: calc(100% - 16px);
  z-index: 98;
}

#ssn.show {
  opacity: 1;
  pointer-events: none;
}

#security {
  pointer-events: none;
}

#security + span {
  position: absolute;
  right:22px;
  top: 0px;
  font-size:11px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  padding: 16px 0px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

#security + span.show {
  opacity: 1;
  visibility: visible;
}

#employment > .table + .table {
  margin-top: 18px;
}

#employment p {
  margin-bottom: 0px;
}

.date-time {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  font-family: 'Lato Medium' !important;
  color: inherit !important;
}
.alt-list > li {
  display: block;
}

#main .alt-list > li > hr {
  margin: 60px auto;
}

.alt-list > li + li {
  margin-top: 22px;
}

.list-items {
  display: block;
  margin: 42px 0px;
}

.list-items > li {
  position: relative;
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 20px;
}

.list-items > li + li {
  margin-top: 20px;
}

.list-items > li + li:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top:-10px;
  height: 1px;
	display: block;
	box-shadow: none;
	outline: none;
	background: #84cfcd;
	border: none;
	width: 70%;
	max-width: 840px;
	margin: 0 auto;
}

h3.question {
  position: relative;
  padding-left: 60px;
}

h3.question:before {
  content: "Q:";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  color: #e5e5e5;
  font-family: 'Westfalia Regular';
  font-size: 60px;
}

p.answer {
  position: relative;
  padding-left: 60px;
  margin-top: 40px;
}

p.answer:before {
  content: "A:";
  position: absolute;
  left: 0;
  top: 18px;
  z-index: 0;
  color: #e5e5e5;
  font-family: 'Westfalia Regular';
  font-size: 60px;
}

#employment .options input[type="checkbox"] + span {
	border: 2px solid #24335A;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 15px;
	margin: 4px 0 0 7px;
	position: relative;
	width: 15px;	
}
#employment .options input[type="checkbox"] + span > i {
	color: #033D51;
	display: block;
	font-size: 22px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -9px;
	width: 0;
	white-space: nowrap;
	transition: none;
}
#employment .options input[type="checkbox"]:checked + span > i {
    width: 24px;
    transition: width 0.3s ease 0s;
}

.checkbox {
	display: none;
}
#employment .options {
	display: inline-block;
}
#employment .options + .options {
	margin-left: 10px;	
}
#employment .options + span {
	padding-left: 15px;
}

.title {
  font-size: 22px;
  padding-bottom: 22px;
}

.education,
.employment,
.references,
.statement {
  padding: 40px 0px;
}

.education .school,
.employment .history,
.references .referal-info {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color:rgba(20, 20, 20, 0.03);
}

.education .school + p,
.employment .history + p,
.references .referal-info + p {
  margin-top: 18px;
}

.employment p span {
	display: block;
}

.education .school .input-border,
.employment .history .input-border,
.references .referal-info .input-border {
  background-color: #FFF;
}

.education .school > .table + .table,
.employment .history > .table + .table {
  margin-top: 18px;
}

.refTop{
	padding-top: 10px;
}

.employment-agreement {
	padding: 20px 0px;
}
.employment-agreement li {
	margin-left: 40px;
	margin-top: 20px;
}

#main .bottom-hr {
  margin:40px auto;
}

.staff-list {
	font-size: 0px;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 65px;
}

.staff-list > .staff-profile {
	width: 30%;
/* 	background-color: #d9d9d9; */
	display: inline-block;
	font-size: 16px;
	position: relative;
	vertical-align: top;
}

.staff-list > .staff-profile figure {
	position: relative;
	height:0;
	padding-bottom: 100%;
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius:50%;
	overflow: hidden;
	z-index: 0;
}
.staff-list > .staff-profile figure:after {
	content:"View Bio";
	height:100%;
	width:100%;
	padding-top:40%;
	background-color:rgba(48, 63, 104, 0.8);
	color:#84cfcd;
	font-size:28px;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
	
	opacity: 0;
	visibility: hidden;
	
	transition:all 0.3s ease 0s;
}
.staff-list > .staff-profile a:hover figure:after,
.staff-list > .staff-profile a:active figure:after {
	opacity: 1;
	visibility: visible;
}

.staff-list > .staff-profile a strong {
	display: block;
	margin:20px auto 0;
	color:#24335A;
	font-size:28px;
	line-height:1.2;
	text-align: center;
}

.staff-list > .staff-profile small {
  display: block;
  width: 100%;
  text-align: center;
}

.staff-list > .staff-profile > a {
	display: block;
	background-color: transparent;
}

.staff-list > .staff-profile:nth-child(3n-1) {
	margin-left: 5%;
	margin-right:5%;
}

.staff-list > .staff-profile:nth-child(n+4) {
	margin-top: 5%;
}

.modal-popup.staff {
  min-height: 340px;
}

.modal-popup.staff > * {
  color: #000 !important;
}

.modal-popup.staff h2 {
  font-family: 'Lato Bold';
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.modal-popup.staff p {
  margin-top: 15px;
}

.modal-popup.staff h2 + * {
  font-family: 'Lato Bold';
  font-size: 15px;
  text-transform: uppercase;
  margin: 0px;
}

.modal-popup.staff h2 + * + *,
.modal-popup.staff h2 + * + * * {
  margin-top: 15px;
  font-family: 'Lato Medium';
  font-size: 14px;
  line-height: 18px;
}
.modal-popup.staff h2 + * + * br {
  display: none !important;
}
.modal-popup.staff .modal-img {
  float: right;
  margin-top: 40px;
  margin-left: 20px;
  margin-bottom: 40px;
  max-width: 150px;
  border: 4px solid #24335A;
}

.table.confirm {
  margin-top: 30px;
  margin-bottom: 60px;
  max-width: 200px;
}

.with-captcha {
  padding-left:0px !important;
  padding-right: 0px !important;
  display: block;
  margin-top: 24px;
}

.with-captcha > input {
  float: right;
}

.btn + h2 {
  margin-top: 60px;
}

#error-page {
  width: 100%;
  max-width: 100%;
  background: url(/images/layout/error_bg.jpg) no-repeat fixed left top transparent;
  background-size: cover;
  padding-bottom: 0px !important;
}

#error-page > #container {
  max-width: 1200px;
  margin: 0 auto;
}

.error-title.main-title {
  max-width: 100%;
  padding: 40px 0 !important; 
}

#error-page .col-left {
  padding: 0 85px 0 90px;
}

#error-page .col-right{
  padding: 60px 20px 80px;
  background-color: #FFF;
  width: 33%;
}

.error-title.main-title p:first-child {
  padding-bottom: 0px;
}

.error-page.table {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 60px;
}

.error-page.table > .cell {
  padding: 40px;
}

#error-page .sub-menu,
#error-page .mob-show {
  display: none;
}

#error-page .nav-menu,
#error-page .nav-menu > li,
#error-page .nav-menu > li > a {
  background: none !important;
}

#error-page .nav-menu a {
  color: #24335A;
  padding-right: 0px;
  text-align: center;
  display: block;
  font-size: 20px;
}

#error-page .nav-menu a:hover {
  color: #F47E58;
}

#error-page p {
  margin-bottom: 0px;
}

#error-page hr {
  margin: 10px auto 10px;
}

#error-page .home-btn {
  color: inherit;
  text-decoration: underline;
}

#error-message {
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
}

.hasError .input-border {
  background-color: rgba(247, 74, 22, 0.3)
}

.vol h1.page-header {
	padding-top: 72px !important;
}
.mainh2 {
	    font-size: 24px;
    font-family: 'Lato Bold';
    line-height: 32px;
    border-bottom: 1px solid #84cfcd;
    padding-bottom: 15px;
    margin: 38px 0px 22px;
    max-width: 100%;
    display: block;
    text-align: center;
}

.page-sections-cms h4 {
	color: #24335a;
	font-family: 'Westfalia Regular';
	font-size: 32px;
	padding-bottom: 16px;
	padding-top: 16px;
}