/* BODY */

	body					{ background:#000; color:#fff; font-size:20px; font-family:"Montserrat", sans-serif }
	body, h1,h2,h3,h4,h5,h6 {  }
	section					{ margin:60px 0; }
	h1						{ font-size:2em; font-weight:bold; border-bottom:1px solid #ddd; }
	h2						{ font-size:1.6em; font-weight:bold; border-bottom:1px solid #ddd; }
	h3						{ font-size:1.4em; font-weight:bold; }

	.mainPage				{ margin-left:120px }

	.w3-row-padding img		{ margin-bottom:12px}
	.w3-sidebar				{ width:120px; background:#222; }
	.w3-padding-right		{ padding:0 15px 0 0 }
 
	.black					{ color:#000 }
	.bg-blue				{ background:#6fa9d9 }
	.bg-green				{ background:#3e6e3c }
	.bg-white				{ background:#fff; color:#000; }

	.bold					{ font-weight:bold; }
	.icons					{ width:100px }
	.icons-small			{ width:30px }

	.boxOut					{ padding:10px 20px; border-radius:30px; border:2px solid #3f3; background:rgba(0, 0, 0, 0.3); }
	.boxOut2				{ border-radius:20px; border:2px solid #3f3; }
	.homeBox				{ margin-top:30px; font-size:18px; font-weight:bold; }

	@media only screen and (max-width:600px) {#main {margin-left:0}}


/* TERMS */
	.hiddenTerms			{ display: none; }
	.hiddenTermsFormat		{ height:200px; padding:0 10px; background:#ddd; overflow-y:scroll }


/* EMAIL */
	.captchaBox				{ display:inline-block; padding:10px 4px; max-width:360px; font-size:14px; }
	.captchaOut				{ padding:10px 4px; background:#fff; float:left }
	.captchaEnter			{ font-size:26px; padding:4px 4px; }


/* EVENT CALANDAR */

	.active			{ background-color:#4CAF50 !important; }

	.active2		{ background-color:#17B2E6; color:#fff !important }	/* NORMAL - blue*/
	.active3		{ background-color:#1abc9c; color:#fff !important }	/* OUTDOOR - Green */
	.active4		{ background:#f94;			color:#000 !important } /* EVENT - Orange */
	.active5		{ background:#FF0;			color:#000 !important } /* NEW STARTER - Yellow */




/* SLIDESHOW */

	* {box-sizing:border-box}
	.slideshow-container	{ max-width:2000px; position:relative; margin:auto; }
	.mySlides				{ display:none; }
	.prev, .next			{ cursor:pointer; position:absolute; top:50%; width:auto; margin-top:-22px; padding:16px; color:white; font-weight:bold; font-size:18px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none; }

	.next					{ right:0; border-radius:3px 0 0 3px; }
	.prev:hover, .next:hover{ background-color:rgba(0,0,0,0.8); }

	/* Caption text */
	.text { color:#f2f; font-size:15px; padding:8px 12px; position:absolute; bottom:8px; width:100%; text-align:center; }
	.numbertext { color:#f2f2f2; font-size:12px; padding:8px 12px; position:absolute; top:0; }
	.dot { cursor:pointer;  height:15px; width:15px; margin:0 2px; background-color:#bbb; border-radius:50%; display:inline-block; transition:background-color 0.6s ease; }

	.active, .dot:hover { background-color:#717171; }

	.fade { animation-name:fade; animation-duration:1.5s; }
	@keyframes fade { from {opacity:.4} to {opacity:1} }


/* CALANDAR */

	* {box-sizing:border-box;}
	eventsArea ul {list-style-type:none;}

	.month			{ padding:10px 15px; width:100%; background:#4292FF; text-align:center; }
	.month ul		{ list-style-type:none; margin:0; padding:0; }
	.month ul li	{ color:white; font-size:20px; text-transform:uppercase; letter-spacing:3px; }
	.month .prev	{ float:left; padding-top:10px; }
	.month .next	{ float:right; padding-top:10px; }
	.weekdays		{ margin:0; padding:10px 0; background-color:#ddd; }
	.weekdays li	{ display:inline-block;	width:14%; color:#666; text-align:center; }
	.days			{ padding:10px 0 10px 4px; background:#eee; margin:0; }
	.days li		{ list-style-type:none; display:inline-block; width:13.6%; text-align:center; margin-bottom:0px; font-size:16px; color:#777; border:1px solid #bbb; }
	.key			{ padding:4px 4px; background:#eee; margin:0; }
	.key li			{ list-style-type:none; display:inline-block; text-align:center; padding:0px 4px; margin-bottom:0px; font-size:15px; color:#777; border:1px solid #bbb; }



	/* Smaller screens */
	@media screen and (max-width:720px)	{
		.mainPage			{ margin-left:90px }
		.w3-sidebar			{ width:90px; }
		.w3-padding-large	{ padding:8px 4px!important }

		.weekdays li, .days li {width:13.8%;}
		.icons	{ width:60px }
		.imageContract	{ width:50% }
}


	@media screen and (max-width:540px)	{
		body			{ font-size:17px; }
		h1				{ font-size:1.4em; font-weight:bold; border-bottom:1px solid #ddd; }
		h2				{ font-size:1.2em; font-weight:bold; border-bottom:1px solid #ddd; }
		h3				{ font-size:1em; font-weight:bold; }

		.w3-padding-16	{ padding:4px!important;}
		.w3-padding-64	{ padding-top:16px!important;}
		.key ul			{ padding:0px; margin:0px;  }
		.key li			{ font-size:11px; }

	}

	@media screen and (max-width:420px)	{ .weekdays li, .days li {width:13.8%;} .days li .active {padding:2px;} }
	@media screen and (max-width:290px)	{ .weekdays li, .days li {width:12.9%;} }