@charset "utf-8";
/* CSS Document */
body { background-color: #222 !important; overflow-x: hidden; }
html { scroll-behavior: smooth; }
/* Fixed side navbar */
@media (max-width: 767px) {
.navbar-fixed-side { margin-left: 0px; margin-right: 0px }
}
@media (min-width: 768px) {
.navbar-fixed-side { margin: 0 0px; height: auto; width: 100%; overflow: auto; border-top-width: 0; border-bottom-width: 0; border-radius: 0; font-family: 'Open Sans', sans-serif; }
.navbar-fixed-side .container, .navbar-fixed-side .container-fluid { width: auto; padding-left: 0; padding-right: 0 }
.navbar-fixed-side .navbar-header { float: none }
.navbar-fixed-side .navbar-brand { height: auto }
.navbar-fixed-side>.container .navbar-brand, .navbar-fixed-side>.container-fluid .navbar-brand { margin-left: 0 }
.navbar-fixed-side .navbar-collapse { width: 100%; }
.navbar-fixed-side .navbar-nav { float: none; margin: 0 0px }
.navbar-fixed-side .navbar-nav>li { float: none }
.navbar-fixed-side .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; font-size: 16px; font-weight: 600; color: #FFF !important; }
.navbar-fixed-side .navbar-form { margin: 0; margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-bottom: 1px solid #e7e7e7 }
.navbar-fixed-side .navbar-text { float: none; margin-left: 0; margin-right: 0 }
.navbar-fixed-side .navbar-left, .navbar-fixed-side .navbar-right { float: none !important }
.navbar-fixed-side .navbar-nav .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; border-bottom: 1px solid #e7e7e7 }
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a, .navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px }
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a { line-height: 20px; color: #777 }
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus { background-image: none }
.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a { background-color: #131313; color: #555 }
.navbar-fixed-side .navbar-nav>li>a:hover, .navbar-fixed-side .navbar-nav>li>a:focus, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus { background-color: #f0f0f0; color: #333 }
.navbar-fixed-side .dropdown>.dropdown-toggle, .navbar-fixed-side .dropdown-menu>.dropdown-header { background-color: transparent !important; color: #9d9d9d !important; cursor: default; font-size: 0.8em; text-transform: uppercase; border-bottom: none; padding-bottom: 0 }
.navbar-fixed-side .dropdown-toggle .caret { display: none }
.navbar-fixed-side .dropdown-menu { display: block }
.navbar-fixed-side.navbar-inverse .navbar-collapse, .navbar-fixed-side.navbar-inverse .navbar-nav>li>a, .navbar-fixed-side.navbar-inverse .navbar-form, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu { border-color: #363636 }
.navbar-fixed-side.navbar-inverse .divider { background-color: #363636 }
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a { color: #9d9d9d }
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a { background-color: #131313; color: #fff }
.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus { background-color: #131313; color: #3399ff !important }
.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle { color: #777777 !important }
.navbar-inverse { border-radius: 0px !important; border: none !important; }
.navbar-brand { padding: 120px 0 50px 30px !important; float: none !important; position: relative !important; }
.navbar-brand img { height: auto; text-align: center !important; margin: 75px auto !important; max-width: 300px !important; }
.navbar { margin-bottom: 0px !important; }
}
.navbar-collapse li a { border-bottom: 1px #363636 solid !important; color: #FFF !important; }
.navbar-collapse li a:hover { color: #3399ff !important; background-color: #131313 !important; }
.header-bg { font-family: 'Open Sans', sans-serif; padding: 17% 6% !important; background-image: url(images/banner.jpg); height: auto; width: 100%; background-size: cover; text-align: center; }
.col-sm-9, .col-lg-10 { padding: 0 !important; }
.col-sm-3, .col-lg-2 { padding-left: 0 !important; padding-right: 0 !important; }
.header-bg h1 { color: #fff; font-weight: bold; line-height: 60px; font-size: 46px; text-align: left; text-shadow: 1px 1px 1px #000; }
.col-lg-4 { padding-right: 0 !important; }
.about-bg { background-color: #FFF; }
.content-bg { padding: 69px 80px !important; font-family: 'Open Sans', sans-serif; text-align: justify; }
.content-bg h4 { line-height: 26px; }
.content-bg p { font-size: 16px; color: #8c8c8c; font-weight: 500; line-height: 26px; }
.content-bg hr { width: 200px; height: 5px; background-color: #3399ff; margin-top: 30px; margin-bottom: 30px; }
.col-lg-4 { padding-left: 0px !important; }
.button-bg { padding: 10px 22px !important; border-radius: 0px !important; border-width: 2px !important; font-size: 16px !important; font-weight: bold !important; color: #adadad !important; margin-top: 30px; letter-spacing: 2px; }
.container-padding { padding-left: 0px !important; }
/* Hover effect */
.hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; }
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #3399ff !important; color: white !important; border-color: #3399ff !important; }
.gallery-bg-1 { background-image: url(images/home-gallery-1.jpg); background-size: cover; height: 100%; height: auto; text-align: center; }
.gallery-button { padding: 12px 22px !important; border-radius: 0px !important; font-size: 16px !important; font-weight: bold !important; margin: 360px 0 160px 0 !important; background-color: #3399ff !important; letter-spacing: 2px; }
.gallery-button:hover { background-color: #045fd0 !important; border-color: #045fd0 !important; }
.gallery-bg-2 { background-image: url(images/home-gallery-2.jpg); background-size: cover; height: 100%; height: auto; text-align: center; }
.gallery-bg-3 { background-image: url(images/home-gallery-3.jpg); background-size: cover; height: 100%; height: auto; text-align: center; }
/* Contact */
.contact-bg { background-color: #FFF; font-family: 'Open Sans', sans-serif; }
.contact-bg .col-lg-4 { padding-right: 0 !important; }
.form-bg { padding: 55px 130px 55px 130px !important; text-align: center; }
.form-control { padding: 20px 25px !important; height: auto !important; border-radius: 0px !important; }
.form-button { font-size: 18px !important; font-weight: bold !important; background-color: #3399ff !important; padding: 10px 22px !important; color: #FFF !important; margin-top: 40px!important; border-radius: 0px !important; letter-spacing: 2px; border-color: #3399ff !important; }
.form-button:hover { background-color: #045fd0 !important; border-color: #045fd0 !important; }
.contact-details { font-family: 'Open Sans', sans-serif; color: #FFF; }
.contact-icon { padding-top: 2px; }
.contact-spacing { padding: 85.5px 75px !important; background-color: #3399ff; }
.contact-spacing h1 { margin-top: 0px; margin-bottom: 65px; font-weight: bold; }
.contact-spacing p { font-weight: bold; font-size: 16px; }
.contact-spacing h5 { margin-bottom: 20px; font-weight: bold; }
#map { width: 100%; height: 500px; float: right !important; }
.map-align { padding-right: 0px !important; padding-left: 0px !important; }
.footer-bg { background-color: #000; padding: 25px 0; text-align: right; font-family: 'Open Sans', sans-serif; color: #FFF; font-size: 14px; }
.footer-bg p { margin-bottom: 0; }
.footer-bg a { color: #3399ff; }
.footer-bg a:hover { color: #3399ff; }
.footer-bg a:visited { color: #3399ff !important; }
.footer-bg a:active { color: #3399ff !important; }
/* Gallery */
.gallery-container { background-color: #FFF; padding: 1px 16px !important; }
.gallery-container .col-md-3 { padding: 2.5px !important; }
/* Management */
.management-container { background-color: #FFF; text-align: center; font-family: 'Open Sans', sans-serif; padding: 1px 16px !important; padding-bottom: 10px !important; }
.management-container .col-lg-2 { padding: 1px !important; }
.management-container h4 { color: #333; font-weight: bold; font-size: 14px; }
.management-container h5 { color: #666; }
.management-container h6 { color: #666; text-transform: uppercase; }
.management-container p { color: #999; margin-bottom: 30px; font-size: 12px; }
/* Entrollment */
.entrollment .container { margin-bottom: 25px; margin-top: 25px; }
.entrollment .container img { box-shadow: 0px 0px 7px #ccc; }
/* Back To Top */
#myBtn { display: none; position: fixed; bottom: 60px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #3399ff; color: white; cursor: pointer; padding: 10px 15px; }
#myBtn:hover { background-color: #045fd0; transition: 0.4s; }
/* Responsive */
@media screen and (min-width:1600px) and (max-width:1919px) {
.about-bg .col-lg-4 { display: none; }
.about-bg .col-lg-8 { width: 100%; height: auto; }
.content-bg { text-align: justify; }
.gallery-button { margin: 300px 0px 100px 0px !important; }
.contact-spacing { padding: 85px 0px 85px 50px !important; }
.contact-bg .col-lg-4 { display: none; }
.contact-bg .col-lg-8 { width: 100%; height: auto; }
.navbar-brand img { padding-left: 10px !important; }
}
@media screen and (min-width:1366px) and (max-width:1599px) {
.about-bg .col-lg-4 { display: none; }
.about-bg .col-lg-8 { width: 100%; height: auto; }
.content-bg { text-align: justify; }
.gallery-button { margin: 250px 0px 80px 0px !important; padding: 12px 22px !important; }
.contact-spacing { padding: 85px 0px 85px 50px !important; height: 500px; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
.contact-bg .col-lg-8 { width: 100%; height: auto; }
.navbar-brand img { padding-left: 10px !important; margin-top: -10px !important; margin-bottom: 25px !important; }
.header-bg { padding-left: 85px !important; }
.contact-details .col-md-11, .col-xs-10 { width: 87%; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.header-bg h1 { font-size: 32px; line-height: 40px; }
.about-bg img { display: none; }
.content-bg { text-align: justify; padding: 30px 45px 80px 50px !important }
.gallery-button { margin: 250px 0px 100px 0px !important; padding: 12px 22px !important; }
.contact-spacing { padding: 85px 0px 85px 30px !important; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
.contact-bg .col-lg-8 { width: 100%; height: auto; }
.navbar-brand img { padding-left: 10px !important; margin-top: -10px !important; margin-bottom: 25px !important; }
.header-bg { padding-left: 85px !important; }
.contact-details .col-md-11, .col-xs-10 { width: 87%; }
}
@media screen and (min-width:768px) and (max-width:1023px) {
.header-bg h1 { font-size: 26px; line-height: 40px; }
.about-bg img { display: none; }
.content-bg { padding: 70px 45px 80px 50px !important; text-align: justify; }
.content-bg h4, .content-bg p { line-height: 24px; font-size: 16px; text-align: justify; }
.content-bg hr { width: 100px; }
.content-bg { text-align: center !important; margin: auto !important; }
.gallery-bg-3 { display: none; }
.contact-spacing { padding: 30px 25px !important; }
.contact-spacing h1 { margin-bottom: 52px; }
.contact-spacing .col-xs-10 { padding-left: 30px !important; margin-left: 0px; }
.contact-spacing .col-xs-2 { padding-right: 0 !important; width: 5%; }
.footer-bg { text-align: center; font-size: 13px; }
.form-bg { padding: 55px 50px 55px 50px !important; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
#map { width: 100%; height: 400px; }
.navbar-brand img { padding-left: 10px !important; margin-top: -10px !important; margin-bottom: 25px !important; }
.header-bg { padding-left: 50px !important; }
}
@media screen and (min-width:480px) and (max-width:767px) {
.nav > li > a { padding: 10px 30px !important; }
.navbar-brand { width: 130px; height: auto; padding: 0px 0 115px 20px !important; }
.navbar { margin-bottom: 0 !important; }
.header-bg h1 { font-size: 22px; line-height: 34px; }
.about-bg img { display: none; }
.content-bg { padding: 40px 30px 80px 45px !important; text-align: justify; }
.content-bg h4, .content-bg p { line-height: 24px; font-size: 16px; text-align: justify; }
.content-bg hr { width: 100px; }
.content-bg { text-align: center !important; margin: auto !important; }
.gallery-bg-1 { padding-right: 0px !important; }
.gallery-button { margin: 220px 0px 80px 0px !important; padding: 12px 22px !important; }
.contact-spacing { padding: 50px 0px 40px 40px !important; }
.contact-spacing .row p { padding-left: 10px; }
.contact-spacing h1 { font-size: 20px; margin-bottom: 30px; }
.contact-spacing p { font-size: 16px; }
.contact-spacing .col-xs-10 { padding-left: 0 !important; margin-left: -25px; }
.contact-spacing .col-xs-2 { padding-right: 0 !important; width: 13%; }
#map { width: 100%; height: 250px; }
.footer-bg { text-align: center; padding-right: 0px !important; }
.footer-bg p { font-size: 14px; }
.header-bg p { font-size: 16px; }
.form-bg { padding: 55px 40px 55px 50px !important; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
.gallery-container, .management-container { padding-left: 31px !important; }
.header-bg { padding-left: 45px !important; }
}
@media screen and (min-width:320px) and (max-width:479px) {
.nav > li > a { padding: 10px 30px !important; }
.navbar-brand { width: 130px; height: auto; padding: 0px 0 115px 20px !important; }
.navbar { margin-bottom: 0 !important; }
.header-bg h1 { font-size: 22px; line-height: 34px; }
.content-bg { padding: 30px 30px 80px 45px !important; text-align: justify !important; }
.content-bg h4, .content-bg p { line-height: 24px; font-size: 14px; text-align: justify; }
.content-bg hr { width: 100px; }
.content-bg { text-align: center !important; margin: auto !important; }
.gallery-bg-1 { padding-right: 0px !important; }
.gallery-button { margin: 220px auto 80px auto !important; padding: 12px 22px !important; }
.contact-spacing { padding: 50px 50px 40px 50px !important; }
.contact-spacing h1 { font-size: 20px; margin-bottom: 30px; }
.contact-spacing p { font-size: 14px; }
.contact-spacing .col-xs-10 { padding-left: 0 !important; }
#map { width: 100%; height: 250px; }
.footer-bg { text-align: center; padding-left: 20px !important; padding-right: 11px !important; }
.footer-bg p { font-size: 12px; }
.header-bg p { font-size: 14px; }
.form-bg { padding: 55px 40px 55px 50px !important; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
.gallery-container, .management-container { padding-left: 31px !important; }
.header-bg { padding-left: 45px !important; }
}
@media screen and (max-width:319px) {
.nav > li > a { padding: 10px 30px !important; }
.navbar-brand { width: 130px; height: auto; padding: 0px 0 115px 20px !important; }
.navbar { margin-bottom: 0 !important; }
.header-bg h1 { font-size: 22px; line-height: 34px; }
.about-bg img { display: none; }
.content-bg { padding: 30px 30px 80px 45px !important; text-align: justify !important; }
.content-bg h4, .content-bg p { line-height: 24px; font-size: 14px; text-align: justify; }
.content-bg hr { width: 100px; }
.content-bg { text-align: center !important; margin: auto !important; }
.gallery-bg-1 { padding-right: 0px !important; }
.gallery-bg-2, .gallery-bg-3 { display: none; }
.gallery-button { margin: 220px auto 80px auto !important; padding: 12px 22px !important; }
.contact-spacing { padding: 50px 50px 40px 50px !important; }
.contact-spacing h1 { font-size: 20px; margin-bottom: 30px; }
.contact-spacing p { font-size: 14px; }
.contact-spacing .col-xs-10 { padding-left: 0 !important; }
#map { width: 100%; height: 250px; }
.footer-bg { text-align: center; padding-right: 10px !important; }
.footer-bg p { font-size: 12px; }
.header-bg p { font-size: 14px; }
.form-bg { padding: 55px 40px 55px 50px !important; }
.form-button { padding: 10px 22px !important; margin-top: 40px!important; }
.contact-bg .col-lg-4 { display: none; }
.gallery-container, .management-container { padding-left: 31px !important; }
.header-bg { padding-left: 45px !important; }
}
.navbar-toggle { margin-top: 40px !important; }