/*
Template Name: 
Template URI: http://coderboys.net/gymoga
Author: CoderHut
Author URI: http://coderboys.net/
Version: 1.0
Tags: body building, fitness, Fitness care, fitness center, fitness template, gym, gym fitness, gym template, health, yoga, one page
*/

/*  ---------------------------------------------------------------------------
    TABLE OF CONTENTS
    ---------------------------------------------------------------------------

*   01. Global Area
*   02. Site Header / .site-header
*   03. Banner Area / .banner-area
*   04. About Area / .about-area
*   05. Services Area / .services-area
*   06. Video Area / .video-area
*   07. Gallery Area / .gallery-area
*   08. Classes Area / .classes-area
*   09. Fun Fact Area / .fun-fact-area
*   10. Trainer Area / .trainer-area
*   11. Testimonial Area / .testimonial-area
*   12. Discount Area / .discount-area
*   13. Schedule Area / .schedule-area
*   14. Pricing Area / .pricing-area
*   15. Brand Area / .brand-area
*   16. Home Blog Area / .home-blog-area
*   17. Contact Area / .contact-area
*   18. Site Footer / .site-area
*   19. Page Title / .page-title
*   
*/

/**
*
* ---------------------------------------------------------------------------
# [Typography]

# Body copy:            'Roboto', sans-serif
# Heading:              'Montserrat', sans-serif
# Input, textarea:      'Roboto', sans-serif
# Links:                'Roboto', sans-serif

* --------------------------------------------------------------------------- 
*
*/

/*
* ---------------------------------------------------------------------------
* 01. Global Area
* ---------------------------------------------------------------------------
*/

/* Googlr Fonts */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Roboto:300,400,500,700');

body {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    position: relative;
}
html,
body {
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1.3;
    font-family: 'Montserrat', sans-serif;
}
p {
    margin-bottom: 15px;
}
a {
    text-decoration: none;
    transition: all 0.5s ease;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
.owl-carousel .owl-item img {
    width: auto;
}
.media-left img {
    max-width: inherit;
}
::-webkit-input-placeholder {
    color: inherit;
}
button {
    border: 0;
}
button:focus,
input:focus {
    outline: none;
}

/* Section Style */

.sec-overlay {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.sec-overlay:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.sec-title {
    border-left-width: 3px;
    border-left-style: solid;
    padding-left: 15px;
}
.sec-title h2 {
    text-transform: uppercase;
    font-weight: 900;
}
.sec-title p {
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 5px;
}

/* Button */

.tem-btn {
    display: inline-block;
    line-height: 50px;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    background-color: transparent;
}
.tem-btn:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0.5s ease-out;
}
.tem-btn:hover:before {
    transform: scaleX(1);
}

/* Animate Css */

.animated-04s {
    animation-delay: 0.4s;
}
.animated-08s {
    animation-delay: 0.8s;
}
.animated-12s {
    animation-delay: 1.2s;
}

/* Scrol Up */

#scrollUp {
    bottom: 50px;
    right: 3%;
    height: 40px;
    width: 40px;
    line-height: 39px;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    transition: all 1s ease;
    font-size: 18px;
}

/* Preloader */

.tem-preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}
.spinner {
    position: relative;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px auto 0;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@keyframes sk-rotateplane {
    0% { 
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    } 50% { 
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    } 100% { 
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/* Basic margin padding */

.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

/* Margin top */

.mt-0 {
    margin-top: 0 !important;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
.mt-110 {
    margin-top: 110px;
}
.mt-120 {
    margin-top: 120px;
}
.mt-130 {
    margin-top: 130px;
}
.mt-140 {
    margin-top: 140px;
}
.mt-150 {
    margin-top: 150px;
}

/* Margin right */

.mr-0 {
    margin-right: 0 !important;
}
.mr-10 {
    margin-right: 10px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.mr-40 {
    margin-right: 40px;
}
.mr-50 {
    margin-right: 50px;
}
.mr-60 {
    margin-right: 60px;
}
.mr-70 {
    margin-right: 70px;
}
.mr-80 {
    margin-right: 80px;
}
.mr-90 {
    margin-right: 90px;
}
.mr-100 {
    margin-right: 100px;
}
.mr-110 {
    margin-right: 110px;
}
.mr-120 {
    margin-right: 120px;
}
.mr-130 {
    margin-right: 130px;
}
.mr-140 {
    margin-right: 140px;
}
.mr-150 {
    margin-right: 150px;
}

/* Margin bottom */

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-55 {
    margin-bottom: 55px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-85 {
    margin-bottom: 85px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mb-110 {
   margin-bottom: 110px;
}
.mb-120 {
   margin-bottom: 120px;
}
.mb-130 {
   margin-bottom: 130px;
}
.mb-140 {
   margin-bottom: 140px;
}
.mb-150 {
   margin-bottom: 150px;
}

/* Margin left */

.ml-0 {
    margin-left: 0 !important;
}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-40 {
    margin-left: 40px;
}
.ml-50 {
    margin-left: 50px;
}
.ml-60 {
    margin-left: 60px;
}
.ml-70 {
    margin-left: 70px;
}
.ml-80 {
    margin-left: 80px;
}
.ml-90 {
    margin-left: 90px;
}
.ml-100 {
    margin-left: 100px;
}
.ml-110 {
    margin-left: 110px;
}
.ml-120 {
    margin-left: 120px;
}
.ml-130 {
    margin-left: 130px;
}
.ml-140 {
    margin-left: 140px;
}
.ml-150 {
    margin-left: 150px;
}

/* Padding top */

.pt-0 {
    padding-top: 0 !important;
}
.pt-10 {
    padding-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-30 {
    padding-top: 35px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-110 {
    padding-top: 110px;
}
.pt-120 {
    padding-top: 120px;
}
.pt-130 {
    padding-top: 130px;
}
.pt-140 {
    padding-top: 140px;
}
.pt-150 {
    padding-top: 150px;
}

/* Padding right */

.pr-0 {
    padding-right: 0 !important;
}
.pr-10 {
    padding-right: 10px;
}
.pr-15 {
    padding-right: 15px;
}
.pr-20 {
    padding-right: 20px;
}
.pr-30 {
    padding-right: 30px;
}
.pr-40 {
    padding-right: 40px;
}
.pr-50 {
    padding-right: 50px;
}
.pr-60 {
    padding-right: 60px;
}
.pr-70 {
    padding-right: 70px;
}
.pr-80 {
    padding-right: 80px;
}
.pr-90 {
    padding-right: 90px;
}
.pr-100 {
    padding-right: 100px;
}
.pr-110 {
    padding-right: 110px;
}
.pr-120 {
    padding-right: 120px;
}
.pr-130 {
    padding-right: 130px;
}
.pr-140 {
    padding-right: 140px;
}
.pr-150 {
    padding-right: 150px;
}

/*Padding bottom */

.pb-0 {
    padding-bottom: 0 !important
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-15 {
    padding-bottom: 15px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-55 {
    padding-bottom: 55px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-85 {
    padding-bottom: 85px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pb-110 {
    padding-bottom: 110px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pb-130 {
    padding-bottom: 130px;
}
.pb-140 {
    padding-bottom: 140px;
}
.pb-150 {
    padding-bottom: 150px;
}

/* Padding left */

.pl-0 {
    padding-left: 0 !important;
}
.pl-10 {
    padding-left: 10px;
}
.pl-15 {
    padding-left: 15px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-30 {
    padding-left: 30px;
}
.pl-40 {
    padding-left: 40px;
}
.pl-50 {
    padding-left: 50px;
}
.pl-60 {
    padding-left: 60px;
}
.pl-70 {
    padding-left: 70px;
}
.pl-80 {
    padding-left: 80px;
}
.pl-90 {
    padding-left: 90px;
}
.pl-100 {
    padding-left: 100px;
}
.pl-110 {
    padding-left: 110px;
}
.pl-120 {
    padding-left: 120px;
}
.pl-130 {
    padding-left: 130px;
}
.pl-140 {
    padding-left: 140px;
}
.pl-150 {
    padding-left: 150px;
}

/* Page section padding */

.ptb-0 {
    padding: 0 !important;
}
.ptb-10 {
    padding: 10px 0;
}
.ptb-20 {
    padding: 20px 0;
}
.ptb-30 {
    padding: 30px 0;
}
.ptb-40 {
    padding: 40px 0;
}
.ptb-50 {
    padding: 50px 0;
}
.ptb-60 {
    padding: 60px 0;
}
.ptb-70 {
    padding: 70px 0;
}
.ptb-80 {
    padding: 80px 0;
}
.ptb-90 {
    padding: 90px 0;
}
.ptb-100 {
    padding: 100px 0;
}
.ptb-110 {
    padding: 110px 0;
}
.ptb-120 {
    padding: 120px 0;
}
.ptb-130 {
    padding: 130px 0;
}
.ptb-140 {
    padding: 140px 0;
}
.ptb-150 {
    padding: 150px 0;
}

/* Page section margin */
.mtb-0 {
    margin: 0 !important;
}
.mtb-10 {
    margin: 10px 0;
}
.mtb-15 {
    margin: 15px 0;
}
.mtb-20 {
    margin: 20px 0;
}
.mtb-30 {
    margin: 30px 0;
}
.mtb-40 {
    margin: 40px 0;
}
.mtb-50 {
    margin: 50px 0;
}
.mtb-60 {
    margin: 60px 0;
}
.mtb-70 {
    margin: 70px 0;
}
.mtb-80 {
    margin: 80px 0;
}
.mtb-90 {
    margin: 90px 0;
}
.mtb-100 {
    margin: 100px 0;
}
.mtb-110 {
    margin: 110px 0;
}
.mtb-120 {
    margin: 120px 0;
}
.mtb-130 {
    margin: 130px 0;
}
.mtb-140 {
    margin: 140px 0;
}
.mtb-150 {
    margin: 150px 0;
}

/*
* ---------------------------------------------------------------------------
* 02. Site Header / .site-header
* ---------------------------------------------------------------------------
*/

.transparent-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.logo-area {
    padding: 25px 0;
}
.logo-area a {
    display: inline-block;
}
.social-links {
    margin: 0;
    padding: 0;
}
.social-links li {
    list-style-type: none;
    display: inline-block;
}
.social-links li a {
    display: block;
}
.social-links li a i {
    line-height: 40px;
    width: 40px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-size: 16px;
    margin-left: 10px;
}
.social-links li:first-child a i {
    margin-left: 0;
}
.header-bottom {
    background-color: transparent;
    transition: all 0.5s ease-out;
}
.header-bottom.fixed-top .mobile-menu .slicknav_menu,
.header-bottom.fixed-top .main-menu {
    background-image: none !important;
}
.main-menu {
    position: relative;
    z-index: 1;
}
.main-menu ul {
    justify-content: space-around;
}
.main-menu ul li {
    position: relative;
}
.main-menu ul li a {
    margin: 20px 0;
    padding: 0 5px;
    display: block;
    text-transform: uppercase;
    transition: all 0.5s ease-out;
    position: relative;
}
.main-menu ul li a:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    top: 100%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}
.main-menu ul li:hover > a:after,
.main-menu ul li a.active:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.main-menu ul ul {
    position: absolute;
    left: 0;
    top: 120%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}
.main-menu ul li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.main-menu ul ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.main-menu ul ul li:last-child {
    border-bottom: 0;
}
.main-menu ul ul li a {
    width: 230px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-menu ul ul ul {
    top: 0;
    left: 100%;
    border-left-width: 1px;
    border-left-style: solid;
}
.main-menu ul ul li:hover > ul {
    top: 0;
}

/* Mobile Menu */

.mobile-menu .slicknav_nav {
    border-top-width: 1px;
    border-top-style: solid;
}
.mobile-menu .slicknav_nav a {
    text-transform: uppercase;
}
.mobile-menu .slicknav_nav a:hover {
    border-radius: 0;
}

/*
* ---------------------------------------------------------------------------
* 03. Banner Area / .banner-area
* ---------------------------------------------------------------------------
*/

.single-banner {
    height: 800px;
}
.single-banner .itembg {
    display: none;
}
.banner-con {
    position: relative;
    z-index: 2;
}
.banner-con h3 {
    text-transform: uppercase;
    font-weight: 700;
}
.banner-con h1 {
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 5px 0;
}
.banner-con p {
    font-weight: 300;
    font-size: 16px;
    padding: 0 80px;
}

/* Banner Navigation and Pagination */

.banner-area .owl-nav .owl-prev,
.banner-area .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    perspective: 1000px;
    text-align: center;
    overflow: hidden;
}
.banner-area .owl-nav .owl-prev {
    left: 0px;
}
.banner-area .owl-nav .owl-next {
    right: 0px;
}
.banner-area .owl-nav .owl-prev i,
.banner-area .owl-nav .owl-next i {
    line-height: 80px;
    width: 76px;
    font-size: 20px;
}
.banner-area .owl-nav .owl-prev i {
    float: left;
    transition: all 0.5s ease-in-out;
}
.banner-area .owl-nav .owl-next i {
    float: right;
    transition: all 0.5s ease-in-out;
}
.banner-area .owl-nav .owl-next .itemnextbg,
.banner-area .owl-nav .owl-prev .itemprebg {
    height: 80px;
    width: 134px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    transition: all 0.5s ease-in-out;
}
.banner-area .owl-nav .owl-next .itemnextbg {
    float: left;
    transform-origin: right;
    transform: rotateY(-91.5deg);
}
.banner-area .owl-nav .owl-prev .itemprebg {
    float: right;
    transform-origin: left;
    transform: rotateY(91.5deg);
}
.banner-area .owl-nav .owl-next:hover .itemnextbg,
.banner-area .owl-nav .owl-prev:hover .itemprebg {
    transform: rotateY(0);
}
.banner-area .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 2;
    text-align: center;
    transform: translateX(-50%);
}
.banner-area .owl-dot {
    padding: 15px;
    display: inline-block;
    font-size: 24px !important;
    margin: 0 10px;
}
.banner-area .owl-dot:hover,
.banner-area .owl-dot.active {
    border-top-width: 3px !important;
    border-top-style: solid !important;
}

/*
* ---------------------------------------------------------------------------
* 04. About Area / .about-area
* ---------------------------------------------------------------------------
*/

.about-area {
    background: transparent url(../img/background/about.png) right center no-repeat;
}
.special-list {
    padding: 0;
    margin-bottom: 0;
}
.special-list li {
    list-style-type: none;
    position: relative;
    margin-top: 5px;
    padding-left: 35px;
    transition: all 0.5s ease-out;
}
.special-list li:hover {
    padding-left: 50px;
}
.special-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 3px;
    width: 20px;
    transform: translateY(-50%);
    transition: all 0.5s ease-out;
}
.special-list li:hover:before {
    left: 15px;
}

/*
* ---------------------------------------------------------------------------
* 05. Services Area / .services-area
* ---------------------------------------------------------------------------
*/

.single-service {
    position: relative;
    text-align: center;
}
.single-service:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out;
}
.service-3-grid .single-service {
    width: 33.33%;
}
.single-service img {
    width: 100%;
}
.single-service-ovelay {
    padding: 60px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 59%;
    transform: translateY(-50%);
    transition: all 0.5s ease-out;
    z-index: 1;
}
.single-service-ovelay i {
    font-size: 60px;
    margin-bottom: 15px;
    display: inline-block;
    line-height: 1;
}
.single-service-ovelay h4 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}
.single-service-ovelay a i {
    font-size: 14px;
    margin-bottom: 0;
}
.single-service-ovelay a,
.single-service-ovelay p {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}
.single-service:hover .single-service-ovelay a,
.single-service:hover .single-service-ovelay p {
    opacity: 1;
    visibility: visible;
}
.single-service:hover .single-service-ovelay {
    top: 50%;
}

/*
* ---------------------------------------------------------------------------
* 06. Video Area / .video-area
* ---------------------------------------------------------------------------
*/

.video-con {
    position: relative;
    z-index: 1;
}
.video-con h2 {
    margin-bottom: 15px;
    font-weight: 900;
    text-transform: uppercase;
}
.video-con p {
    margin-bottom: 55px;
}
.video-con a i {
    margin-right: 5px;
    line-height: 1;
    display: inline-block;
}

/*
* ---------------------------------------------------------------------------
* 07. Gallery Area / .gallery-area
* ---------------------------------------------------------------------------
*/

.single-gallery-img {
    position: relative;
}
.gallery-3-grid .single-gallery-img {
    width: 33.33%;
}
.single-gallery-img .single-gallery-img img {
    width: 100%;
}
.single-gallery-img .single-gallery-overlay {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-out;
    opacity: 0;
    visibility: hidden;
}
.single-gallery-img:hover .single-gallery-overlay {
    opacity: 1;
    visibility: visible;
}
.single-gallery-img .single-gallery-overlay a {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%);
    display: inline-block;
}
.single-gallery-img:hover .single-gallery-overlay a {
    top: 50%;
}
.single-gallery-img .single-gallery-overlay a i {
    font-size: 24px;
}

/*
* ---------------------------------------------------------------------------
* 08. Classes Area / .classes-area
* ---------------------------------------------------------------------------
*/

.single-class-tumb {
    position: relative;
    overflow: hidden;
}
.single-class-tumb img {
    width: 100%;
}
.single-class-tumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}
.single-class-tumb:hover:after {
    opacity: 1;
    visibility: visible;
}
.class-time {
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}
.single-class:hover .class-time {
    opacity: 1;
    visibility: visible;
    left: 50%;
}
.single-time-info {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}
.single-time-info:last-child {
    margin-bottom: 0;
}
.class-date-info {
    min-width: 53px;
}
.class-time-info,
.class-date-info {
    padding: 10px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}
.class-name {
    width: 100%;
    padding: 15px 10px;
    text-align: center;
}
.class-name a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
}

/*
* ---------------------------------------------------------------------------
* 09. Fun Fact Area / .fun-fact-area
* ---------------------------------------------------------------------------
*/

.single-fact {
    position: relative;
    z-index: 1;
}
.single-fact i {
    font-size: 55px;
    line-height: 1;
    display: inline-block;
}
.single-fact-counter {
    font-size: 45px;
    display: block;
}
.single-fact-counter:after {
    content: ' +';
}
.single-fact h5 {
    text-transform: uppercase;
}


/*
* ---------------------------------------------------------------------------
* 10. Trainer Area / .trainer-area
* ---------------------------------------------------------------------------
*/

.single-trainer {
    position: relative;
}
.single-trainer:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-out;
}
.single-trainer:hover:after {
    visibility: visible;
    opacity: 1;
}
.single-trainer:hover .single-trainer-social {
    visibility: visible;
    opacity: 1;
    left: 50%;
}
.single-trainer img {
    width: 100%;
}
.single-trainer-info {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 1;
    overflow: hidden;
}
.single-trainer-info span {
    float: left;
    clear: both;
    padding: 5px 10px;
    margin-bottom: 5px;
}
.single-trainer-social {
    position: absolute;
    top: 20%;
    left: 60%;
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.5s ease-out;
    opacity: 0;
    visibility: hidden;
}
.single-trainer-social ul {
    margin: 0;
    padding: 0;
}
.single-trainer-social ul li {
    list-style-type: none;
    margin-top: 5px;
}
.single-trainer-social ul li:first-child {
    margin-top: 0;
}
.single-trainer-social ul li a {
    display: inline-block;
}
.single-trainer-social ul li a i {
    line-height: 30px;
    width: 30px;
    text-align: center;
}

/*
* ---------------------------------------------------------------------------
* 11. Testimonial Area / .testimonial-area
* ---------------------------------------------------------------------------
*/

.testimonial-con {
    padding: 50px 70px;
    border-width: 3px;
    border-style: solid;
    margin-bottom: 20px;
    position: relative;
}
.testimonial-con i {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 30px;
}
.testimonial-meta h4 {
    text-transform: uppercase;
}
.testimonial-meta span {
    font-size: 18px;
    font-weight: 300;
    display: block;
}
.testimonial-avatar {
    display: none;
}

/* Testimonial Slide Dots */

.testimonials .owl-dots {
    margin-top: 20px;
}
.testimonials .owl-dots button.owl-dot {
    height: 85px;
    width: 85px;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    border-width: 3px;
    border-style: solid;
    position: relative;
}
.testimonials .owl-dots button.owl-dot.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*
* ---------------------------------------------------------------------------
* 12. Discount Area / .discount-area
* ---------------------------------------------------------------------------
*/

.discount-con {
    position: relative;
    z-index: 1;
}
.discount-con h3 {
    text-transform: uppercase;
}
.discount-con h2 {
    font-weight: 900;
    text-transform: uppercase;
}
.discount-con h3 span {
    font-weight: 700;
}


/*
* ---------------------------------------------------------------------------
* 13. Schedule Area / .schedule-area
* ---------------------------------------------------------------------------
*/

.schedule-menu button {
    border: 0;
    outline: 0;
    margin: 0 7.5px;
    padding: 15px 20px;
}
.single-schedule {
    margin-top: 10px;
    padding: 10px;
    width: 100%;
}
.single-schedule .class-info {
    padding: 10px;
}
.single-schedule .class-link a {
    display: inline-block;
    padding: 10px;
}

/*
* ---------------------------------------------------------------------------
* 14. Pricing Area / .pricing-area
* ---------------------------------------------------------------------------
*/

.single-pricing {
    text-align: center;
    padding: 50px 0;
}
.single-pricing-pro {
    position: relative;
}
.single-pricing-pro:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
}
.pricing-header i {
    font-size: 50px;
    margin-bottom: 15px;
    line-height: 1;
    display: inline-block;
}
.pricing-header h3 {
    text-transform: uppercase;
}
.pricing-price {
    font-size: 24px;
}
.pricing-price span {
    font-size: 14px;
}
.pricing-features ul {
    margin-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}
.pricing-features ul li {
    font-size: 16px;
    font-weight: 300;
}

/*
* ---------------------------------------------------------------------------
* 15. Brand Area / .brand-area
* ---------------------------------------------------------------------------
*/

.brand-carousel {
    position: relative;
    z-index: 1;
}
.single-brand {
    text-align: center;
    padding: 15px 15px 10px;
}
.single-brand a {
    display: inline-block;
}

/*
* ---------------------------------------------------------------------------
* 16. Home Blog Area / .home-blog-area
* ---------------------------------------------------------------------------
*/

.single-home-blog .home-blog-thumb {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.single-home-blog .home-blog-thumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.single-home-blog:hover .home-blog-thumb:after {
    opacity: 1;
    visibility: visible;
}
.home-blog-thumb-icon {
    content: '';
    position: absolute;
    left: 60%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.single-home-blog:hover .home-blog-thumb-icon {
    opacity: 1;
    visibility: visible;
    left: 50%;
}
.home-blog-thumb-icon a {
    display: inline-block;
}
.home-blog-thumb-icon a i {
    line-height: 40px;
    width: 40px;
}
.home-blog-meta {
    border-left-width: 2px;
    border-left-style: solid;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 300;
}
.home-blog-title {
    text-transform: uppercase;
    margin-top: 15px;
}
.home-blog-con p {
    margin-bottom: 0;
    margin-top: 8px;
    font-weight: 300;
}
.home-blog-con a.read-more {
    margin-top: 15px;
    display: inline-block;
}

/* Blog Page */

ul.entry-meta {
    margin: 0 0 10px;
    padding: 0;
}
ul.entry-meta li {
    display: inline-block;
    list-style-type: none;
    margin-right: 4px;
    padding-top: 10px;
    text-transform: capitalize;
    font-weight: 500;
}
ul.entry-meta li:after {
    content: '/';
    margin-left: 6px;
}
ul.entry-meta li:last-child:after {
    display: none;
}
ul.entry-meta li a {
    margin-left: 3px;
    display: inline-block;
    font-weight: 300;
}

/* Blog Pagination */

.navigation.pagination {
    display: block;
    margin: 0;
}
.nav-links .page-numbers {
    display: inline-block;
    margin: 10px 5px 0;
    font-weight: 300;
    font-size: 21px;
    padding: 5px 13px;
    border-width: 1px;
    border-style: solid;
}
.nav-links .page-numbers.dots {
    border: none;
}

/* Single Blog */

.entry-content blockquote {
    margin: 20px 0;
}

/* Comments Area */

.comment-reply-title,
.comments-title {
    text-transform: uppercase;
    padding-left: 15px;
    border-left-width: 3px;
    border-left-style: solid;
}
.comment-list {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
.comment-list li {
    list-style-type: none;
    margin-top: 30px;
}
.comment-list ol {
    margin: 0;
    padding: 0;
}
.comment-heading h6 {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.comment-text {
    margin-bottom: 5px;
}
.reply a {
    text-transform: uppercase;
}
.comment-reply-title {
    margin-bottom: 10px;
}
.comment-respond label {
    text-transform: uppercase;
}
.comment-respond .form-control {
    border-radius: 0;
}
.comment-btn {
    margin-top: 30px;
}

/* Sidebar Widget */

.single-sidebar-widget {
    margin-top: 50px;
}
.single-sidebar-widget:first-child {
    margin-top: 0;
}

/*
* ---------------------------------------------------------------------------
* 17. Contact Area / .contact-area
* ---------------------------------------------------------------------------
*/

.contact-form textarea,
.contact-form input {
    font-weight: 300;
}
.form-message {
    margin-top: 20px;
}
.g-map {
    width: 50%;
    height: 494px;
}
.contact-info {
    width: 50%;
    padding-left: 50px;
    padding-right: 100px;
    font-weight: 300;
}
.contact-info h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact-info h5 {
    font-weight: 400;
}
.contact-info i {
    font-size: 50px;
    min-width: 50px;
}

/*
* ---------------------------------------------------------------------------
* 18. Site Footer / .site-area
* ---------------------------------------------------------------------------
*/

.single-footer-widget {
    margin-top: 50px;
}
.widget-title {
    text-transform: uppercase;
    padding-left: 15px;
    border-left-width: 3px;
    border-left-style: solid;
    margin-bottom: 20px;
}
.single-sidebar-widget ul,
.single-footer-widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.single-sidebar-widget ul li,
.single-footer-widget ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.single-sidebar-widget ul li:last-child,
.single-footer-widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

/* Recent Post */

.widget_recent_entries ul li span,
.widget_recent_entries ul li a {
    display: block;
}

/* Tag Cloud */

.tagcloud a {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    margin-right: 2px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.copy-right-txt {
    font-weight: 300;
    line-height: 1;
    font-style: 16px;
}


/*
* ---------------------------------------------------------------------------
* 19. Page Title / .page-title
* ---------------------------------------------------------------------------
*/

.page-title {
    padding: 240px 0 90px;
}
.page-title-con {
    position: relative;
    z-index: 1;
    border-left-width: 3px;
    border-left-style: solid;
    display: inline-block;
    padding: 20px 150px 20px 15px;
}
.page-title-con h2 {
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 5px;
}
.page-breadcrumb {
    margin: 0;
    padding: 0;
}
.page-breadcrumb li {
    list-style-type: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}
.page-breadcrumb li a {
    margin-right: 5px;
    display: block;
    position: relative;
}
.page-breadcrumb li a:after {
    content: '/';
    padding-left: 10px;
}
.width-100
{
    width: 100%
}
.fl
{
    float: left;
}
.w50
{
    width: 50%;
}
.overf
{
    overflow: hidden;
}
.pad-toc
{
    padding-left: 7%;
}
.sec-title.mt-50 h2
{
    text-transform: capitalize;
}
.special-list li
{
    cursor: pointer;
}