/*
COLOURS

BLUE #1a4f9b
RED #d2252b

*/

/**********************************************************************************************************/
/* FLEX SETTINGS
/**********************************************************************************************************/

.flex {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important; /* Safari 6.1+ */
	flex-wrap: wrap !important;
}

.top-center-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.vertical-center-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;	
}

.bottom-center-content,
.bottom-center-right,
.bottom-center-left {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	-webkit-box-align: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.bottom-center-left {
	justify-content: space-between !important;
}	

.bottom-center-right {
	justify-content:flex-end;
}

.bottom-left {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height:100%;
}

.bottom-left .et_pb_image {
	margin-top: auto; 
}


#page-container {
	padding-top: 56px;
}

.et-pb-contact-message ul {
	display: none !important;
}

#et-top-navigation {
	padding-top:14px !important;
	padding-bottom:10px !important;
}

#top-menu .menu-item-has-children > a:first-child {
	padding-right:0 !important;
}

#top-menu .menu-item-has-children>a:first-child:after {
	content:'';
	position: relative;
	top:auto;
	right:0;
}

#top-menu .menu-item-has-children > a:first-child,
nav #top-menu-nav li a {
    padding-right: 20px !important;
	padding-left: 20px;
}

#top-menu-nav a:hover,
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
	color:#d2252b !important;
	opacity:1 !important;
}

#top-menu > li > a {
	position: relative;
	padding-bottom: 10px !important;
}

#top-menu > li > a:after,
#top-menu > li.current-menu-item > a:after {
	content: '';
	display: block;
	margin: auto;
	margin-top: 6px;
	height: 2px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

#top-menu > li > a:hover:after,
#top-menu > li.current-menu-item > a:after {
	width: 100%;
	background: #fff;
}

#top-menu > li {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

#top-menu > li:fist-child {
	padding-left: 0 !important;
}

#top-menu > li:last-child {
	padding-right: 0 !important;
}

#top-menu > li:last-child a:after {
	content:'';
	margin-top: 0;
	height: 0;
}

#top-menu li a {
    opacity: 1 !important;
    letter-spacing: 0.5px;
    line-height:1.3em;
}


#top-menu > li:last-child > a {
    background: #1a4f9b;
    color:#fff !important;
    border: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding: 14px 20px 11px 20px !important;
}

#top-menu > li:last-child > a:hover {
    background: #d2252b;
}

#top-menu .sub-menu {
	width:250px !important;
	margin-left:-8px;
	padding:0;
	border:0;
	border-top:1px solid #f3a400;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 18px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}


#top-menu li.sub-menu-right .sub-menu {
	left:auto;
	right:0;
}

#top-menu .sub-menu li {
	padding:0;
	width:100%;
	line-height: 1.6em !important;
	border-bottom:0px solid rgba(108,183,183,1)
	
}

#top-menu .sub-menu li a {
	padding-bottom: 0 !important;
	padding:10px 20px !important;
	width:100%;
	font-size:14px !important;
	line-height: 1.6em;

}

#top-menu .sub-menu li a:hover {
	color:#fff !important;
	background: #f3a400;
}

#top-menu .sub-menu li:first-child a:hover {
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

#top-menu .sub-menu li:last-child a:hover {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


.et_header_style_left .mobile_menu_bar {
	padding-bottom: 0;
}

ul.et_mobile_menu {
	margin-top:10px;
}

/**********************************************************************************************************/
/* FOOTER
/**********************************************************************************************************/

#footer-bottom {
	display: none !important;
}

span.logo_helper {
	height:0;
}

.et-fixed-header #logo {
	margin-top:30px;
}

#logo {
	margin-top:16px;
	max-width:100% !important;
	height:22px !important;
	max-height: 22px !important;
}

.logo-wrapper:after,
.footer-logo:after {
	content: '';
	display: block;
	height:1px;
	width:100%;
	max-width:394px;
	background: #fff;
	margin-top: 12px;
}

.logo-wrapper:after {
	content: '';
	background: #b81e42;
}

.footer-bottom {
	font-size: 14px;
}

.footer-top ul,
.footer-bottom ul {
	list-style-type: none;
	display: inline-block;
}

.footer-top .et_pb_social_media_follow li a.icon {
	width: auto;
	height: auto;
}

.footer-top .et_pb_social_media_follow li a.icon::before {
	width: 48px;
	height: 48px;
	color: #fff;
	font-size: 24px;
	line-height: 48px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.footer-top ul li,
.footer-bottom ul li {
	float:left;
	padding-left:0;
	padding-bottom: 0;
}

.footer-top ul li:before,
.footer-bottom ul li:before {
	content:'';
}

.footer-bottom ul li:after {
	content:'|';
	color:#fff;
	margin:0 8px;
}

.footer-bottom ul li:last-child:after {
	content:'';
	margin:0;
}	

.footer-top a {
	border:0;
	color:#fff;
}

.footer-bottom a {
	color:#fff; /* BLUE */
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}

.footer-bottom a:hover {
	border-bottom: 1px solid #b81e42 !important;
}

/**********************************************************************************************************/
/* SECTION HEADER
/**********************************************************************************************************/
.section_header {
	content: '';
	display: block !important;
	padding-bottom: 35% !important;
	min-height:450px !important;
	
}

.section_header .et_pb_fullwidth_header {
	position: absolute;
    width: 100%;
   	height: 100%;
   	max-height:500px !important;
   	padding: 0;
}

/**********************************************************************************************************/
/* FLEXBOX COLUMN STACKING ORDER SWITCH
/**********************************************************************************************************/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.flex-row {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-wrap: wrap !important; /* Safari 6.1+ */
		flex-wrap: wrap !important;
	}
 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.mobile-first {
		-webkit-order: 1 !important;
		order: 1 !important;
	}
 
	.mobile-second {
		-webkit-order: 2 !important;
		order: 2 !important;
	}
 
	.mobile-third {
		-webkit-order: 3;
		order: 3;
	}
 
	.mobile-fourth {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
	
	.mobile-left {
		text-align: left;
	}
	
	.mobile-center {
		text-align: center;
	}
 
}



/* MUST BE SET AS SAME BREAK POINT IN RESPONSIVE MENMU PRO */
@media screen and (min-width: 981px) { 
	
	#page-container {
		padding-top: 109px;
	}
	
	#et-top-navigation {
		padding-top:34px !important;
		padding-bottom:20px !important;
	}
	
	#top-header .container,
	header .container {
		width:100% !important;
		padding: 0 30px;
	}
	
	img#logo {	
		margin-top:32px;
		height:38px !important;
		max-height: 38px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child,
	nav #top-menu-nav li a {
    	padding-right: 12px !important;
		padding-left: 12px;
	}
	
	.footer-top ul {
		float:right;
	}
}