@charset "utf-8";

#container {width: 100%; max-width: 2000px; margin: 0 auto; text-align: center; position: relative; 
font-size: 20px; font-weight: 500; 	font-family: 'muli';}  
#header, #headimg {width: 100%; margin: 0 auto 1em;}
#header {text-align: center;}

#headimg img {width: 100% !important; margin: 0 auto; display: block;}
.hls , .hms, .hrs {display: inline-block; margin: 0 0.5%; vertical-align:  middle;}
.hls, .hrs {width: 10%; }
.hms {width: 75%;}
.callnow {font-size: 0.8em; font-weight: 600; margin: 1em auto 0; text-align: right; margin-right: 2em;}

.war {width: 50%; max-width: 3em; margin: 0 auto;}
h1 {display: none;}
.menu {width: 98%; margin: 0 auto; text-align: center;}
.menulink {display: inline-block; margin: 0 3%;}

.mls, .mrs {width: 45%; display: inline-block; margin: 0 2%; vertical-align: top;}
#middle {width: 96%; margin: 2em auto 0;}
.blurb {margin: 0 auto; line-height: 1.5em; }

.blurb p {margin-top: 1em; text-align: left;}
.blurb p.tc { text-align: center;}
.contact {}
.contact table {display: inline-block; margin: 0 auto;}
td {text-align: left; padding: 0 0.5em;}

.subt {font-size: 1.5em; font-weight: 600; margin-top: 1em;}

.subtb {font-size: 3em; font-weight: 800; margin-top: 0.5em;}



.lh1 .blurb {line-height: 1em; font-size: 0.8em;}
.lh1 .subt {margin-top: 0; font-size: 1.2em;}
.lh1 .mls, .lh1 .mrs {vertical-align: middle;}

.directs {font-size: 1.5em; font-weight: 600; margin-top: 2em;}

.basedimg {width: 100%; margin: 0 auto 1em;}
.timetable {width: 60%; margin: 0 auto;}
.blkbg {background: #222; color: #fff; width: 100%; padding: 2em 0;}
.whtbg  {background: #fff; color: #222; width: 100%; padding: 2em 0;}
.pd1 {padding: 0 1em;}
.tt img {width: 70% !important; margin: 0 auto;}
.sn {display: inline-block; vertical-align: middle; width: 25%; max-width: 3em; margin: 0.5em 3%;}
.memlinks {margin: 3em auto;}
.mem {display: inline-block; vertical-align: middle; width: 20%; max-width: 6em; margin: 0 3%;}
.classdesc {background: #222; width: 49.5%; margin: 0; display: inline-block; vertical-align: top;}
.classsum, .classimg {margin: 0%; display: inline-block; vertical-align: top;}
.classsum {width: 49%; }
.classimg {width: 49%;}
.classsumi {width: 15%; margin: 0.75em auto 0;}
.classsumst {font-size: 1.2em; margin: 1em 0 0;}

.classsumd {line-height: 1.2em;}
.classsumd p { font-size: 0.8em; width: 90%; margin: 0.75em auto;}


.slideshowwrap1, .slideshowwrap2, .slideshowwrap3 { height: 0;   }
.slideshowwrap1 {width: 75% !important; padding-bottom: 69%;  margin: 0 auto; }
.slideshowwrap2 {width: 100% !important; padding-bottom: 50%;  margin: 2em auto; }
.slideshowwrap3  {width: 100% !important; padding-bottom: 65%;  margin: 0 auto; }
.slideshow1, .slideshow2, .slideshow3  { position: relative;  width: 100%; margin: 0 auto; } 
.slideshow1 img, .slideshow2 img, .slideshow3 img   {width: 100% !important; margin: 0 auto; }

.slideshow1 > div, .slideshow2 > div, .slideshow3 > div {position: absolute; }

.reviews .subt {margin: 1em auto 1.5em; }
.reviews p {text-align: left; margin: 0.5em auto;}
.reviews p.id80 {padding-top: 1.5em; padding-left: 10%;}

.class li {text-align: left; margin-top: 0.5em;}

.addr {line-height: 1.25em;}

.mobdisp {display: none;}
.filld {height: 1em;}
.fillg {height: 0.5em;}
.fillf {height: 2em;}
.id80 {width: 80%; margin: 0 auto;}
.id94 {width: 94%; margin: 0 auto;}

.colr {color: rgba(134,8,10,1.00); /* #86080a */}
.prices {text-align: center; margin: 3em auto;}
.price {display: inline-block; margin: 0.75em 3%; vertical-align: middle; }
.prgroup {font-size: 1.2em; font-weight: 600;}
#footer {width: 100%; text-align: center; font-size: 0.7em; padding: 3em 0 1em;}
.footl, .footr  {font-size: 0.7em; width: 48%; margin: 0; display: inline-block;}
.footl {text-align: left;}
.footr {text-align: right;}
.fls, .fms, .frs {display: inline-block;  margin: 0; vertical-align: top;}
.fls, .frs {width: 22%;}
.fms {width: 50%;}
.fms {border-left: 1px rgba(247,237,237,0.5) solid; border-right: 1px rgba(247,237,237,0.5) solid;}
.fls img {width: 40% !important; margin: 1em auto;}
.toadd { font-size: 2em; text-align: center; margin: 5em auto; color: #24E871;}
 

@media screen and  (orientation: portrait) {
.classdesc {width: 98%; margin: 1em auto;}
.mobdisp {display: inline-block;}
.nomobdisp {display: none;}
}

@media (max-width: 1024px) {
#container {font-size: 18px;}
	.reviews {font-size: 0.8em;}
	.reviews .subt {font-size: 1.2em;}
	.price {display: inline-block; margin: 0.75em 5%; width: 30%; }

}

@media (max-width: 800px) {
#container {font-size: 16px;} 
.mls, .mrs {width: 90%; margin: 1em auto;}
	.classdesc {width: 98%; margin: 1em auto;}
	.mobdisp {display: inline-block;}
.nomobdisp {display: none;}
	.slideshowwrap1 {width: 96% !important; padding-bottom: 82%;  }
	.timetable {width: 85%; margin: 0 auto;}
	.tt img {width: 100% !important; margin: 0 auto;}
}

@media (max-width: 600px) {
#container {font-size: 14px;}

.fls, .fms, .frs  {width: 90%; margin: 1em auto;}
.fms {border-left: none; border-right: none;}
	#footer { font-size: 1em;}
	.footl, .footr {width: 100%; text-align: center;}
	.menulink {font-size: 0.8em; margin: 0 2%;}
}

@media (max-width: 500px) {
	#container {font-size: 12px;}
	.footc {width: 90%; margin: 0 auto;}
	.price {display: inline-block; margin: 0.75em auto; width: 90%; }
		.classsumi {display: none;}
	
}
@media (max-width: 400px) {
	#container {font-size: 10px;}
	.footc {width: 90%;}
	.hls, .hrs {width: 8%; } 
	.callnow {display: none; }
	#header {margin: 1em auto;}

	
}