@import url('custom-styles.css');
/* DO NOT ALTER ABOVE - MUST BE PRESENT FOR PROPER CHAINING */



  /* RESPONSIVE STYLES */

.fullimage {max-width:100%; height: auto;}
.imgfull {max-width:95%; height: auto;}

@media (max-width: 1500px) {

	.button > .button-content > .button-title {
		font-size: 3.3vw;
		line-height: 3.6vw;
	}

	.button > .button-content > .button-text {
		font-size: 2.1vw;
		line-height: 2.5vw;
	}

	.sitebtn-buttonbox { 
		font-size: 2.7vw;
		line-height: 2.7vw;
		padding: 10px 1.5vw 8px 1.5vw; 
	}


}


@media (max-width: 1400px) {

	.oaba-news {
		padding: 0 0 120px 3%;
	}
/*
	.newsitem-main {
		padding: 25px 0 0px 3%;
	}
*/

	#slider {
		padding: 40px 3% 40px 3%;
	}


	#featurebar-content {
		padding: 0 3% 0 3%;
	}

	.feature > .content > h3 {
		font-family: futura-b;
		font-size: 1.9vw;
		line-height: 2vw;
	}

	.sitebtn-feature { 
		padding: 0.7vw 1.4vw 0.7vw 1.4vw; 
		font-size: 2vw;
		line-height: 2vw;
	}

}


@media (max-width:1300px) {

	#eventbar-heading {
		padding: 40px 1% 25px 1%;
		font-size: 3.1vw;
		line-height: 3.1vw;
	}

	.tmpl-eventitem {
		font-size: 1.5vw;
	}

	.tmpl-eventitem .eventdata .title {
		font-size: 1.7vw;
	}

	.tmpl-eventitem .eventdata .loc {
		font-size: 1.5vw;
	}

	.tmpl-eventitem .eventdates {
		font-size: 2vw;
	}

	.e-button{ 
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	.events-more-sitebtn{ 
		font-size: 1.8vw;
		line-height: 1.8vw;
		padding: 10px 1% 10px 1%; 
	}

	#news-titlebox {
		padding: 25px 0 25px 15%;
		font-size: 3.1vw;
		line-height: 3.1vw;
	}

	.newsitem-content > .headline {
		font-size: 2.8vw;
		line-height: 2.9vw;
	}

	.newsitem-content > .headline2 {
		font-size: 2vw;
		line-height: 2.1vw
	}

	.newsitem-content > .context {
		font-size: 18px;
	}

	.industry-news-heading {
		padding: 0 0 3% 0;
		font-size: 3vw;
	}

	.newsitem-industry > .newsitem-content > .headline {
		font-size: 2vw;
		line-height: 2.1vw;
		padding: 0 0 1% 0;
	}

	.newsitem-industry > .newsitem-content > .context {
		padding: 2% 0 2% 0;
		font-size: 16px;
	}

	.sitebtn-readstory { 
		font-size: 20px;
		line-height: 20px;
		padding: 1vw 20px 0.8vw 20px; 
	}

	#footerline > .col1 {
		width: 25%;
		position: relative;
		display: inline-block;
		text-align: left;
		font-family: alternate-gothic-no-3-d,sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	#footerline > .col2 {
		width: 75%;
		padding: 0 2% 0 2%;
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}

	#footerline > .col3 {
		width: 100%;
		padding: 5% 2% 0 2%;
		position: relative;
		display: inline-block;
	}

	#footerline > .col3 > .social {
		text-align: center;
	}

	#titleline {
		padding: 15px 0 15px 10%;
		font-size: 3vw;
		line-height: 3.2vw;
	}

}

@media (max-width: 980px) {

	#navbox {
		max-width: 100%;
		padding: 0 0% 0 0;
	}

	#slider {
		width: 100%;
		padding: 30px 5% 30px 5%;
	}

	#eventbar {
		width: 100%;
		padding: 0px 0 0 0;
	}

	#eventbar-heading {
		padding: 40px 1% 25px 1%;
		font-size: 4.1vw;
		line-height: 4.1vw;
	}

	.tmpl-eventitem .eventdata {
		width: calc(100% - 85px);

	}

	.tmpl-eventitem {
		font-size: 2.5vw;
	}

	.tmpl-eventitem .eventdata .title {
		font-size: 2.7vw;
	}

	.tmpl-eventitem .eventdata .loc {
		font-size: 2.5vw;
	}

	.tmpl-eventitem .eventdates {
		font-size: 3vw;
		/* width: 100px; */
	}

	.e-button{ 
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.events-more-sitebtn{ 
		font-size: 2.8vw;
		line-height: 2.8vw;
		padding: 15px 1% 15px 1%; 
	}

	.feature > .content > .text {
		font-size: 2vw;
		line-height: 2.2vw;
	}



}

@media (max-width: 850px) {


}

@media (max-width: 800px) {

	#titleline {
		padding: 15px 0 15px 12%;
		font-size: 3vw;
		line-height: 3.2vw;
	}



	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}

}

@media (max-width: 768px) {

	#news-titleline {
		padding: 0 0 0 1%;
	}

	#news-titlebox {
		padding: 25px 0 25px 23%;
	}

	.feature > .content > h3 {
		font-family: futura-b;
		font-size: 2.5vw;
		line-height: 2.6vw;
	}

	.sitebtn-feature { 
		padding: 1.5vw 2.4vw 1.5vw 2.4vw; 
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.feature > .content > .text {
		display: none;
		font-size: 2.5vw;
		line-height: 2.6vw;
	}

	#footerline > .col1 {
		width: 50%;
		order: 2;
	}

	#footerline > .col2 {
		width: 100%;
		padding: 5% 2% 10% 2%;
		order: 1;
	}

	#footerline > .col3 {
		width: 50%;
		padding: 0% 2% 0 2%;
		order: 3;
	}


	.contact-col-1 {
		width: 100%; 
		padding: 0; 
	}
	.contact-col-2 {
		width: 100%; 
		padding: 15px 0 0 0; 
	}
	.formleft-div {
		width: 100%; 
		padding: 6px 2% 0 2%;
		text-align: left; 
		font-weight: bold; 
		vertical-align: bottom;
	}
	.formright-div {
		width: 100%; 
		padding: 0 2% 0 2%;
		vertical-align: top; 
	}

}

@media (max-width: 750px) {
/*
	.newsitem-main {
		min-height: 150px;
		padding: 0px 0 25px 3%;
	}
*/
	.newsitem-main  > .newsitem-picbox {
		width: 40%;
		background-size: contain !important;
		background-position: center center !important;
	}

	.newsitem-main  > .newsitem-picbox:before {
		display: none;
	}

	.newsitem-main > .newsitem-picbox > h3 {
		width: 100%;
		transform: rotate(0deg);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: initial;
		background-color: #8500d2;
		font-size: 20px;
		text-align: center;
	}

	.newsitem-content > .context {
		padding: 15px 0 0 0;
		font-size: 16px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	#news-titlebox {
		font-size: 4.1vw;
		line-height: 4.1vw;
	}

	.newsitem-content > .headline {
		font-size: 3.8vw;
		line-height: 3.9vw;
	}

	.newsitem-content > .headline2 {
		font-size: 3vw;
		line-height: 3.1vw
	}

	.industry-news-heading {
		font-size: 4vw;
	}

	.newsitem-industry > .newsitem-content > .headline {
		font-size: 3.5vw;
		line-height: 3.7vw;
		padding: 0 0 1% 0;
	}

	.sitebtn-readstory { 
		font-size: 18px;
		line-height: 18px;
		padding: 1vw 20px 0.8vw 20px; 
	}

}

@media (max-width: 700px) {

	.wa-sitebtn-mainsite{ 
		padding: 15px 15px 15px 15px; 
		font-size: 24px;
		line-height: 24px;
	}

}

@media (max-width: 650px) { 


	#mainbox { 
		font-size: 18px;
	}

	#eventbar-heading {
		font-size: 5.1vw;
		line-height: 5.1vw;
	}

	.tmpl-eventitem {
		font-size: 3.5vw;
	}

	.tmpl-eventitem .eventdata .title {
		font-size: 3.7vw;
	}

	.tmpl-eventitem .eventdata .loc {
		font-size: 3.5vw;
	}

	.tmpl-eventitem .eventdates {
		font-size: 4vw;
		/* width: 100px; */
	}

	.e-button{ 
		font-size: 3.5vw;
		line-height: 3.5vw;
	}

	.feature {
		width: 98%;
		min-height: auto;
		padding: 0 0% 0 0;
		margin: 0 1% 10% 1%;
	}

	.feature:last-child {
		margin: 0 1% 0 1%;
	}

	.feature > .content > h3 {
		font-family: futura-b;
		font-size: 4.5vw;
		line-height: 4.6vw;
	}

	.sitebtn-feature { 
		padding: 1.5vw 3vw 1.5vw 3vw; 
		font-size: 4vw;
		line-height:4vw;
	}

	.feature > .content > .text {
		display: block;
		padding: 10px 0 15% 0;
		font-size: 3.5vw;
		line-height: 3.5vw;
	}

	.feature > .content {
		padding: 15px 0 15px 35%;
	}

	.feature > a > img {
		width: 30%;
		top: -20%;
	}

	.feature:last-child > a > img {
		top: 10%;
	}

	.industry-newscol {
		width: 100%;
		padding: 0 2% 0 0;
		float: left;
		position: relative;
	}

	.sponsorbar-col {
		width: 100%;
		padding: 20px 2% 20px 2%;
		border-radius: 15px 15px 0 0;
		text-align: center;
	}

	.sponsorbar-col > .sponsor {
		width: 33.33%;
		padding: 2%;
		margin: 10px 0 10px 0;
		display: inline-block;
	}

	.button {
		width: 100%;
	}

	.button > .button-content > .button-title {
		font-size: 5.3vw;
		line-height: 5.6vw;
	}

	.button > .button-content > .button-text {
		font-size: 4.1vw;
		line-height: 4.5vw;
	}

	.sitebtn-buttonbox { 
		font-size: 4.7vw;
		line-height: 4.7vw;
		padding: 10px 3.5vw 8px 3.5vw; 
	}

	#footerline > .col2 > .link-col {	
		width: 50%;
	}

	#footerline > .col2 > .link-col:nth-child(2) {	
		border-right: 0px solid #2a6aa6;
	}

	#titleline {
		padding: 15px 0 15px 17%;
		font-size: 4.5vw;
		line-height: 4.7vw;
	}

}


@media (max-width: 600px) {


	.imgfloatleft {float:none; }
	.imgfloatright {float:none; }
	.imgborder {margin: 0 0 2% 0; }

	.col50 {
		width: 100%;
		padding: 0 1% 20px 1%;
	}

	.col33 {
		width: 100%;
		padding: 0 1% 20px 1%;
	}

	#rc-imageselect, .g-recaptcha { 
		transform:scale(1.0); 
		-webkit-transform:scale(1.0); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}
}

@media (max-width: 560px) {

	#mainbox-bodybox { 
		font-size: 18px;
	}

}

@media (max-width: 500px) {

}

@media (max-width: 480px) {

	#headerbox-top > .icons {
		width: 100%;
		text-align: center;
	}

	.topnav-icon { 
		padding: 8px 10px 6px 10px; 
		margin: 0px 5px 0px 5px!important;
		font-size: 18px;
		line-height: 18px;
	}

	#eventbar-heading {
		font-size: 7.1vw;
		line-height: 7.1vw;
	}

	.tmpl-eventitem {
		font-size: 5.5vw;
	}

	.tmpl-eventitem .eventdata .title {
		font-size: 5.7vw;
	}

	.tmpl-eventitem .eventdata .loc {
		font-size: 5.5vw;
	}

	.tmpl-eventitem .eventdates {
		font-size: 6vw;
	/*	width: 100px; */
	}

	.e-button{ 
		font-size: 5.5vw;
		line-height: 5.5vw;
	}

	.oaba-news {
		padding: 0 3% 50px 3%;
	}

	#news-titleline {
		padding: 0 0 0 0%;
	}

	#news-titlebox {
		padding: 20px 0 20px 25%;
	}

	.newsitem-content > .headline {
		font-size: 22px;
		line-height: 23px;
	}

	.newsitem-content > .headline2 {
		font-size: 20px;
		line-height: 21px;
	}

	.newsitem-main {
		padding: 0px 3% 25px 3%;
	}

	.newsitem-main  > .newsitem-content {
		width: 100%;
		padding: 25px 3% 0 3%;
	}

	.newsitem-main  > .newsitem-picbox {
		width: 100%;
		padding: 10px 2% 0 2%;
		text-align: center;
		background-size: 0 !important;
		background-image: none !important;
	}

	.newsitem-main > .newsitem-picbox > img {
		display: block;
	}

	.newsitem-main > .newsitem-picbox > h3 {
		position: relative;
	}

	.newsitem-main  > .newsitem-content > .more > a {
		display: block;
	}

	.industry-news {
		padding: 40px 3% 40px 3%;
		margin-top: -80px !important;
	}

	.newsitem-industry {
		padding: 20px 0 35px 0%;
	}

	.industry-news-heading {
		font-size: 6vw;
	}

	.newsitem-industry  > .newsitem-content {
		width: 55%;
	}

	.newsitem-industry  > .newsitem-picbox {
		width: 45%;
	}

	.newsitem-industry > .newsitem-content > .headline {
		font-size: 5vw;
		line-height: 5.2vw;
		padding: 0 0 1% 0;
	}

	.newsitem-industry > .newsitem-content > .context {
		padding: 3% 0 3% 0;
		font-weight: 300 !important;
		font-size: 16px;
	}


	.feature > .content > h3 {
		font-family: futura-b;
		font-size: 5.5vw;
		line-height: 5.6vw;
	}

	.sitebtn-feature { 
		padding: 2vw 4vw 2vw 4vw; 
		font-size: 5vw;
		line-height:5vw;
	}

	.feature > .content > .text {
		display: block;
		padding: 10px 0 15% 0;
		font-size: 4.5vw;
		line-height: 4.5vw;
	}

	.feature > a > img {
		width: 30%;
		top: 5%;
	}

	.feature:last-child > a > img {
		top: 5%;
	}

	#footerline > .col1 {
		width: 100%;
		order: 1;
		text-align: center;
	}

	#footerline > .col2 {
		width: 100%;
		padding: 10% 2% 5% 2%;
		order: 3;
	}

	#footerline > .col3 {
		width: 100%;
		padding: 5% 2% 0 2%;
		order: 2;
	}

	#titleline {
		padding: 18px 1% 18px 1%;
		font-size: 6vw;
		line-height:6.5vw;
		text-align: center;
		background-image: none;
	}

	#mainbox h1 {font-size: 26px;}
	#mainbox h2 {font-size: 24px;}
	#mainbox h3 {font-size: 22px;}

	.sitebtn{ 
		width: 100%;	
		margin: 10px 0 0px 0!important;
	}

	.wa-sitebtn-mainsite{ 
		padding: 10px 10px 10px 10px; 
		font-size: 20px;
		line-height: 20px;
	}

}

@media (max-width: 400px) {

	.newsitem-industry > .newsitem-content > .headline {
		font-size: 5vw;
		line-height: 5.2vw;
		padding: 0 0 7% 0;
	}

	.newsitem-industry > .newsitem-content > .context {
		display: none;
	}

	#layerslider .hide {display: none;}
	
	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}

	
}

@media (max-width:380px) {

	#logobox {
		width: 138px;
		height: 80px;
		top: 16px;
	}

	.feature > .content > h3 {
		font-family: futura-b;
		font-size: 6.5vw;
		line-height: 6.6vw;
	}

	.sitebtn-feature { 
		padding: 2vw 5vw 1.7vw 5vw; 
		font-size: 6vw;
		line-height:6vw;
	}

	.feature > .content > .text {
		display: block;
		padding: 10px 0 20% 0;
		font-size: 5.5vw;
		line-height: 5.5vw;
	}

	.feature > a > img {
		width: 30%;
		top: 10%;
	}

	.feature:last-child > a > img {
		top: 10%;
	}

	.button > .button-content {
		width: 80%;
		position: absolute;
		top: 10%;
		left: 10%;
		z-index: 5;
	}

	.button > .button-content > .button-title {
		font-size: 6.3vw;
		line-height: 6.6vw;
	}

	.button > .button-content > .button-text {
		font-size: 5vw;
		line-height: 5.2vw;
	}

	.sitebtn-buttonbox { 
		bottom: 5%;
		font-size: 5.7vw;
		line-height: 5.7vw;
		padding: 8px 4.5vw 6px 4.5vw; 
	}

	.wa-sitebtn-mainsite > span {
		display: none;
	}
}

@media (max-width:350px) {

	.topnav-icon { 
		padding: 9px 8px 7px 8px; 
		margin: 0px 4px 0px 4px!important;
		font-size: 16px;
		line-height: 16px;
	}



	#g-recaptcha-wrapper {
		width: 90% !important;
		text-align: center;
	}


	#mainbox h1 {font-size: 22px;}
	#mainbox h2 {font-size: 20px;}
	#mainbox h3 {font-size: 18px;}

}