@charset "utf-8";
/* CSS Document */
/* Developed and copyright by Supawee "Bom" Ippoodom */

/* Reset - Start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
:visited,
:active,
:focus{
	outline: transparent !important;
}
.btn.focus, .btn:focus{
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
}
/* Reset - End */

*{ margin:0 0; padding:0 0; }
a, a:hover, a:active, a:visited{ text-decoration:none; cursor:pointer; }
a img{ border:none; }
.noinnertext{ font-size:0; line-height:0; overflow:hidden; text-indent:-999em; text-decoration:none; }
.al-l{ text-align:left; }
.al-c{ text-align:center; }
.al-r{ text-align:right; }
.bold{ font-weight:normal; font-weight:700; }
.italic{ font-style:italic; }
.underline{ text-decoration:underline; }
.img-fullwidth{ max-width:100%; }
.img-maxwidth{ width:100%; }
.nopadding{ padding:0; }
.uppercase{ text-transform:uppercase; }

h1,h2,h3,h4,h5,b,strong{ font-weight:normal; }

/* Color Identity - Start */
.white{ color:#FFF; }
.black{ color:#000; }
.red{ color:#ff001b; }
.grey{ color:#767676; }
.darkgrey{ color:#302b30; }
.green{ color:#09c42c; }
/* Color Identity - End */

/* Background - Start */
.bg-black{ background-color:#000; }
.bg-white{ background-color:#FFF; }
.bg-red{ background-color:#ff001b; }
.bg-grey{ background-color:#767676; }
.bg-darkgrey{ background-color:#302b30; }
.bg-green{ background-color:#09c42c; }
/* Background - End */

/* Border - Start */
.noborder{ border:none !important; }
.border{ border:1px solid; }
.border-top{ border-top:1px solid; }
.border-right{ border-right:1px solid; }
.border-bottom{ border-bottom:1px solid; }
.border-left{ border-left:1px solid; }

	/* Border Size - Start */
	.border-2px{ border-width:2px; }
	.border-3px{ border-width:3px; }
	.border-4px{ border-width:4px; }
	.border-5px{ border-width:5px; }
	.border-6px{ border-width:6px; }
	.border-7px{ border-width:7px; }
	.border-8px{ border-width:8px; }
	.border-9px{ border-width:9px; }
	.border-10px{ border-width:10px; }
	/* Border Size - End */
	
	/* Border Color - Start */
	.border-black{ border-color:#000; }
    .border-white{ border-color:#FFF; }
    .border-red{ border-color:#ff001b; }
    .border-grey{ border-color:#767676; }
    .border-darkgrey{ border-color:#302b30; }
    .border-green{ border-color:#09c42c; }
	/* Border Color - End */
	
/* Border - End */

/* Buttons - Start */
.btn{
    padding:0.5rem 3rem;
    font-size:14px;
    line-height:14px;

    border:none;

    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;

    transition:.2s background-color linear, .2s color linear;
    -webkit-transition:.2s background-color linear, .2s color linear;
    -moz-transition:.2s background-color linear, .2s color linear;
    -o-transition:.2s background-color linear, .2s color linear;
}
.btn-wide{ padding:5px 30px; }
.btn-f-medium{ font-size:16px; }
.btn-f-small{ font-size:12px; }

    /* Color Button - Start */
    .btn-white{
        color:#ff001b;
        background-color:#fff;
    }
    .btn-red{
        color:#fff;
        background-color:#ff001b;
    }
    .btn-grey{
        color:#fff;
        background-color:#767676;
    }
    .btn-darkgrey{
        color:#fff;
        background-color:#302b30;
    }
    .btn-green{
        color:#fff;
        background-color:#09c42c;
    }
    /* Color Button - End */

    /* On hover - Start */
    .btn-white:hover{
        color:#fff;
        background-color:#ff001b;
    }
    .btn-red:hover{
        color:#ff001b;
        background-color:#fff;
    }
    .btn-grey:hover{
        color:#767676;
        background-color:#fff;
    }
    .btn-darkgrey:hover{
        color:#302b30;
        background-color:#fff;
    }
    .btn-green:hover{
        columns: #09c42c;;
        background-color:#fff;
    }
    /* On hover - End */

.btn-text{
    transition:.2s color linear;
    -webkit-transition:.2s color linear;
    -moz-transition:.2s color linear;
    -o-transition:.2s color linear;
}
    /* Color Button - Start */
    .btn-text.white:hover,
    .btn-text.black:hover{
        color:#ff001b;
    }
    /* Color Button - End */

/* Buttons - End */

/* Links - Start */
a{
    transition:.1s color linear;
    -webkit-transition:.1s color linear;
    -moz-transition:.1s color linear;
    -o-transition:.1s color linear;
}
    /* Color - Start */
    a.link-red{
        color:#ff001b;
    }
    a.link-white{
        color:#fff;
    }
    /* Color - End */

    /* On Hover - Start */
    a.link-red:hover{
        color:#fff;
    }
    a.link-white:hover{
        color:#ff001b;
    }
    /* On Hover - End */

/* Links - End */

/* Fonts - Start */
.f-Bebas{ font-family:'Bebas','Sukhumvit','sans-serif'; font-weight:'normal'; }
.f-Sukhumvit{ font-family:'Sukhumvit','sukhumvit_settext','sans-serif'; font-weight:'normal'; }
.f-Sukhumvit.bold{ font-family:'sukhumvit_setsemi_bold', 'Sukhumvit', 'sans-serif'; }
.f-Sukhumvit-Bold{ font-family:'sukhumvit_setbold', 'Sukhumvit', 'sans-serif'; font-weight:normal; }
.f-Sukhumvit-SemiBold{ font-family:'sukhumvit_setsemi_bold', 'Sukhumvit', 'sans-serif'; font-weight:normal; }
.f-Sukhumvit-Text{ font-family:'sukhumvit_settext', 'Sukhumvit', 'sans-serif'; font-weight:normal; }
.f-Gotham{ font-family:'Gotham','Sukhumvit','sans-serif'; font-weight:'normal'; }
.f-GothamBook{ font-family:'GothamBook','Sukhumvit','sans-serif'; font-weight:'normal'; }

    /* Size - Start */
    h1{
        font-size:45px;
        line-height:45px;
    }
    h2{
        font-size:33px;
        line-height:33px;
    }
    h3{
        font-size:22px;
        line-height:22px;
    }
    h4{
        font-size:20px;
        line-height:20px;
    }
    h5{
        font-size:18px;
        line-height:18px;
    }
    p{
        font-size:18px;
        line-height:28px;
    }
    /* Size - End */

/* Fonts - End */

/* Animation - Start */
.delay-1{ animation-delay:.2s; }
.delay-2{ animation-delay:.4s; }
.delay-3{ animation-delay:.6s; }
.delay-4{ animation-delay:.8s; }
.delay-5{ animation-delay:1s; }
.delay-6{ animation-delay:1.2s; }
.delay-7{ animation-delay:1.4s; }
.delay-8{ animation-delay:1.6s; }
.delay-9{ animation-delay:1.8s; }
.delay-10{ animation-delay:2s; }
.delay-11{ animation-delay:2.2s; }
/* Animation - End */

/* .slick-slider - Start */
.slick-dots{
    width:100%;
    height:auto;
    
    position:absolute;
    left:0;
    bottom:2rem;

    text-align:center;
}
.slick-dots li{
    display:inline-block;
    margin:0 10px;
}
.slick-dots li button{
    width:15px;
    height:15px;

    font-size:0;
    line-height:0;

    overflow:hidden;
    text-indent:-9999;
    
    background-color:#fff;
    border:none;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    transition:.2s background-color linear;
    -webkit-transition:.2s background-color linear;
    -moz-transition:.2s background-color linear;
    -o-transition:.2s background-color linear;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button{
    background-color:#ff001b;
}
/* .slick-slider - End */

/* Form - Start */
.form{
	position:relative;
	margin-bottom:3rem;
}
.form div.control-group{
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
}
.form div.control-group .control-label{
	margin-bottom:0.25rem;
	font-size:22px;
    line-height:22px;
}
.form .symbol::after{
    content:'';
	color:#45bce7;
	margin-left:0.5rem;
}

.form .symbol.required::after{
    content:'*';
}
.form div.control-group .controls{
	margin:1rem 0;
}
.form div.control-group .controls p{
	font-size:22px;
}
.form div.control-group .controls input[type="text"],
.form div.control-group .controls input[type="tel"],
.form div.control-group .controls input[type="email"],
.form div.control-group .controls input[type="number"],
.form div.control-group .controls select,
.form div.control-group .controls textarea{
    width:100%;
    font-size:14px;
    line-height:24px;
    color:#fff;
	background-color:transparent;
	border:none;
	border-bottom:1px solid #fff;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
}
.form div.control-group .controls input[type="text"],
.form div.control-group .controls input[type="tel"],
.form div.control-group .controls input[type="email"],
.form div.control-group .controls input[type="number"],
.form div.control-group .controls textarea{
    padding:0.5rem 0.5rem 0.25rem 0.5rem;
}
.form div.control-group .controls textarea{
	resize:none;
}
.form div.control-group .controls .select2{
	width:100% !important;
}
.form div.control-group .controls .select2-selection{
	padding:0.5rem 0.5rem 1.75rem 0.5rem;
    border:1px solid #132947;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
	background:#fff;
	font-size:18px;
	line-height:28px;
}
.select2-results__option{
    font-size:18px;
    line-height:22px;
}
.form div.control-group .controls .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#777777;
    line-height:22px;
	font-size:18px;
	padding-left:0;
}
.form .select2-container--default .select2-selection--single .select2-selection__arrow{
	height:100%;
}
.form div.control-group.mk-trc i{
    height:22px;
}
.form div.control-group.mk-trc[data-style=radio] i,
.form div.control-group.mk-trc[data-style=check] i{
    width:22px;
    background:transparent;
}
.form div.control-group.mk-trc label{
    font-size:18px;
}
.form div.control-group button[name="btnCheckExists"]{
	padding:0.5rem 0.5rem 0.25rem 0.5rem;
	font-size:18px;
	line-height:28px;
	border:1px solid #132947;
	border-left:none;
}
.form div#form-actions button.btn-text{
    background:none;
    border:none;
}

	/* .form-check-inline - Start */
	.form-check-inline{
		font-size:22px;
		line-height:22px;
		margin-right:1rem;
	}
	.form-check-inline .form-check-label{
		margin-top:0.5rem;
		margin-left:0.5rem;
	}
	/* .form-check-inline - End */

	/* ::placeholder - Start */
	::-webkit-input-placeholder { color:#fff; }
	:-ms-input-placeholder { color:#fff; }
	::placeholder { color:#fff; }
	/* ::placeholder - End */

    /* MK TRC - Start */
    .form div.control-group.c-navy.mk-trc[data-style=check] i{
        border-color:#132947;
    }
    .form div.control-group.c-navy.mk-trc input:checked+label i{
        background:#132947;
    }
    .form div.control-group.c-gold.mk-trc[data-style=check] i{
        border-color:#846647;
    }
    .form div.control-group.c-gold.mk-trc input:checked+label i{
        background:#846647;
    }
    /* MK TRC - End */

    /* Messages - Start */
    .message{
		margin-top:0.25rem;
        font-size:22px;
        line-height:22px;
    }
    .message.error{
        color:#ff0000;
    }
	/* Messages - End */
	
	/* Custom Upload button - Start */
	.upload-btn-wrapper {
		position: relative;
		overflow: hidden;
		display:flex;
		flex-wrap:wrap;
	}
	.upload-btn-wrapper .fileName{
		border:1px solid #45bce7;
		border-right:none;
		font-size:20px;
	}
	.upload-btn-wrapper .upload-btn,
	button[name="btnCheckCode"] {
		border: 1px solid #45bce7;
		color: #fff;
		background-color: #000;
		padding: 8px 20px;
		border-radius: 8px;
		font-size: 20px;
		font-weight: bold;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-o-border-radius:0;
		
		cursor:pointer;
	}
	.upload-btn-wrapper input[type=file] {
		font-size: 100px;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	/* Custom Upload button - End */

/* Form - End */

/* Default stylesheet - Start */
body{
    font-family:'Gotham','sukhumvit_settext','san-serif';
}
.revealOnScroll{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; }
.title-wrapper{
    padding-left:20px;
}
.title{
    position:relative;
}
.title::before{
    content:'';
    width:15px;
    height:1px;
    background-color:#000;

    position:absolute;
    top:50%;
    left:-20px;
}
.title-wrapper.white .title::before{
    background-color:#fff;
}
.space{
    height:98px;
}
/* Default stylesheet - End */

/* Navigation - Start */
nav.navbar{
    transition:.2s background-color linear;
    -webkit-transition:.2s background-color linear;
    -moz-transition:.2s background-color linear;
    -o-transition:.2s background-color linear;
}
nav.navbar.stick{
    background-color:#fff;
}
html.home_index nav.navbar.stick,
html[class^="articles_"] nav.navbar.stick,
html[class^="coaches"] nav.navbar.stick{
    background-color:#000;
}
nav.navbar .navbar-brand a img{
    width:136px;
}
nav.navbar .nav-item{
    font-family:'Gotham';
    font-size:12px;
    line-height:12px;
}
nav.navbar #language.nav-item a.active{
    color:#ff001b;
}
nav.navbar #nav-sub #btnFindUs{
    transition:.2s background-color linear, .2s color linear;
    -webkit-transition:.2s background-color linear, .2s color linear;
    -moz-transition:.2s background-color linear, .2s color linear;
    -o-transition:.2s background-color linear, .2s color linear;

    background-color:rgba(255,255,255,0.2);
}
nav.navbar #nav-sub #btnFindUs:hover{
    color:#ff001b;
    background-color:rgba(255,255,255,1);
}
nav.navbar #btnFacebook i,
nav.navbar #btnLine i{
    font-size:24px;
    line-height:24px;
}
#nav-icon3{
	width: 26px;
	height: 26px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index:2;
	position:relative;
}
#nav-icon3.font-awesome{
	font-size:28px;
}

#nav-icon3 span{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

#nav-icon3 span:nth-child(1) {
	top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	top: 7px;
}

#nav-icon3 span:nth-child(4) {
	top: 14px;
}
#nav-icon3 label.text{
	width: 100%;
	position:absolute;
	left:0;
	bottom:-3px;
	font-size:8px;
	line-height:8px;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;

	transition:.2s opacity ease-in-out;
	-webkit-transition:.2s -webkit-opacity ease-in-out;
	-moz-transition:.2s -moz-opacity ease-in-out;
	-o-transition:.2s -o-opacity ease-in-out;
}
.navbar-toggler[aria-expanded="false"] #nav-icon3 label.text.onClose{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
}
.navbar-toggler[aria-expanded="true"] #nav-icon3 label.text.onOpen{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
}
.navbar-toggler[aria-expanded="true"] #nav-icon3 span{
	background:#ff001b;
}
.navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(1) {
	top: 14px;
	width: 0%;
	left: 50%;
}

.navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] #nav-icon3 span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

    /* Setting Active - Start */
    html.articles_aboutus nav.navbar .nav-item:nth-child(1) .nav-link,
    html[class^="news_"] nav.navbar .nav-item:nth-child(3) .nav-link,
    html[class^="coaches_"] nav.navbar .nav-item:nth-child(4) .nav-link,
    html.articles_services nav.navbar .nav-item:nth-child(5) .nav-link,
    html.contactus_index nav.navbar .nav-item:nth-child(6) .nav-link{
        color:#ff001b;
    }
    /* Setting Active - End */

/* Navigation - End */

/* Footer - Start */
footer{
    background-color:#191919;
}
footer #footer-nav li{
    font-size:14px;
    line-height:14px;
    margin:0 0.5rem;
}
footer #footer-nav li:last-child{
    margin-right:0;
}
footer #btnFacebook{
    margin-top:0.2rem;
    font-size:20px;
}
footer #btnLine{
    font-size:26px;
}
footer .small{
    font-size:12px;
    line-height:12px;
}
/* Footer - End */

/* #banner - Start */
#banner{
    width:100%;
    height:100vh;
    position:relative;
    z-index:0;
}
#banner .container{
    height:100%;
    position:relative;
    z-index:2;
}
#banner .container > div.d-flex{
    height:100%;
}
#banner #typo{
    position:relative;
    z-index:1;
    margin-top:30%;
}
#banner #typo p{
    font-size:18px;
    line-height:28px;
}
#banner .mask{
    width:100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
    -o-opacity:0.5;
    z-index:1;
}
#banner #background{
    width:100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
/* #banner - End */

/* #programs - Start */
section#programs{
    padding-bottom:4rem;
}
section#programs #program-tabs{
    background-image:url('../img/class_bg.png');
    background-position:left top;
    background-size:cover;
    background-repeat:no-repeat;

    padding-left:3rem;
    margin-bottom:6rem;
}
section#programs #program-tabs .title-wrapper,
section#programs #program-tabs .nav-tabs{
    padding-left:5rem;
}
section#programs #program-tabs .title-wrapper{
    padding-top:9rem;
    padding-bottom:1rem;
}
section#programs #program-tabs .nav-tabs{
    border:none;
}
section#programs #program-tabs .nav-tabs .nav-item{
    width:100%;
    float:left;
    display:block;
    position:relative;

    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    
    margin-bottom:0.25rem;
}
section#programs #program-tabs .nav-tabs .nav-item .nav-link{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;

    padding:0;

    border:none;

    color:#636363;

    transition:.2s color linear, .2s background-color linear;
    -webkit-transition:.2s color linear, .2s background-color linear;
    -moz-transition:.2s color linear, .2s background-color linear;
    -o-transition:.2s color linear, .2s background-color linear;
}
section#programs #program-tabs .nav-tabs .nav-item .nav-link::after{
    content:'';
    width: 0;
    height: 0;
    border-top: 15px solid #860d09;
    border-right: 15px solid transparent;

    position:absolute;
    bottom:-15px;
    right:0;

    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;

    transition:.2s opacity ease-in-out;
    -webkit-transition:.2s -webkit-opacity ease-in-out;
    -moz-transition:.2s -moz-opacity ease-in-out;
    -o-transition:.2s -o-opacity ease-in-out;
}
section#programs #program-tabs .nav-tabs .nav-item .nav-link:hover{
    color:#ff001b;
}
section#programs #program-tabs .nav-tabs .nav-item.show .nav-link,
section#programs #program-tabs .nav-tabs .nav-link.active,
section#programs #program-tabs .nav-tabs .nav-item.show .nav-link:hover,
section#programs #program-tabs .nav-tabs .nav-link.active:hover{
    color:#fff;
    background-color:#ff001b;
}
section#programs #program-tabs .nav-tabs .nav-link.active::after{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
}
section#programs #program-info{
    padding-top:9rem;
    margin-bottom:6rem;
}
section#programs #program-banner .banner-item{
    position:relative;
    line-height:0;
}
section#programs #program-banner .banner-item .banner-item-info{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;

    line-height:0;

    background-color:rgba(0,0,0,0.5);

    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;

    transition:.2s opacity ease-in-out;
    -webkit-transition:.2s -webkit-opacity ease-in-out;
    -moz-transition:.2s -moz-opacity ease-in-out;
    -o-transition:.2s -o-opacity ease-in-out;
}
section#programs #program-banner .banner-item:hover .banner-item-info{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
}
/* #programs - End */

/* #coach - Start */
section#coach{
    background-color:#e9e9e9;
    padding-top:6rem;
}
section#coach #courses{
    padding-left:5rem;
    padding-bottom:3rem;
}
section#coach #courses .course-item .sub-courses li{
    position:relative;
}
section#coach #courses .course-item .sub-courses li::before{
    content:'';
    width:0;
    height:0;

    position:absolute;
    left:-15px;
    top:0;

    border-top: 10px solid #ff001b;
    border-left: 10px solid transparent;

    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;

    transition:.2s opacity ease-in-out;
    -webkit-transition:.2s -webkit-opacity ease-in-out;
    -moz-transition:.2s -moz-opacity ease-in-out;
    -o-transition:.2s -o-opacity ease-in-out;
}
section#coach #courses .course-item .sub-courses li:hover::before{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
}
section#coach #coach-info .info-item{
    padding:1rem 0;
}
section#coach #coach-info .info-item.name h3,
section#coach #coach-info .info-item.name h4{
    position:relative;
}
section#coach #coach-info .info-item.name h3::after{
    content:'';
    width: 0;
    height: 0;
    border-top: 26px solid #fff;
    border-right: 26px solid transparent;

    position:absolute;
    bottom:-26px;
    right:0;
}
section#coach #coach-info .info-item.name h4{
    width:calc(100% - 26px);
}
section#coach #coach-info .info-item.name h4::after{
    content:'';
    width: 0;
    height: 0;
    border-top: 26px solid #302b30;
    border-right: 26px solid transparent;

    position:absolute;
    bottom:-26px;
    right:0;
}
section#coach #coach-info hr.line{
    width:15px;
    height:1px;
    margin:5px 0;
    border:none;
    background-color:#000;
}
section#coach #coach-image,
section#coach #coach-image .wrapper{
    line-height:0;
}
section#coach #coach-image .wrapper{
    position:relative;
    height:100%;

    background-image:url('../img/coach_bg.png');
    background-position:center bottom;
    background-size:100% auto;
    background-repeat:no-repeat;
}
section#coach #coach-image h1{
    padding-top:30px;

    position:relative;
}
section#coach #coach-image h1::before{
    content:'';
    width:0;
    height:0;

    position:absolute;
    top:0;
    right:0;

    border-top: 15px solid #ff001b;
    border-left: 15px solid transparent;
}
section#coach #coach-image img{
    width:326px;
    position:absolute;
    left:calc( 50% - 163px );
    bottom:0;
}
/* #coach - End */

/* #sub-banner - Start */
#sub-banner{
    line-height:0;
}
#sub-banner .banner-item,
#sub-banner .banner-item .container{
    position:relative;
}
#sub-banner .banner-item .container{
    height:100%;
}
#sub-banner .banner-item .caption{
    position:absolute;
}
#sub-banner .banner-item .caption.caption-1{
    width:300px;
    top:25vh;
    left:20%;
}
#sub-banner .banner-item .caption.caption-2{
    top:40vh;
    left:20%;
}
#sub-banner .banner-item .caption.caption-3{
    width:300px;
    top:40vh;
    right:0;
}
/* #sub-banner - End */

/* #contact - Start */
section#contact #address{
    background-image:url('../img/contact_banner.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
section#contact #address > div{
    margin-top:17rem;
}
/* #contact - End */

/* #page-banner - Start */
#page-banner{
    min-height:80vh;
    line-height:0;

    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
/* #page-banner - End */

/* #page-body - Start */
section#page-body .body-title{
    padding:4rem 1rem;
}
section#page-body .body-title .title-wrapper{
    padding-left:90px;
}
section#page-body .body-title .title-wrapper .title::before{
    width:60px;
    top:10px;
    left:-75px;
}
section#page-body .blog{
    margin-bottom:6rem;
}
section#page-body .blog .blog-title{
    padding-bottom:2rem;
}
section#page-body .blog .blog-title .blog-sdesc{
    min-height:72px;
}
html.coaches_index section#page-body .blog .blog-title .blog-sdesc{
    min-height:auto;
}
section#page-body .blog .blog-title .blog-more-info{
    margin-top:1rem;
    display:none;
}
section#page-body .blog .blog-title .blog-more-info h5,
section#page-body .blog .blog-title .blog-more-info ul{
    margin-bottom:1rem;
}
section#page-body .blog .blog-title .blog-more-info ul li{
    margin-bottom:1rem;
    margin-left:1rem;
    list-style:circle;

    line-height:26px;
}
section#page-body .blog .blog-title:not(.active) .btnMoreInfo i.fa-chevron-up{
    display:none;
}
section#page-body .blog .blog-title.active .btnMoreInfo i.fa-chevron-down{
    display:none;
}
section#page-body .blog .blog-image{
    margin-bottom:1rem;
    position:relative;
}
section#page-body .blog .blog-image .btnPlay{
    width:45px;
    height:45px;

    position:absolute;
    top:calc( 50% - 22.5px );
    left:calc( 50% - 22.5px );

    z-index:1;

    color:#ff001b;

    transition:.2s color linear;
    -webkit-transition:.2s color linear;
    -moz-transition:.2s color linear;
    -o-transition:.2s color linear;
}
section#page-body .blog .blog-image:hover .btnPlay{
    color:#fff;
}
section#page-body .blog .blog-image .slick-dots{
    top:1rem;
    bottom:auto;
}
section#page-body .blog .blog-image .slick-dots li button{
    background-color:#000;
}
section#page-body .blog .blog-image .slick-dots li.slick-active button,
section#page-body .blog .blog-image .slick-dots li:hover button{
    background-color:#ff001b;
}
/* #page-body - End */

/* #contact-inner-page - Start */
#contact-inner-page{
    height:80vh;
    padding:6rem 1rem;

    background-image:url('../img/contact_inner_page_bg.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
/* #contact-inner-page - End */

/* Page .programs_index - Start */
html.programs_index nav.navbar .white{
    color:#000;
}
html.programs_index nav.navbar .white:hover{
    color:#ff001b;
}
html.programs_index nav.navbar #nav-sub #btnFindUs{
    background-color:rgba(0,0,0,0.1);
}
html.programs_index .blog.blog-item .thumbnail a{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    transition:.2s color linear;
    -webkit-transition:.2s color linear;
    -moz-transition:.2s color linear;
    -o-transition:.2s color linear;
}
html.programs_index .blog.blog-item .thumbnail a:hover{
    color:#fff;
}
html.programs_index #program-tabs .nav.nav-tabs{
    border-bottom:none;
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link{
    border:none;
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link h3{
    color:rgba(0,0,0,0.5);
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link p{
    width:70%;
    min-width:50px;
    padding:0 0.25rem;
    position:relative;

    color:rgba(0,0,0,0.5);
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link h3,
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link p{
    transition:.2s color linear;
    -webkit-transition:.2s color linear;
    -moz-transition:.2s color linear;
    -o-transition:.2s color linear;
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link:hover h3,
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link:hover p{
    color:rgba(0,0,0,1);
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link p::after{
    content:'';
    width:0;
    height:0;
    position:absolute;
    right:0;
    bottom:-15px;

    border-top:15px solid #861109;
    border-right:15px solid transparent;

    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;
}
html.programs_index #program-tabs .nav-tabs .nav-item.show .nav-link h3,
html.programs_index #program-tabs .nav-tabs .nav-link.active h3{
    color:rgba(0,0,0,1) !important;
}
html.programs_index #program-tabs .nav-tabs .nav-item.show .nav-link p,
html.programs_index #program-tabs .nav-tabs .nav-link.active p{
    color:#fff !important;
    background-color:#ff001b;
}
html.programs_index #program-tabs .nav.nav-tabs .nav-item.show .nav-link p::after,
html.programs_index #program-tabs .nav.nav-tabs .nav-item .nav-link.active p::after{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
}
html.programs_index #program-info .tab-pane{
    position:relative;
}
html.programs_index #program-info .tab-pane::before{
    content:'';
    width:60px;
    height:1px;

    position:absolute;
    top:10px;
    left:-75px;

    background-color:#000;
}
html.programs_index .table thead th{
    padding-top:5px;
    padding-bottom:5px;
}
html.programs_index .table tbody td{
    background-color:#ebebeb;
    border-bottom:1px solid #fff;
    padding-top:5px;
    padding-bottom:5px;
}
html.programs_index section#page-body .blog{
    margin-bottom:3rem;
}
/* Page .programs_index - End */

/* Page .news_index - Start */
html.news_index nav.navbar .white{
    color:#000;
}
html.news_index nav.navbar .white:hover{
    color:#ff001b;
}
html.news_index nav.navbar #nav-sub #btnFindUs{
    background-color:rgba(0,0,0,0.1);
}
html.news_index #highlight #highlight-title,
html.news_index #highlight #highlight-info{
    padding-top:4rem;
}
html.news_index #highlight #highlight-title{
    background-image:url('../img/class_bg.png');
    background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
}
html.news_index #highlight #highlight-title h1{
    margin-bottom:1rem;
}
html.news_index .article-title{
    min-height:56px;
}
/* Page .news_index - End */

/* Page .news_info - Start */
html.news_info nav.navbar .white{
    color:#000;
}
html.news_info nav.navbar .white:hover{
    color:#ff001b;
}
html.news_info nav.navbar #nav-sub #btnFindUs{
    background-color:rgba(0,0,0,0.1);
}
html.news_info #highlight{
    padding-bottom:6rem;
}
html.news_info #highlight #highlight-title,
html.news_info #highlight #highlight-info{
    padding-top:4rem;
}
html.news_info #highlight #highlight-title{
    background-image:url('../img/class_bg.png');
    background-size:100% auto;
    background-position:center top;
    background-repeat:no-repeat;
}
html.news_info #highlight #highlight-title h1{
    margin-bottom:1rem;
}
html.news_info #highlight #highlight-info .title::before{
    top:10px;
}
/* Page .news_info - End */

/* Page .contactus_index - Start */
html.contactus_index nav.navbar .white{
    color:#000;
}
html.contactus_index nav.navbar .white:hover{
    color:#ff001b;
}
html.contactus_index nav.navbar #nav-sub #btnFindUs{
    background-color:rgba(0,0,0,0.1);
}
/* Page .contactus_index - End */