/* CSS Document */
@font-face{font-family:Raleway;font-style:normal;font-weight:100;src:local('Raleway Thin'),local('Raleway-Thin'),url(http://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:200;src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(http://fonts.gstatic.com/s/raleway/v9/8KhZd3VQBtXTAznvKjw-k73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:local('Raleway Light'),local('Raleway-Light'),url(http://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FArib3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local('Raleway'),url(http://fonts.gstatic.com/s/raleway/v9/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local('Raleway Medium'),local('Raleway-Medium'),url(http://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T873hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:600;src:local('Raleway SemiBold'),local('Raleway-SemiBold'),url(http://fonts.gstatic.com/s/raleway/v9/xkvoNo9fC8O2RDydKj12b73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:700;src:local('Raleway Bold'),local('Raleway-Bold'),url(http://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaI73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:local('Raleway ExtraBold'),local('Raleway-ExtraBold'),url(http://fonts.gstatic.com/s/raleway/v9/1ImRNPx4870-D9a1EBUdPL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Raleway;font-style:normal;font-weight:900;src:local('Raleway Heavy'),local('Raleway-Heavy'),url(http://fonts.gstatic.com/s/raleway/v9/PKCRbVvRfd5n7BTjtGiFZL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff')}* {margin:0; padding:0}
img {margin:0;border:0;}
body{font-family: 'Raleway', sans-serif;color:#444;font-size:1em;font-weight:200;background:#f6f6f6;}
#clear{clear:both}
a {text-decoration:none;color:#4A69C4;}
a:hover {color:#ccc;}
.whatsapp{background:#24d266;border-radius: 50%;padding:20px 20px 16px 20px;position: fixed;right: 20px;bottom:20px;z-index: 100;}
.whatsapp img{max-width:30px;}
/* ---------- Navigation ---------- */
#nav{width:90%;max-width:1080px;position:relative;margin:0 auto;padding:0px 5%;text-align:center;background:#fff;}
.logo, .logo-left, .logo-right, #nav-links, #nav-social{display:inline-block;vertical-align:middle;margin:0 auto;}
.logo img, .logo-left img, .logo-right img{max-width:100px;margin:20px;}
.logo-left{text-align:left;width:20%;}
.logo{text-align:center;width:100%;}
.logo-right{text-align:right;width:20%;}
#nav-bar{background:url(../images/belt.png);background-position:center;width:100%;padding:12px 0;position:relative;text-align:center;font-size:0.8em;}
#nav-bar a{color:#fff;font-weight:500;}
#nav-bar a:hover{color:#666;}
#nav-bar li{list-style-type:none;display:inline;padding:0 20px 0 20px;}
#top-nav-menu{display:none;}
#menu a{color:#4A69C4;font-weight:600;}
#menu{display:none;z-index:100;width:90%;position:fixed;top:0;background:#fff;padding:20px 5%;text-align:center;box-shadow:0 2px 10px #666;}
/* ---------- Sections ---------- */
#intro,#banner,#kids, #academy, #contact{width:100%;}
#adult, #youth{width:100%;background:url(../images/belt.png) repeat-x center;padding-top:55px;}
#banner{background:url("../images/banner-02.jpg") no-repeat top;background-size:cover;}
#banner-children{background:url("../images/banner-children.jpg") no-repeat center;background-size:cover;}
#testimonials img{max-width:140px;}
.intro-content, .contact-content{width:90%;max-width:1080px;position:relative;margin:0 auto;padding:30px 5% 30px 5%;text-align:center;background:#fff;}
.banner-content{width:50%;max-width:1080px;position:relative;margin:0 auto;padding:30px 5% 30px 5%;text-align:center;background:rgba(0,0,0,0.75);color:#fff;}
.academy-content, .adult-content, .youth-content, .about-content{width:90%;max-width:1080px;position:relative;margin:0 auto;padding:30px 5% 30px 5%;text-align:left;background:#fff;}
.academy-content img, .adult-content img, .youth-content img{max-width:40%;}
.about-content img{max-width:100%;}
.cta-banner{text-align:center;padding:20px 5% 20px 5%;display:inline-block;vertical-align:top;cursor:pointer;background:#4A69C4;color:#fff;font-family:'Montserrat', sans-serif;font-size:1em;}
.cta-banner a{color:#ccc;}
.cta-container{display: flex;width:100%;justify-content: space-between;}
.cta-banner:hover{background:#fff;color:#4A69C4;}
.cta-wrapper-left{display:inline-block;width:50%;text-align:left;}
.cta-wrapper-right{display:inline-block;width:49%;text-align:right;}
.cta-mobile{display:none;}
.cta{padding:20px 5% 20px 5%;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;background:#4A69C4;border:solid 1px #fff;color:#fff;}
.cta:hover{border:solid 1px #4A69C4;color:#4A69C4;background: #fff;}
.rollover-section-wrapper{margin:20px 1%;display:inline-block;position:relative;width:22%;max-width:250px;height:200px;cursor:pointer;text-align:center}.rollover-section-top{height:100%;width:100%;background:#000;position:absolute;left:0;top:0;display:block;z-index:40;opacity:0}.rollover-section-icon{background:url(../images/rollover-icon.png) top center no-repeat;position:absolute;width:50px;height:50px;top:0;left:40%;text-align:center;z-index:50;opacity:0}.rollover-section-bottom{height:40px;width:80%;padding:10%;text-align:center;background:#444;color:#fff;position:absolute;left:0;top:150px;z-index:40}
.social-links img{max-width:25px;margin:0 25px 0 0;}
.timetable{box-sizing: border-box; width:100%;padding:25px;color:#fff;text-align: center;font-size: 1.2em;}
.small{font-size:0.8em;}
.time{font-size:1.5em;}
.RGJJ3601{background:#016ec0;}
.RGJJ3602{background:#000;}
.RGJJA{background:#7030a0;}
.OPEN{background:#808080;}
.JJS{background:#528133;}
.ESSD{background:#ff3005;}
.RGJJLW{background:#01b0f1;}
.RGJJJW{background:#0073c2;}
.RGJJCS{background:#fe9900;}
/* ---------- H TAGS ---------- */
h1{font-family:'Montserrat', sans-serif;font-size:3em;color:#4A69C4}
h2{font-family:'Montserrat', sans-serif;font-weight:600;}
.banner-content h1{font-family:'Montserrat', sans-serif;font-size:3em;color:#fff;}
.banner-content h2{font-family:'Montserrat', sans-serif;font-size:1.2em;color:#ccc;}
/* ---------- Footers ---------- */
#footer{width:100%;background-color:#222;text-align:center;padding:10px 0;border-top:solid 10px #4A69C4;}
#footer-content{max-width:1380px;position:relative;margin:0 auto;padding:20px 5% 20px 5%;color:#555;}
#footer a{color:#fff;}
#footer a:hover{color:#ccc;}
#footer-links, #footer-logo, #footer-contact{display:inline-block;vertical-align:middle;width:30%;}
#footer-links{text-align:left;}
#footer-links img {max-width:25px;margin:0 25px 0 0;}
#footer-logo{text-align:center;}
#footer-logo img{max-width:100px;margin:20px;}
#footer-contact{text-align:right;}
#footer-contact img{margin:0 5px 0 5px;}
#microdata{font-size:0.5em;color:#ccc;}
/* ---------- Formatting ---------- */
hr{width:100%;border: 0;height: 1px;background-color:#eee;margin:20px 0 10px 0;}
/* ---------- Classes ---------- */
.white{color:#fff;}
.blue{color:#4860A8;}
.light-blue{color:#82B4F7}
.yellow{color:#E8D431;}
.green{color:#2B8514}
.center{text-align:center;}
.left{text-align:left;}
.phone{color:#fff;font-size:1.4em;font-weight:400;}
.fl{font-size:0.8em;}
.image-right{margin:0 0 20px 20px;}
.image-left{margin:0 20px 20px 0;max-width: 50%;}
.image-right-400{margin:0 0 20px 20px;width: 300px;max-width: 50%;}
.image-400{width:400px;}
li.tick{list-style-type:none;background:url(../images/tick.jpg) top left no-repeat;padding-left:60px;height:auto;min-height:22px}
/* ---------- Forms ---------- */
.form{width:41%;padding:30px 4% 30px 4%;display:inline-block;vertical-align:top;text-align:left;}
textarea, select, input{font-family: 'Raleway', sans-serif;color:#aaa;font-size:1em;font-weight:200;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
textarea {width:100%;max-width:630px;height:100px;padding:5px;border:none;border:solid 1px #ccc;}
input, select, .submit {width:100%;max-width:295px;height:35px;padding:5px;margin:0 0 15px 0;border:solid 1px #ccc;}
.submit{width:300px;height:35px;padding:15px 15px 30px 15px;color:#fff;background-color:#4A69C4;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.submit:hover{background-color:#fff;color:#4A69C4;}
.budget{height:50px;width:340px;}
.budget-label {position:relative}
.budget-label:after {content:'►';color:#fff;background-color:#4A69C4;right:0px; top:0px;padding:15px 8px 15px 9px;margin:-15px -1px 0px 0px;position:absolute;pointer-events:none;}
@media screen and (min-width : 912px) and (max-width : 1105px) {
.banner-content{width:60%;}
.radio {margin: 0 50px;}
textarea, select, input, .budget, .submit{width:100%;max-width:none;}
.banner-content h1{font-family:'Montserrat', sans-serif;font-size:3em;color:#fff;}
.banner-content h2{font-family:'Montserrat', sans-serif;font-size:1.2em;color:#ccc;}
}
@media screen and (max-width : 911px) {
#nav{padding:30px 0 30px 0;}
#nav-bar{display:none;}
#top-nav-menu{z-index:100;display:inline;position:fixed;top:65px;left:0;padding:10px;background:rgba(255,255,255,0.85);}
.banner-content{width:80%;}
.cta-wrapper-left{display:inline-block;width:90%;text-align:center;}
.cta-wrapper-right{display:inline-block;width:90%;text-align:center;}
.cta{width:100%;margin-bottom:20px;padding:20px 5% 20px 5%;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;background:#4A69C4;border:solid 1px #fff;color:#fff;}
.banner-content h1{font-family:'Montserrat', sans-serif;font-size:2em;color:#fff;}
.banner-content h2{font-family:'Montserrat', sans-serif;font-size:1em;color:#ccc;}
.rollover-section-wrapper, .intro-content{display:none}
.cta-mobile{display:block;width:100%;padding:20px 0;background:#444;color:#fff;text-align:center;margin:0 0 10px 0;}
.content-image{max-width:50%;}
.form{width:90%;padding:0;}
#footer-content{padding:0;}
#footer-links, #footer-logo, #footer-contact{width:90%;padding:20px 5% 20px 5%;text-align:center;}
textarea, input, .budget, .submit{width:90%;border-radius:0;max-width:none;}
}
@media print{#footer,#header,#menu{display:none}body{font:12pt georgia,serif}h1{font-size:18pt}h2{font-size:16pt;color:#000}}