h1 {text-align:center;}
#homepage-events, #homepage-news, #homepage-products  {margin:0; padding:0px;position: relative;padding-bottom:2em}
#homepage-events h3, #homepage-news h3, #homepage-products h3 {margin-top:0;}
#homepage-events .container, #homepage-news .container {width:100%;margin:1em 0;}
#homepage-products a.container {border:solid 1px #ccc; padding:10px; text-align:center; text-decoration:none; display:block; background-color:#FFFFFF; border-radius:10px;}
#homepage-products a.container:hover {text-decoration:underline;}
#homepage-products a.container .image,#homepage-products a.container .title { display:block;}
#homepage-products a.container img {display:block; /*width:100%; max-width:250px;*/ margin:auto;}
	/*#homepage-products a.container img {max-height:250px;}*/
	#homepage-text { margin:0 0 2em;}

#homepage-events .container .title, #homepage-news .container .title {font-weight:bold;}	
#homepage-products a.container {
	position: relative;
	padding-bottom: 65%;
	height: 0;
	box-sizing: border-box; 
}
#homepage-products a.container .image {
	position: relative;
	padding-bottom: 50%;
	height: 0;
}
#homepage-products a.container .image img {
	position: absolute;
	top:0; left:0; right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.contentinner {padding-bottom:1px;max-width:100%}
.hpfeatures { margin:3em auto; text-align:center;}
.hpfeatures a {display:block; text-decoration:none; text-align:center;text-shadow: 1px 1px 4px #000; max-width:450px; margin:0.5em auto 2em;position:relative; font-weight:bold;}
.hpfeatures a, .hpfeatures a:link{color:#fff !important; }
.hpfeatures a { background:url(../images/icons/loading_white.gif) no-repeat center 0;background-size:cover}
#sitechooser.hpfeatures a.corp, #sitechooser.hpfeatures a.rec { background: #28398f; border:1em solid #fff; background-position:center;}
.hpfeatures a>span {width:100%;}
.hpfeatures .title { font-size:1.5em; margin: 17% 0 55%; padding:0 5%;display: block;position: absolute;top: 0;width: 100%;text-align: center; height:3em;}
.hpfeatures .desc { display:block;}
.hpfeatures .label {background:rgba(50,50,50,.7); display:block; padding:0.4em; margin-top:-6em; position:absolute; bottom:0;}
.hpfeatures .intro { display:block; padding:0.75em 0;}
.hpfeatures .link {background:rgba(50,50,50,.7); padding:0.6em;margin: 0.5em 0;display: inline-block; border: 1px solid #59585f;}

.hpfeatures a .label:hover {background:rgba(50,50,50,.9);-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;transition: background 0.5s ease;}
.hpfeatures.small {margin:0 auto;}
.hpfeatures.small a{width:96%;margin:0 2% 3em;padding-bottom:70%;display:inline-block;}

.socpro {margin-top:0;padding-top:0;}


#sitechooser {position: fixed;z-index: 999;display: block;padding-top: 20px;top: 10%;left:5%;width: 90%;height: 90%;}
#siteobsq {position: fixed;z-index: 990;display: block;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
#sitechooser.hpfeatures .title { margin: 1em 0; padding:0 5%;display: block;position: absolute;top: 0;width: 100%;text-align: center; height:1.5em;}
#sitechooser.hpfeatures .label {background: none;}
#sitechooser.hpfeatures .label .intro {display:none;}
#sitechooser.hpfeatures a {padding-bottom: 8em;}

/*Corp / Rec Selector*/
.swing-out-top-fwd{-webkit-animation: swing-out-top-fwd 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045) both;animation: swing-out-top-fwd 400ms cubic-bezier(0.600, -0.280, 0.735, 0.045) both;}
.swing-out-top-bck{-webkit-animation:swing-out-top-bck .4s cubic-bezier(.6,-.28,.735,.045) both;animation:swing-out-top-bck .4s cubic-bezier(.6,-.28,.735,.045) both}
/* Generated by Animista on 2018-12-18 14:4:40 | w: http://animista.net, t: @cssanimista *//* animation swing-out-top-fwd */
@-webkit-keyframes swing-out-top-fwd {0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}100% {-webkit-transform: rotateX(70deg);transform: rotateX(70deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}}@keyframes swing-out-top-fwd {0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}100% {-webkit-transform: rotateX(70deg);transform: rotateX(70deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}}
/* Generated by Animista on 2018-12-18 14:42:37 | w: http://animista.net, t: @cssanimista *//* animation swing-out-top-bck */
@-webkit-keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}100%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}100%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}


@media only screen and (max-width: 45.999em) { /*738px*/
	.hpfeatures { margin-bottom:1em;}
}
@media only screen and (max-width: 29.999em) { /*480px*/
	.hpfeatures a { height: 0px;padding-bottom: 133%;}
	.hpfeatures.small .link {position: absolute;bottom: -46px;left: 0;right: 0;background:#363636}
	.hpfeatures .label{font-size:0.9em}
	.hpfeatures .title {font-size:1.2em}
}
@media only screen and (min-width: 30em) { /*480px*/
	.hpfeatures a { height:450px;}
	.hpfeatures.small a{width:46%;margin:0 2% 3em;padding-bottom:70%;display:inline-block;}
	#sitechooser.hpfeatures a { height:200px;}
	.hpfeatures .desc {min-height: 4em;}
}
@media only screen and (max-width: 24.999em) { /*400px*/
	.smlhide {display:none !important;}
}
@media only screen and (min-width: 25em) { /*400px*/
#homepage-events .moreinfolink, #homepage-news .moreinfolink, #homepage-products a.moreinfolink {margin-top:0.3em;}	
	#homepage-products a.container {width:48%;float:left; font-size: 0.9em;}
	#homepage-products a.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%}
	#homepage-products a.container {padding-bottom: 60%; overflow:hidden;}
	#homepage-products a.container .image {	padding-bottom: 100%;	}
}
@media only screen and (min-width: 25em) and (max-width: 45.999em) { /*400px - 738px*/
	#homepage-products a.container:nth-of-type(2n+1) {margin-bottom:1em !important}
}
@media only screen and (min-width: 32em) { /*512px*/
	#homepage-events .container, #homepage-news .container {width:100%;float:left;}
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even) {margin:1em 0 1em 2%}
	#homepage-events .container, #homepage-news .container, #homepage-products a.container {font-size: 1em;}
	#homepage-events .container, #homepage-news .container, #homepage-products a.container {width:48%;float:left;padding-bottom:4em}
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd), #homepage-products a.container:nth-of-type(odd) {margin:1em 2% 1em 0}
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even), #homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%}
	
	#homepage-products a.container {padding-bottom: 40%; overflow:hidden;}
	#homepage-products a.container .image {	padding-bottom: 70%;	}
}
@media (orientation:landscape){
#sitechooser {top: 2%; padding-top:0;}
#sitechooser.hpfeatures a {height: 140px;padding-bottom: 0;}
#sitechooser.hpfeatures .title { margin: 0.3em 0;}
}
@media only screen and (max-width: 45.999em) { /* under  738px */
	#homepage-events div.container:nth-of-type(2n+1), #homepage-news div.container:nth-of-type(2n+1), #homepage-products a.container:nth-of-type(2n+1){margin-bottom: 3em}
	#sitechooser {}
}
@media only screen and (min-width: 46em) { /*738px*/
	.contentinner.no-left-menu #homepage-events, .contentinner.no-left-menu #homepage-news, .contentinner.no-left-menu #homepage-products {margin:0;border:none;clear:none;}
	.contentinner.no-left-menu #homepage-events div.container, .contentinner.no-left-menu #homepage-news div.container, .contentinner.no-left-menu #homepage-events div.container:nth-of-type(even), .contentinner.no-left-menu #homepage-news div.container:nth-of-type(even) {margin:0 0 1em 0}
	.contentinner.no-left-menu #homepage-events .container, .contentinner.no-left-menu #homepage-news .container  {width:100%;float:none;}
	#sitechooser.hpfeatures a.corp { background-image:url(../images/layout/Corporate-4wd-training.jpg)}
	#sitechooser.hpfeatures a.rec { background-image: url(../images/layout/Recreational-4wd-training.jpg);}
	.hpfeatures .label, #sitechooser.hpfeatures .label {background:rgba(50,50,50,.7); display:block; padding:0.4em; margin-top:-6em; position:absolute; bottom:0;}
	.hpfeatures .link {background:rgba(50,50,50,.7); padding:0.6em;margin: 0.5em 0;display: inline-block; border: 1px solid #59585f;}
	.jayco .hpfeatures .link {background:rgba(233,26,71,.7); }

	.hpfeatures.corprec a { width:45%; margin: 0 2%; float:left;height: 420px;overflow: hidden;}
	.hpfeatures.corprec a:first-of-type {margin:0 4% 0 2%}
	.hpfeatures .label {height: 143px;}
	.hpfeatures a:first-of-type {margin:0 2%;}
	
	.hpfeatures.small a{width:29.25%;margin-bottom:3em;padding-bottom:45%;display:inline-block;}
	.hpfeatures .link { position:absolute; bottom:0; right:30%;}
	.hpfeatures.small .link { position:absolute; bottom:0; right:20%;}

	#sitechooser {height: 590px; max-height:100%;/*top: 50%;left: 50%;width: 920px;margin: -250px -460px;*/}
	#sitechooser.hpfeatures a {padding-bottom: 440px;}
	#sitechooser.hpfeatures .label .intro {display: block;}
	#sitechooser.hpfeatures .label {height: 173px;}
}

@media only screen and (min-width: 60em) { /*960px*/
	#homepage-events, #homepage-news {margin:0;border:none;clear:both;}
	#homepage-events div.container, #homepage-news div.container {margin:1em 0 1em 0;width:100%;}
	
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd),
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even) {margin:0}
	
	.contentinner h1:first-of-type {margin-top:0;}
	.contentinner {margin-right:260px}
	.contentinner.noright {margin-right:0;}
	.contentinner.noright.no-left-menu {}
	.contentinner article {margin-top:0;}
	
	#homepage-events h3, #homepage-news h3 {margin-bottom:0;}
	#homepage-events .date, #homepage-news .date {margin: 0.2em 0;color:#555}
	#homepage-news .container, #homepage-events .container {padding:0.25em 0.5em}
	
	#homepage-products a.container:nth-of-type(odd) {margin:1em 0 1em 2%;}
	#homepage-products a.container:nth-of-type(even) {margin:1em 0 1em 2%;}
	#homepage-products a.container {width:31%;}
	#homepage-products a.container {padding-bottom: 35%; overflow:hidden;}
	#homepage-products a.container .image {padding-bottom: 100%;}
	#sitechooser {top: 50%;left: 50%;width: 920px;height: 590px;margin: -250px -460px;}
	#sitechooser.hpfeatures .label {height: 173px;}
	#sitechooser.hpfeatures a {height: 560px;}
	#sitechooser.hpfeatures .link { right:33.2%;}
	.hpfeatures .label {height: 145px;}
	.hpfeatures.small .label {height: 135px;}
	.hpfeatures.corprec a {    height: 552px;}
	.hpfeatures .link { right:36.2%;}
	.hpfeatures.small .link { right:26.2%;}
}
@media only screen and (min-width: 60em) and (max-width: 79.999em) { /*960px - 1280px*/
	#homepage-products a.container:nth-of-type(4n) {display:none;}
}
@media only screen and (min-width: 80em) { /*1280px*/
	.hpfeatures .link { right:161px;}
	.hpfeatures.small .link { right:26.2%;}

	/*.contentinner {margin-right:340px}
	.contentinner.noright {max-width:1060px}
	.contentinner.noright.noleft {max-width:1230px}
	#homepage-products a.container {width:23%; padding-bottom:28%;}*/
	
}
/*
@media only screen and (min-width: 676px) and (max-width: 979px) {}
@media only screen and (min-width: 676px) and (max-width: 847px) {.contentinner {max-width:65%;}} */