@charset "utf-8";

/* CSS Document */

.schedule {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.schedule_footer {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-left: 10px;
}

th {
	height:2em;
}

h3 {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.package {
/*	background-color:#A6C3E1;*/
	margin: 6px auto 0px auto ; 
	 }

.package h2, .package h3 {
	text-transform:uppercase;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:10px;
	background:none;
	color:#0054A5;
	margin:0;
}

.package_name {
	font-weight:800;
	text-transform:uppercase;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	background:none;
	color:#0054A5;
	margin:0;
	text-align:left;
}

.package_name a{text-decoration:underline;}


.package_header {
	background-image:none;
	font-weight:800;
	color:#0054A5;
	text-indent:0;
	text-align:center;
	margin:5px;
/*	height:1.5em; */
}

.package h2 {
	background-image:none;
	font-weight:800;
	color:#0054A5;
	text-indent:0;
	text-align:left;
	margin:5px;
}


.package p{
	color:#444;
	text-align:left;
	line-height:1.2em;
	margin:0;
}

.package .item {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 100%;
}

.package_sub {
	font-style: italic;
	color:#0054a6;
}

.deal {
    border: groove;
    border-color: #CCC;
    width: 29%;
    padding: 10px;
    background-color: blanchedalmond;
    float: left;
    margin: 5px;
}

.classes_list h3 {
	text-align:left;
}

.classes_list h2 {
	text-align: left;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

p {	text-align:left; }

.classes_offered p {
	margin-top:0;
}

.schedule_wrapper {clear:both;}

.packages_teaser {
	margin-top: 20px;
	margin-bottom:0px;
	font-size:1.4em;
	font-weight:800;
}

.packages_link {
	margin: 10px;
	float:left;
	line-height:normal;
	background-color:#F8AA5B;
	text-align:center;
	text-transform:uppercase;
	display:block;
	color:#FFF;
	padding:5px 25px;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

.packages_link a {
	font-weight:800;
	font-size:.9em;
}

.package-notice {font-weight:800;}

.equipment-prices {
	min-height: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	width: 90%;
}

.equipment-prices h3 {	text-align:left;}

.equipment-description {width:66%;}

.view {
	display:block;
	clear:left;
}

.slide {
	margin:3px 10px 10px 5px; 
	text-decoration:underline; 
	cursor: pointer; 
	text-align:right;
	color:#A24646;
}

.schedule-container {
	margin-top:10px;
}

.schedule-container table {
	text-align: center;
	margin: 0 auto;
	width:95%;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    width: 95%;
    max-width: 1050px;
    left: 5px;
    margin: 1em auto;
}

.video-responsive iframe {
	left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.breadcrumb {font-size: .9em;}

.mast-header {
	width: 100%;
	height: 0;
	padding-bottom:65%;
	overflow: hidden;
	 margin: 0 auto;
}

.class-info ul {
	left: 3em;
    position: relative;
	}
.prices {font-size:1.3em;}

.price-label {
	font-weight: bold;
	margin-left:.5em;
}

.price {
	clear: right;	
	color: #B12705;
}

.price-line {
	margin-bottom:.5em;
}

.discounts {
	margin-left: .5em;
	font-weight:900;
}

.enroll-button {	
    border: #1f1f20 2px solid;
    background-color: lightgrey;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 900;
   padding: 1px;
}

.enroll-button:hover {
	background-color:#676767;
}

.enroll-button a {
	color: #676767;
}

.enroll-button a:hover {
	color: lightgrey;
}

.class-intro {
	font-size:1.2em;
	line-height: normal;
}

.prev-class {
	width:48%;
	text-align: left;
	float:left;
}


.next-class {
	width:48%;
	text-align: right;
	float:right;
}

.class-nav {
	font-size:.9em;
	width:98%;
	margin: 1em auto;
	background-color: #efefef;
	}
.equipment {width: 31%;}

.rate-subtext p {
	margin: -10px 0 10px 5px;
	font-size:.8em;
}

@media screen and (max-width: 1010px) {
	.equipment { width: 45%; height: 0; padding-bottom: 28% !important;}
	.deal {width:45%;}
}

@media screen and (max-width: 750px) {

.packages_link { margin:20px auto; }
.classes_list {margin:0;}
td.hide-mobile, th.hide-mobile {display:none;}
.equipment-description, .equipment-prices {clear:left; width:98%; float:none; margin:0px auto;}
.equipment-description h2 {	margin:5px;}
.rental-equipment-container .equipment h2 {padding: 5px 0 10px 10px; font-size: 1.6em; max-width: none;}
.equipment {width:100%; max-width:none; /*margin: 3.5em auto 0;*/ float:none;text-align: center; padding-bottom: 65% !important; margin: 1em auto 0;}
.equipment img {max-width: none !important; width:100%; margin: 0 auto; float:none;}
.equipment-description h2 {position:absolute; top:0;}
.deal {width:98%; float:none; padding-bottom: 10px; height: auto;}
}