@import url("https://use.typekit.net/cza5pwk.css");
a, a:link, a:visited, a:hover, a img {
	outline: none;
	border: none;
	color: #4e6f82;
}
html{
	margin:0;
	padding:0;
}
.ondesktop{ /* show as normal */
display: inline !important;
}
.onmobile{ /* hide mobile on desktop */
display:none !important;
}
body{
	background: url(../images/bg.jpg) no-repeat;
	background-size: cover;
	margin:0;
	padding:0;
font-family: iskra, arial, sans-serif;
}
.width{
max-width: 1110px;
margin: 0 auto;
}
#header.width{
max-width: 1230px;
}
.divider{
position: relative;
clear: both;
display: block;
width: 100%;
background: url(../images/section-divider.png) center center no-repeat;
    background-size: 100% auto;
height: 86px;
margin: 30px 0px;
}
#main .divider{
position: relative;
margin: 40px 0px -42px 0px;
}
.divider span{
display: block;
padding-top: 23px;
font-size: 20px;
font-weight: 300;
font-style: italic;
letter-spacing: 1px;
text-align: center;
color: #fff;
}
.bold{
font-weight: bold;
}
#logo a img{
	transform: scale(1.0);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
#logo a:hover img{
	transform: scale(1.02);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
/* ************************* BEGIN Announcement  ************************* */
#announcement{
box-sizing: border-box;
position: relative;
z-index:9999;
background: #ffee00;
box-shadow: 0px 0px 10px #000;
margin: 0px;
padding:20px 10px;
text-align: center;
}
#announcement div{
margin: 0px;
padding:0;
}
#announcement p{
margin: 0px;
padding:0;
}
#announcement a{
text-decoration: none;
}
#announcement .button{
display: block;
background: #af0a54;
border: 0;
width: 300px;
height: auto;
margin: 25px auto 15px auto;
padding: 10px 30px 14px 30px;
font-size: 19px;
color: #fff;
box-shadow: 1px 1px 4px #cb87a6;
border: 1px solid #af0a54;
border-width: 1px 0px 0px 1px;
border-radius: 0px !important;
}
#announcement .button:hover{
box-shadow: 1px 1px 4px 2px #cb87a6;
}
#announcement .button:active{
padding: 11px 29px 13px 31px;
box-shadow: 1px 1px 4px 2px #cb87a6;
border-color: #7c073c;
}
#watchonline{
padding: 20px 0px 0px 0px;
}
.video{
display: block;
margin-bottom: 20px;
}
.video iframe{
height: auto;
min-height: 500px;
}
/* ************************* END Announcement  ************************* */
/* ************************* BEGIN Header, Logo, Nav  ************************* */
#headerwrapper{
position: relative;
z-index: 999;
margin-left: -40px;
padding: 0px;
}
#header{
position: relative;
margin: 0px auto;
padding: 0px;
}
#header #logo{
position: absolute;
/*position: fixed;
z-index:999;*/
}
#navwrapper{
/*position: fixed;
z-index:998;*/
width: 100%;
background: #af0a54;
border-bottom: 3px solid #fff;
box-shadow: 0px 2px 2px #333;
margin: 0px auto;
padding: 0px;
}
#nav{
min-height: 40px;
text-align: right;
font-size: 27px;
font-weight: 300;
color: #fff;
}
#nav a{
display: inline-block;
padding: 14px 16px 16px 16px;
text-decoration: none;
color: #fff;
text-shadow: 2px 2px 3px #333;
opacity: 0.85;
border: 2px solid #af0a54;
border-width: 0px 2px;
background: #af0a54;
}
#nav a:hover{
opacity: 1.0;
background: #80a1b4;
background: #6e99bd;
border-color: #fff;
}
/* ************************* BEGIN Swipe  ************************* */
#swipewrapper{
width: 100%;
}
#swipe{
width: 100%;
}
#swipe img{
width: 100%;
}
#swipe img#vthanks{
display: block;
margin: 0 auto -100px auto;
max-width: 1190px;
border-bottom: 3px solid #fff;
}
/* ************************* BEGIN Content  ************************* */
#contentwrapper{

}
#content{
background: #fff;
margin-top: 6%;
padding: 40px;
line-height: 150%;
font-size: 20px;
font-weight: 300;
}
#text{
}
#fbwrapper{
float: right;
border: 2px solid #80a1b4;
box-shadow: 1px 2px 3px #aaa;
min-height: 360px;
margin-left: 50px;
text-align: center;
}
#facebookembed a{

}
#facebookembed a img{
width: 300px;
margin: 0px auto;
display: block;
}
#meet{
padding-top: 55px;
}
#map{
}
#contact{
/*border-bottom: 6px solid #af0a54;*/
padding: 0px;
}
#content h1{
line-height: 100%;
display: inline-block;
background: #000;
margin: -75px 0px 10px -75px;
padding: 4px 40px 14px 40px;
font-weight: 300;
font-size: 70px;
color: #fff;
}
#main #content h1{
padding-right: 90px;
}
#content p{
overflow: auto;
}
#content p#intro{
}
.thankyou p#intro{
overflow: visible;
margin: 60px 0px;
text-align: center;
font-size: 50px;
}
#content p.center{
max-width: 750px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#content img.floatright{
float: right;
margin: 0px 0px 40px 80px;
}
#content table, #content table *{
border-collapse: collapse;
margin: 0;
padding: 0;
}
#content table{
width: 100%;
text-align: center;
font-size: 24px;
}
#content tr{
vertical-align: top;
}
#content td{
width: 30%;
min-width: 240px;
display: inline-block;
padding: 10px 0px;
}
#meet tr{
display: flex;
justify-content: space-around;
}
#meet td{
padding: 0px 10px;
width: auto;
text-align: left;
font-size: 22px;
}
#meet td#middle{
}
#meet td#middle .bold{
font-size: 25px;
}
#meet td i{
font-size: 80%;
}
/* ************************* BEGIN Form  ************************* */
form{
border-bottom: 6px solid #af0a54;
}
#main form{
margin: 0px auto;
padding: 0px 0px 10px 0px;
border: none;
}
.contact{

}
/* 
#vbs.thankyou form{
margin-top: -15px;
}
 */
.formrow{
margin-bottom: 4px;
padding: 5px 5px 5px 15px;
color: #fff;
}
#main .formrow{
margin-bottom: 0px;
}
.formrow span{
display: inline-block;
vertical-align: top;
padding: 10px 16px;
width: 150px;
}
.formrow#one{
background: #4e6f82;
}
#main .formrow#one{
padding-top: 20px;
text-align: center;
}
#main .formrow#one a{
color: #fff;
}
.formrow#two{
background: #80a1b4;
}
#main .formrow#two{
background: url(../images/logo-white.png) right 12% center no-repeat #80a1b4;
background-size: 200px;
padding: 12px 12px 15px 14px;
}
#main .formrow#one, #main .formrow#two{
padding-left: 10%;
padding-right: 10%;
}
.formrow#three{
background: #80a1b4;
}
.formrow#four{
background: #cb87a6;
}
.formrow#five{
background: #af0a54;
}
.contact input, .contact textarea{
border: 2px solid #4e6f82;
border-radius: 3px;
margin: 5px 10px 5px 0px;
padding: 4px 8px;
font-family: iskra, arial, sans-serif;
font-size: 17px;
font-weight: 400;
color: #000;
}
.contact input{
width: 24%;/* 24*3=72% */
height: 32px;
min-width: 190px;
}
.contact input#name{
width: 44%;
}
.contact input#age{
width: 14%;
min-width: 60px;
}
.contact input#grade{
width: 14%;
min-width: 60px;
}
.contact input#parent{
}
.contact input#phone{
}
.contact input#email{

}
.contact input#address{
width: 34%;
}
.contact input#city{
}
.contact input#zip{
width: 14%;
min-width: 60px;
}
.contact input#emergency{

}
.contact input#ephone{

}
.contact input#relation{

}
.contact textarea{
width: 37.4%;
min-width: 190px;
}
#main .contact input, #main .contact textarea{
width: 49%;
}
.contact input:focus, .contact textarea:focus{
outline: 0px;
box-shadow: 1px 1px 4px #333;
}
.contact input::placeholder, .contact textarea::placeholder{
opacity: 1.0;
font-size: 15px;
font-weight: 300;
}
.contact input:focus::placeholder, .contact textarea:focus::placeholder{
opacity: 0.6;
color: #333;
}
.g-recaptcha{
display: block;
margin: 0px auto;
text-align: center;
}
#main .g-recaptcha div{
margin:0px 0px 0px 0px;
text-align: left;
}
.g-recaptcha div{
margin: 10px auto 0px auto;
}
.g-recaptcha div div{
}
.contact .button{
display: block;
background: #af0a54;
border: 0;
width: auto;
height: auto;
margin: 25px auto 40px auto;
padding: 10px 30px 14px 30px;
font-size: 19px;
color: #fff;
box-shadow: 1px 1px 4px #cb87a6;
border: 1px solid #af0a54;
border-width: 1px 0px 0px 1px;
border-radius: 0px !important;
}
#main .contact .button{
width: 30%;
margin-bottom: 20px;
}
.contact .button:hover{
box-shadow: 1px 1px 4px 2px #cb87a6;
}
.contact .button:active{
padding: 11px 29px 13px 31px;
box-shadow: 1px 1px 4px 2px #cb87a6;
border-color: #7c073c;
}
/* ************************* BEGIN Footer  ************************* */
#footerwrapper{

}
#footer{

}
/* ************************* BEGIN Copyright ************************* */
#copyrightwrapper{
	background: #000;
	margin: 0 auto;
}
#copyright{
	max-width: 1200px;
	margin: 0 auto;
	padding: 6px 0px;
	overflow: auto;
}
#copyright #left{
	float: left;
	margin-left: 32px;
	padding: 10px 0px 0px 0px;
	font-weight: 300;
	font-size: 14px;
	color: #eee;
}
#copyright #right{
	float: right;
	margin-right: 32px;
}
#copyright #right a{

}
#copyright #right img{

}