html, body {
	margin:0;
}

body {
	font-family: "Lato", sans-serif;
	color:#222222;
	position: relative;
	overflow-x: hidden;
	background-color: #f6f6f6;
}
.modal {display:none;}



/* ---------- MENU ---------- */

#topMenu.scroll {
    position:fixed;
    top:-165px;
    left: 0;
    right: 0;
    z-index:999;
    height: 40px;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
}
body.down #topMenu.scroll {
    top:0;
}
#topMenu, #topMenu.scroll {
	width:80%;
	padding:15px 10%;
	background-color:white;
}

#topMenu.homepg {
	border:none;
	background-color:transparent;
}

#topMenu::after {
	content:" ";
	clear:both;
	display: block;
}
.topMenuwrapper{
	padding:5px;	
}
.logomenu {
	width:13%;
	float:left;
	min-width: 140px;
	max-width: 140px;
	margin-bottom: 5px;
}
#topMenu.scroll .logomenu{ 
	top: 10px;
	position: absolute;	
}


@media(max-width:938px){
	#topMenu.scroll .logomenu{
	width:13% !important;
   min-width: 0;
	top: 5px;
	}
}

@media(max-width:428px){
	#topMenu.scroll .logomenu{
	width:23% !important;
    min-width: 0;
	}
	.menulist li{
		font-size:0.8em;
	}
}


.logomenu.white, #topMenu.homepg .logomenu.color {
	display: none;
}

#topMenu.homepg .logomenu.white {
	display: block;
}


.menulist {
	margin:1.3% 0 0 0;
	padding:0;
	float:right;
}
.scroll .menulist {
	margin:0;
	
}

.menulist li {
	list-style-type: none;
	/*padding:5px 10px 0 10px;*/
	display: inline-block;
	margin-left:5px;	
}

.menulist li .getstarted {
	border: solid 1px  #a70000;
	border-radius:3px;
}

.menulist li .getstarted {
	border: 0;
}

.down .menulist li .getstarted {
	border: solid 1px #a70000;
	border-radius:3px;
	transition: background-color 1s, color 1s;
	-moz-transition: background-color 1s, color 1s;
	-o-transition: background-color 1s, color 1s;
	text-decoration: none !important;

}

.down .menulist li .getstarted:HOVER {
	color:white; 
	border: solid 1px #a70000;
	border-radius:3px;
	background-color:#a70000;
	transition: background-color 1s, color 1s;
	-moz-transition: background-color 1s, color 1s;
	-o-transition: background-color 1s, color 1s;
	text-decoration: none !important;

}

.menulist li a {
	text-transform: uppercase;
	font-weight: 300;
	text-decoration: none;
	color:inherit;
	font-size: 1.4em;
	padding:6px;
}

#topMenu.homepg .menulist li a, #topMenu.homepg .menulist li a:hover {
	color:#f6f6f6;
	border-color:#f6f6f6;
}

.menulist li a:hover {
	border-bottom: solid 1px #222222;
}

.menulist li.hamburger a:hover {
	padding-bottom:0;
	border:none;
}

#hidMenuDiv {
	display: none;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.67);
	z-index: 1000;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

ul#hiddenMenu {
	margin:0;
	padding:0 0;
	list-style-type: none;
	text-align: right;
	z-index: 1001;
	position: fixed;
	right:0;
	top:0;
	width:20%;
	min-width: 250px;
	height: 100%;
	min-height: 100%;
	font-size: 1.21em;
	background-color:#15436d;
}

#hiddenMenu li:hover {
	background-color: #133b60;
}

#hiddenMenu li .getstarted {
	border:solid 1px #FFF;
	border-radius:3px;
	transition: background-color 1s, color 1s;
	-moz-transition: background-color 1s, color 1s;
	-o-transition: background-color 1s, color 1s;
}

#hiddenMenu li .getstarted:HOVER {
	border:solid 1px #FFF;
	background-color:#a70000;
}

#hiddenMenu li:nth-of-type(1) a {
	background-color:#103454;
	padding: 39px 25px;
	width:calc(100% - 50px);
	display: inline-block;
	text-align:left;
}

#hiddenMenu li a {
	text-transform: uppercase;
	font-weight: 300;
	color:#f6f6f6;
	text-decoration: none;
	display: inline-block;
	padding: 12px 25px 12px 40px;
	width:calc(100% - 65px);
}



/* ---------- Content ---------- */

#content {
	padding:0 ;
}

#content::after {
	display: block;
	content:" ";
	clear: both;
}
.containerClass{
	width:100%;
	float:left;
}
h1 {
	text-transform: uppercase;
	text-align: center;
	color:#a70000;
	font-weight: normal;
	font-size: 4em;
	margin-top:0;
	font-weight:300;
}

h1 .fat, h2 .fat {
	font-weight:900;
}
.subpageHeaderImage{
	height:300px;
	line-height:300px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	
}
.subpageHeaderImage h1{
		color:white;
	margin-bottom:0;
}
.contentClass{
	margin:50px auto 50px auto ;
	width:80%;
	padding: 20px;
}

/*----------------------------------------FAQ-------------------------------------------------*/



#DWebCMS-FAQWrapper .ui-state-default{
	border-radius:0;
	-moz-border-radius:0;
	background:#ebf3f9;
	padding: 10px!important;
	color:#15436d;
}

#DWebCMS-FAQWrapper .ui-state-active{
	border:0;
	background:#a70000;
	color:white;
	padding: 10px!important;
	border-radius:0;
	-moz-border-radius:0;
	font-family: 'Lato', sans-serif;
	font-weight:700;
}

#DWebCMS-FAQWrapper .ui-state-active span, #DWebCMS-FAQWrapper .ui-state-default span{display:none}

#DWebCMS-FAQWrapper .ui-widget-content{
	border:1px solid #a70000;
	padding:10px;
	font-size:16px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
.ui-widget-content{
	background: none !important;
}
#DWebCMS-FAQWrapper .ui-accordion-header{
	padding:5px 5px 5px 30px;
}
#DWebCMS-FAQWrapper .ui-state-default{
	margin: 10px 0;
}
#DWebCMS-FAQWrapper .ui-state-active{
	margin: 0;
	font-weight:bold;
}

/* ---------- Home Hero---------- */


.homeWrapper {
	height:100vh;
    min-height:568px;
	background-image: url('/images/soccercut.svg'), url('/images/homebg.jpg');
	background-repeat: no-repeat;
	background-position: top right, top left;
	background-size: contain, cover;
}

.homeWrapper h1.intro {
	color: #f6f6f6;
	text-shadow: -2px 0 #1659a0, 0 2px #1659a0, 2px 0 #1659a0, 0 -2px #1659a0;
	font-size: 6vw;
	margin-bottom: 0;
	padding-bottom:0.2em;
	margin-top: 1em;
}

.homeWrapper h1 .row2 {
	font-size:6.5vw;
}

.homeWrapper .introdesc {
	color:white;
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 1.3em;
	font-weight: 300;
}

.homeWrapper .howbtn {
	color: #f6f6f6;
	display: inline-block;
	text-transform: uppercase;
	margin: auto;
	text-align: center;
	border: 2px solid #f6f6f6;
	font-style: normal;
	font-weight: 600;
	margin-top:4em;
}

.homeWrapper .howbtn a {
	color:inherit;
	text-decoration: none;
	display: inline-block;
	padding:10px 10px;
	-webkit-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
}

.homeWrapper .howbtn a:hover {
	color:#1659a0;
	background-color: rgba(246,246,246,0.40);
}

/* ---------- Home Content ---------- */

.h1desc {
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 1.3em;
	font-weight: 300;
	padding-bottom:1em;
}

h1.nomarg {
	margin-bottom:0;
	font-size:4vw;
	margin-top:0.75em;
}

#mobSlider {
	display:none;
}

/* ---------- state headers ---------- */

.stateHeaders {
	margin:0;		
	background-color: #a70000;
	padding-top:1em;
}
.stateHeaders h2{
	color:#f6f6f6;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	font-size:2.2em;
	padding-bottom:1.5em;	
}
.stateHeaders h2 .fat{
	font-size:1.1em;
}

.stheaderwrapper{
	text-align:left; 
	width:1290px; 
	margin:0 auto;  
	background-repeat:no-repeat !important; 
	background-size:100% !important;
	height:450px;
}

.csplash {
	text-align: center;
	width:1000px;
	margin:auto;
	max-width: 95%;
	margin-top:2em;
	margin-bottom:2em;
	font-size: 1.1em;
	padding:20px;
	display:flex;
}

.cspic{
	float:left;
	width:180px;
}
.csinfo{
	text-align:left !important;
	padding:30px 10px;
}


@media(max-width:1280px){
	.stateHeaders{
		height:420px !important;	
	}
	.stheaderwrapper{		
	width:1100px;
		height:400px !important;			
	}
	.stateHeaders h2{
	font-size:2.2em;	
	}
	.stateHeaders h2 .fat{
		font-size:1em;
	}
}
@media(max-width:1100px){
	.stateHeaders{
		height:380px !important;	
	}
	.stheaderwrapper{		
		width:980px;
		height:360px !important;
	}
	.stateHeaders h2{
	font-size:2em;	
	}
	.stateHeaders h2 .fat{
		font-size:0.9em;
	}
}
@media(max-width:980px){
	.stateHeaders{
		height:310px !important;	
	}
	.stheaderwrapper{		
		width:800px;	
		height:290px !important;	
	}
	.stateHeaders h2{
	font-size:1.7em;	
	}
	.stateHeaders h2 .fat{
		font-size:0.8em;
	}
}
@media(max-width:800px){
	.stheaderwrapper{		
	width:768px;		
	}
	.stateHeaders h2{
	font-size:1.5em;	
	}
	.stateHeaders h2 .fat{
		font-size:1em;
	}
}
@media(max-width:768px){
	.stateHeaders{
		height:260px !important;	
	}
	.stheaderwrapper{
		width:630px;	
		height:240px !important;	
	}
	.stateHeaders h2{
	font-size:1.3em;	
	}
	.stateHeaders h2 .fat{
		font-size:0.9em;
	}
}
@media(max-width:630px){
	.stateHeaders{
		height:280px !important;	
	}
	.stheaderwrapper{		
	width:480px;	
	height:260px !important;	
	}
}
@media(max-width:480px){
	.stateHeaders{
		height:220px !important;	
	}
	.stheaderwrapper{		
	width:320px;	
	padding:10px;
	text-align:center;
	height:190px !important;
	}
	.stateHeaders h2{
	font-size:1em;	
	}
	.stateHeaders h2 .fat{
		font-size:1em;
	}
	
	.csinfo{
		padding-top:0;
	}
	.csplash {
	text-align: center;
	width:100%;
	max-width:100%;
	margin:0;
	margin-top:2em;
	margin-bottom:2em;
	font-size: 1.1em;
	padding:0;
	display:block;
}
}

/* ---------- Home Offers ---------- */

.mocOffers {
	margin-top:4em;		
	background-color: #a70000;
	padding-top:1em;
	height: 250px;
}
.mocOffers h2 {
	color:#f6f6f6;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	font-size:3em;
	padding-bottom:1.5em;
}

.offerWrapper .icon {
	color:#f6f6f6;
	background-color:#212121;
	border-radius: 50%;
	padding:15px 20px;
	display: inline-block;
	font-size:3em;
	position: relative;
	top:-55px;
}

.offerWrapper .t-box {
	width:18vw;
	margin:1.5vw;
	padding:15px 1vw 70px 1vw;
	float:left;
	text-align: center;
	background-color:#ffffff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	font-style: normal;
	position: relative;
}

.offerWrapper .t-box h3 {
	margin-top:-35px;
	margin-bottom:5px;
	font-style: normal;
	font-size:1.1em; 
}

.offerWrapper .t-box p {
	text-align:justify;
	margin-bottom:20px;
}

.t-box .line {
	border-top:2px solid #a70000;
	width:35%;
	display: inline-block;
	padding-bottom:5px;
}

.offerWrapper {
	font-size:1.2em;
	font-weight: 300;
	font-style: italic;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
	margin:auto;
	position: relative;
	top:-115px;
}

.offerdesc {
	text-align: center;
	font-style:italic;
	margin-top: -115px;
	margin-bottom: 115px;
}


.offerbtn {
	display: block;
	position:absolute;
	width:calc(100% - 2vw);
	bottom:25px;
	text-align: center;
}
.applybtn {
	display: block;
	width:calc(100% - 2vw);
	bottom:25px;
}

.offerbtn a, .applybtn a {
	display: inline-block;
	padding:7px 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #a70000;
	background-color:#a70000;
	color:white;
	border:2px solid #a70000;
	font-size:0.8em;
	-webkit-transition:background-color 1s, color 1s;
	transition:background-color 1s, color 1s;
	border-radius: 2px;
}

.offerbtn a:hover, .applybtn a:hover{
	background-color:transparent;
	color: #a70000;
	-webkit-transition:background-color 1s, color 1s;
	transition:background-color 1s, color 1s;
}



/* ---------- Home Happy Camper ---------- */

.twlogo {
	width:80px;
	position: absolute;
	top:-45px;
	left:-40px;
	z-index: 50;
}

.tweet {
	clear: both;
}

.happycamper h1 {
	text-transform: none;
	color: #222222;
}

.tweet a {
	color:inherit;
	text-decoration: none;
}

.tweet .msg a {
	color:#a70000;
}
.slick-list{
	width: 100%;
	margin:0 auto !important;
}
.tweetBox {
	width:20%;
	min-width:320px;
	float:left;
	background-color:#ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	margin:0.5%;
	padding:1vw;
	position:relative;
}

.tweetBox::after {
	content:" ";
	display: block;
	clear:both;
}

.tweet .profpic {
	float:left;
	display: inline-block;
	margin-right:10px;
}

.tweet .msg {
	display: block;
	margin-top:7px;
}

.tweetcontainer {
	margin:auto;
	width:70%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
}
.slick-prev {
	position:absolute;
	left:0;
}
[dir="rtl"] .slick-prev::before {
    content: "\f104";
}
.slick-prev::before {
    content: "\f104";
}

[dir="rtl"] .slick-next::before {
    content: '\f105';
}
.slick-next::before {
    content: '\f105';
}

.slick-prev::before, .slick-next::before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: gray;
    outline: none;
    background: transparent;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next {
    right: -25px;
}

/* ---------- Home Happy Camper ---------- */

.happycamper{
	margin-bottom:115px;
}

.waiting h1 {
	text-transform: none;
	color: #222222;
	margin:0;
}
.waiting{
	margin-bottom:115px;
}

.waitbtn {
	text-align: center;
	color: #f6f6f6;
	font-weight: 600;
	text-transform: uppercase;
	margin:auto;
	font-size:1.4em;
	margin-top:1.5em;
}

.waitbtn a {
	color:inherit;
	text-decoration:none;
	padding:10px 15px;
	background-color:#a70000;
	border-radius:5px;
}

.waitbtn a:hover {
	background-color:#7c1013;
}


/* ---------- Get Started ---------- */

.startform {
	color:white;
	margin-bottom:0;
	padding:5vw;
	background-image:url('/images/startbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.startform::after {
	content:" ";
	display: block;
	clear: both;
}

.startform h1 {
	color:white;
	text-align: left;
	margin:0;
	padding:0;
}

.getstartedform {
	float:right;
	width:48%;
	text-align: center;
}

.startform p {
	font-size:1.75em;
	line-height: 150%;
	font-weight: 300;
}

.starttext {
	width:48%;
	float:left;
}

.getstartedform label {
	display:block;
	text-align: left;
	margin-top:7px;
	margin-bottom:3px;
	text-transform: uppercase;
	font-weight: 300;
	padding: 0;
	width:310px;
}

.formwrapper {
	width:70%;
	margin: auto;
}

.learnbtn {
	display: block;
	margin-top:70px;
}

.learnbtn a {
	color:#f6f6f6;
	text-decoration: none;
	padding:7px 15px;
	border: 2px solid #f6f6f6;
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 300;
	transition: background-color 1s, color 1s;
}

.learnbtn a:hover {
	background-color:#f6f6f6;
	color:#222222;
}

input, select, textarea {
	max-width:calc(100% - 10px);
	width:340px;
	border-radius:3px;
	/*float:right;*/
}

label {
	max-width:100%;
	width:350px;
}

select {
	width:350px;
}

input, select, textarea {
	padding: 7px 5px;
	border-radius:0;
}

.startform input, .startform select, .startform textarea {
	outline:none;
	border:none;
}

input[type=button] {
    -webkit-appearance: none;	
    -webkit-border-radius:0; 
    border-radius:0;
	
}

textarea {
	height:75px;
}

.sendbutton {
	clear:both;
	display:block;
	float:right;
	margin-top:15px;
	color:#f6f6f6;
	background-color:#a70000;
	border:none;
	padding: 7px 19px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	border-radius:2px;
	cursor: pointer;
	width:auto;
}
.button.red{
	background:#a10500;
	color:white;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	cursor:pointer;
}

.button.red:hover{
	background:#840000;
}

.button.red.outline{
	border:2px solid white;
	padding: 17px 36px;
}

.button.red.borderbottom{
	border:0;
	border-bottom:3px solid #840000;
	font-weight:700;
	padding: 5px 15px;
}

.mocOffers.getstarted, .stateHeaders.getstarted {
	margin-top:0;
}

.offerWrapper.getstarted .icon.textfile {
	padding:15px 25px;
}

.offerWrapper.getstarted .t-box {
	padding-bottom:15px;
}

.starteddesc {
	text-align: center;
	font-weight: 300;
	font-style: italic;
	margin-top:-50px;
	font-size:1.5em;
	line-height: 150%;
	margin-bottom: 115px;
	padding: 0 15px;
}

.startform .contactForm label {
	font-family:"Lato", sans-serif;
	text-transform:uppercase;
	margin-bottom:3px;
	font-weight:100;
}
.startform .contactForm label:not(:first-of-type) {
	margin-top:10px;
}

.startform .contactForm .sendbutton {
	background-color:#a70000;
	font-size:16px;
	border-radius:3px;
}


/* ---------- Services ---------- */

.services {
	margin-top:115px;
}

h1.services {
	color:white;
	margin-bottom:90px;
	padding-bottom:2em;
	padding-top:1.5em;
	background-image:url('/images/servicesbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.testimonial {
	text-align: center;
	background-color:white;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	padding:40px 0;
	margin:90px 0;
	clear: both;
}

.testimonial .quote {
	font-size:1.2em;
	font-style: italic;
	display: block;
	line-height: 150%;
}

.testimonial .person {
	display:block;
	margin-top:20px;
}

.testimonial .person strong {
	display:block;
}

.testimonial .person, .testimonial .quote {
	width:820px;
	padding:0 20px;
	max-width:calc(100% - 40px);
	margin-left:auto;
	margin-right:auto;
}

.rightpic img {
	max-width:calc(48% - 40px);
	max-height: 450px;
}

.leftpic img {
	margin-left:40px;
	max-width:calc(48% - 40px);
	max-height: 450px;
}

.rightpic, .leftpic {
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-align-items: center;
	-moz-justify-content: center;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}

.righttext, .lefttext {
	width:45%;
	max-width: calc(100% - 80px);
}

.lefttext {
	margin: 0 0 0 80px;
}

.righttext {
	margin: 0 80px 0 0;
}

.rightpic::after, .leftpic::after{
	display: block;
	content: " ";
	clear: both;
}

.lefttext h2, .righttext h2, #subpageAbout  h2, #subpageTimelineContainer h2, .Heading {
	text-transform: uppercase;
	color:#a70000;
	font-weight: 900;
	font-size: 3em;
}

.servicedesc {
	font-size:1.5vw;
	font-weight: 300;
	font-style: italic;
}

.lefttext p, .righttext p {
	line-height:150%;
}

/* ---------- Partners ---------- */
.partner {
	text-align: left;
	background-color:white;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	padding:40px 0;
	margin:40px 0;
	clear: both;
}
.partnerjoin {
    width: 45%;
    max-width: calc(100% - 80px);
	margin:0 auto;
}
.partnerColumn{
	float:left;
	width:42%;
	margin:14px 1% 20px 1%;
	padding: 2%;
	background:#eeeeee;
	font-size:16px;
	line-height:24px;
	height:400px;
	color:#000000;
}

.partnerrightpic, .partnerleftpic {
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-align-items: center;
	-moz-justify-content: center;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}

.partnerrighttext, .partnerlefttext {
	width:65%;
	max-width: calc(100% - 80px);
}

.partnerlefttext {
	margin: 0;
}

.partnerrighttext {
	margin: 0 80px 0 0;
}

.partnerrightpic::after, .partnerleftpic::after{
	display: block;
	content: " ";
	clear: both;
}

.partnerlefttext h2, .partnerrighttext h2 {
	text-transform: uppercase;
	color:#555;
	font-weight: 900;
	font-size: 3em;
}

.partnerlefttext p, .partnerrighttext p {
	line-height:150%;
}

@media(max-width:1590){
	.partnerrighttext, .partnerlefttext {
	width:85%;
	max-width: calc(100% - 80px);
	}	
}

@media(max-width:1280px){
	.partnerrighttext, .partnerlefttext {
	width:85%;
	max-width: calc(100% - 80px);
	}
	.partnerColumn{
	height:500px;
}
}


@media(max-width:900px){
	.partnerColumn {
		width: 90%;
		margin: 20px 0;
		padding: 5%;
		font-size: 14px;
		line-height: 22px;
		height: auto;
	}
}
/* ---------- News ---------- */
.newscont-Category {
	position:relative;
}
h1.news {
	color:white;
	margin-bottom:0;
	padding-bottom:2em;
	background-image:url('/images/newsbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.newsnav {
	clear:both;
	text-transform: uppercase;
}

.newsnav::after {
	content: " ";
	display: block;
	clear:both;
}

.newsnav .older i {
	margin: 0 10px 0 15px;
	color:#a70000;
}

.newsnav a {
	color:inherit;
	text-decoration: none;
}

.newsnav .newer i {
	margin: 0 20px 0 10px;
	color:#aaaaaa;
}

.newsnav .newer {
	float:right;
	color:#aaaaaa;
}

.newsnav .older {
	float:left;
	color:#a70000;
}



/*------------------------------------------------ABOUT-----------------------------------------*/

.aboutColumn{
	float:left;
	width:25%;
	margin:14px 2% 60px 2%;
	padding: 2%;
	background:#eeeeee;
	font-size:16px;
	line-height:24px;
	height:570px;
	color:#000000;
}

.aboutColumn h2{
	color:#a10500;
	font-size:25px;
	font-weight:700;
}

#subpageAboutContainer{
	background:#e0e1e1;
}

#subpageAbout{
	padding: 20px 0 50px 0;
	text-align:center;
}



#subpageTimelineContainer{
	padding: 20px 0 0 0;
	text-align: center;
}

.subpageAboutBox{
	display:inline-block;
	width:20%;
	margin: 2%;
}

.subpageAboutCircle{
	-webkit-border-radius: 105px;
	-moz-border-radius: 105px;
	border-radius: 105px;
	height:210px;
	width:210px;
	overflow:hidden;
	float:none;
	margin:0 auto;
}

.subpageAboutCircle img{
	margin:0;
	width:210px;
	height:210px;
}

.subpageAboutText{
	width:100%;
	color:#15436d;
	font-size:16px;
	text-align:center;
	margin-top:10px;
}

.subpageAboutText span{
	font-size:20px;
	font-weight:700;
	display:block;
}
@media(max-width:1100px){
	.aboutColumn {
		height: 610px;
	}
	
	.subpageAboutCircle, .subpageAboutCircle img{
		height:180px;
		width:180px;
	}
}
@media(max-width:1000px){
	.aboutColumn {
		height: 650px;
	}
	.tweetcontainer{
		width:85%;
	}
	.tweetBox {
    width: 20%;
    min-width: inherit;
}
}
@media(max-width:900px){
	.aboutColumn {
		width: 90%;
		margin: 20px 0;
		padding: 5%;
		font-size: 14px;
		line-height: 22px;
		height: auto;
	}
	.subpageAboutCircle, .subpageAboutCircle img{
		height:140px;
		width:140px;
	}
	.subpageAboutText{
		font-size:14px;
	}
	.subpageAboutText span{
		font-size:17px;
	}
	
}
@media(max-width:767px){
	.subpageAboutBox{
		width:46%;
	}
	.subpageAboutCircle, .subpageAboutCircle img{
		height:190px;
		width:190px;
	}
	.subpageAboutText{
		font-size:16px;
	}
	.subpageAboutText span{
		font-size:20px;
	}
	.subpageHeaderImage{
		height:120px;
		line-height:120px;
	}
	
	.startform {
	background-image:url('/images/startbg@800.jpg');
	}
	h1.services {
	background-image:url('/images/servicesbg@800.jpg');
	}
	h1.news {
		background-image:url('/images/newsbg@800.jpg');
	}
}
@media(max-width:480px){
	.subpageAboutBox{
		width:96%;
		margin-bottom:30px;
	}
	.subpageAboutCircle, .subpageAboutCircle img{
		height:210px;
		width:210px;
	}
	.subpageHeaderImage{
		height:120px;
		line-height:120px;
	}
	.startform {
	background-image:url('/images/startbg@360.jpg');
	}
	h1.services {
	background-image:url('/images/servicesbg@800.jpg');
	}
	h1.news {
		background-image:url('/images/newsbg@360.jpg');
	}
	.lefttext h2, .righttext h2, #subpageAbout  h2, #subpageTimelineContainer h2, .Heading {
		font-size: 1.5em;
	}
}
/*------------------------------------------------ABOUT-END----------------------------------------*/

/*------------------------------------------CONTACT-----------------------------------------------*/

.contactPage{
	width:60%;
	float:left;
	margin:0 5% 50px;
	font-size:16px;
}

.contactPage fieldset{
	padding:0;
}

.contactPage h3{
	font-size:20px;
	margin: 15px 0 0;
	line-height:26px;	
	color:#b32a2a;
	font-weight:700;
	font-family: 'Lato', sans-serif;
}

.contactPage input[type="text"], .contactPage select, .contactPage textarea{
	border:1px solid #6d98cf;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding: 5px 2%;
	width:96%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:16px;
    line-height:16px;
	margin:5px 0;
}

.contactSidebar{
	width:25%;
	float:right;
	margin:0 5% 50px 0;
}

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


.contactPage .campOperator{
	display:none;
}
@media(max-width:783px){
	.contactPage, .contactSidebar{
		width:100%;
		max-width:800px;
		margin:0 0 50px;
	}
}

/*------------------------------------------CONTACT-END----------------------------------------------*/




/*---------------------------------------FEATURED CAMPS--------------------------------------------------*/

.featuredCampsContainer{
	margin: 30px auto 40px;
}

.mobileNav, .viewSports{
	display:none;
}

#container{
	margin:0 auto;
}

#content a.selector{
	color:#15436d;
	font-size:31px;
	font-weight:700;
	text-align:center;
	line-height:40px;
	background:#ebf3f9;
	display:block;
	float:left;
	width:30%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:solid;
	margin: 2px 1%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 0;
	text-decoration:none;
}

#content a.selector.selected, #content a.selector:hover{
	color:white;
	background:#a70000;
	border:3px solid #570000;
}

#content a.selector .selectorText{
	font-size:14px;
	display:block;
	line-height:20px;
}

#content .individualSports a.selected{
	background: #15436d;
	color:#ffffff;
}

#content .individualSports a:hover{
	background: #cde1ef;
	color:#123b61;
}

#content .featuredNav{
	text-align:center;
}

#content .sportList{
	display:block; 
	position: relative;
	padding:10px 0;
	font-size:16px;
	text-align:center;
	width:9.875%;
	margin:0 0 15px 0;
	height:38px;
	float:left;
	text-decoration:none;
}

#content a.sportList{
	color:#123b61;
	background: #edf1f7;
}

.campSpacer{
	clear:both; 
	height:40px;
}


@media(max-width:935px){
	#container{
		width:766px;
	}
	
	.individualSports{
		width:766px;
		margin:auto;
	}
	
	#topMenu, #topMenu.scroll {
	width:100%;
	padding:0;
	}
}


@media(min-width:935px){
	.featuredCampsContainer{
	width:770px;
	}
}
@media(min-width:1100px){
	.featuredCampsContainer{
	width:1080px;
	}
}

@media(min-width:1390px){
	.featuredCampsContainer{
	width:1080px;
	}
}
@media(max-width:768){
	.featuredCampsContainer{
	width:500px;
	}
}
@media(max-width:900px){
	#content .sportList{
		width:16%;
	}
	#content a.selector{
		font-size:24px;
		line-height:30px;
		width:40%;
		margin: 2px 5%;
	}
}
@media(max-width:767px){
.featuredNav{display:none}
	
	.individualSports{
		position:relative;
	}
	
	.viewSports{
		display:block;
		width:74%;
		margin: 10px 13% 20px;
		position:relative;
		background:#15436d;
		padding: 10px 0;
		text-transform:uppercase;
		color: white;
		text-align:center;
		font-weight:900;
		font-size:14px;
		height:14px;
	}
	
	.viewSports:hover{
		color: #15436d;
		background:#ebf3f9;
		cursor:pointer;
	}
	
	.mobileNav{
		top:34px;
		position: absolute;
		background:white;
		z-index:99;
		width:60%;
		margin: 0 20%;
	}

	#content a.sportList {
		padding:10px 0;
		display:block;
		font-size:16px;
		text-align:center;
		width:100%;
		margin:0 ;
		height:auto;
	}
	
	#content a.selector{
		font-size:20px;
		width:46%;
		margin: 2px 2%;
	}

	.campSpacer{
		height:20px;
	}
	
}
@media(max-width:783px){
	#container{
		width:612px;
	}

	.individualSports{
		width:612px;
	}
	
}

@media(max-width:631px){
	#container{
		width:459px;
	}
	
	.individualSports{
		width:inherit;
	}
}
@media(max-width:600px){
	#content .sportList{
		width:33.3%;
	}
	#content a.selector{
		width:80%;
		margin: 2px 10%;
	}
}
@media(max-width:480px){
	#container{
		width:300px;
	}
	#content .hideMobile{
		display:none;
	}
}

/*---------------------------------------FEATURED CAMPS-END-------------------------------------------------*/

/* ---------- Responsive ---------- */

@media (max-width: 1280px) {
	
		
	.formwrapper {
		width:100% !important;
	}	
	.starttext {
		width:60% !important;
	}
	
	

}

@media (max-width: 1080px) {
	
	h1, h1.nomarg {
		font-size:6vw;
	}
	
	.offerWrapper .t-box {
		width:26vw;
	}
		
	.formwrapper {
		width:100%;
	}
	
	.lefttext h2, .righttext h2 {
		font-size:2.5vw;
	}
	
	.servicedesc {
		font-size:2vw;
	}
	
	

}

@media (max-width: 940px) {
	
	.menulist li a {
		font-size:1em;
	}
	
	.menulist li {
		margin-left: 10px;
	}
	
	.mocOffers.getstarted h2 {
		margin-top:0.5em;
		margin-bottom:1em;
		font-size:4vw;
	}
	
	.mocOffers.getstarted h2 .fat {
		display:block;
	}
	
	.leftpic img, .rightpic img {
		max-width:calc(40% - 40px);
	}
	
	.lefttext h2, .righttext h2 {
		font-size:3vw;
	}
	
	.servicedesc {
		font-size:2.5vw;
	}
	
	.lefttext {
	margin: 0 0 0 50px;
	}

	.righttext {
		margin: 0 50px 0 0;
	}
	
	.contentClass{
		width:auto  !important;
		margin:auto;
	}
	.homeWrapper{
		height:auto;
	}
}

@media (max-width:800px) {
	
	.LargeArticleBox h2 {
		font-size:1.1em !important;
	}
	
	.LargeArticleBox p {
		font-size: 1em !important;
	}
	
	.LargeArticleBox .date, .LargeArticleBox .readmore {
		font-size: 1.1em !important;
	}
	
	.h1desc {
		padding: 0 40px 1em 40px;
	}
	
	.homeWrapper h1 .row2 {
		font-size:9.5vw;
	}
	
	.homeWrapper h1.intro {
		font-size:9vw;
	}
	
	.homeWrapper .howbtn {
		margin-top:2.5em;
		font-size:0.8em;
	}
	
	.offerWrapper {
		display:block;
	}
	
	.offerWrapper .t-box {
		width:55vw;
		padding: 20px 20px 70px 20px;
		margin: 1.5vw auto 25px auto;
		float:none;
	}
	
	.offerbtn {
		width:calc(100% - 40px);
	}
	
	.mocOffers.getstarted h2 {
		font-size:5vw;
	}
	
	.starttext, .getstartedform {
		width:100%;
		float:none;
		text-align: left;
	}
	
	input, label, textarea {
		float:none;
		width:95%;
	}
	
	select {
		float:none;
		width:calc(95% + 15px);
	}
	
	.learnbtn {
		margin-top:15px;
		margin-bottom:40px;
	}
	
	.sendbutton {
		float:none;
		margin-bottom:40px;
	}
	
	.leftpic, .rightpic {
		display: block;
	}
	
	.leftpic img, .rightpic img, .partnerleftpic img {
		max-width:80%;
		display: block;
		margin:0 auto;
	}
	
	.righttext, .lefttext, .partnerrighttext, .partnerlefttext, .partnerjoin {
		width:80%;
		margin:0 auto;
	}
	
	.offerdesc {
	margin-top: -55px !important;
}
}

@media (max-width: 700px) {
	
	.menulist li  {
		display: none;
	}
	
	.menulist li.hamburger {
		display: inline-block !important;
	}
	
	.menulist li.hamburger a {
		font-size:2em;
	}
	
	.tweetcontainer {
		display:block;
	}
	
	.homeWrapper {
		background-image:url('/images/soccercutmob.svg'), url('/images/homebg@800.jpg');
	}
}

@media (max-width:650px) {
	
	h1 {
		font-size: 2em;
	}
	
	.LargeArticleBox {
		width:94% !important;
		float:none !important;
		padding: 3% !important;
	}
	
	.LargeArticleBox::after {
		content: " " !important;
		display: block !important;
		clear: both !important;
	}
	
	#hiddenMenu li a{
		font-size:0.9em;
		padding:10px 25px 10px 40px;
	}
	
	.offerWrapper .t-box {
		width:75vw;
	}
	
	.offerdesc {
		padding:0 20px 0 20px
	}
	
	h1.nomarg .fat {
		display:block;
	}
	
	h1.nomarg {
		font-size:12vw;
	}
	
	.tweet {
		padding:10px;
	}
	
	h1 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.homeWrapper h1.intro {
		margin-top:4em;
	}
	
	.servicedesc {
		font-size:1.3em;
	}
	
	.lefttext h2, .righttext h2 {
		font-size:2em;
	}
	
	.contentClass{
		padding:0;
	}
	
	.starttext {
		width:100% !important;
	}
	input{
		height:30px;
	}
	
	select{
		height:40px;
	}
	.sendbutton{
		display:inline;
	}
}

@media (max-width:550px) {
	#mobSlider {
		display:block;
	}
	
	#homeSlider {
		display: none;
	}
	
	.mocOffers, .stateHeaders {
		margin-top:0;
	}
	
	img[alt="by the numbers"] {
		margin-top:5em !important;
	}
	
	.mocOffers.getstarted h2 {
		font-size:7vw;
	}
	.LargeArticleBox{
		box-shadow: none !important;
		height:auto !important;
	}
	.newscont-Category{
		top:0;
	}
	#content{
		padding:2%;
		margin:0 auto;
		
	}
}
@media (max-width: 360px) {
	
	.homeWrapper {
		background-image:url('/images/soccercutmob.svg'), url('/images/homebg@360.jpg');
	}
}

/* ---------- Slick ---------- */

.hlSlider {
	margin-top:5em;
	height: 408px;
}

.hlSlider .slick-slide:not(.slick-center) img {
	opacity: 0.7;
	width:80%;
	margin-top:5%;
	-webkit-transition: width 0.5s, opacity 0.5s, margin-top 0.5s;
	transition: width 0.5s, opacity 0.5s, margin-top 0.5s;
}

.hlSlider .slick-slide.slick-center img {
	opacity: 1;
	width:100%;
	margin-top:0;
	float:none;
	-webkit-transition: width 0.5s, opacity 0.5s, margin-top 0.5s;
	transition: width 0.5s, opacity 0.5s, margin-top 0.5s;
}

.hlSlider .slick-slide[aria-hidden="true"] + .slick-active img {
	float:right;
}

.hlSlider .slick-center + .slick-active img {
	float:left;
}

.slick-dots {
	padding: 0;
	position: absolute;
	display:block;
	width:100%;
	list-style:none;
	text-align:center;
	padding-bottom:5em;
}

.slick-dots li {
	position:relative;
	display: inline-block;
	width:20px;
	height:20px;
	margin:0 5px;
	padding:0;
	cursor:pointer;
}

.slick-dots li.slick-active button::before {
	color:#a70000;
	opacity:1;
}

.slick-dots li button {
	font-size:0;
	line-height:0;
	display:block;
	width:20px;
	height:20px;
	padding:5px;
	cursor:pointer;
	color:transparent;
	border:0;
	outline:none;
	background:transparent;
}

.slick-dots li button::before {
	font-family:lato;
	font-size:22px;
	line-height: 20px;
	position: absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	content:"•";
	text-align: center;
	opacity: 0.55;
	color:black;
	-webkit-font-smoothing:antialiased;
}



/*																HOME NUMBERS
-----------------------------------------------------------------------------------------*/

.homeNumbersBox{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.9s 0 ease-out;
    -moz-transition: all 0.9s 0 ease-out;
    transition: all 0.9s 0 ease-out;
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    transition-duration: 0.9s;
    opacity: 0;
}

.homeNumbersBox.active{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 1;
}

#homeNumbersContainer{
	position:relative;
	overflow:hidden;
	background:#600300;
	margin-bottom:115px;
}

#homeNumbersContainer img{
	width:3000px;
	height:445px;
	position:absolute;
	left:50%;
	margin:0;
	margin-left:-1500px;
	top:0;
	z-index:1;
}

#homeNumbers{
	z-index:2;
	position:relative;
	margin-top:0;
	margin-bottom:0;
}

#homeNumbers .homeNumbersContent{
	text-align:center;
	width:100%;
	z-index:3;
	font-size:18px;
	color:#a8caf0;
}

#homeNumbers .homeNumbersContent h2{
	color:white;
	display:inline-block;
	font-size:36px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	padding: 10px;
}

#homeNumbers .homeNumbersContent .homeNumbersBox{
	width:21%;
	margin:30px 2%;
	float:left;
	color:white;
	line-height:22px;
	text-align:center;
	font-weight:300;
}

#homeNumbers .numbersBoxContent{
	font-size:24px;
	font-weight:700;
	line-height:40px;
	text-transform:uppercase;
}

#homeNumbers .numbersBoxContent span{
	font-size:40px;
	display:block;
	line-height:50px;
	text-transform:none;
}

@media(max-width:1000px){
	#homeNumbers .numbersBoxContent{
		font-size:18px;
		line-height:24px;
	}
	
	#homeNumbers .numbersBoxContent span{
		font-size:36px;
		line-height:40px;
	}	
}
@media(max-width:767px){
	#homeNumbers .homeNumbersContent h2{
		font-size:30px;
	}
	
	#homeNumbers .homeNumbersContent .homeNumbersBox{
		width:46%;
	}
}
@media(max-width:480px){
	#homeNumbers .homeNumbersContent h2{
		font-size:26px;
	}
	
	#homeNumbers .homeNumbersContent .homeNumbersBox{
		width:96%;
		margin:10px 2%;
	}
	
	#homeNumbers .numbersBoxContent{
		font-size:18px;
		line-height:24px;
	}
	
	#homeNumbers .numbersBoxContent span{
		font-size:30px;
		line-height:40px;
	}	
}

/*																FOOTER
-----------------------------------------------------------------------------------------*/
#footerMenuContainer{
	border-top:10px solid #15436d;
	background:#1f619d;
	padding: 20px 0;
	font-size:16px;
	float:left;
}

#footerMenu{
	position:relative;
}

#footerMenu .footerMenuList{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	width:31%;
	margin-left:2%;
}

#footerMenu .footerMenuList a{
	color:white;
	text-decoration:none;
	padding: 5px 0;
	display:block;
}

#footerMenu .footerMenuList a i{
	padding-right:5px;
}

#footerContainer{
	font-size:16px;
	background:#15436d;
	padding: 10px 0;
	line-height:26px;
}

#footer{
	text-align:center;
	color:white;
	width:90%;
	padding: 0 5%;
	font-size: 14px;
	line-height: 20px;
}

#footer a{
	color:white;
}

@media (max-height:568px) {
      .homeWrapper h1.intro {
            margin-top:3em;
      }
}


@media(max-width:480px){
	#footerMenu .footerMenuList{
		width:96%;
		margin: 10px 2%;
		text-align:center;
	}
}

/*********splash***********/

.splashheader {
	color:white;
	background-color:#a70000;
	padding-bottom:0.5em;
	padding-top:0.5em;
	margin-bottom:0;
}

.splashform {
	padding: 100px 40px 100px 40px;
	width:calc(35% - 80px);
	float:right;
	/*display:flex;*/
	color:#fff !important;
}

.splashform::after {
	content:" ";
	display: block;
	clear: both;
}

.splashform .getstartedform input, .splashform .getstartedform select, .splashform .getstartedform textarea, .splashform .getstartedform button {
	float:none;
	display: block;
	margin:auto auto 10px auto;
}

.splashform .getstartedform button {
	color:#222222;
	background-color:#f6f6f6;
	font-weight: 400;
}

.splashform .getstartedform label {
	float:none;
	color:white;
	font-weight: normal;
	margin:auto;
	display: block;
	width:315px;
	text-align: left;
	padding: 0;
	font-size:1em;
	text-transform:none;
}

.splashform .getstartedform {
	width:100%;
	float:none;
	margin:auto;
}

.splashcontent {
	width:65%;
	float:left;
}

.splashcontent::after {
	content:" ";
	display: block;
	clear: both;
}

.mocOffers.getstarted, .stateHeaders {
	clear:both;
}

.splashcontentwrapper {
	width:70%;
	margin:auto;
	padding-top:30px;
	padding-bottom:40px;
	float:right;
	padding-right:5%;
}

.topblurb {
	font-size:1.1em;
}

.splashcontent h2 {
	text-transform: uppercase;
	margin-top:30px;
	font-weight: 900;
}

.splashcontent li {
	margin:5px 0 5px 0;
}

.splashwrapper {
	display: flex;
	justify-content: center;
}

.mocOffers.getstarted.splash .hlSlider {
	margin-top:2em;
}

.mocOffers.getstarted.splash {
	height:430px;
}
.stateHeaders.getstarted.splash {
	height:470px;
}

.mocOffers.getstarted.splash::after, .stateHeaders.getstarted.splash::after {
	content:" ";
	display: block;
	clear: both;
}

.splash .slick-dots li button::before {
	color:white;
}

.splash .slick-dots {
	padding-bottom:0;
	bottom:0px;
}

.splashSlider{
	height:250px;
}

.aboutmocsplash {
	font-weight: 300;
	font-style: italic;
	padding:2em 20%;
	font-size: 1.1em;
	background-color:white;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
}

.aboutmocsplash p {
	margin:auto;
	padding:0;
}

.demosplash {
	text-align: center;
	width:700px;
	margin:auto;
	max-width: 100%;
	margin-top:2em;
	margin-bottom:2em;
	font-size: 1.1em;
}

.logosplash {
	width:20%;
	min-width:150px;
	float:left;
	margin-right: 30px;
}

@media (max-width:1100px) {
	h1 {
		font-size:3.25em;
	}
	.splashcontentwrapper {
		width:90%;
	}
	
	.splashcontent {
		width:60%;
	}
	
	.splashform {
		width:calc(40% - 80px);
	}
	
	.mocOffers h2 {
		font-size:2.5em;
	}
}

@media (max-width:850px) {
	
	.aboutmocsplash {
		padding:2em 4%;
	}
	
	.offerWrapper {
		top:-75px;
	}
	
	h1 {
		font-size:2.5em;
	}
	
	.splashwrapper {
		display: block;
	}
	
	.splashform {
		width:calc(100% - 80px);
		float:none;
		margin-top:20px;
	}
	
	.splashcontentwrapper {
		width:95%;
		padding:0 2.5%;
	}
	
	.splashcontent {
		width:100%;
		padding:0;
		float:none;
	}
}

@media (max-width:600px) {
	.aboutmocsplash {
		display: block;
	}
	
	.logosplash {
		margin-bottom:10px;
	}
	
	.demosplash {
		width:95%;
	}
	
	.offerWrapper {
		top:-40px;
	}
	
	.mocOffers.getstarted.splash, .stateHeaders.getstarted.splash {
		height:450px;
	}	
	.stateHeaders.getstarted.splash {
		height:470px;
	}
	
	h1 {
		font-size:2em;
	}
}

/* ----------- Calculator ----------- */
.calculator::after {content:" ";
display:block;
clear:both;}

.calcform::after {
	content:" ";
	display: block;
	clear: both;
}

.calcform h1 {
	color:white;
	text-align: left;
	margin:0;
	padding:0;
}

#content.calculator {background-color:white;
padding-top:40px;padding-bottom:40px;margin-bottom:50px;box-shadow:0px 0px 7px rgba(0,0,0,0.6);}

.calculator h2 {text-align:center;color:#a70000;text-transform:uppercase;font-weight:900;font-size:2.5em;margin-top:0;margin-bottom:0;}

.calculator p {margin:0px 10px 30px;text-align:left;}

.calculatorform .question {display:inline-block;width:47%;margin-right:1%; margin-left:1%;}
.calculatorform input, .calculatorform select, .calculatorform textarea, .calculatorform label {float:none;display:inline-block;width:98%;}
.calculatorform input {border:1px solid rgb(169, 169, 169); border-radius:3px;}
.calculatorform select {width:100%;}
.calculatorform label {text-transform:uppercase;margin-top:10px;margin-bottom:3px;font-weight:bold;}
.calculatorform button::before {content:" ";display:block;}
.calculatorform button {float:none;padding:10px 15px;margin:30px auto 10px auto;display:block;color:white;background-color:#a70000;font-weight:300;font-family:'lato', sans-serif;outline:0;border:0;font-size:16px;cursor:pointer;border-radius:2px;}

.calculatorform #agerange select, .calculatorform #graderange select{width:49.5%;}
.calculatorform #birthdate input {width:47.5%;}

.calculator .alertBox {border:1px solid #212121;margin:40px auto 20px auto;width:400px;max-width:80%;color:#212121;border-radius:3px;padding:20px;font-size:1.25em;text-align:center;background-color:#eeeeee;position:relative;}
.calculator .alertBox strong {display:inline-block;color:white;background-color:#212121;border-radius:50%;font-weight:500;margin:5px 0;font-size:4em;padding-top:0;line-height:150%;margin-bottom:15px;margin-top:0;}

.calcwaiting {margin-bottom:15px;}

@media(max-width:700px) {
	.calculatorform .question {
		display:block;
		width:100%;
	}
}

.homeCalc.calculator  {padding:50px 10%;background-color:white;margin-bottom:100px;box-shadow:0px 0px 7px rgba(0,0,0,0.6);}
.homeCalc.calculator h2 {color:#222;font-weight:400;font-size:35px;margin-top:10px;margin-bottom:20px;text-transform:uppercase;text-align:center;}
.homeCalc.calculator h2 strong {color:#c0392b;font-weight:800;}
.homeCalc.calculator .alertBox2 {overflow:auto;height:100%;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.7);z-index:1001;}
.homeCalc.calculator .alertBox2 .calcResults {position:absolute;top:13%;width:600px;max-width:96%;background-color:white;box-shadow:0px 0px 7px rgba(0,0,0,0.8);left:calc(50% - 300px);text-align:center;margin-bottom:20px;}
.homeCalc.calculator .alertBox2 .calcResults .resNum {display:block;background-color:#c0392b;padding:30px 15px;color:white;}
.homeCalc.calculator .alertBox2 .calcResults .resNum #potCamp {font-size:2.5em;}
.homeCalc.calculator .alertBox2 .calcResults .resNum #noCamp {font-size:1em;}
.homeCalc.calculator .alertBox2 .calcResults .ryzerLink {font-size:16px;text-align:center;padding:20px 15px 15px 15px;background-color:#2980b9;color:white;}
.homeCalc.calculator .alertBox2 .calcResults .ryzerLink p {text-align:center;margin:0;}
.homeCalc.calculator .alertBox2 .calcResults .ryzerLink img {width:66px;padding: 0 0 0 3px;filter:brightness(1000%);}
.homeCalc.calculator .alertBox2 .calcResults .ryzerLink a {color:white;text-decoration:none;display:inline-block;border:2px solid white;border-radius:4px;background-color:#c0392b;padding:8px 17px;font-size:20px;margin-top:20px;margin-bottom:7px;transition:background-color 1s;}
.homeCalc.calculator .alertBox2 .calcResults .ryzerLink a:hover {background-color:rgba(192,57,43,0.3);transition:background-color 1s;}
.homeCalc.calculator .alertBox2 .calcResults #resMap {width:100%;min-height:350px;}
.homeCalc.calculator .alertBox2 .closeBox {position:absolute;font-size:20px;top:0;right:4px;padding: 7px 10px 10px 10px;cursor:pointer;}
.homeCalc.calculator .alertBox2 #camperInput {margin:0;text-align:center;padding:10px 5px;color:white;background-color:#aaa;}
#RyzerCalculator {padding-top:200px;margin-top:-200px;}

@media(max-width:640px){
	.homeCalc.calculator .alertBox2 .calcResults {left:2%;}
	.homeCalc.calculator .alertBox2 .calcResults .resNum #potCamp {font-size:1.5em;}
	.homeCalc.calculator .alertBox2 .calcResults .ryzerLink {font-size:18px;}
	.homeCalc.calculator .alertBox2 .calcResults .ryzerLink img {width:50px;}
	.homeCalc.calculator .alertBox2 .calcResults {top:2%;}
}

@media(max-width:400px) {
	.calculatorform #agerange select, .calculatorform #graderange select {width:48.5%;}
}

/*** KELLIE ***/
@media (max-width:1100px) {
	.starttext {width:100% !important;float:none;}
	.startform .contactForm label {display:block;float:none;width:100%;}
	.startform .contactForm input, .startform .contactForm textarea {float:none;width:100%;width:calc(100% - 20px);}
	.startform .contactForm select {float:none;width:100%;}
	.startform .contactForm input[type=button] {width:auto;padding:8px 25px;height:auto;}
}