@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900&display=swap');
@import url('/css/materialdesignicons.min.css');

body {background: #fff; color: #7A7A7A; font-family: 'Montserrat', Arial, Tahoma, sans-serif; letter-spacing: 1px; font-size: 16px;}
a {color: #FDCC3A; transition: 0.5s;}
a:hover, a:active, a:focus {color: #1a1a1a; outline: none; text-decoration: none;}
p {padding: 0; margin: 0 0 30px 0;}
ul{margin-bottom: 30px; list-style: none; padding-left: 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', Arial, Tahoma, sans-serif; font-weight: 700; margin: 0 0 30px 0; padding: 0; color: #050505; text-transform: uppercase;}

h1{font-size: 22px; margin-bottom: 5px; color: #FDCC3A;}
h2{font-size: 40px;}
h3{font-size: 22px;}
@media (min-width: 768px) {
  h3{font-size: 25px;}
}

/* Back to top button */
.back-to-top {position: fixed; display: none; background: #818285; color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; right: 15px; bottom: 15px; transition: background 0.5s;}
@media (max-width: 768px) {
  .back-to-top {bottom: 15px;}
}
.back-to-top:focus {background: #818285; color: #fff; outline: none;}
.back-to-top:hover {background: #000; color: #fff;}

/* ================
 * SECTION TITLE *
==================*/
.sectionTitle {text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 40px;}
.sectionTitle h2 {font-size: 35px; margin: 0 0 10px;}
.sectionTitle p {font-size: 1.7em; font-weight: 300; color: #050505;}
.sectionLeftTitle, .footerTitle {color: #050505; font-size: 25px; font-weight: 400; margin: 0 0 35px; padding-bottom: 15px; position: relative;}
@media (min-width: 576px) {
  .sectionTitle h2 {font-size: 55px;}
}

/* Buttons */
.btn {transition: .3s ease-out; font-weight: 400; border-width: 1px;}
.btn:focus, .btn:active, .btn:active:focus, button:focus, button:active, button:active:focus {outline: none !important;}
.btn:active, .btn.active {-webkit-box-shadow: none; box-shadow: none;}
.btn-primary {font-size: 16px; position: relative; line-height: 1; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #FDCC3A; font-weight: 400; display: inline-block; padding: 20px 75px 20px 35px; background-color: transparent; color: #FDCC3A; border-radius: 0; white-space: normal;}
.btn-primary:before {content: '\F534'; font-family: "Material Design Icons"; font-size: 16px; line-height: 15px; position: absolute; right: 30px; transition: .3s; font-weight: 400;}
.btn-primary:hover:before {right: 25px;}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {background-color: #FDCC3A !important; color: #000 !important; border-color: #FDCC3A !important; outline: none !important; box-shadow: none !important;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {pointer-events: none; opacity: .5; background-color: transparent; opacity: .6; border-color: #c5ccda; color: #c5ccda;}
.btn-primary-dark{background-color: #050505; color: #fff;}
.btn-primary-dark:focus, .btn-primary-dark.focus, .btn-primary-dark:hover, .btn-primary-dark:active, .btn-primary-dark.active, .open > .btn-primary-dark.dropdown-toggle {background-color: #050505 !important; color: #fff !important; border-color: #050505 !important;}

.btn-lg{font-size: 28px !important; padding: 25px 90px 25px 50px;}
.btn-lg:before{font-size: 22px; line-height: 30px; right: 50px;}
.btn-lg:hover:before {right: 40px;}
@media (max-width: 420px) {
  .btn-primary {font-size: 16px; letter-spacing: .5px; padding: 20px 25px 20px 25px; border-radius: 0;}
  .btn-lg{font-size: 22px !important; padding: 25px 25px 25px 25px;}
  .btn-lg:hover:before {right: 20px;}
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.sticky-wrapper{z-index: 99; position: absolute; width: 100%; height: 100px;}
header {height: 60px; background-color: #000; transition: all 0.5s; z-index: 997; box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.06);}
@media (min-width: 991px) {
  header {height: 74px;}
}

.logo{padding: 14px 0 0 0; display: inline-block; float: left; margin-left: 0;}
.logo img { height: 30px;}
@media (min-width: 991px) {
  .logo{padding: 20px 0 0 0;}
  .logo img {height: 30px;}
}
@media (min-width: 1200px) {
  .logo{padding: 10px 0 0 0; margin-left: 10px;}
  .logo img {height: 45px;}
}
@media (min-width: 1600px) {
  .logo{padding: 10px 0 0 0; margin-left: 30px;}
  .logo img {height: 52px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Container */
#nav-menu-container {margin: 15px 10px 0 0; display: inline-block; float: right;}
@media (min-width: 1200px) {
  #nav-menu-container {margin: 15px 10px 0 0;}
}
@media (min-width: 1600px) {
  #nav-menu-container {margin: 15px 30px 0 0;}
}
@media (max-width: 991px) {
  #nav-menu-container {display: none;}
}

/* Nav Menu Essentials */
.nav-menu{display: inline-block;}
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;}
.nav-menu > li {display: inline-block;}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block;}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 22px;}
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 8px; font-family: FontAwesome; font-style: normal; font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}

/* Nav Menu Styling */
.nav-menu a {padding: 10px 10px; letter-spacing: 0; text-decoration: none; text-transform: uppercase; display: inline-block; color: #FDCC3A; font-weight: 400; font-size: 15px; outline: none; font-family: 'Montserrat', Arial, Tahoma, sans-serif;}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {color: #000; background-color: #FDCC3A;}
.nav-menu > li {margin-left: 0;}

@media (min-width: 991px) {
  .nav-menu a {padding: 10px 10px; font-size: 14px; letter-spacing: 0;}
}
@media (min-width: 1200px) {
  .nav-menu a {padding: 10px 12px; font-size: 16px; letter-spacing: 1px;}
}
@media (min-width: 1600px) {
  .nav-menu a {padding: 10px 25px; letter-spacing: 2px; color: #FDCC3A;}
}

.header-social-links{display: inline-block;}
.header-social-links a{display: inline-block; padding: 0 5px;}

/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i {color: #FDCC3A;}
@media (max-width: 991px) {
  #mobile-nav-toggle {display: inline;}
  #mobile-nav-toggle{margin-top: 10px;}
}

/* Mobile Nav Styling */
#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(0, 0, 0, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s;}
#mobile-nav ul {padding: 0; margin: 0; list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #FDCC3A; font-size: 16px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none;}
#mobile-nav ul li a:hover {color: #000; background-color: #FDCC3A;}
#mobile-nav ul li li {padding-left: 30px;}
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #818285;}
#mobile-nav ul .menu-item-active {color: #818285;}
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(66, 66, 66, 0.9); display: none;}

/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}


/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {background: #fff; position: relative; text-align: center; padding-top: 60px;}
#intro #intro-carousel .item {width: 100%; height: 629px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition-property: opacity; transition-property: opacity;}

#intro .intro-content {position: absolute; left: 15%; right: 15%; top: 20%; bottom: 10%; z-index: 10; display: block; margin: 0 auto; text-align: center;}
#intro .intro-content .logo-carousel {margin-bottom: 45px;}
#intro .intro-content p span{color: #FDCC3A; font-size: 18px; font-weight: 700; font-family: 'Montserrat', Arial, Tahoma, sans-serif; text-transform: uppercase; display: block; text-shadow: 2px 2px 5px #3a3a3a;}
#intro .intro-content p span.text02{font-size: 24px;}
#intro .intro-content p span.text03{font-size: 32px;}
@media (min-width: 576px) {
  #intro .intro-content p span{font-size: 28px;}
  #intro .intro-content p span.text02{font-size: 36px;}
  #intro .intro-content p span.text03{font-size: 42px;}
}
@media (min-width: 786px) {
  #intro .intro-content {top: 20%;}
}
@media (min-width: 991px) {
  #intro {padding-top: 74px;}
  #intro .intro-content {top: 20%;}
}
@media (min-width: 1024px) {
  #intro .intro-content {top: 20%;}
}
@media (min-width: 1300px) {
  #intro .intro-content {top: 30%;}
}
@media (min-width: 1600px) {
  #intro .intro-content {top: 25%; left: 25%; right: 25%;}
}

/* Arrows */
#intro .owl-nav {position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1500px; margin-top: -79px; z-index: 10;}
@media (min-width: 1300px) {
  #intro .owl-nav {margin-top: -50px;}
}
#intro .owl-prev, #intro .owl-next {position: absolute; top: 0; width: 71px; height: 71px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0px solid; line-height: 70px; text-align: center; z-index: 1000; cursor: pointer; opacity: 1; color: #fff; transition: 250ms;}
#intro .owl-prev:before, #intro .owl-next:before {position: relative; display: inline-block; font-family: "arrows"; font-size: 40px; font-weight: 700;}
#intro .owl-prev:hover, #intro .owl-next:hover {background-color: rgba(255, 255, 255, .2); color: #fff;}
@media (min-width: 768px) {
  #intro .owl-prev, .owl-next {display: block;}
}
#intro .owl-prev:before {content: '\e009'; left: -3px;}
#intro .owl-next:before {content: '\e008'; right: -3px;}
#intro .owl-prev {left: 20px;}
#intro .owl-next {right: 20px;}
@media (max-width: 767px) {
  #intro .owl-prev, .owl-next {display: none;}
}

.lineUnderCarousel{background-color: #FDCC3A; text-align: center; padding: 15px 0;}
.lineUnderCarousel span {text-transform: uppercase; padding: 5px 0; color: #000; font-weight: 700; font-size: 14px; display: block; width: auto;}
@media (min-width: 576px) {
  .lineUnderCarousel{padding: 15px 0;}
  .lineUnderCarousel span {font-size: 14px; padding: 5px 25px; display: inline-block;}
}
@media (min-width: 786px) {
  .lineUnderCarousel{padding: 20px 0;}
  .lineUnderCarousel span {font-size: 14px; padding: 15px 25px;}
}
@media (min-width: 991px) {
  .lineUnderCarousel span{font-size: 18px;}
}
@media (min-width: 1200px) {
  .lineUnderCarousel span{font-size: 22px; padding: 15px 25px;}
}
@media (min-width: 1600px) {
  .lineUnderCarousel span{font-size: 22px; padding: 15px 45px;}
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

section{padding: 60px 0 60px 0;}

/* About Section
--------------------------------*/
.about {padding: 60px 0 80px 0; text-align: left;}
.about .imgBox{padding: 0 60px 30px 0;}
.about h2 {color: #000; font-weight: 700; font-size: 46px;}
.about p{line-height: 180%;}

.about .coaches img{margin-bottom: 20px;}
.about .coaches h4{margin-bottom: 10px; font-size: 18px;}

@media (max-width: 768px) {
  .about{text-align: center;}
  .about .imgBox {height: auto; margin: 0 auto; padding: 0;}
  .about .imgBox img {margin: 0 auto; padding-bottom: 30px;}
}

/* News Section
--------------------------------*/
.news{margin: 60px 0 0px 0; background: url('/img/bgImg.jpg') no-repeat center; background-size: cover;}
.news [class*="col-"]{margin-bottom: 35px;}
.news .date{font-size: 14px; margin-bottom: 10px; color: #7A7A7A;}

/* Photogallery Section
--------------------------------*/
@media (min-width: 576px) {
  .gallery .container-fluid{padding-left: 0; padding-right: 0;}
  .gallery .container-fluid .row{padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
  .gallery .container-fluid .row [class*="col-"]{padding: 5px;}
}
/*
* Thumbnails
*/
.thumbnail {position: relative;}
.thumbnail-classic {text-align: center;}
.thumbnail-classic-figure {display: block; overflow: hidden;}
.thumbnail-classic-figure img {width: 100%; transition: all .3s ease; will-change: transform;}
.thumbnail-classic-caption {padding: 20px 15px; max-width: 80%; margin-left: auto; margin-right: auto; background: #fff; transform: translate3d(0, -20px, 0); will-change: transform; transition: all .3s ease;}
.thumbnail-classic-title {margin-bottom: 0; padding-bottom: 10px; font-size: 18px; font-family: "Montserrat", Helvetica, Arial, sans-serif;}
.thumbnail-classic-desc {font-size: 14px; color: #999; letter-spacing: .1em; text-transform: uppercase;}
@media (min-width: 992px) {
  .thumbnail-classic-figure img {transform: scale(1.1); transform-origin: 50% 0;}
  .thumbnail-classic-caption {padding-top: 30px; padding-bottom: 30px; transform: translate3d(0, -30px, 0);}
  .thumbnail-classic:hover .thumbnail-classic-caption, .thumbnail-classic:hover .thumbnail-classic-figure img {transform: none;}
}
* + .thumbnail-classic-desc {margin-top: 0;}
.thumbnail-modern {position: relative; overflow: hidden;}
.thumbnail-modern-figure {display: block;}
.thumbnail-modern-figure img {width: 100%; transition: all .3s ease; will-change: transform;}
.thumbnail-modern-caption {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px 15px 15px 15px;}
.thumbnail-modern-title {font-weight: 400; font-size: 16px; text-align: center; font-family: "Montserrat", Helvetica, Arial, sans-serif;}
.thumbnail-modern-badge {display: inline-block; padding: 4px 10px 2px; font-size: 12px; text-align: center; line-height: 1.43; letter-spacing: .1em; font-weight: 400; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #fff; background: #2F2B2B;}
* + .thumbnail-modern-badge {margin-top: 10px;}
@media (min-width: 992px) {
  .thumbnail-modern-figure img {transform: none;}
  .thumbnail-modern-caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; background: rgba(255, 255, 255, 0.91); transition: all .3s linear;}
  .thumbnail-modern:hover .thumbnail-modern-figure img {transform: scale(1.2);}
  .thumbnail-modern:hover .thumbnail-modern-caption {opacity: 1; visibility: visible;}
  .thumbnail-modern-title {font-size: 18px;}
  .hoverdir-item .thumbnail-modern-caption {opacity: 1; visibility: visible; transform: translate(-100%, 0); will-change: transform; pointer-events: none;}
  .hoverdir-item .thumbnail-modern-caption > * {pointer-events: auto;}
  .desktop[data-x-mode='true'] .hoverdir-item .thumbnail-modern-caption {opacity: 0; visibility: hidden; transform: none;}
  .desktop[data-x-mode='true'] .thumbnail-modern:hover .thumbnail-modern-caption {opacity: 1; visibility: visible;}
}

/* Sport Center Section
--------------------------------*/
.sportCenter{text-align: center;}
.sportCenter p{text-align: center;}
.sportCenter .logos{width: 300px; margin-bottom: 40px;}
@media (max-width: 768px) {
  .sportCenter p.text-left{text-align: center !important;}
}

/*
*
* Partners Section
* --------------------------------------------------
*/
.partners {padding: 50px 0 40px 0;}
.partners ul{margin: 0 auto; text-align: center;}
.partners ul li{display: inline-block; padding: 0 15px 40px 15px;}

/*
* section footer
* -----------------
*/
footer {padding: 90px 0 0 0; background-color: #1A1A1A; color: #fff;}
footer .widget {margin-bottom: 80px;}
footer .sectionLeftTitle{position: relative;}
footer .sectionLeftTitle:after {content: ''; display: block; width: 80px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0;}
footer h3 {font-size: 35px; font-weight: 400; margin: 0 0 25px; text-align: left; color: #fff;}
footer a{color: #FDCC3A;}
footer a:hover{color: #fff;}
footer ul li {position: relative; padding: 0;}
footer ul li:before {content: '\F142'; font-family: "Material Design Icons"; top: 0; left: 0; position: absolute; color: #fff;}
footer ul li a {padding-left: 20px;}

footer .social-links {margin: 0; padding: 0;list-style: none;}
footer .social-links a {display: inline-block; margin-right: 10px; padding: 0; width: 30px; height: 30px; border: 1px solid #FDCC3A; text-align: center; vertical-align: middle;}
footer .social-links a:hover {background-color: #FDCC3A; color: #1A1A1A;}
footer .social-links a i {display: block; padding-top: 3px;}
footer .social-links a:hover i {display: block; padding-top: 3px;}

@media (max-width: 768px) {
  footer *{text-align: center;}
  footer h3 {text-align: center;}
  footer .sectionLeftTitle:after {bottom: 0; left: 50%; margin-left: -40px;}
  footer ul li {display: inline-block;}
}

.copyright {padding: 15px 0; font-size: 22px; text-align: center; background-color: #000;}
.copyright a:hover {text-decoration: none;}
.copyright p {margin: 0; color: #4F4F4F;}
.copyright a {color: #4F4F4F;}
.copyright .createdBy {font-size: 14px;}

/* ================
 * MODAL WINDOWS *
==================*/
.modal{}
.modal-header .close{position: absolute; top: 20px; right: 20px;}
.modal-content{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 none; padding: 35px;}
.modal-content h2{color: #050505; padding-bottom: 0; text-align: left; font-size: 28px;}
.modal-footer{border: 0 none;}
.modal-footer .btn-primary {background-color: transparent; color: #FDCC3A; border: 1px solid #FDCC3A;}
.modal-footer .btn-primary:focus, .modal-footer .btn-primary:hover, .modal-footer .btn-primary:active {background-color: #FDCC3A !important; border-color: #FDCC3A; color: #000; outline: none !important; box-shadow: none !important;}
@media (max-width: 991px) {
  .modal-content{padding: 5px;}
}

/* ================
 * FANCYBOX THUMBS *
==================*/
@media all and (min-width: 768px) {
  .fancybox-thumbs {top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
  .fancybox-show-thumbs .fancybox-inner {right: 0; bottom: 95px;}
  .fancybox-thumbs__list{margin: 0 auto;}
  .fancybox-thumbs__list a:before{border: 2px solid #FDCC3A;}
}