@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{background-image:url(/templates/client/images/bg.jpg);text-align:left;border-left: 5px solid white;border-right: 5px solid white;position: relative;}
* { box-sizing:border-box; -moz-box-sizing:border-box; }
/* Globals */
a {color:#971500;outline:0;}
h1, h2, h3, h4, h5 {font-weight:normal;}
li {text-decoration:none;list-style-type:none;}
.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }
.container {max-width:1200px; margin:0 auto; position:relative;z-index: 200; padding:0 10px}
/* Header */
header{width:1045px;height:131px;text-align:right; margin:0 auto;background-image:url(/templates/client/images/header.png);}
header .logo {display:none;}
header .logoLink{ display: block; width: 630px; height: 131px; float: left; }
header p{float:right;text-align:left; color:#165A0F;font-size:18px;font-family:arial;padding:10px 45px 0 0;}
.underheader{width:1045px;height:352px;text-align:center;margin:0 auto;background-image:url(/templates/client/images/underheader.png);}
.underheader p{text-align:left;position:relative;top:63px;font-family:arial;font-size:12px;padding:10px 0 0 720px; line-height: 11px;}
.underheader .schedule span {display:block; font-weight:bold;}
.underheader .schedule h2 {display:none;}
.underheader ul{text-align:left;position:relative;top:70px;font-family:arial;font-size:12px;padding:0 0 0 730px;}
/*Banner */
.banner {display:none;}
#contentleft .poem{
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}
#contentleft .poem>*{
    padding: 0 10px 0 10px;
    margin: 0px 37px 2px 10px;
    text-align: left;
    font-family: arial;
    line-height: 1.4em;
    border-left: 5px solid #91b300;
}
@media (max-width:1010px) {
	header {width:100%; background: hsl(88, 45%, 41%);height: auto;padding: 10px 0;}
	header .logo {display:block; margin:0 auto;}
	header .logoLink{ display: none; }
	header p {
    display: block;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
		color: #fff;
	}
	header p span {/* display:block !important; */color: #ffffff !important;}
	header .logo img {display:block; width:100%; max-width:545px; height:auto;margin: 0 auto;/* float: left; */}
	.underheader {
		background: rgba(193, 206, 138, 0);
		padding: 20px;
		height: auto;
		width: 100%;
		border-top: 10px solid white;
		border-bottom: 10px solid white;
		display: flex;
		flex-flow: row wrap;
	}
	.underheader .banner {display:block;float:left; width:60%;}
	.underheader .banner img {width:100%; border: 7px solid white; object-fit: cover; height: 100%;}
	.underheader .schedule {float:left; width:38%; margin-left:2%;border: 4px solid #6C9839;}
	.underheader .schedule h2 {display:block;color: #ffffff;margin-bottom: 10px;font-weight: bold;background-color: rgb(108, 152, 57);padding: 5px;}
	.underheader .schedule p {padding: 0 10px;margin-bottom:5px; top: 0;color: #ffffff; line-height: 1em; font-size: 1em; margin: 1em 0; }
}
@media (max-width:800px) {
.underheader .banner {float:none; display:block; margin:0 auto; width:100%;display: block;}
.underheader .schedule {float:none; width:100%; margin:10px auto; text-align:center;/* border: 1px solid rgb(107, 152, 57); *//* padding: 10px; */}
.underheader .schedule p {text-align:center;
    font-size: 1em;
    line-height: normal;
    margin: 1em 0;
	}
}

/*Navigation */
nav{background-image:url(/templates/client/images/nav.png);height:81px;width:1045px; margin:0 auto;text-align:center;}
nav ul{position:relative;top:30px;right:30px;}
nav li{display:inline;padding:0 19px;}
nav a{font-size:25px; color:white;text-decoration:none;font-family:verdana;list-style-type:none;font-weight:normal;}
.mobile-menu { text-align: right; font-size: 36px; color: #fff; position: relative; right: 2%; top: 0px; display: none }
.mobile-schedule{ display:none;}
#sideSocial{ text-align: center;}
@media (max-width:1010px) {
	nav {background: #213E0E;height:auto;width: 100%;border-top: 1px solid rgb(238, 236, 160);border-bottom: 10px solid white;}
	nav ul {position:relative; top:0; right:0; width:100%; max-width:900px; margin:0 auto;padding: 0;margin: 0 auto;}
	nav ul li {display:block; float:left; width:16.33%;box-sizing:border-box;}
	nav ul li a {  padding: 10px; display: block; }
}
@media (max-width:730px) {
	body{
		display: flex;
		flex-wrap: wrap;
	}
	body>* {
		width: 100%;
	}
	header{ order:0; }
	.mobile-menu{ order:1; }
	nav{ order:2; }
	.underheader{ order:3; }
	#contentcontainer{ order:4; }
	nav ul li a { padding: 10px; display: block; color: #224210; }
	nav {max-height:0; background: rgba(173, 185, 121, 1);overflow:hidden; transition:1s ease; opacity:0; margin: 0;border: none;}
	nav.open { max-height: 1000px; opacity: 1;}
	nav > ul > li {width: 100%; border-bottom:1px solid #ffffff;height: auto;/* padding: 10px; */transition: 0.4s ease;}
	nav > ul > li:hover {background: rgb(107, 152, 57);}
	.mobile-menu { display: block; padding: 5px 0; cursor: pointer; transition: 1000ms ease; right: 0; padding-right: 2%; background: rgb(34, 66, 16); color: rgb(255, 255, 255); /* border-bottom: 10px solid white; */}
	.mobile-schedule{
		display: block;
		background: #699837;
		width: 100%;
		padding: 0.5em;
		margin-top: 1em;
		color: #fff;
		font-weight: bold;
	}
	.schedule{ display:none;}
	#contentleft, #contentright {float:none !important; display:block !important;width:100% !important;padding: 10px !important;}
	footer p{ display:none !important; }
}
/* Home Main Content */
#contentcontainer{background-image:url(/templates/client/images/bg.png); background-repeat:repeat-y;width:1045px;margin:0 auto;text-align:center;}
#contentleft {float:left;width: 630px;background-image:url(/templates/client/images/contentleft.png); background-repeat:no-repeat;overflow:visible;padding-top:20px;margin-left: 0px;}
#contentleft p{padding:20px 30px 0 120px;text-align:left; font-family:arial; line-height: 1.4em; }
#contentleft ul{padding:20px 30px 0 120px;text-align:left; font-family:arial; line-height:1.4em;}
#contentleft a{color:#173501; font-weight:bold;}
#contentright a{color:#006f01; font-weight:bold;}

#contentright{float:right;width:415px;background-image:url(/templates/client/images/contentright.png);background-repeat:no-repeat;overflow:visible;padding-top:15px;}
	#contentright div{
		
    padding: 0 10px 0 10px;
    margin: 20px 37px 20px 10px;
    text-align: left;
    font-family: arial;
    line-height: 1.4em;
    border-left: 5px solid #017d18;
	}
#contentright h4{ font-weight:bold; }
#contentright i:before{ content: 'Time: ';color: #505050;display: inline-block; }
#contentright i{ display: block; margin-bottom:4px; }
#contentright h3{padding: 5px;text-align: left;font-family: arial;font-size: 14px;line-height: 18px;background: #699837;color: #fff;margin: 10px 36px 10px 0;border-bottom: 2px dashed #b5c181;font-weight: bold;}
h1{display:block;font-family:arial; font-size:24px;font-weight:bold; color: rgb(23, 53, 1); text-align:center;background-color: rgba(107, 153, 57, 0.42);margin-left: 95px;margin-right: 2px;padding: 10px;}
@media (max-width:1010px) {
	#contentcontainer {background: rgb(40, 70, 18); width:100%; display: flex; flex-flow: row wrap; }
	#contentleft {background: #EEECA0; width: 60%; padding:20px;}
	#contentleft .notice {
		margin: 20px 0px 0 0px !important;
	}
	#contentleft ul {padding-left:0;}
	#contentright {background: #C1CE8A;width: 40%;}
	#contentleft p {padding:0; margin:1em 0;}
	#contentleft p img {/* width:100%; */ height:auto; /* max-width:430px; */max-width: 100%;}
	#contentleft iframe {max-width:100% !important;}
	#contentright h3{ margin-right:0; }
	#contentright div{ margin-right:0; }
	h1 {margin:0 auto;}
}

/*Footer */
footer{text-align:left;color: #FFFFFF;margin:10px auto 0;clear:both;font-family:arial; font-size:17px; width:100%; max-width:940px;}
footer a{color:#fff;text-decoration:none;}
#ccast{border:1pt solid #016B21;}
.ftrleft{width:66%;  float: left;}
.ftrright{width:33%;position:relative;/* top:20px; */margin-top:20px;float: left;}
#left {float:left;margin:10px;}
#right {float:right;margin:10px;}
#jw{font-size:9px;position:relative;bottom:1px;color:#005211;}
@media (max-width:900px) {
	#left {display:none;}
	.ftrleft{width:100%;  float: none;text-align: center;}
	.ftrleft p {left:0 !important;}
	.ftrright  {width:100%; float:none;text-align: center;}
}
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0;  margin: 0 auto !important; padding-left: 0 !important;}
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; background: center center no-repeat; background-size: cover; width:100%;margin: 0 auto;}
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; border: 0; /* max-height: 375px; */ margin: 0 auto; width: auto; text-align: center;}

/*
#gallery {
	text-align: center;
	float: right;
	width: 500px;
}
#gallery img {
	border: 1px solid #FFFFFF;
	margin: 20px;
	padding: 5px;
	}
*/

/* Gallery 
.gallery_parent {padding-left: 120px;}

#gallery-categories { list-style: none; padding: 0; margin: 0 auto; }
#gallery-categories li {  display: inline-block; margin: 0 auto; padding: 1em; }
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { display:block; position: absolute; right: 3%; bottom: -4%; border-radius:6px; font-size: 16px; padding:4px 5px;overflow:hidden; color:black; text-align:center; margin-top: 5px;
	 width: 90%; box-shadow: 0 0 9px rgba(0, 0, 0, 0.78);
	 background: #719E42; font-family: 'Holtwood One SC', serif; color: #ffffff; font-weight: normal;}

#gallery-categories li a span:before {content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:80px;}
#gallery-categories li a span:after {content:"-"; position:absolute; z-index:0; top:0; right:-30px; width: 25px; line-height: 26px; opacity:0; transition:0.3s;}


#gallery-categories li:hover a span:after { right:5px; opacity:0.6;}
#gallery-categories li a img { display:block; border-radius:6px;}
#gallery-categories li a:before {content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:black; opacity:0; transition:0.3s;}
#gallery-categories li a:hover:before {opacity:0.2;}
#gallery-pager { position:relative; height: 93px !important; width: 90%;}
#gallery-pager ul { list-style: none; padding: 0.3em 0; margin: 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; margin:0.2em 0.4em 0.2em 0;}
#gallery-pager ul li:last-child {margin:0.2em 0;} 
#gallery-pager ul li.rslides_here {}
#gallery-pager ul.js::-webkit-scrollbar { display: none; }
#gallery-pager ul li a {position:relative; display: block; border: 2px solid #173501;}
#gallery-pager ul li a img { display: block; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px 2px #7D868A; }
#gallery-pager ul li.rslides_here a:before {border-color:#fff;}
#gallery-pager ul li a:before {position:absolute; content:""; width:100%; height:100%; box-sizing:border-box;}
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev {position: absolute;left: -10px;padding: 0 5px;width: 29px;line-height: 31px;text-align: center;height: 30px;top: 33px;font-size: 25px;z-index: 2;font-family: FontAwesome;background: #173501;color: #FFFFFF;border-radius: 3px;transition: 0.3s;text-decoration: none;}
#gallery-pager .next {position:absolute;right: -10px;padding:0 5px; width: 28px;line-height: 31px;text-align: center;height: 30px; top: 33px; font-size:25px; z-index:2; font-family: FontAwesome; background: #173501;  color: #FFFFFF;  border-radius: 3px; transition:0.3s;text-decoration: none;}
#gallery-pager .prev:hover, #gallery-pager .next:hover {background: #BCBAB8; transition: 0.3s;}
#gallery-pager .prev:active, #gallery-pager .next:active {background: #EACE47;}

#gallery-pager ul.js::-webkit-scrollbar { display: none; }

#gallery-photos { position:relative; margin: 10% 0; text-align: center; border: 2px solid rgb(23, 53, 1); padding: 3px; width: 90%;}
#gallery-photos ul li {min-height:0px !important; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev {  position: absolute;  left: -.3em;width: 42px;height: 80px;top: 50%;margin-top: -40px;font-size: 37px;z-index: 2;font-family:FontAwesome;  background: #173501;line-height: 83px;text-align: center;border-radius: 3px;  color: #FFFFFF;box-shadow: 1px 1px 8px #000;transition:0.3s;  text-decoration: none;}
#gallery-photos .next { position: absolute; right: -.3em;width: 42px;height: 80px;top: 50%;margin-top: -40px;font-size: 37px;z-index: 2;font-family:FontAwesome; background: #173501;line-height: 83px;text-align: center;border-radius: 3px; color: #FFFFFF;box-shadow: 1px 1px 8px #000; transition:0.3s;text-decoration: none;}
#gallery-photos .prev:hover , #gallery-photos .next:hover {background: #BCBAB8; transition: 0.3s;}
#gallery-photos .prev:active , #gallery-photos .next:active  {background: #EACE47;}
#gallery-caption {text-align: center;display: inline-block;padding: 11px 20px;margin-top: 8px;position: relative;z-index: 999;margin: -55 auto 0 auto;background: #832627;color: #FFF;border-radius: 3px;box-shadow: 0 10px 10px -10px #000;font-family: 'Holtwood One SC', serif; font-weight:normal;}
span#gallery-caption:empty {display: none;}
@media (max-width:1010px) {
.gallery_parent {padding-left: 0px;}
}
@media (max-width:860px) {
#gallery-pager {width:100%;}
#gallery-photos {width:100%; height:auto;}
#gallery-categories li { display:block; margin: 0 auto; width: 250px;}
#gallery-photos .prev {padding: 0 5px;width: 25px;line-height: 31px;text-align: center;height: 30px; font-size:25px;}
#gallery-photos .next {padding: 0 5px;width: 25px;line-height: 31px;text-align: center;height: 30px; font-size:25px;}
}
*/


/* Aligned Gallery*/
.int-gallery h2{margin-top:0; padding:0 .25em;}
.aligned-gallery { list-style:none; margin:0; padding: 0px; overflow: hidden; max-width: 100vw;}
.aligned-gallery li {display:block;float:left;margin: .5em;width: inherit;padding: 0px; transition:0.3s;}
.aligned-gallery li:hover {/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px; box-shadow: 2px 2px 20px -10px rgb(0 0 0);}

#gallery-categories {
	list-style: none;
	padding: 0;
	margin: 1em 0;
	display: flex;
	flex-wrap: wrap;
	gap:1em;
}
#gallery-categories li {
	width: CALC(33% - 0.5em);
	display: block;
	padding: 0;
}
#gallery-categories li a {
	position: relative;
	display: block;
}
#gallery-categories li a span {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #154f5acf;
    padding: 0.4em;
    color: white;
    width: 100%;
    text-align: center;
}
#gallery-categories li a img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: #00000036 5px 5px 10px 0px;
}
#gallery-categories.clearfix:before, #gallery-categories.clearfix:after {
	content: none;
	display: none;
}
.galleryback{ margin: 1em 0;}
.galleryback i{}
.galleryback a{}
	@media screen and (max-width: 780px) {
		/*
		.aligned-gallery li{width:100%; margin:0;}
		.aligned-gallery li a{margin:10px 0;}
		.aligned-gallery li a img{width:100% !important; height: auto !important;}
		*/
        #gallery-categories{ flex-wrap:wrap; }
		#gallery-categories li {float:none;display:block;width: 100%;}
	}





/*CONTACT FORM ---------------------------------------------------------------------------------- */
	.form {padding-bottom: 30px;}
		.formBR {display:none;}
	.form input{   padding:6px 6px; font-size: 17px; }
		.inputText{ width:450px;  }		
	.form img { border: none !important; border-radius: 3px; margin: 0px !important; padding: 1px 0px 2px 0px; position: absolute; top: 0px;right: 0; width: 100px !important;padding-bottom: 7px; background: #FFF;}
			
	.form select{  padding:6px; width:100%;}
	.form textarea{  margin-top: 5px; padding:5px; width:100%; height:70px; font-size: 17px; resize:vertical;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 20px;}
		.inputTextShort{ width:66% !important; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.form input, .form select, .form textarea {outline: 0; background-color:#F6F7EF; color:#53320C; border:none; transition: 0.3s;
				-webkit-box-shadow: 1px 1px 6px rgb(177, 175, 175); -moz-box-shadow: 1px 1px 6px rgb(177, 175, 175); box-shadow: 1px 1px 6px rgb(177, 175, 175);}
	.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}
		
	/*submit button*/
			
	.form #submit {width: 124px; height: 35px; margin: 10px auto; border: 0;}	
	.form label {display: block;margin-top: -20px; color:#373735;}
		#captcha {  height: 32px; box-sizing:border-box; -moz-box-sizing:border-box; width: 91%; }
		.captcha {position: absolute;right: -77px; top: 23px;/*font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;*/ font-family: 'Chelsea Market', cursive, sans-serif; font-size: 24px;background: #FFF;padding: 6px 9px; margin: 2px; 
				box-shadow: 1px 1px 9px #DDDADA; -webkit-box-shadow: 1px 1px 9px #DDDADA;-moz-box-shadow: 1px 1px 9px #DDDADA; color:#000000;}
		
		.inputs {margin:0 0 25px 0; padding:2px 0; list-style:none; position:relative;;padding: 15px;
border-radius: 10px;}
			.inputs .titled2 {margin:0;}
			.inputs label {margin-top:10px; text-align: left;
margin-bottom: 4px;}
			.inputs li {width:48.2%; float:left;}
			/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/
	.form button { border-radius:3px; position:relative;z-index:1; width:100%; outline:none; border:none;cursor:pointer; color: #ffffff; font-weight:normal;font-size: 18px; padding:4px; background:rgba(0, 51, 140, 0); border-radius: 5px;}		
		
	.form button span { display: block; background: #40984E; border-radius: 8px; height: 40px; line-height: 36px; text-align: center; font-size: 20px; color: #fff; margin-top: -4px;
font-family: 'Holtwood One SC', serif; width: 100%; text-shadow: -1px -1px 1px rgba(0,0,0,0.5);}
	.form label {display: block;margin-top: -20px; color:#373735;}	
	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}

	.error{  color:white !important; background: #D64556  url(/templates/client/images/asterisc.png) no-repeat right -30px !important; -webkit-box-shadow:1px 1px 8px #C74D4D !important; -moz-box-shadow:1px 1px 8px #C74D4D !important; box-shadow:1px 1px 8px #C74D4D !important;}
	::-webkit-input-placeholder {color:#686D66;}
	:-moz-placeholder {color:#686D66;}
	::-moz-placeholder {color:#686D66;}
	:-ms-input-placeholder {color:#686D66;}
	.error::-webkit-input-placeholder {color:#ffffff;}
	.error:-moz-placeholder {color:#ffffff;}
	.error::-moz-placeholder {color:#ffffff;}
	.error:-ms-input-placeholder {color:#ffffff;}
		.required { background: url(/templates/client/images/asterisc.png) no-repeat right 2px; }
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	
		/* FORM HIGHLIGHT */
		.highlight{ }
		.highlight label{}
		.highlight-selected{ background-color:#FF0;}
	@media screen and (max-width: 760px) {	
	.inputs li {width:100% !important; margin:0 !important;}	
}
@media screen and (max-width: 450px) {	
	textarea {height:200px !important;}
}
/*COMPUCAST LOGO CSS start-----------------------------*/
/*.backdrop {position:absolute; top:0; left:0; width:100%; height:100%; background:white; opacity:0.0; z-index:9998; transition:0.3s opacity;}*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast {display:block; position: relative;  /* bottom: -23%; */ /* right: 0; */margin:10px auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden;  z-index:9999; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right: 10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover {width: 225px; background:rgba(0, 0, 0, 0.8); -moz- box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}	
.dark:hover { background:rgba(0, 0, 0, 0.8); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px !important; line-height: 21px; padding: 11px 0 !important; font-family:Arial,"Times New Roman", Times, serif !important; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;text-align: left;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none; }
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #E2DEDE;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
@media (max-width:767px) {
.compucast {bottom: -6%;}	
}