h3{font-size:20px;color:white;text-transform: uppercase;text-align:center;}
h4{font-size:18px;color:white;text-transform: uppercase;}
h5{font-size:16px;color:white;text-transform: uppercase;text-align:center;padding:25px;margin:0px;}
h6{font-size:13px;color:white;text-transform: uppercase;}
p{font-size:14px;color:white;text-transform: uppercase;}
h7{font-size:13px;color:yellow;text-transform: uppercase;text-align:center;}

.undis{display:none;}
.fl{float:left;}
.center{margin:0 auto;}
.mt20{margin-top:20%}
.mt25{margin-top:25%}
.mt5{margin-top:5%}
.tc{text-align:center;}

body{background: url(../image/bg.jpg) no-repeat center top 10%;background-color:black;}
.navbar {margin:0 auto;background:none;background-color:none;border-radius:0px;border:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background:none;}
.navbar-inverse{background:none;border-color:none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:none;}
.navbar-brand{font-size:16px;color:white;text-align:center;} 
a:hover, a:focus .navbar-brand {color:red;cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.logo{background: url(../image/logo.png) no-repeat; background-size: 50px 50px;}
.nav > li > a{padding: 15px 80px;}

.divider {position: relative;border-bottom: 1px solid #f0f0f0;margin-bottom: 30px;margin-top: 1px; }
.divider:before {position: absolute;content: '';width: 30px;height: 30px;border: 1px solid #f0f0f0;left: 50%;margin-left: -15px;top: 50%;background: #fff;margin-top: -15px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.divider:after {position: absolute;content: '';width: 20px;height: 20px;border: 1px solid #ea8610;left: 50%;margin-left: -10px;top: 50%;background: #eabe10;margin-top: -10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

.whiteline{border-bottom: 1px solid #f0f0f0;margin-top: 50px; }

.inaword{margin-top:50px;margin-bottom:20px;}
.wordcontent{color:white;font-size:18px;text-align:center;}
.training{width:700px;text-align:center;margin:0 auto;}
.maincontent{}
#main{margin-top:50px;}	
	
.evolutioncontent{text-align:center;font-size:20px;color:white;text-transform: uppercase;margin-top:5%;margin-bottom:2%;}	
.shopbox{margin:0 auto;border:black solid 2px;width:100px;height:auto;color:white;font-size:16px;cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#shop{color:white;text-align:center;}
#shop em{color:red;}
.homebox{background: url(../image/mainbox.png) no-repeat;background-size:80px 80px;width:80px;height:80px;color:white;font-size:16px;padding:28px 18px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.homebox:hover{color:red;}
.aboutbox{float:left;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:38px 50px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.aboutboxpage{background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:38px 50px;}
.aboutboxpage:hover{color:none;}
.about{background: url(../image/aboutus.png) no-repeat;width:80px;height:80px;background-size:80px 80px;}
.aboutbox:hover{color:red;}
.lessonbox{float:left;text-align:center;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:38px 50px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.lessonboxpage{background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:20px;padding:38px 50px;}
.lessonboxpage:hover{color:none;}
.lesson{background: url(../image/lesson.png) no-repeat;width:80px;height:80px;background-size:80px 80px;}
.lessonbox:hover{color:red;}
.contactboxpage{background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:12px;padding:38px 50px;}
.contactboxpage:hover{color:none;}
.contact{background: url(../image/aboutus.png) no-repeat;width:80px;height:80px;background-size:80px 80px;}
.contactbox:hover{color:red;}
#lesson{padding-left:10%;padding-right:10%;}
.ourteamboxpage{text-align: center;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:14px;padding:38px 45px;}
.ourteamboxpage:hover{color:none;}
.ourteambox{text-align: center;float:left;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:30px 40px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ourteambox:hover{color:red;}
.ourteam{background: url(../image/ourteam.png) no-repeat;width:100px;height:90px;background-size:95px 95px;}
.campbox{float:left;background: url(../image/mainbox.png) no-repeat;text-align:center;width:180px;height:180px;color:white;font-size:15px;padding:30px 40px 0px 40px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.campboxpage{background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:30px 40px 0px 40px;}
.campboxpage:hover{color:none;}
.camp{background: url(../image/aboutus.png) no-repeat;width:100px;height:100px;background-size:100px 100px;}
.campbox:hover{color:red;}

.trainingscheduleboxpage{text-align: center;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:14px;padding:38px 45px;}
.trainingscheduleboxpage:hover{color:none;}
.trainingschedulebox{text-align:center;margin-left:10px;float:left;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:40px 55px;text-align:center;cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.trainingschedulebox:hover{color:red;}
.trainingschedule{background: url(../image/schedule.png) no-repeat;width:80px;height:62px;background-size:60px 60px;}
#trainingschedule td{border:2px white solid;text-width:200px;padding:5px;text-align:center;   white-space: nowrap ;}
#trainingschedule th{border:2px white solid;text-width:200px;padding:5px;text-align:center;   white-space: nowrap ;}


.shopsbox{margin-left:10px;float:left;background: url(../image/mainbox.png) no-repeat;width:180px;height:180px;color:white;font-size:15px;padding:40px 70px; cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.shopsbox:hover{color:red;}
.shop{background: url(../image/shop.png) no-repeat;width:180px;height:80px;background-size:80px 80px;margin-left:-20px;}

.evolution{background: url(../image/evolution.png) no-repeat;width:200px;height:106px;color:white;font-size:20px; }
.contactlocation{background: url(../image/contactlocation.png) no-repeat;height:20px;padding-left:40px}
.contactemail{margin-top:100px;background: url(../image/contactemail.png) no-repeat;height:20px;padding-left:40px}
.contactemail h6,a{color:yellow;}
.contactphone{background: url(../image/contactphone.png) no-repeat;padding-left:40px}

#contactus{float:left;border-right:1px solid #f0f0f0;height:350px;}
#hourofoperation{float:left;border-right:1px solid #f0f0f0;padding-left:5px;height:350px;}
#courtrental{float:left;border-right:1px solid #f0f0f0;padding-left:5px;height:350px;}
#logos{float:left;height:250px;}
.copy {text-align: center;padding: 1em 1em;}
.copy p {color: #fff;font-size:0.9em;}
.copy p a {color:#fff;}
.copy p a:hover{text-decoration: underline;}


.footlogo{background: url(../image/logo.png) no-repeat; background-size: 130px 130px;padding:15px 100px 105px 10px;margin:30px 50px 0px 50px;}
.wechatlogo{background: url(../image/bottomlogo.png) no-repeat;padding:50px 150px 50px 150px;}


.homebox{-webkit-animation: fadeinout 1s linear forwards;animation: fadeinout 1s linear forwards;}
.training{-webkit-animation: fadeinout 1s linear forwards;animation: fadeinout 2s linear forwards;}


@-webkit-keyframes fadeinout {
  0%,100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes fadeinout {
  0%,100% { opacity: 1; }
  50% { opacity: 0; }
}
@media (min-width: 991px) 
{
.aboutbox{margin-left:30%;}	
.ourteambox{margin-left:20%;}
	body{background: url(../image/bg.jpg) no-repeat center top;background-color:black;}
	
}

@media (min-width: 1200px) 
{
.aboutbox{margin-left:400px;}	
.ourteambox{margin-left:300px;}	

}



@media (min-width: 768px) and (max-width: 991px)
{
body{background: url(../image/bg.jpg) no-repeat center top;background-color:black;}
.aboutbox{margin-left:25%;}	
.lessonbox{margin-right:25%;}	
.ourteambox{margin-left:10%;}	
.nav > li > a .logo{padding: 15px 55px;}
.nav > li > a {padding: 15px 40px;}	
.aboutboxpage{margin:0 auto;}	
.contactboxpage{margin:0 auto;}	
.trainingscheduleboxpage{margin:0 auto;}
#lesson{text-align:center;}
#contactus{border-bottom:solid 1px white;}

#hourofoperation{border-right:none;border-bottom:solid 1px white;text-align:center;}

}

@media (max-width: 767px)  and (min-width: 656px)
{ 
body{background: url(../image/bg.jpg) no-repeat center top;background-color:black;}
	
.aboutbox{margin-left:25%;}	
.lessonbox{margin-right:10%;}	
.ourteambox{margin-left:8%;}	
.training{width:600px;text-align:center;margin:0 auto;}
.aboutboxpage{margin:0 auto;}
.contactboxpage{margin:0 auto;}	
.trainingscheduleboxpage{margin:0 auto;}
.mt20{margin-top:5%;}
#lesson{text-align:center;}

}

@media (max-width: 767px) 
{ 
body{background: url(../image/bg.jpg) no-repeat center top;background-color:black;}	  
.aboutbox{text-align:center;float:none;margin:0 auto;}	
.lessonbox{text-align:center;float:none;margin:0 auto;}	
.ourteambox{text-align:center;float:none;margin:0 auto;}		
.trainingschedulebox{text-align:center;float:none;margin:0 auto;}
.campbox{text-align:center;float:none;margin:0 auto;}
.shopsbox{text-align:center;float:none;margin:0 auto;}
#contactus{padding:none;height:auto;float:none;border-right:none;border-bottom:solid 1px white;text-align:center;}
#hourofoperation{padding:none;height:auto;float:none;border-right:none;border-bottom:solid 1px white;text-align:center;}
#courtrental{padding:none;height:auto;float:none;border-right:none;text-align:center;}
#logos{padding:none;display:none;}
.swhiteline{margin-top:0px}
.contactlocation{background:none;}
.contactemail{background:none;}
.contactphone{background:none;}
.training{width:80%;text-align:center;margin:0 auto;}
.evolutioncontent{font-size:12px;}
.aboutboxpage{display:none;}
.lessonboxpage{display:none;}
.ourteamboxpage{display:none;}
.contactboxpage{display:none;}	
.trainingscheduleboxpage{display:none;}
button .navbar-toggle{border-color:none;}
button .navbar-toggle:focus{border-color:none;}
.mt20{margin-top:5%;}
#lesson{text-align:center;}
h5{text-align:center;}
.wordcontent{margin-top:-50px;}
}