/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  display:inline-block;
  box-sizing: border-box;
	vertical-align:top; }

	.six.columns                    { width: 90%;  margin:10px 5%;          }
	
	
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 3.5%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .block2 .three.columns                  { width: 23%;  margin-left:0.8%; }
  .three.columns                  { width: 22%;}
  .four.columns                   { width: 29.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    {     width: 47%;     margin: 10px 1%;          }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }
	.newone-half.column			{ width: 45%;margin-left:0; }
  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
@media (max-width: 350px) {
.buttony2 {
	width: 300px!important;
	font-size: 13px!important;
	line-height: 60px;
	}
.links .buttony2 {
	width:300px!important;
	}
}
@media (min-width: 350px) and (max-width: 480px) {
.buttony2 {
	width: 330px!important;
	font-size: 14px!important;
	line-height: 65px;
	}
.links .buttony2 {
	width:330px!important;
	}
}
/* Larger than mobile */
@media (max-width: 480px) {
.links .buttony2  {
	margin:15px auto;
	}
.bg1 {
	max-height:700px;
	}
.textlink {
	display: block!important;
    margin: 20px;
	}
.ldesc2 {
	    width: 100%;
    text-align: center;
    margin-top: 0px;
    padding: 0;
	}
footer {
	margin:50px;
	}

.block5 .bh1 {
	font-size: 35px;
	}
.ldesc {
	display:none;
	}
.rhead, .lhead {
	width:100%;
	float:none;
	}
.rhead {
margin-top:10px;
}
.rhead a {
	margin:10px;
	}
.logo {
	width: 252px;
    height: 94px;
	}
.links {
	margin-top:10px;
}
.links a {
	width:280px!important;
	padding:0!important;
	}
.links .buttonw {
	font-size:14px;
	background:none;
	}
.bg1mid h1 {
	font-size: 44px;
	line-height: 50px;
	}
.buttonw {
	margin-top:0!important;
	}
.bg1mid h1 br {
	display:none;
	}
.bg1mid:not(.bg1mid2) {
	position: relative;
	top:auto!important;
	left:auto!important;
	transform: translate(0)!important;
	-ms-transform: translate(0)!important;
	-webkit-transform: translate(0)!important;
	-moz-transform: translate(0)!important;
	-o-transform: translate(0)!important;
	}
.block1 .four p {
    margin:15px 15px;
}
.bh1 {
	font-size:38px;
	}
 .three {
	min-width:250px;
	}
	.block7 input {
	float:none;
	width:80%;
	}
.bluebg {
	width:300px!important;
	}
.bg5 .bluebg .buttonw {
	font-size: 14px;
    padding: 14px 15px 12px;
    width: 70%;
	}
.block7 form {
	text-align:center;
	}
.lhead2, .rhead2 {
	width:100%;
	float:none;
}
.rhead2 {
	margin-top:10px;
	}
}
@media (max-width: 750px) {
/*.map {
    width: 1400px;
    height: 400px;
    margin-top: 55px;
    background: url(../images/map.jpg) no-repeat center;
    position: absolute;
    margin-left: -680px;
    left: 50%;
    background-size: 100%;
}
.mapb {
    min-height: 400px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.map1 {
    display: block;
    width: 57px;
    height: 68px;
    background: url(../images/pin_blue.png) no-repeat center top;
    position: absolute;
    left: 490px;
    z-index: 20;
    bottom: 165px;
}*/
	.menu {
		display:none!important;
		}
	.f-nav {
		display:none!important;
		}
}
@media (min-width: 481px) and (max-width: 550px) {
.ldesc {
	display:none;
	}
footer {
	margin:50px;
	}
.textlink {
	display: block!important;
    margin: 20px;
	}
.ldesc2 {
	    width: 100%;
    text-align: center;
    margin-top: 0px;
    padding: 0;
	}
.scroll {
	display:none;
	}
.bg1mid:not(.bg1mid2) {
	position: relative;

top:auto!important;
left:auto!important;
transform: translate(0)!important;
-ms-transform: translate(0)!important;
-webkit-transform: translate(0)!important;
-moz-transform: translate(0)!important;
-o-transform: translate(0)!important;
	}
.rhead, .lhead {
	width:100%;
	float:none;
	}
	.bh1 {
	font-size:38px;
	}
.block7 input {
	float:none;
	width:80%;
	}
.block7 form {
	text-align:center;
	}
.rhead {
margin-top:10px;
}
.links {
	margin-top:10px;
}
.bg1mid h1 {
	    font-size: 52px;
    line-height: 64px;
	}
.bg1mid h1 br {
	display:none;
	}
.block1 .four p {
    margin:15px 15px;
}
.three {
	min-width:250px;
	}
	.lhead2, .rhead2 {
	width:100%;
	float:none;
}
.rhead2 {
	margin-top:10px;
	}	.menu {
		display:none!important;
		}
	.f-nav {
		display:none!important;
		}

}
@media (max-width: 650px) {
.priceblock .six {
	width:90%;
	margin:20px auto 60px!important;
	}

}
/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 551px) and (max-width: 750px) {
.ldesc {
	display:none;
	}

.block7 input {
	float:none;
	width:80%;
	}
.block7 form {
	text-align:center;
	}
.logo {
	width:265px;
	}
.rhead {
	margin-top:12px;
	}
.rhead a {
	margin:5px;
	}
.bg1mid h1 br {
	display:none;
}
.bg1mid h1 {
	margin-bottom:0;
	}
.links {
    width: 80%;
	margin-top:15px;
}
.bh1 {
font-size: 44px;
    padding: 0 6%;
	}
.column.four:nth-child(2n+1), .columns.four:nth-child(2n+1) {
	margin-left: 0;
	}
.column.three:nth-child(2n+1), .columns.three:nth-child(2n+1) {
	margin-left: 0;
	}
.block1 .four {
    min-width: 260px;
}
.block1 .four p {
    margin:15px 15px;
}
.three {
	min-width:250px;
	}
.lhead2, .rhead2 {
	width:100%;
	float:none;
}
.rhead2 {
	margin-top:10px;
	}
	.menu {
		display:none!important;
		}
	.f-nav {
		display:none!important;
		}
}
	
@media (max-width: 900px) {
	.teachtext {
		width:90%;
		margin:25px auto 0;
		display:block;
		text-align:center;
	
	}
/* Larger than tablet */
@media (min-width: 751px) and (max-width: 900px) {
.ldesc {
	display:none;
	}
.menu a {
    line-height: 23px!important;
    padding: 10px 7px!important;
	font-size:15px!important;
}
p {
	font-size:17px!important;
	}
	.bh1 {
	font-size:54px;
	}
.three {
	min-width:290px;
	}
  .column.four:nth-child(4),
  .columns.four:nth-child(4){
    margin-left: 0; }
.lhead {
	width:40%;
	}
.column.three:nth-child(2n+1), .columns.three:nth-child(2n+1) {
	margin-left: 0;
	}
.rhead {
	width:60%;
	}
.rhead a.textlink {
    font-size: 22px;
    margin-right: 5px;
    margin-top: 10px;
}
.bg1mid h1 br {
	}
.bg1mid h1 {
	font-size:54px;
	}
.links a {
	margin-left:8px;
	margin-right:8px;
	}
.lhead2, .rhead2 {
	width:100%;
	float:none;
}
.rhead2 {
	margin-top:10px;
	}
}
@media (min-width: 900px) and (max-width: 960px)  { 
.ldesc {
	display:none;
	}
.lhead {
	width:40%;
	}
.rhead {
	width:60%;
	}
.bg1mid h1 {
    font-size: 60px;
}
  .column.four:nth-child(4),
  .columns.four:nth-child(4){
    margin-left: 0; }
}
@media (min-width: 960px) {
  .column.four:nth-child(4),
  .columns.four:nth-child(4){
    margin-left: 0; }
}
/* Larger than desktop */
@media (min-width: 1000px) {
	.block1 p {
    font-size: 18px;
	line-height:1.2;
}
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
}