@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:300,700|Oswald:400);
@charset "utf-8";
html, body {margin:0;padding:0;background-color:#fff;height:100%;width:100%;font-family:'Open Sans', sans-serif;font-size:18px;color:#0d0d0d;}

h1,h2,h3,h4,h5,h6 {font-family:'Roboto',sans-serif; color:#ee502b; font-weight:700; letter-spacing:0.02em;}
h1 {margin-top:40px;text-align:center;font-size:40px; text-transform:uppercase;}
h2 {margin:15px 0;text-align:center;font-size:32px;}
h3 {margin:5px 0 20px 0; text-align:left; font-size:24px;}
h4 {margin:5px 0 20px 0; text-align:right; font-size:24px; font-style:normal !important;}
h5 {margin-bottom:15px; text-align:left; font-size:24px;}
h6 {margin-bottom:15px; text-align:center; font-size:21px;}

* {margin:0; padding:0;}

p {margin-bottom:20px; padding:0; text-align:left; line-height:1.6;}

a {color:#2a255b; text-decoration:none; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
a:hover {color:#ee502b;}

menu {display:inline-block; float:left; height:80px; padding:5px 0; text-align:center; overflow:hidden;}
menu ul {margin:35px 60px 0 0; list-style-type:none;}
menu ul li {display:inline-block; text-align:center; font-family:'Oswald', sans-serif;}
menu ul li a {margin:0 5px; padding:5px 20px; color:#fff; border:2px solid #2a255b; border-radius:9px;}
menu ul li a:hover {color:#ee502b; border-color:#ee502b; background-color:#5f5c84}
menu a.active {color:#ee502b !important; border-color:#2a255b !important; background-color:transparent !important;}

header {display:block; padding:25px 0 20px 0; background-color:#2a255b; border-bottom:5px solid #0d0d0d; overflow:hidden;}
.head-content {margin:0 auto; width:94%; overflow:hidden;}
.logo {display:inline-block;float:left;}
.head-r {display:inline-block; float:right;}
.head-r p {margin-bottom:5px; text-align:center; font-family:'Oswald', sans-serif; letter-spacing:0.1em;}
.phone {display:block; float:right; text-align:center; font-size:14px; font-family:'Roboto',sans-serif; color:#c0c0c0; font-weight:700;}
.phone a {display:block; width:160px; margin:0 auto 10px auto; padding:15px 5px 15px 25px; text-align:center; color:#fff; font-size:15px; letter-spacing:0.03em; border:2px solid #ee502b; background:#ee502b url(../graphics/Phone.png) left center no-repeat;}
.phone a:hover {background-color:#5f5c84;} 

.container {position:relative; width:100%; text-align:center; overflow:hidden;}
.row, .s-row {display:block; width:100%; padding:30px 0; overflow:hidden;}
div.container>div.s-row:nth-of-type(odd) {color:#fff; background-color:#2a255b;}
.black {background-color:#0d0d0d; color:#fff;}
.purple {background-color:#2a255b; color:#fff;}
.black p, .purple p {color:#fff;}
.content {margin:0 auto; padding:15px 0; padding-bottom:40px; width:auto; max-width:1200px; overflow:hidden;}
hr.loc {margin:10px auto 30px auto; width:auto; max-width:1200px; height:10px; border:none; background:#fff url(../graphics/hr-loc-bg.png) top center no-repeat;}

.left, .t-left {display:inline-block; float:left; width:48%;}
.left ul {padding-left:20px; list-style:none;}
.left ul li::before {content: "›"; color:#ee502b; display: inline-block; width:1em; margin-left: -1em; font-size:21px;}
.left ul li {padding-left:30px; margin-bottom:15px; text-align:left; font-size:16px;}
.left ul li a {color:#fff; font-size:18px; font-weight:600;}
.left ul li a:hover {color:#ee502b;} 
.right, .t-right {display:inline-block; float:right; text-align:right; width:48%;}
.right img {float:right; width:auto; max-width:100%; height:auto; margin-bottom:30px;}
.right ul {display:inline-block; float:left; margin-right:45px; padding-left:20px; list-style:none; vertical-align:top;}
.right ul li::before {content: "›"; color:#ee502b; display: inline-block; width:1em; margin-left: -1em; font-size:21px;}
.right ul li {padding-left:30px; margin-bottom:15px; text-align:left; font-size:16px;}
.middle {display:block; margin:0 auto; width:70%;}

.staff {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:top;}
.staff-item {width:540px; height:400px; margin:10px auto; padding:10px; border:1px solid #5f5c84; overflow:hidden;}
.staff-item p {font-size:15px;}
.staff-item img {float:right; margin:0 0 10px 15px; width:200px; height:auto; padding-top:5px;}

p.address {margin:80px 0 20px 30px; padding:0 0 0 100px; font-size:24px; font-weight:600; background:url(../graphics/address.png) top left no-repeat;} 
p.call {margin:30px 0 20px 30px; padding:15px 0 45px 100px; font-size:24px; font-weight:600; background:url(../graphics/phone2.png) top left no-repeat;} 
p.mail {margin:30px 0 20px 30px; padding:15px 0 45px 100px; font-size:24px; font-weight:600; background:url(../graphics/email.png) top left no-repeat;}
p.mail a {color:#fff;}
p.mail a:hover {color:#ee502b;}

.s-right {width:40%;}

#home-banner, .banner {width:100%; border-bottom:2px solid #0d0d0d; overflow:hidden;}
.banner {border-bottom:none; background-color:#0d0d0d;}
#home-banner {height:640px;}
.banner img {width:auto; max-width:100%; height:auto;}
.flickerplate {height:640px;}

@media screen and (max-width:1220px) { 
#home-banner {height:460px;} 
.flickerplate {height:460px;}
}
@media screen and (max-width:840px) {	
}
@media screen and (max-width:768px) {	
}
@media screen and (max-width:480px) { 
#home-banner {height:360px;} 
.flickerplate {height:360px;}
}


.tile {display:inline-block; margin:0 10px; padding:15px 20px; width:300px; height:500px; text-align:center; background-color:#fafafa; box-shadow:0 0 10px #606060; overflow:hidden;}
.tile img {margin:15px auto;}
.sliderT h6 {margin-left:5px;}
.sliderT p {font-size:13px; line-height:1.75; font-style:italic;}
.sliderT p.tname {margin:0 5px; font-size:12px; font-style:normal;}
.sliderT ul {margin:40px auto 0 auto; padding:0; list-style-type:none;}
.sliderT ul li {display:inline-block; margin:0 3px; padding:0; text-align:center;}
.sliderT > div {display:block; margin:40px auto 0 auto; padding:10px 0; width:auto; max-width:1200px;}
a.review {display:block; width:64px; height:64px; margin:0 auto; padding:15px;}
a.review:hover {border:3px solid #ee502b; padding:9px; border-radius:50%;}

.sponsor {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center;}
.sp-item {margin:5px auto;}
.sp-item img {height:auto; width:auto; max-width:100%;}


.vidContainer {
	margin:0 auto 30px auto;
	width:auto; max-width:100%;
	height:auto;
}
  
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0; line-height:0;
}
.videoWrapper iframe {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
}

.map {width:100%; height:0;padding-bottom:30%;position:relative; overflow:hidden;}
.map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.photos {width:100%;
  /* Prevent vertical gaps */
  line-height: 0;  
  -webkit-column-count: 4;
  -webkit-column-gap:   5px;
  -moz-column-count:    4;
  -moz-column-gap:      5px;
  column-count:         4;
  column-gap:           5px;  
}

.photos img {margin-bottom:4px;
  width: 100% !important;
  height: auto !important;
  border:1px solid #fff;
}

.photos img:hover { opacity:0.75; border:1px solid #cacaca;}


a.back-to-top {
display: none;
width: 50px;
height: 35px;
padding-bottom:15px;
text-indent: -9999px;
text-align:center;;
position: fixed;
z-index: 5000;
right: 35px;
bottom: 120px;
background:#ee502b url("../graphics/up.png") no-repeat center 43%;
opacity:0.5;
border-radius:50%;
}
a.back-to-top:hover {opacity:1.0;}

.device-foot {display:none;}
footer {position:relative; margin-top:30px; padding:75px 0 40px 0; color:#fff; background:#0d0d0d url(../graphics/foot-bg.png) top center no-repeat; overflow:hidden;}
footer ul {display:inline-block; vertical-align:top; margin-right:45px;}
footer a {display:inline-block; margin:0 10px; color:#fff;}
footer a:last-child {margin-right:0;}
.sub-foot {font-size:13px;}
.sub-foot > .right p {text-align:right;}
address p {text-align:right; font-style:normal; font-weight:600; font-size:20px;}
.social a {display:inline-block; margin:24px 0 0 5px; width:64px; height:64px; background-color:transparent;}
.social a:hover {background-color:#5f5c84;}
hr.foot {margin:10px auto 30px auto; width:auto; max-width:1200px; height:10px; border:none; background:#0d0d0d url(../graphics/hr-bg.png) top center no-repeat;}

@media screen and (min-width:1024px) and (max-width:1139px) {
.tile {margin:0 5px; padding:15px 10px; width:290px;}	
}
@media screen and (max-width:1367px) { 
.logo {display:block;float:none; margin:0 auto; text-align:center;}
.head-r {display:block; float:none;}
menu {width:930px;}
menu ul {margin:35px auto 0 auto;}
}
@media screen and (max-width:1220px) { 
.content {max-width:95%;}
}

@media screen and (max-width:1200px) { 
.head-r {display:none;}
footer {padding-bottom:53px;}
.device-foot {position:fixed; bottom:0; display:block; width:100%; height:46px; padding:2px 0; border-top:3px solid #fff; background-color:#0d0d0d; overflow:hidden;}
.df-left {display:inline-block; float:left; text-align:center; width:48%;}
.df-right {display:inline-block; float:right; padding-top:2px; text-align:center; width:48%;}

.navicon {display:block; width:80%; margin:0 auto;}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
	background:#2a255b;
    overflow-x: hidden;
    transition: 0.75s;
    padding-top: 60px;
	margin-bottom:50px;
	z-index:10000 !important;
}

.closer {display:block; margin:0 auto 40px auto; margin-top:-45px; padding:0; padding-bottom:5px; width:94%; overflow:hidden;}
.closer .closebtn {position: relative; float:right; margin-top:-10px; padding-right:5px; padding-bottom:25px; height:47px; font-size: 64px; font-weight:300; color:#fff;}

	nav {display:block; clear:both; width:100%;}
	nav ul {margin:0 auto; text-align:center; list-style:none;}
	nav li {display:block; margin:0 auto; color:#fff;}
	nav ul li a {display:block; width:100%; height:100%; margin:0 auto; padding:15px 0; color:#fff;font-size:21px; text-align:center; font-family:'Roboto',sans-serif; letter-spacing:0.02em; text-decoration:none;font-weight:600; background-color:transparent;}
	nav ul li a:hover {color:#fff; background-color:#ee502b !important;}
}

@media screen and (max-width:1024px) {
h3 {text-align:center;}
h4 {text-align:center;}
.left {display:block; float:none; width:100%; padding-bottom:30px;}
.left img {margin:0 auto;}
.right {display:block; float:none; text-align:center; width:100%;}
.right img {float:none; margin:0 auto 30px auto;}
.map {padding-bottom:50%;}
footer {text-align:center;}
footer ul {width:47%; margin:0 auto 20px auto; text-align:center;}
footer ul li {display:inline-block; float:left; width:40%; text-align:left;}
address p {text-align:center;}
.sub-foot {text-align:center;}
.sub-foot > .left p {text-align:center;}
.sub-foot > .right p {text-align:center;}
}
@media screen and (max-width:768px) {
.banner img {object-fit:cover; width:100%; height:240px;}
.middle {width:100%;}
.photos { -webkit-column-count: 3; column-count: 3;}
footer ul {width:60%;}	
}
@media screen and (max-width:640px) {
h1 {margin-top:30px;font-size:32px;}
h2 {margin:15px 0;font-size:24px;}
.photos { -webkit-column-count: 2; column-count: 2;}
footer ul {width:80%;}
.map {padding-bottom:75%;}
.social a {margin:24px 10px 0 10px;}
}
@media screen and (max-width:480px) {
p.address {font-size:21px;} 
p.call {font-size:22px;} 
p.mail {font-size:18px;}	
}
@media screen and (max-width:400px) {
.photos { -webkit-column-count: 1; column-count: 1;}
.tile {margin:0; padding:15px 10px; width:280px;}
footer a {margin:0 15px;}
footer ul li {width:80%;}
}