@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: 1400px) {

	#eventbox-heading {
		font-size: 4.2vw;
	}

	.event-morebtn {
		font-size: 2.85vw;
		line-height: 2.85vw;
	}

	.ridebox-heading {
		width: 100%;
		padding: 0 2% 40px 0;
		font-size: 3.6vw;
	}

	.rbutton > .btn-overlay {
		padding: 20px 1.5% 10px 1.5%;
		font-size: 2.1vw;
		line-height: 2.3vw;
	}

	.btn-more {
		font-size: 3.6vw;
	}

}


@media (max-width:1200px) {

	.event-name {
		width: 70%;
		max-height: 70px;
		font-size: 1.9vw;
		line-height: 1.9vw;
	}

	.event-dates {
		max-height: 70px;
		font-size: 1.9vw;
		line-height: 1.9vw;
	}

	.event-loc {
		font-size: 2vw;
		line-height: 2vw;
	}

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

}

@media (max-width: 980px) {

	#navline {
		padding: 0px 0 0px 0;
	}


}

@media (max-width: 850px) {

	#eventdeco {
		background: url(/images/site/template/eventline-deco-m.png) no-repeat;
		background-position: left top;
		background-size: cover;
	}

	.event-morebtn {
		right: 2%;
		bottom: 4%;
	}

	#footer-logocol {
		width: 200px;
		height: 137px;
		margin: 0 auto;
		display: block;
		float: none;
	}

	#footer-contactcol {
		width: 100%;
		padding: 1% 2% 4% 2%;
		text-align: center;
	}


	#footer-contactbox {
		width: 100%;
		text-align: center;
	}

	#footer-socialbox {
		width: 100%;
		padding: 1% 2% 1% 2%;
		text-align: center;
	}

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

	#footer-sig {
		text-align: center;
	}


}

@media (max-width: 800px) {



	#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) {


	.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; 
	}

	.rbutton {
		border: 6px solid #ff009b;
	}

	.pageheader {
		padding: 15px 2% 15px 2%;
		font-size: 32px;
	}


	.contentline-offset {
		margin-top: -20% !important;
	}

}

@media (max-width: 750px) {

	.event {
		width: 49%;
		padding: 8px;
		margin: 1% 0.5% 1% 0.5%;
	}

	.event-name {
		width: 70%;
		max-height: 70px;
		font-size: 2.9vw;
		line-height: 2.9vw;
	}

	.event-dates {
		max-height: 70px;
		font-size: 2.6vw;
		line-height: 2.6vw;
	}

	.event-loc {
		font-size: 2.7vw;
		line-height: 2.7vw;
	}

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

	#aboutbox {
		font-size: 16px;
		display: block;
	}


}

@media (max-width: 700px) {


}

@media (max-width: 650px) { 


	#mainbox { 
		font-size: 18px;
	}

	.ridebox-heading {
		padding: 0 2% 8% 0;
		font-size: 4.6vw;
	}

	.rbutton > .btn-overlay {
		font-size: 3.0vw;
		line-height: 3.3vw;
	}

	#rideboxdeco {
		width: 35%;
	}

	#ridebox {
		width: 65%;
	}

}


@media (max-width: 600px) {

	.bigbtn{ 
		min-width: 50px;
		padding: 10px 10px 10px 10px; 
		font-size: 22px;
		line-height: 22px;
	}

	#contentline {
		width: 100%; 
		position: relative; 
		padding: 0 3% 0 3%; 
		margin: 0; 
		z-index: 2;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: initial;
	}



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

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

	.col50 {
		width: 98%;
		margin: 0 1% 0 1%;
		float: left;
		position: relative;
	}

	#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) {

	.ridebox-heading {
		padding: 30px 2% 30px 2%;
		font-size: 8vw;
	}

	.rbutton > .btn-overlay {
		font-size: 4.5vw;
		line-height: 4.7vw;
	}

	#rideboxdeco {
		width: 100%;
		height: 500px;
	}

	#ridebox {
		width: 100%;
	}

	.rbutton {
		width: 31.333%;
		margin: 0 1% 1% 1%;
		border: 4px solid #ff009b;
	}

}

@media (max-width: 480px) {


	.bigbtn{ 
		padding: 8px 8px 8px 8px; 
		font-size: 18px;
		line-height: 18px;
	}

	#eventbox-heading {
		font-size: 7.2vw;
		padding: 25px 0 25px 0;
	}

	#eventdeco {
		display: none;
	}

	#eventbox {
		width: 100%;
		padding: 2% 1% 3% 1%;
	}

	.event-name {
		width: 70%;
		max-height: 70px;
		font-size: 4vw;
		line-height: 4vw;
	}

	.event-dates {
		max-height: 70px;
		font-size: 3.7vw;
		line-height: 3.7vw;
	}

	.event-loc {
		font-size: 4vw;
		line-height: 4vw;
	}

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

	.event-morebtn {
		padding: 1% 1% 1% 3%;
		position: absolute;
		z-index: 100;
		right: 3%;
		left: 6%;
		bottom: 2%;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
	}


	#eventline {
		padding: 0 0 20% 0;
	}

	#aboutbox {
		display: block;
	}

	#footer-contactbox {
		font-size: 20px;
	}

	#footer-contactcol > span {
		font-size: 22px;
	}

	.pageheader {
		padding: 15px 2% 15px 2%;
		font-size: 26px;
		text-align: center;
	}


	.contentline-offset {
		margin-top: -15% !important;
	}



	#mainbox-bodybox h1, #mainbox-bodybox h2, #mainbox-bodybox h3, #mainbox-bodybox h4 {
		font-size: 140%;
	}

	.sitebtn{ 
		width: 100%;
	}


}

@media (max-width: 450px) {

	#headerbox-top-social {
		display: none;
	}

	#bigbutton {
		display: none;
	}

	#bigbutton-m {
		display: block;
	}

	.bigbtn{ 
		padding: 3px 10px 3px 10px; 
		font-size: 16px;
		line-height: 16px;
	}

	.bigbtn > img {
		width: 17px;
		height: 17px;
	}

	#logobox {
		width: 243px;
		height: 93px;
		margin: 0 auto;
		position: relative;
		top: 10px;
		left: 0px;
		animation: 1s ease-out 0s 1 logoTransIn;
	}

}

@media (max-width: 400px) {

	.ridebox-heading {
		padding: 30px 2% 30px 2%;
		font-size: 8vw;
		line-height: 11vw;
	}

	.rbutton > .btn-overlay {
		font-size: 8vw;
		line-height: 8.1vw;
	}

	.rbutton {
		width: 80%;
		margin: 0 10% 5% 10%;
		border: 6px solid #ff009b;
	}

	.btn-more {
		font-size: 12vw;
	}

	#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) {

	eventbox-heading {
		font-size: 7vw;
	}

	#eventbox-heading > span {
		display: block;
	}


	#eventsbox {
		display: block;
	}

	.event {
		width: 90%;
		margin: 1% 5% 3% 5%;
	}


	.event-name {
		width: 70%;
		max-height: 70px;
		font-size: 6.5vw;
		line-height: 6.5vw;
	}

	.event-dates {
		max-height: 70px;
		font-size: 6vw;
		line-height: 6vw;
	}

	.event-loc {
		font-size: 6vw;
		line-height: 6vw;
	}

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


}

@media (max-width:350px) {



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


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

}