/*
Theme Name: SDG
Theme URI: http://
Description: SDG WordPress theme
Version: 1.0
Author: East.ba
Author URI: http://www.east.ba
*/

@import url('assets/css/bootstrap.min.css');
@import url('assets/css/main.css');
@import url('assets/css/main_p2.min.css');
/* @import url('assets/css/main_p2.css'); */

@font-face {
	font-family: "Open Sans Print";
	src: url("assets/fonts/OpenSans-Regular.ttf");
} 

:root{
	--sdg1: #e5233d;
	--sdg2: #dda73a;
	--sdg3: #4c9f38;
	--sdg4: #c51a2d;
	--sdg5: #ff3a21;
	--sdg6: #27bfe6;
	--sdg7: #fbc412;
	--sdg8: #a31c44;
	--sdg9: #fd6925;
	--sdg10: #de1768;
	--sdg11: #f89d2a;
	--sdg12: #bf8d2c;
	--sdg13: #407f46;
	--sdg14: #1f97d4;
	--sdg15: #59ba47;
	--sdg16: #00689d;
	--sdg17: #14496b;
}

.hide{
	display: none;
}

#dms-table-export{
	font-family: "Open Sans Print" !important;
}
/*-------------DMS------------*/

.helper{
	height: 168px !important;
	background-color: #fff;
	z-index: 2;
	margin-top: -168px;
	border-top: solid 1px #c9c9c9;

	margin-left: -1px;
	border-left: solid 1px #c9c9c9;

	margin-right: -1px;
	border-right: solid 1px #c9c9c9;
}

.entity-cell, .gov-cell, .canton-sell, .goal-number-cell, .partner-cell{
	height: 50px;
}

.table-wrapper{
	border: solid 1px #c9c9c9;
	width: 1200px !important;
	margin-left: auto;
	margin-right: auto;
}

.topscroll-wrapper{
	width: 100%;
	height: 20px;
	overflow: scroll;
}

.topscroll{
	/*width: 2300px;*/
	/*width: 2340px;*/
	height: 20px;
}

.table-header{	
	/*padding-left: 10px;*/
	font-size: 25px;
	position: relative;
}

.table-header p, .col-300-help p{
	font-size: 14px;
	color: #666;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: 700;
	margin: 0px;

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	padding-right: 15px;
}

.selectstyle{
	white-space:pre-wrap;
	padding-right: 45px !important;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url('assets/images/arrow-down-icon.png');
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 0px;
	background-position: 90%;
	background-size: 20px;
	font-size: 14px;
	color: #666; 
	font-weight: 700;
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	outline: 0 !important;

	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	width: 130px;
}

.helpbih p{
	position: absolute !important;
	left: 0;
	top: 53px;
}

.selectstyle:focus{
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	outline: 0 !important;
}

.selectstyle option, .sdglvl select option{
	border: solid 1px #c9c9c9 !important;
	font-size: 14px !important;
	color: #666 !important;
	font-weight: 700 !important;
	outline: 0 !important;
}

select.sdg-select-bs option{
	padding-left: 15px;
}

.sdglvl {
	position: relative;
}

.sdglvl select option{
	padding-left: 10px;
}

.lvlen{
	top: 10px !important; 
}

.selectstyle-partner{
	height: 60px;
	width: 100%;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url('assets/images/arrow-down-icon.png');
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 0px;
	background-position: 94%;
	background-size: 40px;
	font-size: 16px;
	color: #666; 
	font-weight: 700;
	border: solid 1px #c9c9c9;
	outline: 0 !important;
	padding-left: 15px;

	margin-bottom: 20px;
}

.key-partners-wrapper{
	margin-bottom: 20px;
}

.top-row-border{
	border-right: solid 1px #c9c9c9;
}

.top-row-colored-border p{
	margin: 0;
	padding-bottom: 0px;
	margin-left: -20px;
}

.lvlofgov{
	position: relative;
}

.lvlofgov p{ 
	padding-left: 37px;
	padding-top: 15px;
	position: relative;
}

.lvlen{
	padding-left: 60px;
	padding-top: 10px !important; 
}

.sdglvl{
	padding-top: 50px;
}

.sdglvl-en{ 
	padding-top: 26px;
	margin-left: -5px;
}

.sdglvlen{
	padding-top: 85px;
}

.sdglvl select{
	white-space: pre-wrap;

	font-weight: 700;
	color: #666;
	padding-left: 0px;
	width: 98px !important;


	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url('assets/images/arrow-down-icon.png');
	background-repeat: no-repeat;
	background-color: transparent !important;
	border-radius: 0px;
	background-position: 90%;
	background-size: 20px;
	font-size: 14px;
	color: #666; 
	font-weight: 700;
	border: 0 !important;
	outline: 0 !important;
}

select.sdg-select-en{
	width: 112px !important;
	padding-right: 22px;
}

.top-row-border:last-child{
	border-right: none;
	border-radius: 15px;
}

.dms-outter-page{
	padding-top: 50px; 
	padding-bottom: 100px;
}

.table-row{
	font-weight: 300;
	text-align: center;

	padding-top: 5px;
	padding-bottom: 5px;
}

.first-row{
	width: 100%;
	position: relative;
	/*padding-left: 10px;*/
	padding-right: 5px;
	right: 0;
	/*top: 50%;
	transform: translateY(-50%);*/
}

.first-row p{
	font-size: 20px;
	color: #666;
	font-weight: 700;
}

.table-row img{
	height: 15px;
}

.table-row a{
	/*color: #979797;*/
	color: #333;
}

.table-row a:hover{
	color: #000;
	text-decoration: none;
}

.goal-row{
	border-top: solid 1px #c9c9c9;
}

.table-row p{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #c9c9c9;
	font-size: 14px;
}

/*.country-first-row:first-child{
	padding-top: 0px;
}
*/
/*.country-table-row p:first-child{
	padding-top: 0px;
}
*/

.row-placeholder2{
	display: flex;
	justify-content: center;
	flex-direction: column;

	border-right: solid 1px #c9c9c9;
	position: relative;
}

.row-placeholder{
	min-height: 200px !important;
	max-height: 5000px !important;

	border-right: solid 1px #c9c9c9;
	position: relative;

	/*display: flex;*/
	justify-content: center;
	flex-direction: column;

	min-width: 150px;
	width: 150px;
}

.row-placeholder:last-child{
	border-right: none;
}

.expand-entity, .expand-kanton{
	font-size: 16px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eqWrap {
	display: flex;
	height: 100%; 
}

.eq {
	padding: 10px;
}

.equalHMWrap {
	justify-content: space-between;
}

.table-cell{

}

/*-----ON HOVER-----*/
.table-cell-descr{
	/*display: none;*/
	color: #000;

	border: solid 1px #c9c9c9;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f2f2f2;
	z-index: 2;

	position: absolute;
	left: 0;
}

.table-cell-descr span{
	font-size: 11px;
}

.table-row p:hover + .table-cell-descr{
	/*display: block;*/
	position: absolute;
}

.descr-col{
	padding-left: 10px;
	padding-right: 0px;
}

.descr-col img{
	height: 20px;
	margin-top: 7px;
}

.descr-col p{
	text-align: left;
	font-weight: 400;
}

.descr-col{
	padding-bottom: 10px;
}

.descr-col:last-child{
	padding-right: 15px;
}

.gov-cats-name p{
	font-size: 12px;
	/*padding-left: 25px;
	padding-right: 25px;*/
	/*padding-top: 3px;
	padding-bottom: 3px;*/

	/*margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;*/
	display: inline-block;
}

.gov-cats-name{
	display: inline-block;
	background-color: #edc76f;
	width: 44%;
	margin: 3px;
}

.gov-cats-name-country p{
	/*	background-color: #edc76f;*/
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-entity p{
	background-color: #71b2f2;
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-canton p{
	background-color: #ff919e;
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-eu p{
	background-color: #2a73b7;
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-un p{
	background-color: #85b584;
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-sb p{
	background-color: #f47b6b;
	color: #fff;
	font-weight: 400;
}

.gov-cats-name-ig p{
	background-color: #bc9964;
	color: #fff;
	font-weight: 400;
}

.gov-cats-wrapper{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.descr-col-right{
	padding-right: 10px;
}

.top-row-first{
	/*background-image: url('assets/images/line.png');
	background-size: 120% 120%;
	background-position: center;*/
}

.dms-container{

}

.col-300{

	display: inline-block;
}

.col-300-first{
	
}

.col-200{ 
	
	display: inline-block;
}

.col{
	width: 150px;
	border-right: solid 1px #c9c9c9;
	padding-left: 15px;
	padding-right: 15px;
}

.col-200-help{

}

.col-300-help{
	
}

.help-to-300{
	
}

.help-background{
	background-image: url('assets/images/line.png');
	background-size: 120% 120%;
	background-position: center;
	width: 150px !important;
	min-width: 150px !important;
	padding: 0px !important;
}

.goal-and-targets{
	padding-left: 15px;
	padding-top: 15px;
	display: block;
	filter: none !important;
}

.goal-and-targets span{
	color: #fff !important;
}

.goal-and-targets span{
	font-size: 12px;
	color: #666;
	text-align: left;
	font-weight: 700;
}

.fullpageloader-wrap{
	position: relative;
}

.fullpageloader{
	text-align: center;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: 110%;
	background: url(assets/images/fullpageloader.gif);

	background-size: 80px;
	background-position: 50% 10%;
	background-color: #fff;
	background-repeat: no-repeat; 
	position: fixed;

	z-index: 2; 
}

.fullpageloader span{ 
	font-size: 25px;
	font-weight: 400;
	color: #666 !important;
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	text-align: center;
}

.top-description{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	color: #666 !important;

	padding-bottom: 30px;
	margin-bottom: 168px;
}

.top-description h1, .top-description-analytics h1{
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	color: #666 !important;
}

.top-description p, .top-description-analytics p{
	font-size: 16px;
	font-weight: 300;
	color: #666 !important;
	line-height: 28px;
}

.top-description-analytics{
	padding-top: 50px;
	padding-bottom: 50px;
}

.filter-download{
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
	position: relative;
}

.clear-all-filters, .download-doc, .anayltics{
	display: inline-block;
	text-align: center;
}

.clear-all-filters button, .download-doc button, .anayltics a{
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	padding-top: 18px;
	padding-bottom: 18px;
	/*padding-left: 50px;
	padding-right: 50px;*/
	border-radius: 5px;
	outline: none;
	border: none;
	width: 200px;

	margin-left: 5px;
	margin-right: 5px;
}

.clear-all-filters button{
	background-color: #2f5f77;
}

.download-doc button{
	background-color: #993457;
}

.anayltics a{
	padding-left: 63.5px;
	padding-right: 63.5px;

	background-color: #3E814C;
}

.clear-all-filters button:hover, .download-doc button:hover, .anayltics a:hover{
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.clear-all-filters button:hover{
	background-color: #154E6C;
}
.download-doc button:hover{
	background-color: #9E1C4A;
}

.anayltics a:hover{
	background-color: #286334;
}

.clear-all-filters button:focus, .download-doc button:focus, .anayltics a:focus{
	text-decoration: none;
}

.download-doc-desc{
	position: absolute;
	width: 100%;
}

.image-print img{
	display: none;
	width: 100px;
	height: auto;
}

.table-image-row>img{
	height: 120px;
	border: solid 1px #fff;
}

.analytics-descr p{
	font-size: 16px;
	color: #666666;
	font-weight: 300;
}

.analytics-item{
	border-bottom: solid 1px #c9c9c9;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.analytics-item:hover .analytics-descr{
	display: block;
}

.analytics-item:hover .analytics-title h3{
	color: #000;
}

.analytics-descr{
	position: absolute;
	top: 50px;
	left: 0;
	display: none;

	z-index: 1;
	padding: 15px;

	border: solid 1px #c9c9c9;
	background-color: #f2f2f2;
}

.analytics-descr p{
	margin: 0px;
}

.analytics-title h3{
	font-size: 16px;
	color: #666666;
	font-weight: 300;
	padding-left: 10px;
	margin: 0px;
}

.analytics-title h3:hover{
	color: #000;
}

.analytics-wrap{
	padding-bottom: 85px;
}

.analytics-wrap img, .analytics-title{
	display: inline-block;
}

.analytics-wrap img{
	height: 35px;
}

.analytics-wrap a:hover{
	text-decoration: none;
	color: #000;
}



@media print { 
	/* All your print styles go here */
	@page {
		size: landscape;
	}

	.top-background, .footer-background, .top-description, .table-image-row{
		display: none !important; 
	}

	.table-wrapper{
		width: 1040px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.col-300, .row-placeholder, .help-background {
		width: 120px !important;
		min-width: 120px !important;
	}

	.col-print{
		width: 120px !important;
		min-width: 120px !important;
		max-width: 120px !important;
	}

	.selectstyle{
		padding-right: 0px;
		background-image: none;
	}

	.image-print img{
		display: block;
	}

	.table-row p{
		font-size: 10px;
	}    


}

/* REGISTRATION PAGE STARTS HERE */

.pos-abs{
	position: absolute;
}

.pos-rel{
	position: relative;
}

.pos-fixed{
	position: fixed;
}

.z-index-1{
	z-index: 1;
}

.z-index-high{
	z-index: 1000;
}

.centerX{
	left: 50%;
	transform: translateX(-50%);
}

.centerY{
	top: 50%;
	transform: translateY(-50%);
}

.centerXY{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.center{
	width: 100%;
	text-align: center;
}

.bottom{
	bottom: 0;
}

.headline-wrapper {
	width: 100%;
	padding: 25px 0;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px #747575;
}

.dark-overlay{
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 100px 0;
}

section#registration-landing{
	min-height: 50vh;
	background-size: cover;
	width: 100%;
	background-position: 0 80%;
	position: relative;
	color: white;
	align-content: center;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.registration-landing-content{
	height: 100%;
	padding: 100px 0;
	position: relative;
	z-index: 10;
}

.registration-landing-content .content{
	position: relative;
}

@media only screen and (min-width: 992px){

	.registration-landing-content{
		padding: 0;
	}
	
	.registration-landing-content .content::before {
	    content: "";
	    display: block;
	    height: 1px;
	    width: 200px;
	    left: 20px;
	    top: 50%;
	    transform: translateY(-50%);
	    position: absolute;
	    background-color: white;
	}

	.registration-landing-content .content::after {
	    content: "";
	    display: block;
	    height: 1px;
	    width: 200px;
	    right: 20px;
	    top: 50%;
	    transform: translateY(-50%);
	    position: absolute;
	    background-color: white;
	}

}

.conference-menu{
	margin: 30px 0;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position-y: center;
}

.conference-menu img{
	height: 15px;
}

.conference-menu ul li a{
	color: #0b78e8;
	font-weight: 700;
	transition: 0.2s ease;

}

.conference-menu ul li a:hover{
	opacity: 0.7;
}

/* @media only screen and (max-height: 400px){
	section#registration-landing{
		min-height: 150vh;
	}
}

@media only screen and (min-width: 540px) and (min-height: 500px){
	section#registration-landing{
		min-height: 100vh;
	}
}

@media only screen and (min-width: 768px){
	section#registration-landing{
		min-height: 80vh;
	}
	} */

	@media only screen and (min-width: 992px){

		.pos-abs-nm{
			position: absolute;
		}

		.centerY-nm{
			top: 50%;
			transform: translateY(-50%);
		}

		.center-nm{
			width: 100%;
			text-align: center;
		}

		.bottom-nm{
			bottom: 0;
		}

		section#registration-landing{
			min-height: 50vh;
		}
	}

	#registration-landing h1{
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 0;
	}

	#conference-page, h6{
		font-size: 1em;
		font-weight: 100;
		line-height: 1.5;
	}

	#conference-page h1{
		font-size: 2em;
		margin-bottom: 30px;
	}

	#conference-page h2{
		font-size: 1.8em;
		margin: 0;
	}

	#conference-page h3{
		font-size: 1.5em;
		margin: 0;
	}

	#conference-page h4{
		font-size: 1.2em;
		font-weight: 300;
		margin: 0;
	}

	@media only screen and (min-width: 992px){
		#conference-page{
			font-size: 1.2em;
		}

		#conference-page h1{
			font-size: 2.5em;
		}

		#conference-page h2{
			font-size: 37px;
		}

		#conference-page h3{
			font-size: 2em;
		}

		#conference-page h4{
			font-size: 1.3em;
		}

		#conference-page h6{
			font-size: 1.2em;
			font-weight: 100;
		}
	}


	.landing-info-item{
		padding: 0 15px;
		font-size: 1.5rem;
		display: block;
		margin-bottom: 10px;
	}

	.landing-info-item img{
		height: 30px;
		margin-right: 10px;
	}

	#registration-about .button-see-more-container{
		text-align: center;
		margin-top: 30px;
	}

	a.white-transparent-btn{
		color: white;
		background-color: transparent;
		padding: 10px 15px;
		border: 2px solid white;
		text-transform: uppercase;
		transition: 0.2s ease;
		text-decoration: none;
		font-size: 1.7rem;

	}

	#registration-landing .button-see-more-container{
		text-align: center;
		margin-top: 30px;
	}

	span.blue-btn{
		color: white;
		background-color: #0a78e7;
		padding: 15px 40px;
		outline: none;
		text-transform: uppercase;
		transition: 0.2s ease;
		cursor: pointer;
	}

	span.blue-btn:hover{
		opacity: 0.7;
	}

	a.white-transparent-btn:focus, a.white-transparent-btn:active, a.white-transparent-btn:hover{
		background-color: rgba(255, 255, 255, 0.3);
		text-decoration: none;

	}

	section#registration-about, section#registration-keynotes, section#registration-locals, section#welcome-speakers, 
	section#registration-agenda, section#registration-form, section#partner-logos, section#partner-logos-w-menu{
		padding: 25px 0;
		color: #494949;
	}

	section#partner-logos, section#partner-logos-w-menu{
		text-align: center;
		opacity: 0.7;
		padding-top: 75px;
	}

	#partner-logos .partner-single, #partner-logos-w-menu .partner-single{
		margin-bottom: 30px;
	}

	#partner-logos .partner-single img, #partner-logos-w-menu .partner-single img{
		max-width: 280px;
		max-height: 200px;
	}

	.keynote-speaker-content{
		text-align: center;
	}

	.keynote-speaker-content .socials{
		margin-top: -10px;
	}

	.keynote-speaker-content a:hover, .keynote-speaker-content a:focus, .keynote-speaker-content a:active{
		text-decoration: none;
		opacity: 0.7;
	}

	.keynote-speaker-content a{
		transition: 0.2s ease;
		display: block;
		margin-bottom: 10px;
		color: #494949;
	}

	.keynote-speaker-content .speaker-image{
		margin-right: 10px;
	}

	.landing-registration-btn-container{
		margin-top: 45px;
	}

	@media only screen and (min-width: 992px){
		.row-eq-height {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display:         flex;
		}

		.keynote-speaker-content .socials{
			margin-top: 15px;
			padding-left: 10px;
		}

		section#registration-about, section#registration-keynotes, section#registration-locals, section#welcome-speakers,
		section#registration-agenda, section#registration-form, section#partner-logos, section#partner-logos-w-menu{
			padding: 75px 0;
		}

		section#registration-about{
			padding-top: 0;
		}

		#partner-logos .partner-single, #partner-logos-w-menu .partner-single{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-bottom: 0;
		}

		section#registration-agenda{
			padding-top: 25px;
		}

		.keynote-speaker-content{
			text-align: left;
		}

		.keynote-speaker-content .text-right{
			text-align: right;
		}

		#registration-landing .landing-registration-btn-container{
			margin-top: 45px;
		}

		.landing-info-item{
			padding: 0 15px;
			font-size: 2.5rem;
			display: inline-block;
			margin-bottom: 0;
		}
	}

	section#registration-keynotes, section#registration-agenda, section#registration-form{
		background-color: #f9f9f9;
	}


	#registration-keynotes .keynote-speakers-title, #registration-locals .local-speakers-title, #welcome-speakers .local-speakers-title,
	.welcome-speakers .local-speakers-title,
	#conference-page .welcome-speakers .local-speakers-title{
		text-align: center;
		margin-bottom: 75px;
	}

	#registration-keynotes .keynote-speaker-content {
	    display: inline-block;
	    padding-bottom: 50px;
	    margin-bottom: 50px;
	    border-bottom: 1px solid #0a78e7;
	}

	#registration-keynotes .keynote-speaker-content {
		margin-top: 0;
	}

	#registration-keynotes .keynote-speaker-content h3{
		margin: 15px 0 0 0;;
	}

	#registration-keynotes .keynote-speaker-content h4{
		margin-bottom: 10px;
	}

	#registration-keynotes .speaker-image{
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		height: 250px;
		margin-bottom: 20px;
	}

	#registration-locals .speaker-image, #welcome-speakers .speaker-image,
	.welcome-speakers .speaker-image{
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
		width: 100%;
		height: 150px;
		margin-bottom: 30px;
	}

	.button-keynote-see-more-container {
		display: block;
		margin-top: 30px;
	}

	.keynote-see-more{
		cursor: pointer;
		transition: 0.2s ease;
		color: #0a78e7;
	}

	.keynote-see-more:hover{
		opacity: 0.7;
	}

	.button-keynote-see-more-container span.blue-btn {
		color: white;
		background-color: #0a78e7;
		padding: 10px 25px;
		outline: none;
		text-transform: uppercase;
		transition: 0.2s ease;
		cursor: pointer;
	}

	.keynote-more-content{
		display: none;
	}

	@media only screen and (min-width: 992px){
		#registration-keynotes .speaker-image{
			background-size: cover;
			background-position: top center;
			width: 100%;
			height: 250px;
			margin-bottom: 20px;
		}

		#registration-locals .speaker-image, #welcome-speakers .speaker-image,
		.welcome-speakers .speaker-image{
			object-fit: cover;
			object-position: center;
			width: 100%;
			height: 200px;
			margin-bottom: 30px;
		}
	}

	#registration-locals .local-speaker, #welcome-speakers .local-speaker{
		margin-bottom: 40px;
		text-align: center;
	}

	@media only screen and (min-width: 768px){
		#registration-locals .local-speaker, #welcome-speakers .local-speaker{
			margin-bottom: 20px;
			text-align: left;
		}
	}

	#registration-locals .local-speaker h2, #welcome-speakers .local-speaker h2{
		font-weight: 200;
	}

	#registration-agenda h1, #registration-form h1{
		text-align: center;
		margin-bottom: 20px;
		line-height: 1;
	}

	/* #registration-agenda .title-content-container .content{
		margin-bottom: 75px;
	} */

	#registration-agenda .agenda-item{
		display: block;
		background-color: white;
		text-align: center;
		padding: 30px 0;
		margin-bottom: 50px;
	}

	#registration-agenda .agenda-item .content{
		text-align: left;
	}


	#registration-agenda .agenda-item h1{
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		text-transform: uppercase;
	}

	#registration-agenda .agenda-item .content p{
		margin: 0;
	}

	#registration-agenda .agenda-item img{
		height: 100px;
		margin-bottom: 20px;
	}

	#registration-agenda .panel-content{
		margin-bottom: 50px;
	}

	#registration-agenda .panel-content h2{
		line-height: 1;
		text-transform: uppercase;
	}


	#registration-agenda .panel-content h2, #registration-agenda .panel-content p{
		margin: 0;
	}

	@media only screen and (min-width: 992px){
		#registration-agenda .agenda-item{
			display: block;
			background-color: white;
			text-align: left;
			padding: 30px 0;
			margin-bottom: 50px;
		}


		#registration-agenda .agenda-item-image{
			text-align: center;
			padding-right: 0;
		}

		#registration-agenda .agenda-item-content{
			padding-left: 0;
		}

		#registration-agenda .agenda-item h1{
			margin-top: 0;
			margin-bottom: 0;
			text-align: left;
		}

		#registration-agenda .agenda-item .content p{
			margin: 0;
		}

		#registration-agenda .agenda-item img{
			min-height: 100px;
			height: 150px;
			margin-bottom: 0;
		}
	}


	section#registration-banner{
		background-size: cover;
		width: 100%;
		min-height: 40vh;
		padding: 50px;
		position: relative;
		color: white;
	}

	#registration-banner .landing-info{
		margin-top: 30px;
	}

	.banner-content{
		padding: 50px 0;
		position: relative;
		z-index: 10;
	}

	@media only screen and (min-width: 992px){
		section#registration-banner{
			background-size: cover;
			background-attachment: fixed;
		}
	}

	section#registration-form .form-intro{
		margin-bottom: 75px;
	}


	section#registration-form input{
		padding: 20px;
		outline: none;
		border: 1px solid lightgrey;
	}

	section#registration-form input[type='checkbox']{
		height: 10px;
		width: 10px!important;
	}

	@media only screen and (max-width: 768px){
		section#registration-form input[type='checkbox'], section#registration-form input[type='radio']{
			transform: scale(0.5);
		}
	}

	@media only screen and (min-width: 992px){
		section#registration-form input[type='checkbox']{
			height: 20px;
			width: 20px!important;
		}
	}

	section#registration-form textarea{
		outline: none;
		padding: 15px;
	}

	section#registration-form .nf-after-field{
		display: none;
	}

	.nf-after-form-content{
		text-align: center;
	}

	#nf-field-13-container, #nf-field-21-container{
		padding-left: 30px;
	}

	.nf-form-fields-required{
		display: none;
	}

	section#registration-form .nf-error .ninja-forms-field{
		border: 1px solid red!important;
	}
	
	#nf-field-25-container li, #nf-field-31-container li,
	#nf-field-21-container li, #nf-field-33-container li,
	#nf-field-13-container li, #nf-field-34-container li,
	#nf-field-48-container li, #nf-field-46-container li,
	#nf-field-44-container li   {
		padding: 5px 0!important;
	}

	#nf-field-44-container li label, #nf-field-46-container li label,
	#nf-field-13-container li label, #nf-field-21-container li label,
	#nf-field-33-container li label, #nf-field-34-container li label{
		padding-top: 15px;
	}

	#nf-field-48-container, #nf-field-25-container, #nf-field-43-container{
		display: none;
	}

	@media only screen and (min-width: 992px){
		#nf-field-44-container li label, #nf-field-46-container li label,
		#nf-field-13-container li label, #nf-field-21-container li label,
		#nf-field-33-container li label, #nf-field-34-container li label{
			padding-top: 0;
		}

		#nf-field-44-container, #nf-field-46-container{
			display: none;
		}

		#nf-field-48-container, #nf-field-25-container, #nf-field-43-container{
			display: block;
		}

		#nf-field-48-container li, #nf-field-25-container li, #nf-field-43-container li {
			padding: 0!important;
			display: inline-table;
			width: 33%;
			margin: 0!important
		}
	}

	.g-recaptcha div{
		margin: 0 auto;
	}

	@media only screen and (max-width: 375px){
		.g-recaptcha div{
			transform: scale(0.85);
		}
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus
	input:-webkit-autofill, 
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		outline: none;
		background-color: white;
		-webkit-text-fill-color: #494949;
		-webkit-box-shadow: none;
		transition: background-color 5000s ease-in-out 0s;
	}

	section#registration-form .submit-container {
		text-align: center;
	}

	section#registration-form .submit-container input {
		color: white;
		background-color: #0a78e7;
		padding: 20px 40px;
		outline: none;
		text-transform: uppercase;
		transition: 0.2s ease;
	}

	section#registration-form .submit-container input:hover{
		background-color: #278df5;
	}

	#registration-page-more-content{
		display: none;
	}

	/* REGISTRATION PAGE ENDS HERE */

	/* NEW HOMEPAGE STARTS HERE */

	@media only screen and (max-width: 992px){
		.hide-mobile{
			display: none;
		}
	}

	.hp-featured-content{
		color: white;
		position: absolute;
		/* height: 100%; */
		padding: 30px;
		bottom: 0px;
		width: 100%;
		line-height: 1;
		background-color: rgba(0, 0, 0, 0.2);
	}

	.hp-featured-content h2{
		margin-top: 0;
	}

	.news-block{
		background-size: cover;
		position: relative;
	}

	.hp-news-content{
		padding: 15px;
		position: absolute;
		/* height: 100%; */
		bottom: 0px;
		width: 100%;
		line-height: 1;
		color: black;
		background-color: rgba(255, 255, 255, 0.6);
	}

	.hp-news-content h2{
		margin-top: 0;
		margin-bottom: 5px;
		word-break: break-word;
		overflow-wrap: break-word;
	}


	.home-wrap1-new{
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0px;
		width: 100%;
		padding: 0 30px;
	}

	.dark-overlay-home{
		position: relative;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}

	/* NEW HOMEPAGE ENDSS HERE */

	/* agenda changes */
	.agenda-time-wrap{
		background-size: 34px;
		background-position: left;
		padding-left: 50px;
		font-size: 25px;
		font-weight: 400;
		background-repeat: no-repeat;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.agenda-item-colored{
		background-color: #F3F3F3 !important;
	}

	.agenda-sub-item{
		background-color: #fff !important;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 50px;
	}

	/* #conference-page .agenda-item-content h3{
		font-size: 25px;
		line-height: 1.2;
		margin-bottom: 15px;
	} */

	#conference-page h3{
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 15px;
	}

	#registration-agenda .panel-content{
		margin-bottom: 0px;
	}

	.agenda-item-content-nopic{
		padding-left: 50px !important;
		padding-right: 50px !important;
	}

	.agenda-item{
		position: relative;
	}

	.agenda-item::before,
	.agenda-sub-item::before{
		content: '';
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 20px solid #fff;
		position: absolute;
		top: 30px;
		left: -20px;
		z-index: 2;
	}

	.agenda-item-colored::before{
		content: none;
	}

	.agenda-time-wrap-up{
		margin-left: 35px;
	}

	.agenda-afterline{
		border-left: solid 5px #fff;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-left: 70px;
	}

	.agenda-box-circle{
		position: absolute;
		width: 25px;
		height: 25px;
		top: 40px;
		left: -87px;
		border-radius: 50%;
		background-color: #0a78e7;
	}

	.agenda-item-colored .agenda-box-circle{
		display: none;
	}

	.agenda-sub-item::before{
		left: -5px;
	}

	.agenda-sub-item .agenda-box-circle{
		left: -69px;
	}

	@media(max-width: 768px){

		.agenda-afterline{
			padding-left: 30px;
		}

		.agenda-time-wrap-up {
			margin-left: 15px;
		}

		.agenda-time-wrap-up{
			padding-left: 25px;
		}

		.agenda-time-wrap{
			font-size: 22px;
		}

		.agenda-item-content h3, #conference-page h3{
			font-size: 23px !important;
		}

		.agenda-sub-item{
			padding-left: 15px;
			padding-right: 15px;
		}

		.agenda-item-content{
			padding-left: 30px !important;
			padding-right: 30px !important;
		}

		.agenda-box-circle{
			left: -45px;
			width: 20px;
			height: 20px;
		}
	}

	/* end of agenda changes */

	/* CONFERENCE MENU START */

	/* #menu-conference-menu.menu{
		display: inline-block;
	}
	
	#menu-conference-menu li{
		width: 100%;
	} */

	#conference-menu{
		background-color: #278df5;
		text-align: center;
		font-size: 18px;
		z-index: 100;
	}

	#conference-menu #mobile-menu{
		text-align: right;
	}


	#conference-menu #mobile-menu img{
		display: inline-b;
		padding: 15px 0;
		height: 40px;
	}

	#conference-menu ul li a{
		padding: 10px 15px;
		transition: 0.2s ease;
		display: inline-block;
	}
	
	@media only screen and (max-width: 991px){
		#conference-menu .menu{
			padding-bottom: 30px;
			display: none;
		}

		#conference-menu li{
			width: 100%;
		}

	}

	@media only screen and (min-width: 992px){
		#conference-menu #mobile-menu{
			display: none;
		}
		#conference-menu ul li a{
			padding: 15px 30px;
		}
	}


	#conference-menu ul{
		margin: 0;
	}

	#conference-menu ul li{
		padding: 0;
		font-size: 18px;
		font-weight: 400;
	}

	#conference-menu ul li a{
		transition: 0.2s ease;
	}

	@media only screen and (min-width: 992px){
		#conference-menu ul li a:hover, #conference-menu ul li a:active, #conference-menu ul li a:focus{
			background-color: #0b78e8;
		}

		.body-dark #conference-menu ul li a:hover, .body-dark #conference-menu ul li a:active, .body-dark #conference-menu ul li a:focus,
		.menu-dark #conference-menu ul li a:hover, .menu-dark #conference-menu ul li a:active, .menu-dark #conference-menu ul li a:focus{
			background-color: #373737;
		}
	}

	.sticky {
	  position: fixed;
	  top: 0;
	  width: 100%;
	}

	.sticky + .content {
	  padding-top: 60px;
	}

.note-toolbar.panel-heading {
    display: none;
}

/* NOVEMBER 2018 UPDATES */

.footer-background{
	z-index: 150;
}

.d-flex{
	display: flex;
}

.flex-row{
	flex-direction: row;
}

.d-inline-block{
	display: inline-block;
}

.d-flex-imp{
	display: flex!important;
}

.d-inline-block-imp{
	display: inline-block!important;
}

.d-none{
	display: none;
}

.flex-wrap{
	flex-wrap: wrap;
}

.flex-mobile-col-desktop-row{
	flex-direction: column;
}

.justify-space-between{
	justify-content: space-between;
}

.justify-space-between{
	justify-content: space-between;
}

.align-self-center{
	align-self: center;
}

.width70-desktop, .width30-desktop{
	width: 100%;
}

.width100{
	width: 100%;
}

.mw100{
	max-width: 100%;
}

.mh60{
	max-height: 60px;
}

.mh70{
	max-height: 70px;
}

.w-45{
	width: 45%;
}

.w-30{
	width: 30%;
}

@media only screen and (min-width: 768px){
	.w-md-auto{
		width: auto;
	}
}


@media only screen and (min-width: 992px){
	.flex-mobile-col-desktop-row{
		flex-direction: row;
	}

	.width70-desktop{
		width: 70%;
	}

	.width30-desktop{
		width: 30%;
	}
}

.margin-y-0{
	margin-top: 0;
	margin-bottom: 0;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-10{
	margin-bottom: 10px;
}

.mt-0{
	margin-top: 0;
}

.mt-50{
	margin-top: 50px;
}

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin-ext');

@font-face {
  font-family: 'MyriadPro';
  src: url('assets/fonts/myriad/MYRIADPRO-REGULAR.otf'); 
}

@font-face {
  font-family: 'MyriadPro-Light';
  src: url('assets/fonts/myriad/MyriadPro-Light.otf'); 
}

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('assets/fonts/myriad/MYRIADPRO-BOLD.otf'); 
}

.font-family-myriad{
	font-family: "MyriadPro";
}

.font-family-myriad-light{
	font-family: "MyriadPro-Light";
}

.font-family-myriad-bold{
	font-family: "MyriadPro-Bold";
}

.font-family-times{
	font-family: Times, 'serif';
}

.font-family-abril{
	font-family: 'Abril Fatface';
}

.font-family-calibri{
	font-family: 'Calibri';
}

.font-weight-bold{
	font-weight: 800;
}

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

.font-size-16{
	font-size: 16px;
}

.font-size-16-imp{
	font-size: 16px!important;
}

.font-size-18{
	font-size: 18px;
}

.font-size-20{
	font-size: 20px;
}

.font-size-25{
	font-size: 22px;
}

.font-size-30{
	font-size: 24px;
}

.font-size-40{
	font-size: 25px;
}

.font-size-48{
	font-size: 28px;
}

.font-size-50{
	font-size: 30px;
}

.font-size-55{
	font-size: 32.5px;
}

.font-size-60{
	font-size: 35px;
}

.font-size-65{
	font-size: 37.5px;
}

.font-size-70{
	font-size: 40px;
}


.line-height-1{
	line-height: 1;
}

.line-height-regular{
	line-height: 1.1;
}

@media only screen and (min-width: 992px){

	.font-size-25{
		font-size: 25px;
	}

	.font-size-30{
		font-size: 30px;
	}

	.font-size-40{
		font-size: 40px;
	}

	.font-size-48{
		font-size: 48px;
	}

	.font-size-50{
		font-size: 50px;
	}

	.font-size-55{
		font-size: 55px;
	}

	.font-size-60{
		font-size: 60px;
	}

	.font-size-65{
		font-size: 65px;
	}

	.font-size-70{
		font-size: 70px;
	}
}

.body-dark .top-background, .body-dark .mobile-menu-wrapper,
.menu-dark .top-background, .menu-dark .mobile-menu-wrapper{

	background-color: black;
}

.body-dark .mobile-menu-wrapper,
.menu-dark .mobile-menu-wrapper{

	border-top: black;
}

.body-dark .top-background .darker-top-background,
.menu-dark .top-background .darker-top-background{

	background-color: #373737;
}

.body-dark #conference-menu, .body-dark .page-menu,
.menu-dark #conference-menu, .menu-dark .page-menu{

	background-color: black; 
}

.body-dark li.menu-item-has-children ul.sub-menu li,
.menu-dark li.menu-item-has-children ul.sub-menu li a{
	background-color: black;
}

.menu-dark li.menu-item-has-children ul.sub-menu li a,
.body-dark li.menu-item-has-children ul.sub-menu li a{
	border-bottom: grey;
}

.body-dark li.menu-item-has-children ul.sub-menu li:first-child,
.menu-dark li.menu-item-has-children ul.sub-menu li:first-child{
	/* border-top: 1px solid #373737; */
	border-top: 1px solid black;
}

.body-dark .body-dark-bg-dark{
	background-color: black;
}

.body-dark .body-dark-bg-dark *{
	color: white;
}

.body-dark .body-dark-bg-dark input,
.body-dark .body-dark-bg-dark textarea{
	background-color: #373737;
	color: white;
	outline-color: white;
}

.body-dark .body-dark-bg-dark .five-column-wrapper, 
.body-dark .body-dark-bg-dark .one-square-block, 
.body-dark .body-dark-bg-dark .two-square-block{
	border-color: black;
}

.body-dark .body-dark-bg-dark .block-content p, 
.body-dark .body-dark-bg-dark .double-block-content p, 
.body-dark .body-dark-bg-dark .double-block-content h4{
	color: white;
}

.body-dark section#partner-logos{
	color: white;
	background-color: white;
	opacity: 1;
}


.body-dark section#partner-logos img{
	opacity: 0.7;
	max-height: 150px;
}

.color-white{
	color: white;
}

.color-black{
	color: black;
}

.color-darkgrey{
	color: #373737;
}

.bg-black{
	background-color: black;
}

.padding-y-small{
	padding-top: 10px;
	padding-bottom: 10px;
}

.new-btn, a.new-btn, #form-main input[type=button]{
	padding: 18px 18px;
	min-width: 200px;
	text-transform: uppercase;
	color: white;
	line-height: 1;
	font-size: 18px;
	display: block;
	display: inline-block;
	font-family: "MyriadPro-Light";
	transition: 0.2s ease;
	text-decoration: none;
}

.new-btn-small, .new-btn.new-btn-small, a.new-btn.new-btn-small{
	min-width: 100px;
	font-size: 13px;
    padding: .5em 1em;
}

.round-btn{
	border-radius: 25px;
}

.gold-btn{
	background-color: #A98B41;
}

.color-gold{
	color: #A98B41;
}

.grey-btn{
	background-color: #32373c;
}

.gold-btn:hover,
.gold-btn:focus,
.gold-btn:active{	
	background-color: #c8a652;
}

.blue-btn{
	background-color: #4A90E2;
}

.blue-btn:hover,
.blue-btn:focus,
.blue-btn:active{	
	background-color: #4178b9;
}

.grey-btn:hover,
.grey-btn:focus,
.grey-btn:active{	
	opacity: 0.7;
}

.gold-btn-margin-top{
	margin-top: 30px;
}

.btn-wide{
	width: 100%;
}

.mt-30{
	margin-top: 30px;
}

@media only screen and (max-width: 991px){
	.mb-mobile30{
		margin-bottom: 30px
	}

	.mt-mobile30{
		margin-top: 30px
	}
}

.new-btn:hover,
.new-btn:active,
.new-btn:focus,
a.new-btn:hover,
a.new-btn:active,
a.new-btn:focus{
	text-decoration: none;
	color: 	white;
	cursor: pointer;
	transition: 0.2s ease;
}

#conference-landing{ 
	padding: 0;
	background-color: #0F0F0F; /* For browsers that do not support gradients */
    background-image: linear-gradient(#0F0F0F, #343434); /* Standard syntax (must be last) */
}

.text-center-mobile{
	text-align: center;
}

.text-center{
	text-align: center;
}

.text-justify{
	text-align: justify;
}


.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}

@media only screen and (min-width: 992px){
	#conference-landing{ 
		min-height: 70vh;
		padding: 100px 0;
	}

	.text-center-mobile{
		text-align: inherit;
	}
}

#conference-landing h3{
	font-size: 26px;
}

#conference-landing h4{
	font-size: 22px;
}

#conference-landing img.landing-img{
	height: 150px;
	width: auto;
}

@media only screen and (min-width: 992px){
	#conference-landing img.landing-img{
		height: 300px;
	}
}

#conference-landing .content p{
	margin-top: 0;
	margin-bottom: 0;
}

.section-padding{
	padding: 50px 0;
}

.pioneer-section{
	background-size: cover;
	width: 100%;
	height: auto;
	min-height: 50vh;
	background-position: center;
}

.section-video{
	position: relative;
	z-index: 100;
	min-height: 50vh;
}

.section-buttons a {
    margin-left: 10px;
    margin-right: 10px;
}

.section-buttons a:first-child {
    margin-left: 0;
}

.section-buttons a:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 992px){
	.section-video{
		min-height: 80vh;
	}
}

.section-video .iframe-container{
	opacity: 0;
	z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.section-video iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.2s ease;
}

.section-video .video-poster{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-size: cover;
    background-position: center;
}

.section-video .bg-overlay{
	z-index: 15;
}

.section-video .video-play-container{
	border: 5px solid white;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	z-index: 20;
	
}

.section-video .video-play-container .play-btn {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 45px solid white;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 992px){
	.section-padding{
		padding: 100px 0;
	}

	#conference-landing  .landing-img-container{
		padding: 0 25px;
	}
}

.show-mobile{
	display: block;
}

.show-desktop{
	display: none;
}

@media only screen and (min-width: 768px){
	.hide-768{
		display: none;
	}

	.show-768{
		display: block;
	}

	.d-inline-block-768{
		display: inline-block;
	}
}

@media only screen and (min-width: 992px){
	.show-mobile{
		display: none;
	}

	.show-desktop{
		display: block;
	}
}

/* PIONEER MENU & FLOATER */

#pioneer-floater.floater h3{
	font-size: 26px;
	margin: 0;
}

#pioneer-floater.floater h4{
	font-size: 22px;
	font-size: 18px;
	margin: 0;
	padding-top: 20px;
}


#pioneer-menu.sticky{
	background-color: black;
	padding: 15px;
}

.floater-container {
    display: block;
    width: auto;
    padding: 10px;
    background-color: black;
    transition: 0.2s ease;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

@media only screen and (max-width: 991px){
	#pioneer-menu{
		padding: 15px;
	}

	#pioneer-menu.sticky{
		padding: 15px;
	}

	img.pioneer-mobile-menu {
    	height: 20px;
	    text-align: center;
	    margin: 0 auto;
	}

	#pioneer-floater.floater-container{
		background-color: black;
		position: fixed;
	    bottom: 0;
	    width: 100%;
        border-top: 1px solid #373737;
	}

	#pioneer-floater.floater.floater-content{
		display: none;
	}

	#pioneer-menu li:first-child {
	    margin-top: 20px;
	}

	#pioneer-menu li:not(:first-child)::before {
	    content: "";
	    position: absolute;
	    width: 50%;
	    height: 1px;
	    background-color: white;
	    display: block;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 0;
	}

	#pioneer-menu li {
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	}
}

#pioneer-menu .menu{
	display: flex;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media only screen and (min-width: 992px){
	#pioneer-menu .menu{
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}

	#pioneer-menu .menu li{
		position: relative;
		transition: 0.2s ease;
	}

	#pioneer-menu .menu li:hover,
	#pioneer-menu .menu li:focus,
	#pioneer-menu .menu li:active{
		background-color: transparent;
		opacity: 1;
	}

	#pioneer-menu .menu li a{
		transition: 0.2s ease;
	}

	#pioneer-menu .menu li a:hover,
	#pioneer-menu .menu li a:focus,
	#pioneer-menu .menu li a:active{
		background-color: transparent;
		opacity: 1;
		transform: translateY(-3px);
	}

	#pioneer-menu .menu li:not(:last-child)::before {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 35px;
	    height: 1px;
	    background-color: white;
	    right: -25px;
	}

	.floater-container {
	    display: inline-flex;
	    position: absolute;
	    top: 50%;
	    width: auto;
	    padding: 30px;
	    background-color: black;
	    transform: translateY(-50%);
	    transition: 0.2s ease;
	    bottom: auto;
        box-shadow: 0 0 5px #787878;
    	border: 1px solid #252525;
	}

	.floater-container.pos-fixed{
		position: fixed;
	}
}

#sdg-global-inspiration .sdg-post-news-bg.post-bg-img{
	height: 200px;
	background-size: cover;
	background-position: center;
	width: 100%;
}

.mt-s{
	margin-top: 10px;
}

#form-main input{
	height: 50px;
	border: 1px solid #23282d;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	outline-color: white;
}

#form-main button.nf-fu-fileinput-button{
    background-color: #373737;
    border: none;
    /* height: 50px; */
    padding: 15px 30px;
}

#form-main input[type="checkbox"],
#form-main input[type="radio"]{
	height: auto;
}

#form-main textarea{
	border: 1px solid #23282d;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

#form-main #nf-field-59-wrap li,
#form-main #nf-field-105-wrap li,
#form-main #nf-field-192-wrap li,
#form-main #nf-field-216-wrap li,
#form-main .nf-sdg-picker-container li {
    display: flex;
    width: 33.33%;
    height: 100px;
    float: left;
    margin-bottom: 7.5px!important;
    padding-left: 3.25px!important;
    padding-right: 3.25px!important;
}


@media only screen and (min-width: 500px){
	#form-main #nf-field-59-wrap li,
	#form-main #nf-field-105-wrap li,
	#form-main #nf-field-192-wrap li,
	#form-main #nf-field-216-wrap li,
	#form-main .nf-sdg-picker-container li {
	    width: 25%;
	}
}

@media only screen and (min-width: 992px){
	#form-main #nf-field-59-wrap li,
	#form-main #nf-field-105-wrap li,
	#form-main #nf-field-192-wrap li,
	#form-main #nf-field-216-wrap li,
	#form-main .nf-sdg-picker-container li {
	    width: 10%;
	    height: 100px;
	    margin-bottom: 15px!important;
	    padding-left: 7.5px!important;
    	padding-right: 7.5px!important;
	}
}

#form-main #nf-field-59-wrap li label,
#form-main #nf-field-105-wrap li label,
#form-main #nf-field-192-wrap li label,
#form-main #nf-field-216-wrap li label,
#form-main .nf-sdg-picker-container li label{
	width: 90%;
	width: 100%;
	margin: 0 auto;
	height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid transparent;
    transition: 0.2s ease;

}

#form-main #nf-field-59-wrap li label.nf-checked-label,
#form-main #nf-field-105-wrap li label.nf-checked-label,
#form-main #nf-field-192-wrap li label.nf-checked-label,
#form-main #nf-field-216-wrap li label.nf-checked-label,
#form-main .nf-sdg-picker-container li label.nf-checked-label{
	border: 3px solid white;
}

.before1::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg1);
}

.before2::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg2);
}

.before3::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg3);
}

.before4::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg4);
}

.before5::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg5);
}

.before6::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg6);
}

.before6::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg6);
}

.before7::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg7);
}

.before8::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg8);
}

.before9::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg9);
}

.before10::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg10);
}

.before11::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg11);
}

.before12::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg12);
}

.before13::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg13);
}

.before14::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg14);
}

.before15::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg15);
}

.before16::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg16);
}

.before17::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: var(--sdg17);
}

.color1, .color1 a{
	color: var(--sdg1)!important;
}

.color2, .color2 a{
	color: var(--sdg2)!important;
}

.color3, .color3 a{
	color: var(--sdg3)!important;
}

.color4, .color4 a{
	color: var(--sdg4)!important;
}

.color5, .color5 a{
	color: var(--sdg5)!important;
}

.color6, .color6 a{
	color: var(--sdg6)!important;
}

.color7, .color7 a{
	color: var(--sdg7)!important;
}

.color8, .color8 a{
	color: var(--sdg8)!important;
}

.color9, .color9 a{
	color: var(--sdg9)!important;
}

.color10, .color10 a{
	color: var(--sdg10)!important;
}

.color11, .color11 a{
	color: var(--sdg11)!important;
}

.color12, .color12 a{
	color: var(--sdg12)!important;
}

.color13, .color13 a{
	color: var(--sdg13)!important;
}

.color14, .color14 a{
	color: var(--sdg14)!important;
}

.color15, .color15 a{
	color: var(--sdg15)!important;
}

.color16, .color16 a{
	color: var(--sdg16)!important;
}

.color17, .color17 a{
	color: var(--sdg17)!important;
}


/* ENGLISH PIONEER FORM SDG SELECT */

#form-main #nf-field-59-wrap li:nth-child(1) label,
#form-main #nf-field-105-wrap li:nth-child(1) label,
#form-main .nf-sdg-picker-container li:nth-child(1) label{
	background-image: url(assets/images/sdgs/en/1.jpeg);
	background-color: var(--sdg1);
}

#form-main #nf-field-59-wrap li:nth-child(2) label,
#form-main #nf-field-105-wrap li:nth-child(2) label,
#form-main .nf-sdg-picker-container li:nth-child(2) label{
	background-image: url(assets/images/sdgs/en/2.jpeg);
	background-color: var(--sdg2);
}

#form-main #nf-field-59-wrap li:nth-child(3) label,
#form-main #nf-field-105-wrap li:nth-child(3) label,
#form-main .nf-sdg-picker-container li:nth-child(3) label{
	background-image: url(assets/images/sdgs/en/3.jpeg);
	background-color: var(--sdg3);
}

#form-main #nf-field-59-wrap li:nth-child(4) label,
#form-main #nf-field-105-wrap li:nth-child(4) label,
#form-main .nf-sdg-picker-container li:nth-child(4) label{
	background-image: url(assets/images/sdgs/en/4.jpeg);
	background-color: var(--sdg4);
}

#form-main #nf-field-59-wrap li:nth-child(5) label,
#form-main #nf-field-105-wrap li:nth-child(5) label,
#form-main .nf-sdg-picker-container li:nth-child(5) label{
	background-image: url(assets/images/sdgs/en/5.jpeg);
	background-color: var(--sdg5);
}

#form-main #nf-field-59-wrap li:nth-child(6) label,
#form-main #nf-field-105-wrap li:nth-child(6) label,
#form-main .nf-sdg-picker-container li:nth-child(6) label{
	background-image: url(assets/images/sdgs/en/6.jpeg);
	background-color: var(--sdg6);
}

#form-main #nf-field-59-wrap li:nth-child(7) label,
#form-main #nf-field-105-wrap li:nth-child(7) label,
#form-main .nf-sdg-picker-container li:nth-child(7) label{
	background-image: url(assets/images/sdgs/en/7.jpeg);
	background-color: var(--sdg7);
}

#form-main #nf-field-59-wrap li:nth-child(8) label,
#form-main #nf-field-105-wrap li:nth-child(8) label,
#form-main .nf-sdg-picker-container  li:nth-child(8) label{
	background-image: url(assets/images/sdgs/en/8.jpeg);
	background-color: var(--sdg8);
}

#form-main #nf-field-59-wrap li:nth-child(9) label,
#form-main #nf-field-105-wrap li:nth-child(9) label,
#form-main .nf-sdg-picker-container  li:nth-child(9) label{
	background-image: url(assets/images/sdgs/en/9.jpeg);
	background-color: var(--sdg9);
}

#form-main #nf-field-59-wrap li:nth-child(10) label,
#form-main #nf-field-105-wrap li:nth-child(10) label,
#form-main .nf-sdg-picker-container li:nth-child(10) label{
	background-image: url(assets/images/sdgs/en/10.jpeg);
	background-color: var(--sdg10);
}

#form-main #nf-field-59-wrap li:nth-child(11) label,
#form-main #nf-field-105-wrap li:nth-child(11) label,
#form-main .nf-sdg-picker-container li:nth-child(11) label{
	background-image: url(assets/images/sdgs/en/11.jpeg);
	background-color: var(--sdg11);
}

#form-main #nf-field-59-wrap li:nth-child(12) label,
#form-main #nf-field-105-wrap li:nth-child(12) label,
#form-main .nf-sdg-picker-container li:nth-child(12) label{
	background-image: url(assets/images/sdgs/en/12.jpeg);
	background-color: var(--sdg12);
}

#form-main #nf-field-59-wrap li:nth-child(13) label,
#form-main #nf-field-105-wrap li:nth-child(13) label,
#form-main .nf-sdg-picker-container li:nth-child(13) label{
	background-image: url(assets/images/sdgs/en/13.jpeg);
	background-color: var(--sdg13);
}

#form-main #nf-field-59-wrap li:nth-child(14) label,
#form-main #nf-field-105-wrap li:nth-child(14) label,
#form-main .nf-sdg-picker-container li:nth-child(14) label{
	background-image: url(assets/images/sdgs/en/14.jpeg);
	background-color: var(--sdg14);
}

#form-main #nf-field-59-wrap li:nth-child(15) label,
#form-main #nf-field-105-wrap li:nth-child(15) label,
#form-main .nf-sdg-picker-container li:nth-child(15) label{
	background-image: url(assets/images/sdgs/en/15.jpeg);
	background-color: var(--sdg15);
}

#form-main #nf-field-59-wrap li:nth-child(16) label,
#form-main #nf-field-105-wrap li:nth-child(16) label,
#form-main .nf-sdg-picker-container li:nth-child(16) label{
	background-image: url(assets/images/sdgs/en/16.jpeg);
	background-color: var(--sdg16);
}

#form-main #nf-field-59-wrap li:nth-child(17) label,
#form-main #nf-field-105-wrap li:nth-child(17) label,
#form-main .nf-sdg-picker-container li:nth-child(17) label{
	background-image: url(assets/images/sdgs/en/17.jpeg);
	background-color: var(--sdg17);
}

/* BHS PIONEER FORM SDG SELECT */

#form-main #nf-field-192-wrap li:nth-child(1) label,
#form-main #nf-field-216-wrap li:nth-child(1) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(1) label{
	background-image: url(assets/images/sdgs/bs/1.jpg);
	background-color: var(--sdg1);
}

#form-main #nf-field-192-wrap li:nth-child(2) label,
#form-main #nf-field-216-wrap li:nth-child(2) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(2) label{
	background-image: url(assets/images/sdgs/bs/2.jpg);
	background-color: var(--sdg2);
}

#form-main #nf-field-192-wrap li:nth-child(3) label,
#form-main #nf-field-216-wrap li:nth-child(3) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(3) label{
	background-image: url(assets/images/sdgs/bs/3.jpg);
	background-color: var(--sdg3);
}

#form-main #nf-field-192-wrap li:nth-child(4) label,
#form-main #nf-field-216-wrap li:nth-child(4) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(4) label{
	background-image: url(assets/images/sdgs/bs/4.jpg);
	background-color: var(--sdg4);
}

#form-main #nf-field-192-wrap li:nth-child(5) label,
#form-main #nf-field-216-wrap li:nth-child(5) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(5) label{
	background-image: url(assets/images/sdgs/bs/5.jpg);
	background-color: var(--sdg5);
}

#form-main #nf-field-192-wrap li:nth-child(6) label,
#form-main #nf-field-216-wrap li:nth-child(6) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(6) label{
	background-image: url(assets/images/sdgs/bs/6.jpg);
	background-color: var(--sdg6);
}

#form-main #nf-field-192-wrap li:nth-child(7) label,
#form-main #nf-field-216-wrap li:nth-child(7) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(7) label{
	background-image: url(assets/images/sdgs/bs/7.jpg);
	background-color: var(--sdg7);
}

#form-main #nf-field-192-wrap li:nth-child(8) label,
#form-main #nf-field-216-wrap li:nth-child(8) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(8) label{
	background-image: url(assets/images/sdgs/bs/8.jpg);
	background-color: var(--sdg8);
}

#form-main #nf-field-192-wrap li:nth-child(9) label,
#form-main #nf-field-216-wrap li:nth-child(9) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(9) label{
	background-image: url(assets/images/sdgs/bs/9.jpg);
	background-color: var(--sdg9);
}

#form-main #nf-field-192-wrap li:nth-child(10) label,
#form-main #nf-field-216-wrap li:nth-child(10) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(10) label{
	background-image: url(assets/images/sdgs/bs/10.jpg);
	background-color: var(--sdg10);
}

#form-main #nf-field-192-wrap li:nth-child(11) label,
#form-main #nf-field-216-wrap li:nth-child(11) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(11) label{
	background-image: url(assets/images/sdgs/bs/11.jpg);
	background-color: var(--sdg11);
}

#form-main #nf-field-192-wrap li:nth-child(12) label,
#form-main #nf-field-216-wrap li:nth-child(12) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(12) label{
	background-image: url(assets/images/sdgs/bs/12.jpg);
	background-color: var(--sdg12);
}

#form-main #nf-field-192-wrap li:nth-child(13) label,
#form-main #nf-field-216-wrap li:nth-child(13) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(13) label{
	background-image: url(assets/images/sdgs/bs/13.jpg);
	background-color: var(--sdg13);
}

#form-main #nf-field-192-wrap li:nth-child(14) label,
#form-main #nf-field-216-wrap li:nth-child(14) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(14) label{
	background-image: url(assets/images/sdgs/bs/14.jpg);
	background-color: var(--sdg14);
}

#form-main #nf-field-192-wrap li:nth-child(15) label,
#form-main #nf-field-216-wrap li:nth-child(15) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(15) label{
	background-image: url(assets/images/sdgs/bs/15.jpg);
	background-color: var(--sdg15);
}

#form-main #nf-field-192-wrap li:nth-child(16) label,
#form-main #nf-field-216-wrap li:nth-child(16) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(16) label{
	background-image: url(assets/images/sdgs/bs/16.jpg);
	background-color: var(--sdg16);
}

#form-main #nf-field-192-wrap li:nth-child(17) label,
#form-main #nf-field-216-wrap li:nth-child(17) label,
#form-main .nf-sdg-picker-container.nf-sdg-picker-container-bhs li:nth-child(17) label{
	background-image: url(assets/images/sdgs/bs/17.jpg);
	background-color: var(--sdg17);
}



#form-main #nf-field-59-wrap li input,
#form-main #nf-field-105-wrap li input,
#form-main #nf-field-192-wrap li input,
#form-main #nf-field-216-wrap li input,
#form-main .nf-sdg-picker-container li input{
	display: none!important;
}

#form-main #nf-field-59-wrap li label,
#form-main #nf-field-105-wrap li label,
#form-main #nf-field-192-wrap li label,
#form-main #nf-field-216-wrap li label,
#form-main .nf-sdg-picker-container li label{
	margin-left: 0;
	margin-right: 0;
	cursor: pointer;
	transition: 0.2s ease;
}

#form-main #nf-field-59-wrap li label:hover,
#form-main #nf-field-59-wrap li label:focus,
#form-main #nf-field-59-wrap li label:active,
#form-main #nf-field-105-wrap li label:hover,
#form-main #nf-field-105-wrap li label:focus,
#form-main #nf-field-105-wrap li label:active,
#form-main #nf-field-192-wrap li label:hover,
#form-main #nf-field-192-wrap li label:focus,
#form-main #nf-field-192-wrap li label:active,
#form-main #nf-field-216-wrap li label:hover,
#form-main #nf-field-216-wrap li label:focus,
#form-main #nf-field-216-wrap li label:active,
#form-main .nf-sdg-picker-container li label:hover,
#form-main .nf-sdg-picker-container li label:focus,
#form-main .nf-sdg-picker-container li label:active{
	opacity: 0.8;
}

/* ENGLISH PIONEER FORM SDG SELECT */

#form-main input[type=button]{
	transition: 0.2s ease;
}

#form-main input[type=button]:hover,
#form-main input[type=button]:focus,
#form-main input[type=button]:active{
	opacity: 0.7;
}

.body-dark-bg-dark .nf-help, .body-dark-bg-dark .nf-field-label label span.fa{
	/* filter: invert(1); */
	background-image: url(assets/images/information-icon.png)!important;
	background-repeat: no-repeat!important;
	background-size: contain;
	height: 16px;
	width: 16px;
	display: inline-block;
}

@media only screen and (min-width: 992px){
	.d-flex-desktop{
		display: flex;
	}

	.flex-row-reverse-desktop{
		flex-direction: row-reverse;
	}

	.children-half-desktop .field-wrap.textarea-wrap{
		display: flex;
		flex-direction: row-reverse;
	}

	.children-half-desktop .nf-field-description,
	.children-half-desktop .nf-field-element{
		width: 49%!important;
		text-align: justify;
	}

	.children-half-desktop .nf-field-element{
	    margin-right: 2%!important;
	}

	.children-half-desktop .nf-field-element textarea{
		min-height: 100%!important;
		width: 100%!important;
	}

	.children-half-desktop .nf-field-label{
		width: 100%;
	}
}

.mt-60{
	margin-top: 60px;
}

.row-flex{
	display: flex;
}

.justify-center{
	justify-content: center;
}


#pioneer-application-content{
	margin-top: 50px;
}

#pioneer-application-main h1{
	font-size: 2.5em;
}

#pioneer-application-content h2{
	font-size: 2em;
}

#pioneer-application-content h3{
	font-size: 1.6em;
}


#pioneer-application-content .form-choices{
	margin-bottom: 50px;
}

#pioneer-application-content .form-choices .row-flex{
    flex-direction: column;
	align-items: center;
}

@media only screen and (min-width: 992px){
	#pioneer-application-content .form-choices .row-flex{
	    flex-direction: row;
   	 	align-items: center;
	}
}

#pioneer-application-content .form-choice{
    text-align: center;
    margin: 0 15px;
}

#pioneer-application-content .form-choice:not(:last-child){
	margin-bottom: 15px;
}

@media only screen and (min-width: 992px){
	#pioneer-application-content .form-choice:not(:last-child){
		margin-bottom: 0;
	}
}

#pioneer-application-content .form-choice .new-btn{
	min-width: 320px;
}

.form-choice .gold-btn{
	opacity: 0.7;
}

.form-choice.form-choice-active .gold-btn{
	opacity: 1;
}

.pioneer-form{
	display: none;
}

.pioneer-form.form-active{
	display: block;
}


.sdg-block-not-home.one-square-block {
    border: none;
    margin-bottom: 15px;
    height: 100px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 100%;
}

.half-padding-col:not(:first-child),
.half-padding-col:not(:nth-child(3n + 1)),
.half-padding-col:not(:last-child),
.half-padding-col:not(:nth-child(3n)){
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.half-padding-col:first-child,
.half-padding-col:nth-child(3n + 1){
	padding-right: 7.5px;
	padding-left: 0;
}

.half-padding-col:last-child,
.half-padding-col:nth-child(3n){
	padding-left: 7.5px;
	padding-right: 0;
}

@media only screen and (min-width: 992px){
	.sdg-block-not-home.one-square-block {
		height: 150px;
	}

	.half-padding-col:not(:first-child),
	.half-padding-col:not(:nth-child(6n + 1)),
	.half-padding-col:not(:last-child),
	.half-padding-col:not(:nth-child(6n)){
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	.half-padding-col:first-child,
	.half-padding-col:nth-child(6n + 1){
		padding-right: 7.5px;
		padding-left: 0;
	}

	.half-padding-col:last-child,
	.half-padding-col:nth-child(6n){
		padding-left: 7.5px;
		padding-right: 0;
	}
}

@media only screen and (max-width: 991px){
	#inspiration-main .one-square-block{
	    margin-left: 15px;
	    margin-right: 15px;
	    width: calc( 100% - 30px )!important;
	    border-right: 0;
	}
}

.nf-field-element textarea{
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.general-question label {
    font-size: 2em;
}
.repeater-column-content{
	display: none;
	overflow: hidden;
}

.hidden{
	display: none!important;
}

.pioneer-certificates {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 50px;
}

.pioneer-certificate {
    height: 75px;
    background-size: contain;
    width: 100%;
	background-position: center;
    background-repeat: no-repeat;
    display: flex;
    float: left;
    margin-bottom: 25px;
    /* padding: 15px; */
    text-align: left;
}


@media only screen and (min-width: 992px){
	.pioneer-certificates {
		display: inline-block;
		margin-top: 75px;
	}

	.pioneer-certificate {
		width: 70%;
		background-position: left;
		margin-left: 30%;
	}
	
	.pioneer-certificate:last-child {
	    margin-bottom: 0;
	}
}

.label-custom-light{
	font-weight: 400;
}

.content-mt-s{
	margin-top: 15px;
}

.content-mb-m{
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px){
	.content-mt-s{
		margin-top: 25px;
	}

	.content-mb-m{
		margin-bottom: 50px;
	}

}

.d-block-imp{
	display: block!important;
	opacity: 1!important;
}

.py-50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.py-30{
	padding-top: 30px;
	padding-bottom: 30px;
}

.bg-black{
	background-color: black;
}

.bg-white{
	background-color: white;
}

.mb-2{
	margin-bottom: 10px;
}

.mt-0{
	margin-top: 0;
}

.mt-10{
	margin-top: 10px;
}

.category-section h2{
	font-size: 35px;
} 

.category-posts{

}

.category-posts .gallery {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -7.5px;
    margin-left: -7.5px; */
    width: calc( 100% + 15px);
    width: 30%;

}

.category-posts .gallery-image {
    /* padding: 0 7.5px; */
   /*  -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%; */
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}


.category-posts .gallery-image img {
    width: 100%;
}

.finalist-info{
	display: none;
}

.category-posts .finalist-info-project{
	display: flex;
    flex-direction: row;
    /* width: 100%; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
}

#company-finalists-page .content h1{
	color: #ffcc0c;
	font-size: 50px;
}

.category-posts .gallery{
	display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc( 100% + 15px);
    width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.sdgbiz-finalist-main .sdgbiz-logo img{
	width: 100%;
}

.category-posts .content {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc( 100% + 15px);
    width: 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 10px;
    padding-left: 0;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.category-posts .content h4{
	margin-top: 0;
	border-bottom: 1px solid #ffffff70;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.category-posts .content .project-title{
	width: 	100%;
}

@-webkit-keyframes opacityAnimation {
  0%   { opacity: 0.7; }
  100% { opacity: 1; }
}
@-moz-keyframes opacityAnimation {
  0%   { opacity: 0.7; }
  100% { opacity: 1; }
}
@-o-keyframes opacityAnimation {
  0%   { opacity: 0.7; }
  100% { opacity: 1; }
}
@keyframes opacityAnimation {
  0%   { opacity: 0.7; }
  100% { opacity: 1; }
}

.landing-image-container-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.sdgbiz-finalist-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.sdgbiz-logo {
    width: 25%;
    margin-right: 10px;
    display: flex;
    background-color: #a98b41;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.sdgbiz-logo img{
	align-self: center;
}

.sdgbiz-finalist-main .new-btn {
    margin-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-75 {
	padding-bottom: 75px;
}
.pb-100 {
	padding-bottom: 100px;	
}

.pt-0 {
	padding-top: 0;	
}
.pt-30 {
	padding-top: 30px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-75 {
	padding-top: 75px;
}
.pt-100 {
	padding-top: 100px;	
}

.row-bs4-flex{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-bs4{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-6{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;	
}

.col-10{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

@media only screen and (min-width: 768px){
	.col-bs4-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-bs4-sm-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.col-bs4-sm-5 {
		-ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}

	.col-bs4-sm-7 {
		-ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}

	.col-bs4-sm-8 {
		-ms-flex: 0 0 66.666667%;
	    flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	}

	.col-bs4-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;	
	}
}

@media only screen and (min-width: 992px){
	.col-bs4-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-bs4-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-bs4-md-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.col-bs4-md-5 {
		-ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}

	.col-bs4-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-bs4-md-7 {
		-ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}

	.col-bs4-md-8 {
		-ms-flex: 0 0 66.666667%;
	    flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	}

	.col-bs4-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;	
	}

	.col-bs4-md-10{
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-bs4-md-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-bs4-md-20{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-md-2{
    	margin-left: 16.666667%;
	}
}

.day-indicator-border-right{
	border-right: 5px solid white;
}

.day-indicator-border-right .circle{
	position: relative;
}

.day-indicator-border-right .circle::after{
	content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #278df5;
    right: -12.5px; /* because of the 5px border */
    z-index: 19;
    top: 50%;
    transform: translateY(-50%);
}

.pr-0{
	padding-right: 0;
}

@media only screen and (min-width: 768px){
	.pr-md-15{
		padding-right: 15px;
	}
}

.agenda-block {
    /* background-color: white; */
    /* margin-left: 50px; */
    /* padding: 30px 15px; */
    /* margin-top: -15px; */
    position: relative;
}

.agenda-block .agenda-sub-item{
	position: relative;
	margin-top: -15px;
	margin-left: 20px;
}

@media only screen and (min-width: 992px){
	.agenda-block .agenda-sub-item{
		position: relative;
		margin-left: 50px;
	}

	.panel .row-bs4-flex .agenda-sub-item{
		margin-top: -30px;
	}

	.panel .row-bs4-flex:first-child .agenda-sub-item{
		margin-top: -15px;
	}
}

.agenda-block .agenda-sub-item::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid white;
    border-bottom: 20px solid transparent;
    left: -20px;
    top: 15px;
    position: absolute;
}

.strong{
	font-weight: 700;
}

.panel-speaker{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.panel-speaker-time{
	padding-right: 10px;
	width: 10%;
}

.panel-speaker-block{
	width: 90%;
}

.panel-speaker-more-info {
    padding-top: 15px;
    padding-bottom: 15px;
    /* display: none; */
}

.panel-speaker-more-info img {
    width: auto;
    margin-bottom: 10px;
    height: auto;
    max-height: 140px;
    max-width: 100%;
}

.panel-speaker-more-info p:first-child{
	padding-top: 0;
	margin-top: 0;
}

.panel-speaker-desc {
    text-decoration: underline;
    cursor: pointer;
    transition: 0.2s ease;
}

.panel-speaker-desc:hover,
.panel-speaker-desc:focus,
.panel-speaker-desc:active{
	opacity: 0.8;
}

@media only screen and (max-width: 768px){
	#conference-page h3.circle{
		font-size: 18px!important;
	}

	.agenda-time-wrap{
		font-size: 17px;
	    background-size: 28px;
	    padding-left: 35px;
	}
}

.btn-load {
  background: repeating-linear-gradient(to left, #a98b41 0%, #695121c2 40%, #a98b41ad 75%, #a98b41 100%);
  width: 200px;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  padding: 20px;
}

@keyframes gradient { 
  0%   { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

.width100{
	width: 100%;
}

.height100{
	height: 100%;
}

.panel-content img{
	width: 100%;
	height: auto;
}

.panel-speaker-description{
	position: relative;
}

.panel-speaker-description p:first-child{
	margin-top: 0;
}

.panel-speaker-description-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #ffffff00, #ffffff);
}

.panel-speaker-description p:nth-of-type(1) {
    margin-top: 0;
}

.panel-speaker-description{
	height: auto;
	overflow: inherit;
}

.panel-speaker-description-height{
	height: 135px;
	overflow: hidden;
}

.panel-speaker-description-height.panel-speaker-description-height-tall{
	height: 230px;
	overflow: hidden;
}

@media only screen and (min-width: 992px){
	.col-md-20{
		width: 20%!important;
	}
}

.vertical-center-flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ml-0, .mx-0{
	margin-left: 0;
}

.mr-0, .mx-0{
	margin-right: 0;
}

.mr-15{
	margin-right: 15px;
}

.mb-15{
	margin-bottom: 15px;
}

.mb-neg-15{
	margin-bottom: -15px;
}

@media only screen and (min-width: 786px){
	.mr-md-15{
		margin-right: 15px;
	}
}

@media only screen and (min-width: 992px){
	.mr-lg-30{
		margin-right: 30px;
	}
}

.px-15{
	padding-left: 15px;
	padding-right: 15px;
}

.cursor-pointer{
	cursor: pointer;
}

.transition{
	transition: 0.2s ease;
}

.hover-opacity:hover,
.hover-opacity:active,
.hover-opacity:focus{
	opacity: 0.8;
}

.decoration-none{
	text-decoration: none!important;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.overlay-dark{
	background-color: #0000009e;
}

.fb-feed-smash.overflow-scroll {
    overflow: auto;
    padding: 15px;
    border: 1px solid gainsboro;
}

.fb-feed-smash.overflow-scroll a{
	color: #494949;
}

.fb-feed-smash.overflow-scroll::-webkit-scrollbar {
    width: 3px;
}
 
.fb-feed-smash.overflow-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.fb-feed-smash.overflow-scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* .header-menu .menu li.menu-item-has-children:hover a{
    cursor: pointer;
    background-color: rgba(255,255,255,.18);
} */

.header-menu .menu > li.menu-item-has-children:hover > .sub-menu{
	display: block;
}

.header-menu .menu .sub-menu li.menu-item-has-children > .sub-menu{
	display: block;
	overflow: hidden;
	position: relative;
}


.header-menu .menu .sub-menu li.menu-item-has-children:hover > .sub-menu li {
    filter: saturate(0.5);
    /* padding-left: 20px; */
}

.header-menu .menu .sub-menu li.menu-item-has-children:hover > .sub-menu li a {
    font-size: 14px;
}

.sub-menu li a{
	font-size: 14px;
}

.justify-content-between{
	justify-content: space-between;
}

@media only screen and (min-width: 768px){

	.header-menu .menu .sub-menu li.menu-item-has-children > .sub-menu{
		height: 0;
	}

	.header-menu .menu .sub-menu li.menu-item-has-children:hover > .sub-menu {
	    height: 100%;
	    position: absolute;
	    right: 100%;
	    width: 100%;
	    max-width: 250px;
	    top: 0;
	    z-index: 10000000000;
	    border: none;
	    outline: none;
	    padding: 0;
	    margin: 0;
	}

	.d-md-flex{
		display: flex;
	}

	.justify-md-content-between{
		justify-content: space-between;
	}

	.justify-md-content-start{
		justify-content: flex-start;
	}


	ul#menu-publicprivate a,
	ul#menu-publicprivate-bs a {
	    background-color: rgba(255,255,255,0.05);
	}

	ul#menu-publicprivate a:hover,
	ul#menu-publicprivate-bs a:hover {
	    background-color: rgba(255,255,255,0.18);
	}
}

@media only screen and (min-width: 1400px){

	.menu li a{
		min-width: 100px;
	}

}


.header-menu .menu .sub-menu li.menu-item-has-children:hover > .sub-menu li {
    margin: 0;
    border: none;
}

.body-dark li.menu-item-has-children ul.sub-menu li:first-child{
	border-top: none;
}

.menu-dark li.menu-item-has-children ul.sub-menu li a, .body-dark li.menu-item-has-children ul.sub-menu li a {
    border-bottom: 1px solid grey;
}

@media only screen and (max-width: 767px){
	.sub-menu .sub-menu {
		display: block;
		position: relative;
	}

}

.menu li{
	position: relative;
}


.max-h-215{
	max-height: 215px;
}

.pt-15{
	padding-top: 15px;
}

.flex-column{
	flex-direction: column;
}

.list-unstyled{
	list-style: none;
}

.m-0{
	margin: 0;
}

.p-0{
	padding: 0;
}

.half-padding {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.mb-15{
	margin-bottom: 15px;
}

.sidebar-gallery img{
	max-width: 100%;
}

/*.page-template-page-conference-w-dates p{
	font-size: 20px!important;
	margin-top: 0;
}

.page-template-page-conference-w-dates p:not(:last-child){
	margin-bottom: 0;
}*/

#conference-menu .hamburger{
    height: 100%;
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin-left: 20px;
}

#conference-menu .hamburger span{
    width: 40px;
    height: 5px;
    border-radius: 15px;
    background-color: black;
    transition: 0.4s;
}

#conference-menu .hamburger span:not(:last-child) {
    margin-bottom: 5px;
}

#conference-menu #menu-toggle:checked ~ .hamburger span,
#conference-menu #menu-toggle-mobile:checked ~ .hamburger span{
    position: absolute;
    transform: rotate(45deg);
}

#conference-menu #menu-toggle:checked ~ .hamburger span:last-child,
#conference-menu #menu-toggle-mobile:checked ~ .hamburger span:last-child{
    transform: rotate(-45deg);
}

.about-section img{
	height: auto;
	max-width: 100%;
}

img.header-partner-logo{
	max-height: 50px;
	width: auto;
}

.first-part-top-background img {
    max-width: 100%;
    height: auto;
    max-height: 50px;
}


#menu-publicprivate, #menu-publicprivate-1, #menu-business-week-2019-bs{
    display:none;
}