/*
==================
GENERAL CSS
==================
*/

@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

* {
   font-family: OpenSans;
}

.dark-green {
color:#357553;
}

 .container {
	width:auto;
	height:auto;
	padding:0.4em;
 }

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

 a:hover {
	color:inherit;
 }

 h1 {
	font-size:1.0em;
	line-height:1.5em;
	font-weight:normal;
 }
 h2 {
	font-size:0.87em;
	line-height:1.3em;
	font-weight:normal;
 }

 h3 {
	font-size:0.77em;
	line-height:1.6em;
	font-weight:normal;
 }

 h4 {
	font-size:0.53em;
	line-height:1.5em;
	font-weight:normal;
 }

 p {
	font-size:0.64em;
	line-height:1.3em;
	font-weight:300;
 }

  .button {
	margin:auto;
	color:white;
	background-color:#8dc253;
	text-align:center;
	height:.85em;
    display:inline-block;
    padding-right:0.55em;
	padding-left:0.55em;
	padding-top:0.4em;
	padding-bottom:0.25em;
	border-style:solid;
	border-bottom-width:0.15em;
	border-color:#74a73d;
 }

  .button-dark {
	margin:auto;
	color:black;
	background-color:#d4d4d4;
	margin:0.4em;
	text-align:center;
	height:0.85em;
    display:inline-block;
    padding-right:0.55em;
	padding-left:0.55em;
	padding-top:0.4em;
	padding-bottom:0.25em;
	border-style:solid;
	border-bottom-width:0.15em;
	border-color:#838383;
 }

 a .button span {
    display: block;
    width: 100%;
 }

 .ninety-container {
	width:95%;
	margin:auto;
 }

 .big {
	font-size:1.5em;
 }

 .very-big {
	font-size:2em;
 }

 .bottom-border {
	border-bottom-width:1px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#999f9f;
 }
  .bottom-border-thick {
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#9f9f9f;
 }


 .center {
	text-align:center!important;
	margin:auto!important;
 }

 .block-center {
	margin:auto;
 }

  .clearfix:after {
  content: "";
  display: table;
  clear: both;
  overflow:none;
 }

 .container-tight {
	width:57%!important;
	margin:auto;
 }

 .padding-container {
	padding-bottom:15px;
 }

/*
===================
HEADER & NAVIGATION
===================
*/

 .header .container-title {
	background-color:#005D30;
	border-bottom:0.2em;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style: solid;
	border-bottom-color:#E8CF00;
	padding-top:0.1em;
 }

 .header .container-title .header-title {
	color:#fff;
	font-family: serif;
 }

  .header .container-title .header-subtitle {
	color:#60a730;
	font-family: serif;
	font-size:0.95em;
 }

 .header .container-title .header-subtitle .bigger {
	font-family:serif;
	font-size:1.3em;
 }

 .header .container-nav {
	width:auto;
	height:1.6em;
	text-align:center;
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#F8F8F8;
	padding-bottom:0.55em;
 }

 .header .container-nav .nav-icons img{
	height:1em;
	width:1em;
 }


.transparent {
	background: rgba(249, 252, 251, 0.9);
	border-bottom:0px!important;
 }

 .nav-icons {
	 padding-right: 6%;
	display:inline-block;
 }

 .header-bg-home {
	height:12em;
	background-image: url("../images/home-mainpic.png");
	background-size:100% 100%;
 }

  .header-bg-class-detail {
	height:12em;
	background-image: url("../images/classdetails-mainpic.png");
	background-size:100% 100%;
 }

 .header-bg-evaluation {
 	height:12em;
	background-image: url("../images/evaluation-mainpic.png");
	background-size:100% 100%;
 }

 .header-gift-card-receipt {
	height:12em;
	background-image: url("../images/giftcardreceipt-mainpic.png");
	background-size:100% 100%;

 }

 .header-bg-directions {
 	height:15em;
	background-image: url("../images/directions-mainpic.png");
	background-size:100% 100%;
 }

 .header .header-text-area {
	position:relative;
	top:2.6em;
	text-align:center;
	color:white;
 }


/*
===================
HAMBURGER MENU
===================
*/

body {
	overflow-x:hidden;
}

.header-text-main {
	display:inline-block;
	float:left;
}

.hamburger-menu {
	display:inline-block;
	float:right;
	position:relative;
	top:0.5em;
}

.hamburger-menu img {
	width:70%;
	height:auto;
}

.hamburger-dark-overlay {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:20;
	background: rgba(0, 0, 0, 0.8);
	display:none;
}

.hamburger-content {
	position:fixed;
	background-color:#F0F0F0;
	width:55%;
	height:100%;
	top:0;
	z-index:30;
	right:0;
	border-bottom-width:0px;
	border-top-width:0px;
	border-left-width:2px;
	border-right-width:0px;
	border-style:solid;
	border-left-color:#d4d4d4;
	display:none;
}

.hamburger-title {
	display:inline-block;
	float:left;
	width:70%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:25px;
}

.hamburger-title  h1{
	font-size:1.1em;
	line-height:1.17em;
}

.hamburger-exit {
	display:inline-block;
	float:right;
	width:auto;
	position:relative;
	top:15px;
	right:5px;
}

.hamburger-exit img {
	width:65%
	height:auto;
}

.hamburger-image-block {
	display:block;
	padding-left:10px;
	padding-bottom:15px;
}

.hamburger-image {
	display:inline-block;
	float:left;
}

.hamburger-image  img{
	width:65%;
	height:auto;
}

.hamburger-text-1 {
	position:relative;
	bottom:5px;
}
.hamburger-text-2 {
	position:relative;
	left:4px;
}

.hamburger-link {
	border-bottom-width:0px;
	border-top-width:0px;
	border-left-width:6px;
	border-right-width:0px;
	border-style:solid;
	border-left-color:#75a73f;
	padding-left:10px;
	width:100%;
	margin-bottom:30px;
	margin-top:10px;
	position:relative;
	right:2px;
}


 /*
===================
AVAILABLE CLASSES PAGE
===================
*/

/* Available Classes Title + Sort Bar*/
 .ninety-container .container .classes-title-big {
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#9f9f9f;
	padding-top:0.4em;
	padding-bottom:0.4em;
}

 .ninety-container .container {
	padding-bottom:0px;
 }

 .ninety-container .container .classes-title-big .available-classes{
	display:inline-block;
	float-left;
 }

 .ninety-container .container .classes-title-big .available-classes-sort-container {
	display:inline-block;
	float:right;
 }
 .ninety-container .container .classes-title-big .available-classes-sort-container .available-clases-sort-by-text {
	display:inline-block;
	padding-right:0.2em;
 }

  .ninety-container .container .classes-title-big .available-classes-sort-container .available-clases-sort-by-text h4{
	font-weight:800;
 }
 .ninety-container .container .classes-title-big .available-classes-sort-container .available-classes-sort-by-dropdown {
	display:inline-block;
 }

 .ninety-container .container .classes-title-big .available-classes-sort-container .available-classes-sort-by-dropdown select{
	background-color:#e7e7e7;
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#c9c9c9;
	font-weight:800;
	font-size:0.57em;
	padding:0.1em;
}

/* Available Classes Menu Buttons Bar*/
.ninety-container .container .class-menu-buttons-bar{
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#9f9f9f;
	padding-bottom:0.6em;
	position:relative;
}

.ninety-container .container .class-menu-buttons:nth-of-type(1){
	display:inline-block;
	width:31%;
	text-align:left;
}
.ninety-container .container .class-menu-buttons:nth-of-type(2){
	display:inline-block;
	width:31%;
	text-align:center;
	padding-left:5px;
}
.ninety-container .container .class-menu-buttons:nth-of-type(3){
	display:inline-block;
	width:31%;
	text-align:right;
	padding-left:3px;
}

/*Underline*/
.ninety-container .container .class-menu-buttons:nth-of-type(1) h2 a{
	border-bottom-width:3px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#86bf4a;
}

/*Grid Layout*/
.ninety-container .container .grid {
	width:auto;
	position:relative;
}

.ninety-container .container .grid:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom:1em;
}

.grid-post {
	display:inline-block;
	width:47%;
	height:55vw;
	border-bottom-width:4px;
	border-top-width:4px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-color:#86bf4a;
	padding-bottom:2em;
	margin-bottom:1.5em;
	position:relative;
	vertical-align: top;
}
@media only screen and (min-device-width: 735px){
	.grid-post {
		display:inline-block;
		width:47%;
		height:30vw;
		border-bottom-width:4px;
		border-top-width:4px;
		border-left-width:0px;
		border-right-width:0px;
		border-style:solid;
		border-color:#86bf4a;
		padding-bottom:2em;
		margin-bottom:1.5em;
		position:relative;
		vertical-align: top;
	}

}

.grid-post:nth-child(odd) {
	float:left;
}

.grid-post:nth-child(even) {
	float:right;
}


.grid-post span{
	width:100%;
	height:auto;
	color:#929292;
}

.grid-post img {
	width:100%;
	height:auto;
}
.pagination {
	position:absolute;
	bottom: 0;
	right: 0;
	width:100%;
	height:auto;

}
.pagination  h1{
	text-align:justify;
    line-height: 0.25em;
}

.pagination h1:after {
    content: "";
    display: inline-block;
    width: 100%;
	padding-bottom:10px;
}

.pagination h1 .arrow {
	font-weight:800;
	color:#73a63d;
}

.pagination h1 .current-page {
	background-color:#73a63d;
	padding-top:0.15em;
	padding-bottom:0.15em;
	padding-left:0.25em;
	padding-right:0.25em;
	color:#ffffff;
}

/* Category Dropdown */
.class-menu-buttons > .category-list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.25em;
    left: 0;
	display:none;
	z-index:10;
}
.class-menu-buttons > .category-list ul{
	width:55%;
	margin:auto;
	background-color:#ffffff;
	text-align:left;
	padding:0.7em;
	border:1px solid #efefef;
}

.class-menu-buttons > .category-list ul li label{
	font-size:0.65em!important;
	font-weight:normal;
	color:#A0A0A0;
}

.class-menu-buttons .exit-button {
	display:block;
	position:relative;
	top:-12px;
	right:-12px;
	float:right;
	color:white;
	font-weight:800;
	padding:0.25em;
	background-color:#eb4e4a;
}

li {
	list-style:none;
}

/* Calendar Dropdown */

.class-menu-buttons > .calendar{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1.25em;
    left: 0;
	display:none;
	z-index:10;
}

.class-menu-buttons  > .calendar  .calendar-container{
	width:50%;
	margin:left;
	display:inline-block;
	background-color:#ffffff;
	text-align:center;
	padding:0.7em;
	border:1px solid #efefef;
	margin-left:5px;
}
div.ui-datepicker{
margin:auto;
 font-size:0.53em!important;
 }

 .calendar-container .button{
	margin-top:10px;
 }

/*
===================
CLASS DETAILS
===================
*/

.left-side {
	margin-top:0.8em;
	display:inline-block;
	float:left;
	width:60%;
	margin-bottom:0.8em;
	height:auto;
}

.right-side {
	margin-top:0.8em;
	display:inline-block;
	float:right;
	width:35%;
	margin-bottom:0.8em;
	height:auto;
}
.price-area {
	margin:0.5em;;
}

.text-area{
	padding-bottom:1em!important;
}

.grid-1-3:nth-of-type(1){
	display:inline-block;
	width:32%;
	margin:auto;
}

.grid-1-3:nth-of-type(2){
	display:inline-block;
	width:32%;
	margin:auto;
}

.grid-1-3:nth-of-type(3){
	display:inline-block;
	width:32%;
	margin:auto;
}

.grid-1-3 img {
	width:100%;
	height:auto;
}

.grid {
	margin-top:10px;
	margin-bottom:20px;
}

.grid a {
	font-weight:800;
}

/*
===================
CART
===================
*/
.cart{
	margin-top:1em;
	border-collapse: collapse;
}

.cart span {
	font-weight:800;
}

.cart option {
	font-weight:800;
}

.dropdown select{
	background-color:#e7e7e7;
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#c9c9c9;
	font-weight:800;
	padding:0.1em;
	position:relative;
	bottom:3px;
}

.cart {
	width:100%;
}

.cart thead tr {
	border-bottom-width:1px;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-bottom-color:#999f9f;
}

.cart td{
    padding-top: .5em;
    padding-bottom: .5em;
	vertical-align:top;
}

.cart tr.name{
	background-color:#f6f6f6;
}

.cart-total {
text-align:center;
margin:1em;
}

/*
===================
CHECKOUT
===================
*/

.gift-line, .remove-line , .add-line{
	text-align:left;
    margin-top:20px;
}

.gift-code {
	color:#a8d17f;
	margin-right:1em;
	text-align:left;
}
.gift-amount {
	color:#a8d17f;
}

.remove {
	color:#e34040;;
}

.cart-total .button {
	margin:0.7em;
}

.cart-total input {
	border-radius:15px;
	border:2px #dfdfdf solid;
	box-shadow:none;
	margin:1em;
	height:2em;
    padding-left: 20px;
}

.donate {
	width:8em;
}

.not-shown {
	width:100%
}

.add {
	color:#a8d17f;
}


.block-fix{
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	padding-bottom:1em;
}

.new-total {
	color:#a8d17f;
	margin:auto;
	font-weight:800;
}

.add-payment input {
	border-radius:15px;
	border:2px #dfdfdf solid;
	box-shadow:none;
	margin:1em;
	height:2em;
	width:auto;
}

.heading {
	text-align:center;
}

.name-info h3 {
	position:relative;
	left:15px;
}

.name-info input {
	width:90%;
}

.left-side2 {
	margin-top:0.8em;
	display:inline-block;
	float:left;
	width:auto;
	margin-bottom:0.8em;
	height:auto;
}

.right-side2 {
	margin-top:0.8em;
	display:inline-block;
	float:left;
	width:auto;
	margin-bottom:0.8em;
	height:auto;
}

.left-side3 {
	margin-top:0.8em;
	display:inline-block;
	float:left;
	width:40%;
	margin-bottom:0.8em;
	height:auto;
}

.right-side3 {
	margin-top:0.8em;
	display:inline-block;
	float:left;
	width:auto;
	margin-bottom:0.8em;
	height:auto;
	width:40%
}

.apply-changes {
	float:left;
	display:inline-block;
}
.add-another-gift {
	display:inline-block;
}

.exp-date .left-side3 input {
	width:35%;
	margin-right:0px;
	margin-left:10px;
	text-align:left;
}

.billing-address {
	border-bottom-width:1px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	padding-bottom:3px;
	border-bottom-color:#dbdbdb;
	text-align:center;
	margin-top:5px;
	margin-bottom:20px;
}

.floating-container {
	display:inline-block;
	width:40%;
	background-color:#ffffff;
	padding:0.35em;
	position:relative;
	top:83px;
	left:200px;
}

.floating-container  div{
	text-align:center;
	margin:auto;
}

.street-address {
	width:90%;
}

.billing-address-continued input{
	border-radius:15px;
	border:2px #dfdfdf solid;
	box-shadow:none;
	margin:1em;
	height:2em;
}

.billing-address-continued select{
	border-radius:15px;
	border:2px #dfdfdf solid;
	box-shadow:none;
	margin:1em;
	height:2em;
	width:50%
}

.billing-address-continued h3 {
	position:relative;
	left:15px;
}

.billing-address-continued select {
	color:#a9a9a9;
}

.city {
	width:90%;
}
.zip {
	width:90%;
}

.reff {
	width:90%;
}

.click-once {
	margin:10px;
}

.click-once h3 {
	color:#a9a9a9;
}

/*
===================
EVALUATION
===================
*/

.select-left {
	display:inline-block;
	float:left;
	width:40%;
	margin-top:7px;
	margin-left:7px;
}
.select-right {
	display:inline-block;
	float:left;
	width:50%;
	margin-top:7px;
	margin-left:7px;
}
.select-right  select{
	width:80%;
	font-size:0.7em;
}

.double-border-title {
	border-bottom-width:1px;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	border-color:#999f9f;
	padding:10px;
	margin:10px;
	text-align:center;
	display:block;
}

.radio-choice {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#f6f6f6;
	text-align:center;
	padding:10px;
}

.radio-choice table td{
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	text-align:center;
}

.radio-choice table td input{
	position:relative;
	right:3px;
}





.radio-choice table {
	border-collapse: collapse;
	width:100%;
	margin-top:5px;
}

.radio-choice   input[type=radio] {
    border: 0px;
    width: 100%;
    height: 1.5em;
}

.textarea {
	width:100%;
}

.suggestions-text {
	width:100%;
	height:75px;
	border-radius:15px;
	margin-top:8px;
	border-color:#e4e4e4;
}

.extra-padding {
	padding-left:25px;
	padding-right:25px;
}

.select-left2 {
	display:inline-block;
	float:left;
	width:45%;
	margin-top:20px;
	margin-left:7px;
}

.select-right2 {
	display:inline-block;
	float:left;
	width:50%;
	margin-top:7px;
	margin-left:7px;
}

.extra-padding select {
	width:80%;
	font-size:0.7em;
}

.extra-padding input {
	width:80%;
	font-size:0.7em;
}

.evaluation-save {
    padding-right:2em;
	padding-left:2em;
	padding-top:0.55em;
	padding-bottom:0.3em;
}


/*
===================
BUY GIFT CARD
===================
*/

.title-text h1 {
	color:#005d30;
	line-height:1em;
}

.title-text {
	margin-top:15px!important;
	margin-bottom:15px!important;
}

.gift-body-text span {
	color:#8bc054;
}

.i-agree {
	margin:17px;
}

.gift-block {
	margin:auto;
	width:80%;
	background-color:#005d30;
	color:white;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}

.gift-left {
	display:inline-block;
	float:left;
	width:20%;
}

.gift-right {
	display:inline-block;
	float:left;
	width:79%;
}
.gift-left h3 {
	text-align:left;
	position:relative;
	left:15px;
	color:#8bc054;
}

.gift-right h3 {
	text-align:left;
	position:relative;
	left:35px;
	color:#8bc054;
}

.gift-input input {
	border-radius:15px;
	border:2px #dfdfdf solid;
	box-shadow:none;
	margin:1em;
	height:2em;
	width:80%
}

.amount-total {
	width:80%;
	margin:auto;
	margin-bottom:20px;
	margin-top:5px;
}

.amount-line {
	display:block;
}
.total-line {
	display:block;
}

.amount-left {
	display:inline-block;
	float:left;
}
.total-left {
	display:inline-block;
	float:left;
}

.amount-left h2 {
	color:#b4b4b4;
}
.total-left h2 {
	color:#b4b4b4;
}

.amount-right {
	display:inline-block;
	float:right;
}
.total-right {
	display:inline-block;
	float:right;
}

.total-line {
	display:block;
}

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

.amount {
	display:inline-block;
	float:left;
	margin-right:5px;
}
.total {
	display:inline-block;
	float:left;
	margin-right:5px;
}

.discount {
	display:inline-block;
	float:left;
	position:relative;
	top:3px;
}

.strikethrough h3 {
	text-decoration:line-through;
	color:#f32c2f;
}

.discount p {
	color:#005d30;
}

/*
===================
SPONSERS
===================
*/

.third-column {
	display:inline-block;
	width:30%;
	text-align:center;
    vertical-align: top;
}

.third-column p {
	font-weight:800;
	color:#005d30;
}

.third-column img {
	margin-top:10px;
	width:80%;
}

.down {
	position:relative;
	top:6px;
}

.double-border-title span {
	font-weight:800;
	color:#005d30;
	font-size:0.77em;
	line-height:1.6em;
}

.two-column {
	margin-left:8px;
}

.left-column {
	display:inline-block;
	width:48%;
	float:left;
}
.right-column {
	display:inline-block;
	width:48%;
	float:right;
}

.list {
	height:50px;
}

.grid-1-3 > h3 {
    min-height: 85px;
    font-size: .7em;
}