

.bannerImage img{
	width: 100%;
	height: auto;
}



.widget.transparent blockquote p, .widget.white blockquote p, .widget.grey blockquote p, .widget_inner blockquote p{color: #177CB5;}
.widget_inner blockquote:before{
	content: "";
	position: absolute;
	display: block;
	width: 65px;
	height: 52px;
	top:0;
	right: -80px;
	background:  url('/userfiles/images/icons/icon_blockquote_small.svg') no-repeat center center;
}


.contentarea h2.large{
	color: #002638;
	font-size:80px;
	margin-top: 40px;

}

@media (max-width: 950px) {
   .contentarea h2.large{
        font-size: 60px;
        line-height: 60px;
    }
}

.contentarea h2.large + p{
	margin-bottom: 120px;
}


/* WIDGET STYLES */



.widget {

}


.map .widget_content img{
	width: 100%;
	height: auto;
	border-radius: 20px;
	min-height: 300px;
	max-width: auto;
	object-fit: cover;
	object-position: 75% 50%; 
}

.widget .iconBlocks a:hover {
	text-decoration: none;
}


.widget.transparent:first-of-type > h2:first-of-type, .widget.white:first-of-type > h2:first-of-type, .widget.grey:first-of-type > h2:first-of-type{
	margin: 0px 0 80px 0;
}


.widget.white > h2, .widget.grey > h2, .widget.transparent > h2{	color: #474F62;}

.widget.smallh2  > h2{
	font-size: 45px;
}

.widget.smallh2 img{ margin-bottom: -5px;}
.widget.smallh2.MonitoringReport strong{break-inside: avoid; display: inline-block;}

@media (max-width: 650px){
	.widget.smallh2.MonitoringReport img{display: block; margin-bottom: -30px; }
	.MonitoringReport p{ text-align: left !important; }
	.widget.smallh2.MonitoringReport em{display: inline-block; margin-left:  30px; font-style: normal;}
}
.page-index .widget_grid_col.yespadimgvar .widget_grid_child p{
	min-height: 63px;
}




.transparent + .transparent .iconBlocks, 
.transparent + .white .iconBlocks,
.white + .transparent .iconBlocks,
.white + .white .iconBlocks {margin-top: 0px;}

.widget.transparent:first-of-type .widget_inner, .widget.white:first-of-type .widget_inner, .vacanciesBlurb .widget_inner{
	margin-top: 0px; 
}
.widget_id_49 .widget_inner, .widget_id_49 .widget_inner p{
	margin: 0;
	padding: 0;
	
}
.widget_id_49 .widget_inner img{
	border-radius: 0;
	display: block;
}
.page-index .widget:first-of-type .widget_inner{
	margin-top: 0px;
	padding-bottom: 0;
}
.widget.transparent + .widget.transparent .widget_inner, .widget.transparent + .widget.white .widget_inner, .widget.white + .widget.transparent .widget_inner, .widget.white + .widget.white .widget_inner{
	margin-top: 0px;
}

.widget.transparent + .widget.transparent h2, .widget.transparent + .widget.white h2, .widget.white + .widget.transparent h2, .widget.white + .widget.white h2{
	margin-top: 0px;
}

.widget_grid_col .widget_grid_container {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

.applicationform .widget_2col .widget_content:nth-of-type(1) {
	width: 35%;
	flex:  0 0 35%;
}
.applicationform .widget_2col .widget_content:nth-of-type(1) p{
	font-size: 16px;
	line-height: 20px;
	margin-top: 50px;
}
.applicationform .widget_2col .widget_content:nth-of-type(2) {
	width: 55%;
	flex:  0 0 55%;
}


@media (max-width: 1300px){
	.widget_2col {
		column-gap: 0%;
	}
	.widget_2col .widget_content {
		width: 100%;
		flex:  0 0 100%;
	}

}






.widget_2col .widget_content h2.large{
	font-family: 'SegoeUIBlack';
	font-size: 80px;
	line-height: 100px;
	color: #fff;
	margin: 0px 0 0px 0;
}
@media (max-width: 800px){
	.widget_2col .widget_content h2.large{
		font-size: 60px;
		line-height: 60px;
	}
}

.widget_grid_col.nopadimgvar .widget_grid_child {
	width: 30%;
	background: #ffffff;
	padding: 0;
	border-radius: 20px;
	position: relative;
	flex:  0 0 30%;
	margin: 0;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
overflow: hidden;
}



.widget_grid_col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(1), .widget_grid_col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(2),  .widget_grid_col.nopadimgvar .count_total_2 .widget_grid_child, .widget_grid_col.nopadimgvar .count_total_4 .widget_grid_child, .widget_grid_col .count_total_2 .widget_grid_child{
	flex-basis: 47.5%;
}

.page-Come-Work-With-Us .widget_grid_col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(1), .page-Come-Work-With-Us .widget_grid_col.nopadimgvar .count_total_5 .widget_grid_child:nth-of-type(2) {
	flex-basis: 30%;
}


.widget_grid_col.nopadimgvar a{
	text-decoration: none;
	color: #002638;
}
.widget_grid_col.nopadimgvar a:focus{outline: 3px solid #000;}


.widget_grid_col.nopadimgvar h3{
	margin: 40px 25px 20px 25px;
	font-size: 24px;
	line-height: 30px;
	color: #002638;
	
}


.widget_grid_col.nopadimgvar a:focus h3{
	border-bottom: 3px solid #000;
}

.widget_grid_col .widget_grid_child h2 {
	font-family: 'Muli Bold';
	font-size: 36px;
	margin: 20px 0 20px 0;
	line-height: 36px;
}

.page-index .widget_grid_col.yespadimgvar .widget_grid_child h2 {
	min-height: 72px;
}

.widget_grid_col .widget_grid_child h2 a{
	color: #002638;
	text-decoration:  none;
	position: relative;
	margin-right: 30px;
	
}
.widget_grid_col .widget_grid_child img {
	width: 100%;
	display: block;
	border-radius: 20px;
	object-fit: cover;
	transition: all 0.5s;
	object-position: center right;
	
}
.widget_grid_col .widget_grid_child a:hover img {
	 transform:  scale(1.05);
	
	}

.widget_grid_col.nopadimgvar .widget_grid_child img {
	width: 100%;
	height: auto;
	display: block;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	object-fit: cover;
}


@media (max-width: 1000px){
	.widget_content p, .widget_content li {
		font-size: 20px;
		line-height: 30px;
	}
}
.widget_grid_col .widget_grid_child p, .widget_grid_child li {
	font-size: 24px;
	line-height: 35px;
	padding: 0 0 15px 0;
}




.widget_grid_col.nopadimgvar .widget_grid_child p{
	margin: 0px 25px 35px 25px;
	font-size: 24px;
	line-height: 30px;
	padding: 0;
}
.widget_grid_col.nopadimgvar .widget_grid_child a p:last-of-type{
	margin: 0px 25px 65px 25px;
}
.widget_button.banner-text-button{
	min-width: 275px;
}
.widget_button.navy {
	background-color: #002638;
}
.widget_button.blue {
	background-color: #177CB5;
}
.widget_button.white {
	background-color: #fff;
	color: #002638;
}
.widget_button.grey {
	background-color: #2E2D2D;
	color: #fff;
}
.widget_button.center{
	margin: 0 auto 80px auto;
}
.widget.pink > p:last-of-type{ text-align: center;}




.widget_button.arrow {
	padding: 0px 30px 30px 30px;
	margin: 0;
	background-color: transparent;
	color: #002638;
	min-width: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.widget_grid_col.nopadimgvar a:hover .widget_button.arrow {
	color: #DB325A;
}

.widget_grid_col.nopadimgvar a:focus-visible div{
	background: #D6EFED;
	outline: #fff solid 3px !important;
}

@media (max-width: 1600px){
	.widget_grid_col .widget_grid_child h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.widget_grid_col .widget_grid_child p, .widget_grid_col .widget_grid_child li {
		font-size: 20px;
		line-height: 24px;
	}
}

@media (max-width: 1320px){
	
	.widget_grid_col .widget_grid_child h2 {
		font-size: 26px;
		line-height: 26px;
	}
	.widget_grid_col .widget_grid_child p, .widget_grid_col .widget_grid_child li {
		font-size: 18px;
		line-height: 21px;
	}
	.widget_grid_col .widget_grid_child a.widget_button.navy{
		background-color: transparent;
		padding: 0 0 15px 0;
		max-width: 200px;
		display: inline;
		position: static;
	}
	.page-index .widget_grid_col .widget_grid_child a.widget_button.navy{
		background-color: #002638;
		min-width: auto;
		padding: 15px 45px 15px 25px;
		margin-top: 20px;
		display: block;
	}
	.page-index .widget_grid_col .widget_grid_child a.widget_button.navy::after{
		display: none;
	}
	.widget_grid_col .widget_grid_child a.widget_button span{
		display: none;
		
	}
	.widget_button::after {
		content: "\25B6";
		position: absolute;
		right: 20px;
		
		/*color: #002638;*/
	}
	.widget_grid_col.nopadimgvar .widget_grid_child p{
		font-size: 20px;
		line-height: 30px;
	}
	.widget_2col .widget_grid_child a.widget_button{
		min-width: 50px;
	}
	.widget_2col .widget_grid_child a.widget_button::after{
		display: none;
		
	}

}



@media (max-width: 950px){
	.widget h1 {
		font-size: 70px;
		text-align: left;
		margin:  0 8%;
	}
	.widget > h2 {
		font-size: 45px;
		line-height: 45px;
	}
	.widget_2col{
		display: block;
	}
	.widget_2col .widget_content {
		width: 100%;
		margin: 0%;
	}
	.widget_2col .widget_content:nth-child(2n) {
    padding-left: 0px;
	}
	
	.widget_grid_col{
		display: block;
	}
	.widget_grid_col .widget_grid_child, .widget_grid_col.nopadimgvar .widget_grid_child{
		width: 100%;
		display: flex;
		margin: 25px 0;
	}
	.widget_grid_col .widget_grid_child img{
		float: left;
		width: 50%;
	}
	.widget_grid_col .widget_grid_child div{
		float: right;
		width: 45%;
		margin-left: 5%;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child img {
		width: 50%;
		height: 100%;
		border-top-left-radius: 20px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 0px !important;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child p{
		font-size: 18px;
		line-height: 22px;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child a p:last-of-type{
		margin-bottom: 45px;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child h3{
		margin-top: 20px;
		font-size: 20px;
		line-height: 20px;
		
	}
	.widget_grid_col.nopadimgvar .widget_grid_child div{
		margin-left: 0%;
		
	}
	.widget_2col.widget_inner{
		padding-bottom: 0px;
	}
	.widget_2col.widget_inner p{
		font-size: 20px;
		line-height: 30px;
		
	}
	
	.widget_grid_col .widget_grid_container {
		display: block;
		column-gap: 0%;
	}
	
}



@media (max-width: 800px){
	.widget_grid_col.nopadimgvar .widget_grid_child{
		display: block;
	}
	
	.widget_grid_col.nopadimgvar .widget_grid_child img{
		float: none;
		width: 100%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child div{
		float: none;
		width: 100%;
		margin-left: 0%;
		clear: both;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child p{
		padding: 0 0 40px 0;
	}
	.widget_grid_col.nopadimgvar .widget_grid_child a p:last-of-type{
		margin-bottom: 25px;
	}
	.widget_grid_col.nopadimgvar.widget_inner{
		padding-bottom: 40px;
	}
	
}


@media (max-width: 800px){
	.page-index .widget_grid_col.yespadimgvar .widget_grid_container.count_total_2{
		display: block;
		
	}
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child{
		width: 100%;
		margin-bottom: 40px;
	}
	.page-index .widget_grid_col.yespadimgvar .widget_grid_child h2, .page-index .widget_grid_col.yespadimgvar .widget_grid_child p{
		min-height: 10px;
	}
}

@media (max-width: 700px){
	.page-index .widget_grid_col.yespadimgvar .widget_grid_container.count_total_2{
		display: block;
		
	}
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child{
		width: 100%;
		margin-bottom: 40px;
	}
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child h2, .page-index .widget_grid_col.yespadimgvar .widget_grid_child p{
		min-height: 10px;
	}
	
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child img{
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child div{
		float: none;
		width: 100%;
		margin-left: 0%;
		clear: both;
		
	}
	
	.page-index .widget_grid_col.yespadimgvar .count_total_2 .widget_grid_child{display: block;}
	
}





@media (max-width: 1600px){
	.widget_button {
		font-size: 16px;
		padding: 15px 45px 15px 25px;		
		line-height: 16px;		
	}
	.widget_button::after {
		right: 20px;
	}

}

.holdcontainer{
	position: relative;
	background: #ccc;
	min-height: 200px;
}
.contentblock{ 
	position: absolute;
	bottom: 0;
}



.widget_button.navy:hover, .widget_button.navy:focus-visible {
	background-color: #DB325A;
}
.widget.pink .widget_button.navy:hover, .widget.pink .widget_button.navy:focus-visible, .widget_button.grey:hover, .widget_button.grey:focus-visible{
	background-color: #fff;
	color: #002638;
}
.widget_button.white:hover, .widget_button.white:focus-visible {
	background-color: #002638;
	color: #fff;
}
.widget_button.arrow:hover{
	background-color: transparent;
	color: #DB325A;
}

#home-widget-audiencestrands p:first-of-type{
	min-height: 120px;
}


@media (max-width: 1400px){
	#home-widget-audiencestrands p:first-of-type{
		min-height: 0;
	}

}


/* AFFILIATE STYLES */



.quicklinks {
	clear: both;
}

.quicklinks ul { 
	display: flex;
}
.quicklinks  ul li { 
	min-height: 143px;
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 30px 0;
}



.quicklinks  ul li:nth-of-type(2n) { 
}
.quicklinks  ul li img{
	max-width: 100%;
}

.widget.quicklinks ul li:before{display: none;}
/* SUPPORTER STYLES */



#supporters {
	margin: 80px auto 0px auto;
}

#supporters h2{
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
}
#supporters ul { 
	display: flex;
}
#supporters ul li { 
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 30px 0 0 0;
}



#supporters ul li:nth-of-type(2n) { 
}
#supporters ul li img{
	max-width: 100%;
}
@media (max-width: 1000px){
	#supporters ul{
		flex-wrap: wrap;
		row-gap: 0px;
	}
	#supporters ul li { 
		width: 50%;
		flex-basis: 50%;
		max-width: 50%;
		min-height: 70px;
		padding: 0 0 0px 0;
		
	}
}




/* JOIN THE TEAM STYLES */


.jointheteam h2{
	color: #002638 !important;
	font-size: 80px !important;
	line-height: 80px !important;
	line-height: 100px;
	font-weight: 900;
	padding-top: 40px;
	padding-bottom: 40px;
}
.jointheteam p { margin: 0; padding: 0; }
.jointheteam h2 + p{
	color: #002638 !important;
	margin: 30px 0;
}
.jointheteam img{
	border: 20px solid #fff;
	border-radius: 20px;
}

@media (max-width: 700px){
	.jointheteam p{
		margin: 0;
		padding: 0;
	}
	.jointheteam .widget_2col.widget_inner{padding-bottom: 80px;}
	.jointheteam .widget_content {text-align: center;}
}


/* STATS STYLES */


.stats {
	max-width: 1620px;
	margin: 0 auto 60px auto;
	color: #474F62;
}

.stats h2{
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
}
.stats  { 
	display: flex;
}
.stats div { 
	min-height: 143px;
	display: inline-block;
	width: 33%;
	text-align: center;
	padding: 30px 0;
}
.stats b{
	display: block;
	font-weight: 900;
	font-family: "Muli Black";
	font-size: 65px;
	padding-bottom: 50px;
		
}

@media (max-width: 1000px){
	.stats  { 
		display: block;
	}
	.stats div { 
		min-height: 1px;
		width: 100%;
		padding: 20px 0;
		
	}
	.stats b{
		display: inline-block;
		padding-right: 30px;
		
	}
	.stats span{
		display: inline-block;
		position: relative;
		top: -12px;

	}
	
}




/*** NAV STYLES ***/



body {
	height: 100%;

}


/* FANCY ORDERED LIST */

.fancyOrderedList{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10%;
	counter-reset: cardCount;
}

.fancyOrderedList  li{
	list-style-type: none;
    padding: 105px 0 0 0 ;
    position: relative;
	flex:  0 0 26.66%;
	margin: 0 0 50px 0;
	color: #000;
}

@media (max-width: 800px){
	.fancyOrderedList  li{
		flex:  0 0 45%;
	}
}


.fancyOrderedList li a{
	color: #000;
	text-decoration: none;
	counter-increment: cardCount;
}
.fancyOrderedList a:before {
    display: block;
	padding: 30px 0 0 0;
	text-align: center;
    position: absolute;
    width: 100px;
    height: 100px;
    background: #1489CB;
    left: 0px;
    top: 0px;
	color: #fff;
	content: counter(cardCount, decimal) "th";
	box-sizing: border-box;
	font-family: "Muli Black";
	font-weight: 900;
}
.fancyOrderedList a:focus{
	outline: none;
}
.fancyOrderedList a:hover:before, ol.fancyOrderedList a:focus:before{
	background: #002638;
	
}
.fancyOrderedList li:nth-of-type(1) a:before{content: counter(cardCount, decimal) "st";}
.fancyOrderedList li:nth-of-type(2) a:before{content: counter(cardCount, decimal) "nd";}
.fancyOrderedList li:nth-of-type(3) a:before{content: counter(cardCount, decimal) "rd";}

/* FANCY DOCUMENT LIST */

.fancyDocumentList ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10%;
}

.fancyDocumentList  li{
	list-style-type: none;
    padding: 105px 0 0 0 ;
    position: relative;
	flex:  0 0 26.66%;
	margin: 0 0 50px 0 !important;
	color: #000;
}

.widget.fancyDocumentList ul li:before{
	display: none;
}
@media (max-width: 800px){
	.fancyDocumentList  li{
		padding: 105px 0 0 0 ;
		flex:  0 0 45%;
		margin: 0 0 50px 0;
	}
}
.fancyDocumentList li a{
	color: #000;
	text-decoration: none;
	
}
.fancyDocumentList a:before {
    display: block;
	padding: 30px 0 0 0;
	text-align: center;
    position: absolute;
    width: 100px;
    height: 100px;
    background: #1489CB url("/userfiles/images/icons/FancyDocumentListicon.svg") no-repeat center center;
    left: 0px;
    top: 0px;
	color: #fff;
	content: "";
	box-sizing: border-box;
	font-family: "Muli Black";
	font-weight: 900;
}
.fancyDocumentList a:focus{
	outline: none;
}
.fancyDocumentList a:hover:before, ol.fancyDocumentList a:focus:before{
	background: #002638 url("/userfiles/images/icons/FancyDocumentListicon.svg") no-repeat center center;
	
}

/* FANCY IMAGE LIST */

.fancyImageList ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10%;
}

.fancyImageList  li{
	list-style-type: none;
    padding: 0 0 2.5% 0 ;
    position: relative;
	flex:  0 0 26.66%;
	margin: 0 0 50px 0 !important;
	color: #000;
}

.widget.fancyImageList ul li:before{
	display: none;
}

@media (max-width: 800px){
	.fancyImageList  li{
		padding: 0 0 2.5% 0 ;
		flex:  0 0 45%;
		margin: 0 0 50px 0;
	}
}

.fancyImageList li a{
	color: #000;
	text-decoration: none;
	text-align: center;
}

.fancyImageList a:focus{
	outline: none;
}
.fancyImageList li a img{
	width: 100%;
}




/***  STAFF VACANCIES TABLE STYLES ***/
.table-wrapper {
  overflow: auto;
}

table {
	min-width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
  	white-space: nowrap;
	width: min(auto, 100%);
	margin-bottom: 25px;
	
}
th{
	text-transform: uppercase;
	text-align: left;
	padding: 20px 50px 20px 20px;
	font-size: 24px;
	position: relative;

}
/*
th::after {
	content: "\25B6";
	position: absolute;
	right: 30px;
	transform: rotate(90deg);
	font-size: 16px;
	padding-top: 15px;
}
*/
td{
	padding: 20px;
	font-size: 24px;
}


@media (max-width: 1300px) {
	td{
		padding: 20px;
		font-size: 20px;
	}
}

@media (max-width: 700px) {
	td{
		padding: 20px;
		font-size: 16px;
	}
}
tr:nth-of-type(odd) td{
	background: #D6EFED;
}
.transparent .widget_content table a{
	display: inline-block;
	padding: 20px;
	background-color: #002638;
	border-radius: 35px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	color: #ffffff !important;
	text-decoration: none;
	position: relative;
	text-transform: uppercase;
	margin-top:0px;
}
.transparent .widget_content table a:hover, .transparent .widget_content table a:focus{
	background-color: #DB325A;
}

table a::after {
	content: "\25B6";
	position: absolute;
	right: 30px;
}

table a.vacancy_moreinfo_btn::after {
	content: "\25B6";
	position: absolute;
	right: 10px;
	top: 8px;
}




.transparent .widget_content table thead a.th_sortable {
	display: block;
	background-color: unset;
	border-radius: 0;
	line-height: auto;
	margin: 0;
	color: #000000 !important;
	text-decoration: none;
	margin-top:-4px;
	text-transform: uppercase;
	text-align: left;
	padding: 20px 28px 20px 0;
	font-size: 24px;
	position: relative;

}

.transparent .widget_content table a.th_sortable:hover, .transparent .widget_content table a.th_sortable:focus{
	background-color: unset;
	text-decoration: underline;
}


table thead a.th_sortable::after {
	content: "\25B7";
	position: absolute;
	right: 0;
}



table thead a.th_sortable_ASC::after {
	content: "\25B6";
	color: #DB325A;
	position: absolute;
	transform: rotate(270deg);
	right: 0;
}

table thead a.th_sortable_DESC::after {
	content: "\25B6";
	color: #DB325A;
	position: absolute;
	transform: rotate(90deg);
	right: 0;
}

/***  STAFF VACANCIES APPLICATION FORM STYLES ***/


.inlineList ul{ text-align: center;}
.inlineList li{display: inline;}


.gallery{
	margin-top: 80px;
	padding: 0 8% 80px 8%;
	width: 100%;
}


/* VACANCIES and CONTACT forms, additional more-sepcific styles might overrule some of above */

.applicationform .widget_2col .widget_content:nth-of-type(1),
.contactform .widget_2col .widget_content:nth-of-type(1) {
	width: 35%;
	flex:  0 0 35%;
}
.applicationform .widget_2col .widget_content:nth-of-type(1) p, 
.contactform .widget_2col .widget_content:nth-of-type(1) p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 50px;
}
.applicationform .widget_2col .widget_content:nth-of-type(2), 
.contactform .widget_2col .widget_content:nth-of-type(2) {
	width: 55%;
	flex:  0 0 55%;
}



h3.app_submit_success, h3.app_submit_fail,
h3.contact_submit_success, h3.contact_submit_fail {
	font-size: 40px;
	font-family: 'SegoeUIBlack';
	color: #ffffff;
	margin-top: 10px;
}

h3.app_submit_success span,
h3.contact_submit_success span { color: #8dd631; }

h3.app_submit_fail span,
h3.contact_submit_fail span { color: #DB325A; }

h3.app_submit_success + p, h3.app_submit_fail + p,
h3.contact_submit_success + p, h3.contact_submit_fail + p {
	margin-top: 20px !important;
}


span.validator-error-container {

	float: none;
	min-width: unset;
}

.vacancies_form input, .vacancies_form select,
.contact_form input, .contact_form select {
	float: right;
}

.vacancies_form input[type="file"],
.contact_form input[type="file"] {
  display: block;
}

.vacancies_form button,
.contact_form button {

	margin: 40px 0 0 0;
}

.vacancies_form .validator-error-container label.error,
.contact_form .validator-error-container label.error {

	background: #c21c0a;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	margin-top: 5px;
	font-size: 12px;
	border-radius: 2px;
	/*width: 60%;*/
	float: right;

	width: calc(100% - 225px);
}

p.submit_btn_container {
	position: relative;
}

.vacancies_form input[type="checkbox"],
.contact_form input[type="checkbox"] {
	float: right;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	position: relative;
	top: 10px;
	clear: both;
	margin-left: 10px;
}

label.vacancy_checkbox_label,
label.contact_checkbox_label {
	display: block;
	width: 100%;
}

button.application_submit_btn,
button.contact_submit_btn {

	cursor: pointer;
	background-color: #DB325A;
	position: absolute; /* this will maintain the original height of the container while the form is invisible but the same height */
	top: -30px;
	right: 0;
}

button.application_submit_btn:hover,
button.contact_submit_btn:hover {
	cursor: pointer;
	background-color: #ffffff;
	color: #002638 !important;
}



@media (max-width: 1300px) {

	.applicationform .widget_2col,
	.contactform .widget_2col {
		column-gap: 5%;
	}

	.applicationform .widget_2col .widget_content:nth-of-type(1),
	.contactform .widget_2col .widget_content:nth-of-type(1) {
	  width: 35%;
	  flex: 0 0 35%;
	}

	.applicationform .widget_2col .widget_content:nth-of-type(2),
	.contactform .widget_2col .widget_content:nth-of-type(2) {
	  width: 60%;
	  flex: 0 0 60%;
	}
}

@media (max-width: 1150px) {

	.applicationform .widget_2col,
	.contactform .widget_2col {

		display: block;
	}

	.applicationform .widget_2col .widget_content:nth-of-type(1),
	.contactform .widget_2col .widget_content:nth-of-type(1) {
	  width: 100%;
	}

	.applicationform .widget_2col .widget_content:nth-of-type(2),
	.contactform .widget_2col .widget_content:nth-of-type(2) {
	  width: 100%;
	  padding: 20px 0 0 0;
	}


}

@media (max-width: 1000px) {

	p.submit_btn_container {

		min-height: 110px;
	}

	.vacancies_form input[type="checkbox"],
	.contact_form input[type="checkbox"] {
		top: 7px;
	}
}


@media (max-width: 750px) {

	.vacancies_form label:not(.vacancy_checkbox_label),
	.contact_form label:not(.contact_checkbox_label) {
		display: block;
		float: none;
		width: 100%;
	}

	.vacancies_form input[type="text"], .vacancies_form input[type="email"], .vacancies_form input[type="file"], .vacancies_form select, .vacancies_form textarea,
	.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="file"], .contact_form select, .contact_form textarea {
		display: block;
		float: none;
		width: 100%;
	}

	.vacancies_form .validator-error-container label.error,
	.contact_form .validator-error-container label.error {
	  display: block;
	  margin-top: 5px;
	  width: 100%;
	  float: none;
	}

}











#widgets_container_top{
	padding: 25px 0;
}

#widgets_container_top .widget_inner{ padding-bottom: 0; margin-top: 0px;}
#widgets_container_top p{ font-size: 14px; text-align: center; padding-bottom: 0; line-height: 16px; margin: 0 auto;}
#widgets_container_top p:nth-of-type(2){font-family: 'Muli Bold';
    max-width: 600px;
    margin: 20px auto 0 auto;}
#widgets_container_top img{ padding: 0 10px; }
#widgets_container_top a{ display: inline-block; color: #000;}


.page-index #widgets_container_top{
	margin-top: 0px;
	background: #002638;
	padding: 25px 0;
}
.page-index #widgets_container_top h2{
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    margin: 0 0 0px 0;
    padding: 0;
    font-family: "Muli Black";
}

.page-index #widgets_container_top p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 0px 0;
    padding: 0;
    font-family: "Muli";
}


.page-index #widgets_container_top .widget_inner.widget_narrow {margin: 0 auto;}







.video-warning-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: rgba(50,50,50,0.9);
  font-size: 20px;
  line-height: 1.5em;


color: #fff !important;
  font-size: 14px !important;
  text-align: center !important;
  background-image: url('/images/video-warning.svg');
  background-repeat: no-repeat;
  background-position: center top;

  }


.video-warning-overlay a {
  color: #fff !important;
  font-size: 14px !important;
  text-align: center !important;
  display: block;
  padding: 10px 25px;
  border: 1px solid #fff;
  margin-top: 25px !important;
  max-width: 350px;
  text-decoration: none;
  margin: 0 auto;
    margin-top: 0px;
}


.vacancy_form_info h3 {
	color: #ffffff;
	font-size: 24px;
	margin-bottom: 20px;
}

.vacancy_form_info p {
	margin-top: 0 !important;
}

.vacancy_form_info ul {
	margin-bottom: 30px;
}
.vacancy_form_info ul li {
	color: #ffffff;
	font-size: 18px !important;
}