 @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
 @import url("https://fonts.googleapis.com/css?family=Oswald:400,300|Open+Sans:400,300");
 *{margin:0; padding:0;}
 a{outline:none; text-decoration:none; }
 a:hover{text-decoration:underline; }
 a.products{text-decoration:none; }
 img{max-width:100%; height:auto; margin:0 auto; border:none;}
 header,footer,aside,nav,article,section,img{display:block;}
 body{background: #fff; text-align:center; color:#333; font-family:Oswald, serif; font-size:1.1em; font-weight:300;}
 blockquote{width:90%; margin:1.5em auto;  padding:0.5em 10px; font-family:sans-serif; background: #f9f9f9; border-left: 10px solid #ccc; quotes: "\201C""\201D"/*"\2018""\2019"*/; font-style: italic;}
 blockquote:before{color: #ccc;  content: open-quote;  font-size: 5em;  line-height: 0.1em;  margin-right: 0.25em; vertical-align: -0.6em; font-style:normal;}
 blockquote:after{clear:both; display:block; content:'';}
 blockquote div{display: inline;  float:right; margin-top:-40px; margin-left:40px;}
 h1,h2,h3,h4,h5{position:relative; z-index:1; color:#222; font-weight:400; text-transform:uppercase; text-align:left;}
 h1{margin-bottom:25px;}
 header{width:100%; padding:15px 0 0; text-align:left;}
 p{margin:15px 0; }
 p:first-child{margin-top:0; }
 strong{font-weight:400; }
 ul{list-style:none; }
 .clear{clear:both; }
 .hr{height:1px; border-bottom:solid 1px #fff; }

 header > .grid{overflow: inherit;}
 header img{margin:0 0; }
 header #phone{margin-top:10px; text-align:right;}
 header #phone-num{font-size:2em; }
 header #email{font-size:1.5em; }
 nav{background:#00aeef; text-align: center;}
 #nav{display:inline-block; position:relative; width:100%; margin:0 0;}
 #nav > li{position:relative; display:inline-block; width:19%; padding:5px 0; text-align: center; }
 #nav > li > a{display: block; padding:5px 0; color:#000; font-size:0.9em; font-weight: 400; border-left:solid 1px #666; text-transform:uppercase; text-decoration:none; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:color 0.4s ease-in-out;}
 #nav > li:last-child > a{border-right: solid 1px #666;}
 #nav > li > a:hover{color:#fff; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:color 0.4s ease-in-out; }
 #nav > li.selected > a{color:#fff; }
 #nav > li ul{overflow:hidden; position:absolute; top:45px; left:-4px; z-index:5000; width:250px; height:0; background:#ccc; background:rgba(0,0,0,0.75); padding:0 3px; text-align:left; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:all 0.4s ease-in-out; -moz-box-shadow:0 3px 3px -3px #ccc; -webkit-box-shadow:0 3px 3px -3px #ccc; box-shadow:0 3px 3px -3px #ccc;}
 #nav > li:hover ul{display:block; height:455px; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:all 0.3s ease-in-out;}
 #nav > li ul li{display:block; padding:5px; border-bottom:solid 1px #ddd;}
 #nav > li ul li a{display:block; padding:0; color:#fff; text-decoration:none; font-size:0.9em;}
 #nav > li ul li a:hover{color:#e6ffe6; -moz-transition:color 0.4s ease-in-out; -webkit-transition:color 0.4s ease-in-out; transition:color 0.4s ease-in-out; }

 .flexbox{display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;}

 #contact-info td{vertical-align:top; padding:5px 0;}
 .btn-1{display:inline-block; width:40%; background:#e1e1e1; margin:0 2% 0; padding:8px 15px; color:#333; border:solid 1px #96def8; border-radius:3px; text-decoration:none; text-align:center;}
 .caption{font-size:0.85em; }
 .course-description{margin-top:15px; }
 .course{height:65px; clear:left; margin:15px 0; }
 .course h2{color:#333; font-size:1em; text-align:left;}
 .course em{color:#333; font-size:0.9em; }
 .course h3{margin:0 0; color:#666; font-size:1em;}
 .course .button{display:block; background: #d10000; background: linear-gradient(top, #d10000 0%, #7a0909 100%); background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%); background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%); padding:3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; text-decoration:none; font-size:0.9em;}
 .date {	float:left;	margin:0 15px 0 0;	padding: 0;    background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);    border: 1px solid #D2D2D2;    border: 1px solid #d2d2d2;	border-radius: 10px;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1); height: 55px;    width: 50px;	}
 .date p {	margin:0;    color: #9E9E9E;    font-family: Helvetica,sans-serif;    font-size: 1em;    text-align: center;	}
 .date p span {	background: #d10000;	background: linear-gradient(top, #d10000 0%, #7a0909 100%);	background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);	background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);	font-size: 1em; font-weight: bold; color: #fff; text-transform: uppercase;	display: block;	border-top: 3px solid #a13838;	border-radius: 0 0 10px 10px;	-moz-border-radius: 0 0 10px 10px;	-webkit-border-radius: 0 0 10px 10px;	padding: 6px 0 6px 0;	}
 .img-cap{text-align:center;}
 .img-cap img{margin-bottom:2px;}
 .img-cap.float-right{margin:15px 0 15px 15px; }
 .img-cap.float-left{margin:15px 15px 15px 0; }
 .clear{clear:both; }
 .main{min-height:515px; margin-top:15px; margin-bottom:50px; background:#fff; text-align:left; }
 .maincol{width:auto; min-height:515px; background:#fff; margin:0 0 0 250px; padding:5px 25px 0 25px; text-align:left; }
 .float-left{float:left; }
 .float-right{float:right; }
 .img-float-right{float:right; margin:8px 0 8px 8px; border:solid 1px #96def8;}
 .list1{list-style-type: inherit; margin:3px 0 15px 20px; }
 .color-blue{color:#3989c1; }
 .color-orange{color:#f18503; }
 .color-green{color:#3c901c; }
 .no-tilt{box-shadow:1px 1px 2px #666; }
 .tilt-left{margin:5px 5px 5px 0; box-shadow:1px 1px 2px #666; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
 .tilt-right{margin:5px 0 5px 5px; box-shadow:1px 1px 2px #666; -ms-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
 #footer{background:#000; padding:20px 10px; color:#ccc; text-align:left;}
 #footer img{margin:0;}

 .show-menu{display:none;}
 #show-menu{display:none;}

 @media screen and (max-width : 768px){
   header{border-bottom: solid 3px #96def8;}
   header img{margin:0 auto; width: 100%; height: auto;}
   header #phone{font-size: 0.8em; text-align: left;}
   nav{display: none; position: relative;}
   #nav{position:absolute; z-index:5000; top:0px; left:0%; width:98%; margin:0; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5); box-shadow:0 2px 3px rgba(0,0,0,0.5);}
   #nav > li{width:100%; margin:0; padding:0; background:#ccc; background:rgba(0,0,0,0.8); text-align:left; border-bottom:solid 1px #fff;}
   #nav > li:last-child{margin:0;}
   #nav > li:after{display:none; content:''; }
   #nav > li > a{display:block; width:100%; padding:15px 15px 15px 20px; color:#fff !important;}
   #nav > li > a:hover{color:#96def8 !important; }
   #nav > li > ul{display:none !important; }
   #show-menu:checked ~ nav{display: block;}
   .show-menu{position:relative; z-index:7000; display:block; margin:-55px 0 0; padding:10px; text-align:right; cursor:pointer;}
   .show-menu img{cursor:pointer; width:25px; height:25px; margin:0 15px 0 auto;}
   #left-col{padding-top:15px !important;}
   #left-col .tt-locations{display: inline-block; margin:15px !important; }
   .img-float-right, .img-float-left{float: none; max-width:100%; height: auto; margin:0 auto;}
   .flexbox{display:inherit; }
   blockquote{width:100%; margin-left:0 !important; margin-right:0 !important;}
    footer .txt-right{text-align: left;}
    footer .social{margin:0 15px 0 0; }
 }
 @media screen and (max-width: 600px){

    footer .txt-right{text-align: left;}
    footer .social{margin:0 15px 0 0; }
 }
 @media screen and (max-width : 480px){
    .main{margin-top:15px;}
    footer .txt-right{text-align: left;}
    footer .social{margin:0 15px 0 0; }
 }
