/* ----------------------------------------------------------------------------------------
Template: GymFit
 -----------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Carousel
4. About Us
5. Course
6. Trainer
7. video
8. Time Tablev
9. Gallery
10. footer
11. Pricing
12. Blog
13. footer
14. Inner page title
15. blog_seaction
16. Categories_blog
17. Recent Articles
18. schedule
19. blog page
21. Classes
22. Comeing Soon
23. contact
24. scroll to top
25. Blog_detail_page
-------------------------------------------------------------------*/

/* 
---------------------------------------------
body
--------------------------------------------- 
*/
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Raleway', sans-serif;
    font-weight: normal;

    position: relative;

    margin: 0;

    color: #000;
    background: none;
}
.btn-default.active,
.btn-default:focus
{
    outline: none;
}
ul,
li
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.blog_con,
p
{
    /* 	font-size: 19px; */
    font-weight: 500;
    line-height: 30px;

    position: relative;
}
body
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;

    color: #000;
    background: #fff;
}
html
{
    font-family: sans-serif;
    font-size: 10px;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}
a:hover,
a:focus,
a:visited
{
    text-decoration: none;

    outline: none;
}
a
{
    cursor: pointer;
    text-decoration: none;

    color: #fff;
}

.entry-content a
{
    text-decoration: underline;

    color: #d31145;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-content a:active
{
    color: #d8184a;
}


.stripes-desc
{
    padding: 1.2em 1em;

    border: 4px solid white;
}

.stripes-desc h3
{
    margin-bottom: .6em;
}

.stripe-4dpro
{
    border-color: #d31145;
}

.stripe-4dpro li:before
{
    font-size: 2.3em;
    font-weight: bold;
    line-height: .9;

    display: inline-block;

    margin-right: .4em;

    content: '+';
    vertical-align: middle;

    color: #d31145;
}

.stripes-desc + .stripes-desc
{
    padding-left: 2em;
}

.entry-content ul
{
    margin-left: 2em;
}
.entry-content ul li
{
    font-family: 'Arial', 'Raleway', 'sans-serif';

    list-style: disc;
}


textarea
{
    resize: none;
}
textarea:focus,
input:focus,
select:focus,
a:focus,
button:focus
{
    outline: none;
}
.row
{
    margin-right: 0;
    margin-left: 0;
}
.container
{
    max-width: 100%;
    margin: 0 auto;
}
.title
{
    font-size: 40px;
    font-weight: lighter;
    /*text-align: center;*/

    text-transform: none;
}
.aftertitle
{
    font-size: 18px;
    font-weight: 500;

    max-width: 500px;
}
.no-padding
{
    padding: 0;
}
.orange_text
{
    color: #f27920;
}
.preloader
{
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #fff;
    background-image: url(../img/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.hidden
{
    display: none;
}
.primary-btn
{
    font-size: 20px;
    font-weight: 900;

    position: relative;
    left: 0;

    display: inline-block;
    overflow: hidden;
    /*padding: 25px 90px;*/

    padding: 20px 60px;

    transition-duration: .3s;
    text-transform: none;

    color: #000;
    border: 1px solid #fc7001;
    border-radius: 50px;
    background: transparent;
}
.primary-btn:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: transform;
            transition-property: transform;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;

    background: #fc7001;
}
.primary-btn:hover:before,
.primary-btn:focus:before,
.primary-btn:active:before
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active
{
    color: white;
}
.hvr-shutter-out-horizontal
{
    position: relative;

    display: inline-block;

    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: color;
            transition-property: color;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    vertical-align: middle;
}
.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}
.hvr-shutter-out-horizontal:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: transform;
            transition-property: transform;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;

    color: #fff;
    border-color: #ff7101 !important;
    border-radius: 50px;
    outline: none;
    background: #ff7101;
}
.page-wrapper
{
    position: relative;

    overflow: hidden;

    width: 100%;
    min-width: 300px;
    min-height: 400px;
    margin: 0 auto;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span
{
    background: #ee6c0c !important;
}
/* 
---------------------------------------------
Header
--------------------------------------------- 
*/
.main-menu .navbar-toggle
{
    border: 1px solid #ff7101;
}
.main-menu .navbar-toggle .icon-bar
{
    background: #ff7101;
}
.main-menu ul li.social_nav
{
    display: none;
}
.main-header
{
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
         -o-transition: all 1s ease;

    background: transparent;
}
.main-header .header-top
{
    position: relative;

    padding: 9px 0;

    border-bottom: 1px solid #fff91;
    background: #000;
}
.page-wrapper .header-fixed .header-lower
{
    position: fixed;
    z-index: 555;
    top: 0;
    left: 0;

    width: 100%;
}
.main-header .header-lower
{
    position: relative;

    min-height: 80px;
    padding: 13px 0;

    background: rgba(9, 9, 9, .55);
}
.header-lower .logo .logo_name,
.main-footer .logo_name
{
    font-weight: 800;

    margin: 8px auto;

    color: #ff7101;
}
.header-lower .logo .logo_name .white_text,
.main-footer .logo_name .white_text
{
    color: #fff;
}
.main-header .header-top .top-left .fa
{
    font-size: 18px;

    padding-right: 10px;

    color: #ff7101;
}
.main-header .header-top .top-left .phone,
.main-header .header-top .top-left .email
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;

    margin-right: 80px;
}
.top-right .social .fa
{
    color: #000;
}
.top-right .social .txt
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;

    margin-right: 12px;

    color: #fff;
}
.top-right .social .circlei
{
    display: inline-block;

    padding: 3px 9px;

    border-radius: 30px;
    background: #fff;
}
.top-right .social .circlei:hover,
.top-right .social .circlef:hover
{
    background: #ff7101;
}
.top-right .social .circlef
{
    display: inline-block;

    margin-right: 10px;
    padding: 3px 11px;

    border-radius: 30px;
    background: #fff;
}


.nav > li
{
    float: left;
}


#main-navigation ul.nav > li,
.main-menu .nav li
{
    padding-right: 0;
    padding-left: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 480px) {
    #main-navigation ul.nav > li,
    .main-menu .nav li
    {
        padding-left: 7vw;
    }
}


.navbar-nav > li > a,
.main-menu .nav li a
{
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;

    position: relative;
    z-index: 2;

    display: block;

    padding: 15px 0;

    transition: all 500ms ease;
    text-transform: none;

    opacity: 1;
    border-bottom: 2px solid transparent;
}


.nav > li.current_page_item > a,
.nav > li > a:focus,
.nav > li > a:hover,
.main-menu .nav li.current a
{
    color: #fff;
    border-bottom: 2px solid #ff7101;
    background-color: transparent;
}


.top-left a:hover,
.top-left a:focus,
.top-left a:active
{
    color: #eee;
}

.dropdown-menu
{
    min-width: 280px;
}

/* .main-menu .nav li a:hover,  */

.main-header .header-lower .right-cont .search-btn:focus,
.main-header .header-lower .right-cont .search-btn:active,
.main-header .header-lower .right-cont .search-btn:hover,
.main-header .header-lower .right-cont .search-btn:visited,
.main-header .header-lower .right-cont .search-btn:focus-within
{
    background: transparent;
    background-color: transparent;
}
.main-header .search-box .search-form
{
    position: relative;

    float: right;
    overflow: hidden;

    max-width: 300px;

    background: rgba(9, 9, 9, .98);
}
.main-header .search-box
{
    position: absolute;
    right: 10px;

    display: none;

    max-width: 300px;
    padding: 15px 0;

    color: #fff;
    background: rgba(9, 9, 9, 0);
}
.main-header .search-box .form-group
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    margin: 0;
    padding: 0;
}
.main-header .search-box .form-group input[type='search'],
.main-header .search-box .form-group input[type='text']
{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;

    position: relative;

    display: block;

    width: 100%;
    padding: 6px 40px 4px 15px;

    border: 2px solid #fff;
    background: none;
}
.main-header .search-box .form-group .search-submit
{
    font-size: 16px;
    line-height: 26px;

    position: absolute;
    top: 0;
    right: 1px;

    display: block;

    width: 44px;
    height: 35px;
    padding: 5px 10px 5px 10px;

    color: #fff;
    background: #82b53f;
}
.main-header .search-box .form-group .search-submit .fa
{
    position: relative;

    display: inline-block;

    margin-left: 0;
}
/*search*/
.openBtn
{
    font-size: 20px;

    padding: 10px 15px;

    cursor: pointer;

    border: none;
    background: #f1f1f1;
}
.openBtn:hover
{
    background: #bbb;
}
#myOverlay
{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, .9);
}
#myOverlay.animated
{
    animation-duration: 300ms;
}
.overlay-content
{
    position: relative;
    top: 46%;

    width: 45%;
    margin: auto;
    margin-top: 30px;

    text-align: center;
}
#myOverlay .closebtn
{
    font-size: 60px;

    position: absolute;
    top: 20px;
    right: 45px;

    cursor: pointer;

    color: white;
}
#myOverlay .closebtn:hover
{
    color: #ccc;
}
#myOverlay input[type=text]
{
    font-size: 30px;
    font-weight: 100;
    line-height: 40px;

    float: left;

    width: 80%;
    padding: 20px 38px 20px 2px;

    text-transform: capitalize;

    color: #fff;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: none;
    background: transparent;
    background: transparent;
}
#myOverlay button
{
    font-size: 30px;

    float: left;

    padding: 15px;
    padding-top: 35px;
    padding-left: 20px;

    cursor: pointer;

    color: #fff;
    border: none;
    background: transparent;
}

/* 
---------------------------------------------
Carousel
--------------------------------------------- 
*/
.slider .carousel-control.left
{
    font-size: 20px;
    font-weight: 800;
    line-height: 200%;

    position: absolute;
    z-index: 1;
    top: 40%;
    left: 50px;

    width: 8px;
    margin-top: -16px;

    text-indent: -9999px;
    text-indent: 0;
    text-transform: uppercase;
    word-wrap: break-word;

    color: #fff;
    outline: 0;
    background-image: none;
}
.slider .carousel-control.right
{
    font-size: 20px;
    font-weight: 800;
    line-height: 200%;

    position: absolute;
    z-index: 1;
    top: 40%;
    right: 50px;

    width: 8px;
    margin-top: -16px;

    text-indent: -9999px;
    text-indent: 0;
    text-transform: uppercase;
    word-wrap: break-word;

    color: #fff;
    outline: 0;
    background-image: none;
}
.slider .item h2,
.slider .item p,
.slider .item span
{
    color: #fff;
}
.slider .item p
{
    /* 	text-transform: capitalize; */
    font-family: 'Raleway', sans-serif;
    font-size: 20px;

    max-width: 700px;

    text-transform: none;
}
.slider .item h2,
.slider .item p
{
    font-weight: 400;

    margin-bottom: 50px;
}
.slider .slide::after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 214px;
    margin: auto;

    content: '';

    background: url(../img/triangle-bg.png) no-repeat;
    background-size: 100% 214px;
}

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.slider .carousel-indicators
{
    bottom: 130px;
}
.fade-carousel-static
{
    position: relative;

    height: 120vh;
}
.fade-carousel-static .carousel-inner .item
{
    height: 120vh;
}
.fade-carousel-static .carousel-indicators > li.active
{
    width: 20px;
    height: 20px;
    margin: 0 2px;

    opacity: .7;
    border-color: #ff7101;
    background-color: transparent;
}
.fade-carousel-static .carousel-indicators > li
{
    width: 20px;
    height: 20px;
    margin: 0 2px;

    opacity: .7;
    border-color: transparent;
    background-color: transparent;
}
.fade-carousel-static .carousel-indicators > li.active p
{
    width: 12px;
    height: 12px;
    margin: 3px;

    text-align: center;

    opacity: 1;
    border-radius: 30px;
    background: #fff;
}
.fade-carousel-static .carousel-indicators > li p
{
    width: 12px;
    height: 12px;
    margin: 3px;

    text-align: center;

    opacity: .7;
    border-radius: 30px;
    background: #fff;
}
.slider .carousel-indicators > li.active:after
{
    background-image: url(../img/active.png);
}
.fade-carousel-static .carousel-indicators .active
{
    background-color: transparent;
}
.fade-carousel-static .carousel-indicators > li.active.first span
{
    height: 43px;
}
.fade-carousel-static .carousel-indicators > li.active.sec span
{
    display: block;

    height: 40px;
    margin-left: 10px;
}
.fade-carousel-static .carousel-indicators > li.active span
{
    position: absolute;
    z-index: 8;
    top: 20px;

    width: 1px;
    height: 40px;

    color: #ff7101;
    background: #ff7101;
}
.fade-carousel-static .carousel-indicators > li.active.last span
{
    height: 37px;
}
/********************************/
/*          Hero Headers        */
/********************************/
.hero
{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 30%;

    width: 40%;

    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
         -o-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    text-align: left;
    text-transform: uppercase;

    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}
.hero h1
{
    font-size: 6em;
    font-weight: bold;

    margin: 0;
    padding: 0;
}
.fade-carousel-static .carousel-inner .item .hero
{
    -webkit-transition: 1.5s all ease-in-out .1s;
       -moz-transition: 1.5s all ease-in-out .1s;
        -ms-transition: 1.5s all ease-in-out .1s;
         -o-transition: 1.5s all ease-in-out .1s;
            transition: 1.5s all ease-in-out .1s;

    opacity: 0;
}
.fade-carousel-static .carousel-inner .item.active .hero
{
    -webkit-transition: 1.5s all ease-in-out .1s;
       -moz-transition: 1.5s all ease-in-out .1s;
        -ms-transition: 1.5s all ease-in-out .1s;
         -o-transition: 1.5s all ease-in-out .1s;
            transition: 1.5s all ease-in-out .1s;

    opacity: 1;
}
/********************************/
/*            Overlay           */
/********************************/
.overlay
{
    position: absolute;
    z-index: 2;

    width: 100%;
    height: 100%;

    opacity: .7;
    background-color: #080d15;
}
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg
{
    padding: 20px 60px;
}
.btn.btn-hero
{
    font-size: 20px;
    font-weight: 900;

    margin: 0;

    text-transform: none;

    color: #fff;
    border-color: #fff;
    border-radius: 50px;
    outline: none;
    background-color: transparent;
}
.hero .btn-hero:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    border-color: #ff7101 !important;
    background-color: #ff7101;
}
/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel-static .slides .slide-1,
.fade-carousel-static .slides .slide-2,
.fade-carousel-static .slides .slide-3
{
    height: 120vh;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.fade-carousel-static .slides .slide-1
{
    background-image: url(../../../../uploads/2019/02/slidernew.jpg);
}
.fade-carousel-static .slides .slide-2
{
    background-image: url(../img/bg2.jpg);
}
.fade-carousel-static .slides .slide-3
{
    background-image: url(../img/bg3.jpg);
}

.item.slides:before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .3;
    background: rgba(0, 0, 0, 1);
}



.wpcf7-response-output.wpcf7-validation-errors
{
    display: none !important;
}


.wpcf7-form-control-wrap
{
    position: relative;

    display: block;
}


span.wpcf7-not-valid-tip
{
    font-size: .9em;

    position: absolute;
    right: 0;
    bottom: 0;

    width: 100%;

    text-align: right;

    color: #ffd0d0;
}

/********************************/
/*          Media Queries       */
/********************************/

figure.alignleft,
figure.alignright
{
    width: 50%;
    margin-top: 1.5em;
    margin-bottom: 2.3em;
}

figure.alignleft img,
figure.alignright img
{
    width: 100%;
}

figure.alignleft
{
    padding-right: 2%;
}

figure.alignright
{
    padding-left: 2%;
}


.order-payment-title
{
    font-size: 2em;
    line-height: 1.3;

    margin: 0 0 .5em 0;

    color: #fff;
}

.order-payment-column
{
    line-height: 2;
}

.order-payment-column .submit
{
    display: inline-block;

    margin: .8em 0 0 0;
}

.order-payment-card
{
    overflow: hidden;

    margin: 0 auto 1em auto;

    color: #fff;
    background-color: transparent;
    /* display: none; */
}

.order-payment-card > label
{
    max-width: 90%;
}

.order-payment-notice
{
    display: none;

    min-height: 0;
    margin-top: 2em;
    padding: .4em 1em;

    text-align: center;

    color: #730000;
    border-radius: .7em;
    background: #fdd;
}

.order-payment-notice.success-notice
{
    color: #007300;
    background: #ddffe0;
}

.conatct-us .wpcf7-list-item-label,
.conatct-us p
{
    color: white;
}

div.wpcf7-mail-sent-ok
{
    display: none !important;
}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover
{
    color: inherit;
    background-color: transparent;
}


.item
{
    display: flex;

    margin-bottom: 25px;
    padding-bottom: 35px;

    border-bottom: 1px solid #ddd;

    flex-wrap: wrap;
    align-items: flex-start;
}

.course-list > *:last-child .item {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .item {
        justify-content: center;
        padding-bottom: 0;
    }
}

.items-row:last-child .item:last-child
{
    margin-bottom: 0;

    border: 0;
}

.item .text
{
    font-size: 18px;
    font-weight: 500;

    padding-left: 2em;

    color: #313131;

    flex: 1 1 80%;
}

.item .personal
{
    font-size: 18px;

    padding-top: .6em;

    text-align: left;

    flex: 1 0 100%;
}

.item .personal p
{
    margin-bottom: 0;
}

.item .personal div
{
    font-weight: bold;
}

.item .photo img
{
    border-radius: 50%;
}

.item .photo img
{
    display: block;

    width: 190px;
    height: auto;
    margin: 5px auto;
}




.item .photo
{
    margin-top: 0
    margin-bottom: 33px;

    border: 2px solid #de2752;
    border-radius: 50%;

    flex: 0 1 200px;
}


.agreement-popup
{
    position: fixed;
    z-index: 9998;
    top: 50%;
    left: 50%;

    display: none;

    width: 700px;
    padding: 10px 30px;

    transform: translate(-50%, -50%);

    color: #000;
    background: #fff;
}

.agreement-popup.cookie-note {
    display: block;
    position: fixed;
    left: 1.5rem;
    bottom: 1.5rem;
    width: 26em;
    border-radius: 1rem;
    height: auto;
    top: auto;
    transform: none;
    padding-block: 1.2em;

    z-index: 19999999;
    max-width: calc( 100% - 3rem );
    overflow: hidden !important;
    box-sizing: border-box;

    outline: .8rem solid rgba( 0,0,0, .25 );
}

@media screen and (max-width: 480px) {
    .agreement-popup.cookie-note {
        padding: .8em;
    }
}

.agreement-popup.cookie-note .btn.btn-hero {
    margin-top: 1.5rem;
    padding: 1rem 2rem;
    color: #333;
    border-color: currentColor;
    font-weight: normal;
    font-size: 1.8rem;
}

.agreement-popup.cookie-note .btn.btn-hero:active,
.agreement-popup.cookie-note .btn.btn-hero:focus {
    color: #fff;
}

@media screen and (max-width: 480px) {
    .agreement-popup.cookie-note .btn.btn-hero {
        margin-top: 1rem;
    }
}

.overlay-agreement
{
    position: fixed;
    z-index: 9000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    cursor: pointer;

    background-color: rgba(0, 0, 0, .7);
}


.agreement-popup h4
{
    font-size: 25px;

    margin: 15px 0 10px;

    text-align: center;
    text-transform: uppercase;
}

.agreement-popup p
{
    font-size: 13px;
    line-height: 1.3;

    margin-bottom: 10px;
}

.videos-list
{
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.video-item
{
    max-width: 49%;
    height: 330px;
    margin: .4em auto 1.5em auto;

    flex: 1 1 49%;
}

.video-item iframe
{
    display: block;

    height: 90%;
}

.video-item h3
{
    font-size: 1.2em;

    margin: 0;
    padding: .5em 0;

    text-align: center;
}

.video-item:nth-child(even)
{
    margin-right: 0;
}
.video-item:nth-child(odd)
{
    margin-left: 0;
}

.video-item:nth-child(odd):last-child
{
    margin-right: auto;
    margin-left: auto;
}




.entry-content .gallery-list
{
    display: flex;

    margin: 1em auto;

    flex-wrap: nowrap;
    justify-content: space-between;
}

.entry-content ul.gallery-list li
{
    list-style-type: none;
}

.entry-content ul.gallery-list li:hover,
.entry-content ul.gallery-list li:active,
.entry-content ul.gallery-list li:focus
{
    opacity: .8;
}



div.wpcf7 .ajax-loader
{
    display: none !important;
}


.sign-up-btn
{
    position: fixed;
    z-index: 1400;
    right: 8%;
    bottom: 4em;

    border: 10px solid rgba( 255, 255, 255, .2 );
    border-radius: 3em;
}

.sign-up-btn .btn
{
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.8em;

    box-sizing: content-box;
    min-width: 7.5em;
    height: 1.8em;
    margin: 0;

    color: white;
    border-radius: 2em;
    background: #f63;
}

.map-section img
{
    height: 598px;

    object-fit: cover;
}

@media only screen and (max-width: 768px)
{
    .video-item
    {
        max-width: 100%;
        height: 350px;

        flex: 1 1 100%;
    }

    .sign-up-btn
    {
        right: 0;
        bottom: 0;

        width: 100%;

        border: 0;
    }

    .sign-up-btn .btn
    {
        font-size: 1.6em;
        line-height: 1.5em;

        display: block;

        box-sizing: border-box;
        width: 100%;
        height: 2em;

        border-radius: 0;
    }
}

@media only screen and (max-width: 413px)
{
    .video-item
    {
        height: 250px;
    }

    .video-item
    {
        margin-bottom: 3.6em;
    }
}



@media only screen and (max-width: 980px)
{
    .agreement-popup
    {
        overflow-y: scroll ;

        width: 90% ;
        height: 90vh ;
    }
}



@media screen and (max-width: 767px)
{
    figure.alignleft,
    figure.alignright
    {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}


@media (min-width: 980px) and (max-width: 1200px)
{
    .map-section img
    {
        height: 399px;
    }

    .item .text
    {
        flex-basis: 70%;
    }


    .hero
    {
        left: 60%;

        width: 980px;
    }
}


@media screen and (max-width: 979px)
{

	.map-section img
    {
        height: 399px;
    }

    .item .photo
    {
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
    }

    .item .text
    {
        padding-left: 0;

        flex-basis: 100%;
    }
}

@media screen and (max-width: 640px)
{
    .hero h1
    {
        font-size: 4em;
    }
}

/* 
---------------------------------------------
About Us
--------------------------------------------- 
*/
.about_sec
{
    position: relative;

    padding: 60px 0 60px;

    background: #fff;
}
.abt_left .img-wrap img
{
    display: inline-block;

    vertical-align: top;
}
.abt_left .img-wrap img:last-child
{
    margin: 20px 0 0 6px;
}

@media screen and (max-width: 1199px) {
    .abt_left .img-wrap img:last-child {
        display: none;
    }
}

.abt_right
{
    padding: 50px 20px;
}
.about_sec .abt_right .title
{
    font-size: 40px;
    font-weight: lighter;
    font-weight: 300;
    line-height: 100%;

    position: relative;
    z-index: 1;

    display: block;
    display: inline-block;

    margin-bottom: 40px;

    text-align: left;
    vertical-align: top;
    text-transform: none;

    color: #000;
}
.caption-wrap h1::before,
h2.title:before
{
    position: absolute;
    z-index: -1;
    top: -26px;
    left: -34px;

    width: 189px;
    height: 191px;

    content: '';

    background: url(../img/title-bg.png) no-repeat;
}
div h2.title,
div h2.title span
{
    color: #000;
}
.caption-wrap span,
h2.title span
{
    font-size: 90px;
    font-weight: 800;
    line-height: 110%;

    position: relative;

    display: block;

    margin-bottom: 0;

    text-transform: uppercase;

    color: #fff;
}
.abt_right p
{
    font-size: 19px;
    font-weight: 500;
    font-weight: 500;

    margin-top: 20px;
    margin-bottom: 30px;
}
.abt_right a.primary-btn
{
    margin-top: 20px;

    color: #000;
}
.abt_right a.primary-btn:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    border: 1px solid #fc7001;
    background-color: #fc7001;
}

/* 
---------------------------------------------
Course
--------------------------------------------- 
*/

.course_sec
{
    position: relative;

    padding: 70px 0 150px;

    background: url(../../../../uploads/2019/02/4dprohall_2.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
}
.course_sec .title,
.course_sec .title span
{
    color: #fff;
}
h2.title
{
    font-size: 40px;
    font-weight: lighter;

    margin-bottom: 103px;

    text-align: left;
}


.Trainer_sec h2.title,
.timetable_sec h2.title
{
    font-weight: 400;

    margin-bottom: 30px;
}

.stripes-desc li,
.stripes-desc,
.Trainer_sec p
{
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    font-weight: 400;
}

.course_sec a:hover
{
    cursor: default;

    color: #ff7101;
}
.course-list ul li a:hover .slass-img:after,
.course-list ul li a:hover .slass-img span,
.trainers-list ul li:hover .trainer-img-wrap:after,
.trainers-list ul li:hover .trainer-img .footer-social
{
    opacity: 1;
}
h2.title
{
    font-weight: 400;

    display: inline-block;

    vertical-align: top;
}
a,
a:before,
a:after
{
    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
}
.slass-img,
.trainer-img-wrap
{
    position: relative;

    overflow: hidden;
}
img
{
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;

    border: 0 none;
}
.slass-img span,
.trainer-img .footer-social
{
    font-size: 20px;
    font-weight: 700;

    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    display: none;

    width: 100%;

    transition: all ease .5s 0s;
    text-decoration: underline;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
}
.Trainer_sec .item:hover .footer-social
{
    display: block;

    transition: all ease .5s 0s;
}
.Trainer_sec .item:hover .footer-social ul
{
    left: -25%;
}
.slass-img span i
{
    font-size: 30px;

    margin-top: -5px;
    margin-left: 5px;

    vertical-align: middle;
}
.course_sec a:hover h3
{
    color: #fc7001;
}
/*.course_sec a:hover .slass-img:after, .trainer-img-wrap:after, .slass-img:after {
	background-color: rgba(252, 112, 1, 0.5);
	bottom: 0;
	content: "";
	display: block;
	left: 60px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: -100px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	width: 500px;
	z-index: 1;
}*/
/*.slass-img::after, .trainer-img-wrap::after{
	left: -85px;
	top: -72px;
	width: 750px;
}*/

.course-list ul li
{
    float: left;

    width: 30.3%;
    margin-right: 3%;
    margin-bottom: 60px;

    text-align: center;
}
.course-list ul li a,
.trainer-img
{
    position: relative;

    display: block;
}
.course-list ul li a::before,
.trainer-img:before,
.blog_sec .item a:before
{
    position: absolute;
    top: -48px;
    left: 32px;

    width: 5px;
    height: 150px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.course-list ul li h3
{
    font-size: 30px;
    font-weight: 600;

    margin-top: 27px;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
    text-transform: uppercase;

    color: #fff;
}

@media screen and (min-width: 1281px)
{
    .slider::after,
    .course_sec:after,
    .video_sec:after
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100%;
        height: 214px;
        margin: auto;

        content: '';
        /* 	background: url(../img/triangle-bg.png) no-repeat; */

        background-size: 100% 214px;
    }
}




.course_sec .view-all
{
    position: absolute;
    z-index: 1;
    top: 48px;
    right: 0;
}
.course_sec .view-all a:hover
{
    color: #fff;
}
.course_sec .view-all a
{
    color: #fc7001;
}
.view-all a
{
    font-size: 20.2px;
    font-weight: bold;

    text-decoration: underline;
    text-transform: uppercase;

    color: #fff;
}
.course_sec .container
{
    position: relative;
}

.img_course1
{
    -webkit-clip-path: polygon(18.3% 0, 100% 0, 100% 100%, 0 100%, 0 29%);
            clip-path: polygon(18.3% 0, 100% 0, 100% 100%, 0 100%, 0 29%);
}
.img_course1:before
{
    position: absolute;
    right: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    transition: all ease .5s 0s;

    opacity: 0;
    background-color: rgba(252, 112, 1, .5);
}
.course_box1:before
{
    position: absolute;
    top: -13px;
    left: 54px;

    width: 5px;
    height: 105px;

    content: '';
    transform: rotate(45deg);

    background-color: #d31145;
}
.inner_classes .course_box1:before
{
    position: absolute;
    top: -13px;
    left: 41px;

    width: 5px;
    height: 105px;

    content: '';
    transform: rotate(45deg);

    background-color: #d31145;
}
#filter_box
{
    width: -moz-max-content;
    width:      max-content;
    margin: auto;

    list-style: none;

    text-align: center;

    border-radius: 30px;
}
#filter_box li
{
    display: inline;

    margin: 2px;
    padding: 10px 10px;

    border-radius: 30px;
    background: #f3f3f3;
}
#filter_box li:hover
{
    background: #ff7000;
}
#filter_box a:hover
{
    transition: all ease .5s 0s;

    color: #fff;
}
.inner_classes a.course_read
{
    font-size: 20px;
    font-weight: 600;

    position: absolute;
    top: 50%;

    width: 100%;

    text-align: center;
    text-transform: none;

    opacity: 0;
}
.coueses-box
{
    position: relative;

    float: left;
    overflow: hidden;

    max-width: 360px;
    max-height: 280px;
    margin: 22px 10px;
    padding: 0;
    padding-left: 0;
}

.inner_classes a.course_read
{
    top: 40%;
}
#filter_box
{
    width: -moz-max-content;
    margin: auto;

    list-style: none;

    text-align: center;

    border-radius: 30px;
}

@media screen and (pointer: fine) {
    .course_box1:hover .img_course1:before
    {
        opacity: 1;
    }   
}


.course_con1 h3
{
    font-size: 25px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;
    text-transform: none;

    color: #fff;
}
.course_box1:hover .course_con1 h3
{
    color: #fc7001;
}
.course_box1
{
    margin: 10px 0 60px 15px;
}

.img_course1
{
    max-width: 100%;
}
a.course_read
{
    font-size: 20px;
    font-weight: 600;

    position: absolute;
    top: 27%;

    width: 90%;

    text-align: center;
    text-transform: none;

    opacity: 0;
}


@media screen and (max-width: 768px) {
    .course_box1 {
        margin-left: 0;
        position: relative;
    }     

    a.course_read {
        width: 100%;
    }

}

@media screen and (pointer: fine) {
  .course_box1:hover a.course_read
{
    opacity: 1;
}
.course_box1:hover a:hover.course_read
{
    cursor: pointer;

    opacity: .8;
    color: #fff;
}  
}


.course_sec_img
{
    position: absolute;
    left: -29px;

    float: left;
}
.course_sec_title h2
{
    font-size: 90px;
    font-weight: 900;

    text-transform: uppercase;

    color: #fff;
}
.course_sec_title p
{
    font-size: 40px;
    font-weight: 300;

    margin-top: 12px;

    text-transform: none;

    color: #fff;
}
.title_box_course
{
    margin-bottom: 80px;
}
.view_all a
{
    font-size: 20px;
    font-weight: 800;

    text-decoration: underline;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #fc7001;
}
.view_all
{
    margin-top: 190px;
    padding-bottom: 60px;
}
.trainer_icon
{
    list-style: none;

    text-align: center;
}

.trainer_icon li
{
    display: inline;

    margin: 2px;
    padding: 5px;

    border: 3px solid black;
    background: #666;
}

.trainer_icon a
{
    font-family: sans-serif;
    font-weight: bold;

    text-decoration: none;

    color: #fff;
}
/* 
---------------------------------------------
Trainer
--------------------------------------------- 
*/
.Trainer_sec
{
    position: relative;

    margin-bottom: 40px;
}
.Trainer_sec .owl-theme .owl-dots
{
    margin-top: 0;
}
.title-right
{
    float: right;
    clear: both;

    margin-bottom: 48px;
}
.Trainer_sec .title-right
{
    margin-bottom: 10px;
}
.Trainer_sec .trainers-list img
{
    margin-top: 1px;
}
.Trainer_sec .trainers-list .item
{
    margin: 30px auto;
    margin-left: 16px;
}
.trainers-list .owl-carousel
{
    display: block;
}
.trainers-list ul li
{
    margin-bottom: 0;
}
.Trainer_sec .container
{
    position: relative;
}
.Trainer_sec .container .view-all
{
    position: absolute;
    z-index: 1;
    top: 130px;
}
.Trainer_sec .container .view-all a
{
    color: #fc7001;
}
.Trainer_sec .owl-carousel .owl-stage-outer
{
    width: 100%;
}
.trainer-img .footer-social ul li
{
    float: left;

    width: auto;
}
.footer-social ul li
{
    display: inline-block;
    float: none;

    margin-right: 5px;

    vertical-align: top;
}
.trainer-img .footer-social ul li a i
{
    color: #fc7001;
    border-radius: 50%;
    background-color: #fff;
}
.footer-social ul li a i
{
    font-size: 30px;
    line-height: 50px;

    width: 50px;
    height: 50px;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
    text-align: center;
}
.trainer-desc span.trainer-name
{
    font-size: 30px;

    margin: 27px 0 14px;

    color: #fc7001;
}
.trainer-desc span
{
    font-weight: 700;

    display: block;

    text-align: center;
    text-transform: uppercase;
}
.trainer-desc span.trainer-designation
{
    font-size: 16px;

    color: #000;
}
.img_trainer
{
    -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 13.7%);
            clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 13.7%);
}
.img_trainer:before
{
    position: absolute;
    right: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    transition: all ease .5s 0s;

    opacity: 0;
    background-color: rgba(252, 112, 1, .5);
}
.trainer_box:before
{
    position: absolute;
    top: 6px;
    left: 44px;

    width: 5px;
    height: 110px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.trainer_box:hover .img_trainer:before
{
    opacity: 1;
}
.trainer_con h3
{
    font-size: 30px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;
    text-transform: uppercase;

    color: #fc7001;
}
.trainer_con p
{
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 10px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}
.trainer_box:hover .footer-social1
{
    opacity: 1;
}
#slider3 img
{
    width: auto;
}

/* 
---------------------------------------------
video 
--------------------------------------------- 
*/
.video_sec .container-fluid
{
    z-index: 100;

    padding: 190px;
    padding-bottom: 190px;

    text-align: center;
}
.video_sec .container-fluid .row h2
{
    font-weight: 800;

    margin-bottom: 40px;
    padding-top: 35px;

    text-transform: uppercase;

    color: #fff;
}
.video_sec .container-fluid .row .orange_text
{
    color: #f27920;
}
.video_sec
{
    background: url(../../../../uploads/2019/03/4dprojump.jpg) no-repeat fixed center;
    background-size: cover;
}

.video_sec h2
{
    font-size: 40px;
    font-weight: 400;

    margin-bottom: .8em;

    color: white;
}
.video_sec a.primary-btn
{
    font-size: 20px;

    padding: 20px 60px;

    transition: all ease .5s 0s;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
}
.video_sec a.primary-btn:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    border: 1px solid #fc7001;
    background-color: #fc7001;
}
/***** MODAL PROPERTIES *****/

.player
{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;

    opacity: 0;
    background: rgba(0,0,0,1);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.65) 0%, rgba(0,0,0,1) 100%);
    background:    -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,.65) 0%, rgba(0,0,0,1) 100%);
    background:     -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,.65) 0%, rgba(0,0,0,1) 100%);
    background:         radial-gradient(center, ellipse cover, rgba(0,0,0,.65) 0%, rgba(0,0,0,1) 100%);
}
.player__video
{
    position: relative;
    top: 50%;
    left: 50%;

    width: auto;
    max-width: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.js--show-video
{
    opacity: 1;
}
.video-filler
{
    display: block;

    width: 100%;
}
.video-close
{
    font-size: 24px;

    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;

    padding: 5px 10px;

    cursor: pointer;

    color: #ee6c0c;
    border: none;
    border-radius: 0 50% 50% 0;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.75);
}
.video-iframe
{
    position: absolute;
    z-index: 1;
    top: 33%;
    right: 14%;
    left: auto;

    width: 610px;
    height: 340px;
}


.player__video .video-iframe
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1700px)
{
    .hero
    {
        left: 27%;

        width: 34%;
    }
    .video-iframe
    {
        right: 12%;
    }
}

@media screen and (max-width: 1500px)
{
    .video-iframe
    {
        width: 550px;
        height: 290px;
    }
}

@media screen and (max-width: 1360px)
{
    .video-iframe
    {
        right: 10%;
    }
}

@media screen and (max-width: 1240px)
{
    .hero
    {
        left: 23%;
    }
    .video-iframe
    {
        right: 8%;
    }

    .entry-content .gallery-list
    {
        flex-wrap: wrap;
    }

    .entry-content ul.gallery-list li
    {
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
    }
}



@media screen and (max-width: 1100px)
{
    .video-iframe
    {
        right: 7%;

        width: 500px;
        height: 270px;
    }
}

@media screen and (max-width: 1000px)
{
    :root .hero
    {
        top: 39%;
        left: 53%;

        width: 94%;
    }

    .video-iframe
    {
        top: 59%;
        right: 5%;

        width: 90%;
        height: 390px;
    }

    .slider .slide::after
    {
        display: none;
    }
}

@media screen and (max-width: 500px)
{

    a.course_read {
        top: 35%;
    }

    .video-iframe
    {
        top: 65%;

        height: 210px;
    }

    .entry-content ul.gallery-list li
    {
        width: 100%;

        flex: 1 1 100%;
    }

    .entry-content ul.gallery-list li a,
    .entry-content ul.gallery-list li img
    {
        display: block;

        width: 100%;
    }
}

@media screen and (max-width: 413px)
{
    :root .hero
    {
        top: 29%;
    }

    .slider .item h2,
    .slider .item p
    {
        margin-bottom: 20px;
    }

    .slider .item h2
    {
        margin-bottom: 16px !important;
    }


    .video-iframe
    {
        top: 48%;

        height: 170px;
    }

    .fade-carousel-static .carousel-inner .item
    {
        height: 180vh;
    }
}






/* 
---------------------------------------------
Time Table
--------------------------------------------- 
*/
.timetable_sec
{
    position: relative;

    margin-top: 90px;
    margin-bottom: 60px;
}
.timetable_sec .row
{
    margin-right: -15px;
    margin-left: -15px;
}
.timetable_sec .table-responsive
{
    display: none;
}
.timetable_sec .table-responsive.active
{
    display: inline-block;

    margin-top: 30px;
}
table,
table tbody,
table thead,
table tr,
table th,
table td
{
    display: block;

    border-collapse: collapse;
}
.table-responsive
{
    overflow-x: visible;

    width: 100%;
    min-height: .01%;
}
table tr:first-child
{
    width: 5%;
}
table tr
{
    float: left;

    width: 14.8%;
    margin-right: 10px;
}
table tr:first-child td
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background-color: #000;
}
table tr td:first-child
{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: bold;

    min-height: 60px;

    text-transform: uppercase;

    color: #fff;
    background-color: #000;
}
table tr td
{
    position: relative;

    width: 100%;
    min-height: 136px;
    margin-bottom: 10px;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;

    background-color: #e5e5e5;
}
table tr td > *
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate3d(-50%, -50%, 0px);
}
.td-date-time span
{
    line-height: 150%;
}
.td-services span.td-title
{
    margin: 10px 0 5px;
}
.td-services span.td-title,
.td-services span.td-desc
{
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: bold;

    text-transform: uppercase;

    color: #000;
}
.td-services span
{
    line-height: 100%;

    display: block;

    text-align: center;
}
.td-services span.td-desc
{
    color: #fc7001;
}
table tr td.two
{
    min-height: 282px;
}
table tr td.one,
table tr td.one:hover
{
    background-color: transparent;
}
table tr td.one a .td-services
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
    -webkit-transform: translate3d(-50%, -50%, 0px);
       -moz-transform: translate3d(-50%, -50%, 0px);
        -ms-transform: translate3d(-50%, -50%, 0px);
         -o-transform: translate3d(-50%, -50%, 0px);
            transform: translate3d(-50%, -50%, 0px);
}
table tr td.one .td-services .td-img-wrap
{
    line-height: 65px;

    float: left;

    height: 65px;
    padding-left: 20px;
}
table tr td.one .td-services .td-title
{
    margin: 17px 0 5px;
}
table tr td.one a
{
    position: relative;
    top: 0;
    left: 0;

    display: block;

    height: 65px;
    margin-bottom: 5px;

    transform: none;

    background-color: #e5e5e5;
}
table tr td.one .td-services .td-img-wrap img
{
    display: inline-block;

    max-height: 35px;

    vertical-align: middle;
}
.ampmtime.nav-tabs
{
    margin-top: 90px;

    text-align: right;

    border-bottom: none;
}
.ampmtime .ampm
{
    float: right;

    margin-top: 20px;

    border-radius: 50px;
}
.ampmtime .ampm a
{
    font-size: 20px;
    font-weight: 900;

    display: block;
    float: right;

    margin-bottom: 0;
    padding: 16px 70px !important;

    transition: all ease .5s 0s;
    text-align: center;

    color: #000;
    border: 1px solid #fc7001 !important;
    border-radius: 50px !important;
    background-color: transparent;
}
.ampmtime .ampm:hover
{
    transition: all ease .5s 0s;

    background-color: #fc7001;
}
.ampmtime .ampm:hover a
{
    color: #fff !important;
}
.time_box .ampmtime .ampm
{
    margin-left: 20px;
}
.timetable_sec .nav-tabs > li.active > a,
.timetable_sec .nav-tabs > li.active > a:focus,
.timetable_sec .nav-tabs > li.active > a:hover
{
    cursor: pointer;

    color: #fff;
    border: none;
    border-bottom-color: transparent;
    background-color: transparent;
}
.timetable_sec .nav-tabs > li > a:hover,
.timetable_sec .nav > li > a:focus,
.timetable_sec .nav > li > a:hover
{
    text-decoration: none;

    border: none;
    border-color: transparent;
    background-color: transparent;
}
.timetable_sec .nav-tabs > li > a
{
    line-height: inherit;

    margin-right: 0;
    padding: 0;

    color: #000;
    border: none;
    border-radius: 0;
}
.ampmtime .ampm.active
{
    color: #fff;
    background-color: #fc7001;
}
.ampmtime .ampm:hover
{
    cursor: pointer;
}

ul.tabs
{
    float: left;

    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0;

    list-style: none;

    border-bottom: 1px solid #333;
}
ul.tabs li
{
    font-size: 20px;
    font-weight: 900;

    display: block;
    float: right;

    margin-bottom: 15px;
    padding: 15px 60px !important;

    transition: all ease .5s 0s;
    text-align: center;

    color: #000;
    border: 1px solid #fc7001 !important;
    border-radius: 50px !important;
}
.tab_last
{
    border-right: 1px solid #333;
}

ul.tabs li:hover
{
    cursor: pointer;

    color: #fff;
    background-color: #fc7001;
}
ul.tabs li.active
{
    display: block;

    color: #fff;
    background-color: #fc7001;
}
.tab_container
{
    float: left;
    clear: both;
    overflow: auto;

    width: 100%;

    border: 1px solid #333;
    border-top: none;
    background: #fff;
}

.tab_content
{
    display: none;

    padding: 20px;
}
.contnet-table
{
    display: inline-block;

    width: 100%;
    margin-top: 10px;
}
@media screen and (max-width: 480px)
{
    .main-footer
    {
    }

    .tabs
    {
        display: none;
    }
    .tab_drawer_heading
    {
        display: block;

        margin: 0;
        padding: 5px 20px;

        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;

        color: #fff;
        border-top: 1px solid #333;
        background-color: #ccc;

        -webkit-touch-callout: none;
         -khtml-user-select: none;
    }
    .d_active
    {
        color: #fff;
        background-color: #666;
    }
}
.inner_timetable .ampmtime.nav-tabs
{
    margin-top: 10px;
    margin-bottom: 30px;

    text-align: right;

    border-bottom: none;
}
.inner_timetable ul.tabs li
{
    margin-left: 20px;
}

/* 
---------------------------------------------
Gallery
--------------------------------------------- 
*/
.gallery .item
{
    position: relative;

    transition: all .5s ease 0s;
}
.gallery .item a
{
    display: block;
}
.gallery .item a img
{
    width: 100%;

    filter: grayscale(100);
}
.gallery .item a i
{
    font-size: 50px;

    position: absolute;
    z-index: 5;
    top: 45%;
    left: 45%;

    cursor: pointer;
    transition: all .5s ease 0s;

    opacity: 0;
    color: #fff;
}
.gallery .item:hover a img
{
    filter: grayscale(0);
}

/* .gallery .item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #ff770b;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
	z-index: 4;
} */
.gallery .item:hover:before
{
    opacity: .5;
}
.gallery .item:hover a i
{
    opacity: 1;
}
figcaption
{
    display: none;
}
.gallery
{
    margin-bottom: -10px;
}
.gallery-title
{
    font-size: 36px;
    font-weight: 500;

    margin-bottom: 70px;

    text-align: center;

    color: #42b32f;
}
.gallery-title:after
{
    position: absolute;
    left: 46.5%;

    width: 7.5%;
    height: 45px;

    content: '';

    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-weight: 600;

    margin: 7px;
    padding: 10px 20px 10px 20px;

    text-transform: uppercase;

    border: none;
    border-radius: 40px;
    background: #f3f3f3;
}
.filter-button:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    background: #ff7101;
}
.filter-button:active
{
    transition: all ease .5s 0s;

    color: #fff;
    outline: none !important;
    background: #ff7101;
}
.port-image
{
    width: 100%;
}
.img_course1
{
    -webkit-clip-path: polygon(18.3% 0, 100% 0, 100% 100%, 0 100%, 0 28.6%);
            clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 28.6%);
}
section.inner_classes
{
    min-height: 1000px;
    margin-top: 60px;
}
.inner_classes .course_con1 h3
{
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;
    text-transform: none;

    color: #272727;
}

/* 
---------------------------------------------
blog
--------------------------------------------- 
*/

.blog_sec
{
    position: relative;

    margin: 100px 0 20px;
}
.blog_sec1
{
    margin: 100px 0 20px;
}
.blog_sec .blog_list ul li p.blog-title
{
    font-size: 20px;
    font-weight: bold;

    margin-top: 20px;

    color: #000;
}
.blog_sec .blog_list ul li p
{
    font-size: 16px;

    margin-bottom: 15px;

    text-align: left;

    color: #757575;
}
.blog_sec .blog_list img
{
    margin-top: 1px;
}
.blog_sec .blog_list .item
{
    margin: 30px auto;
    margin-left: 20px;
}
.overlay
{
    position: absolute;
    top: -70px;
    right: 0;
    bottom: 0;
    left: -85px;

    overflow: hidden;

    width: 750px;
    height: 750px;

    -webkit-transition: .3s ease;
            transition: .3s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    opacity: 1;
    background-color: rgba(252, 112, 1, .5);
}
.blog_sec .item:hover .overlay
{
    -webkit-transform: rotate(-45deg) scale(1);
        -ms-transform: rotate(-45deg) scale(1);
            transform: rotate(-45deg) scale(1);
            transform: rotate(-45deg);
}
.blog_sec .item:hover p.blog-title
{
    -webkit-transition: .3s ease;
            transition: .3s ease;

    color: #ff7101;
}
.blog_sec .owl-theme .owl-dots
{
    margin-top: 0;
}
a.accordion-toggle
{
    color: #272727;
}
.img_blog
{
    -webkit-clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
            clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 29%);
}
.img_blog:before
{
    position: absolute;
    right: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    transition: all ease .5s 0s;

    opacity: 0;
    background-color: rgba(252, 112, 1, .5);
}
.blog_box:before
{
    position: absolute;
    top: -24px;
    left: 39px;

    width: 5px;
    height: 110px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.blog_box:hover .img_blog:before
{
    opacity: 1;
}
.blog_con h3
{
    margin-top: 10px;
}
.blog_con h3 a
{
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 20px;

    color: #000;
}
.blog_con p
{
    font-size: 19px;
    line-height: 30px;

    margin-top: 15px;

    color: #828282;
}
.blog_box:hover .blog_con h3 a
{
    color: #fc7001;
}
.blog_box
{
    margin: 0 0 0 15px;
}
.blog_intro .info p
{
    font-size: 16px;
    font-style: italic;

    color: #959595;
}
.blog_intro .info p span
{
    margin-right: 30px;
}
.blog_intro .info p span i
{
    margin-right: 0;

    color: #ff7101;
}
.blog_intro .info p span a
{
    color: #6e6e6e;
}
.blog_intro .info p span a:hover
{
    color: #ff7101;
}
/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
.main-footer
{
    margin-top: -8px;
}
.footer
{
    position: relative;

    padding-top: 80px;
    padding-bottom: 100px;

    text-align: center;

    background: url(../img/footer_bg.png) no-repeat;
    background-position: center top;
    background-size: cover;
}

.submit_icon
{
    width: 60px;
    height: 50px;
    margin-left: -5px;
    padding: 19px;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;

    border: none;
    border: 1px solid #fff;
    border-left: none;
    background: url(../img/email_bg.png) no-repeat center;
}
@-moz-document url-prefix()
{
    .submit_icon
    {
        width: 60px;
        height: 50px;
        margin-left: -5px;
        padding: 11px;
        padding-top: 10px;
        padding-right: 0;
        padding-left: 0;

        border: none;
        border: 1px solid #fff;
        border-left: none;
    }
}
.footer .container
{
    position: relative;
}
.footer-logo
{
    padding-bottom: 20px;
}

#bottom-navigation
{
    margin-right: auto;
    margin-left: auto;

    text-align: center;
}

#menu-bottom-menu,
.footer-menu
{
    margin: 55px 0;

    text-align: center;
}


#menu-bottom-menu,
.footer-menu ul
{
    display: inline-block;

    vertical-align: middle;

    border-top: 1px solid #ee6c0c;
    border-bottom: 1px solid #ee6c0c;
}

#menu-bottom-menu
{
    float: none !important;

    margin-right: auto;
    margin-left: auto;
}


#bottom-navigation ul li,
.footer-menu ul li
{
    display: inline-block;

    margin-right: 0;

    vertical-align: middle;
}

#bottom-navigation ul li a,
.footer-menu ul li.active a
{
    color: #ee6c0c;
}

#bottom-navigation ul li a,
.footer-menu ul li a
{
    font-size: 16px;
    font-weight: bold;

    display: block;

    text-transform: uppercase;

    color: #fff;
}

#bottom-navigation li.current_page_item > a
{
    border: 0;
}

#bottom-navigation ul li a:hover,
.footer-menu ul li a:hover
{
    transition: all ease .5s 0s;

    color: #ff7101;
}
.footer-mail
{
    margin-bottom: 50px;
}
.footer-mail input[type='email']
{
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 100%;

    width: 310px;
    height: 50px;
    padding: 15px;

    text-align: left;

    color: #fff;
    border: 1px solid #fff;
    border-right: none;
    background-color: transparent;
    background-position: 92%;
}
.social.footer-social
{
    margin-bottom: 45px;
}
.footer-social span
{
    font-size: 16px;
    font-weight: bold;

    display: block;

    margin-bottom: 28px;

    text-transform: uppercase;

    color: #fff;
}
.footer-social ul li
{
    display: inline-block;
    float: none;

    margin-right: 5px;

    vertical-align: top;
}
.footer-social ul li a i
{
    font-size: 20px;
    line-height: 45px;

    width: 45px;
    height: 45px;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
}
.trainer-img .footer-social ul li a i:hover
{
    color: #fc7001;
    background-color: #000;
}
.social ul li a i
{
    font-size: 20px;
    font-weight: bold;
    line-height: 41px;

    position: relative;

    width: 40px;
    height: 40px;

    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
    text-align: center;

    color: #000;
    border-radius: 50%;
    background-color: #fff;
}
.social ul li a i:hover
{
    background-color: #ff7101;
}
.conatct-us
{
    position: absolute;
    z-index: 1;;
    top: -230px;
    right: -100px;

    width: 390px;
    padding: 48px 33px 25px;

    background: url(../img/contact_bg.png) no-repeat;
    background-position: center top;
    background-size: cover;;
}
.conatct-us:before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;

    content: '';

    opacity: .7;
    background: rgba(0, 0, 0, .5);
}
.conatct-us h2
{
    font-size: 2.2em;
    font-weight: 700;

    margin-bottom: 13px;

    color: #fff;
}

.conatct-us p,
.conatct-us label
{
    margin-bottom: 10px;

    border-bottom: 1px solid #fff;
}

.wpcf7-form p:first-of-type
{
    border: 0;
}


.conatct-us a
{
    text-decoration: underline;

    color: white;
}


.conatct-us .wpcf7-list-item label,
.conatct-us .accept-this + label,
.conatct-us .wpcf7-radio label
{
    border: 0;
}

.conatct-us form input#personalCheck
{
    display: inline-block;
    float: none;

    width: auto;
}

.footer input::placeholder,
.footer textarea::placeholder
{
    color: #fff;
}
.conatct-us form input,
.conatct-us form textarea
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 50px;

    position: relative;

    display: inline-block;

    width: 100%;

    color: #fff;
    border: 1px solid transparent;
    background: transparent;
}
.conatct-us form textarea
{
    overflow: hidden;

    height: 52px;

    resize: none;
}
.conatct-us form .submitbtn
{
    font-size: 15px;
    font-weight: bold;
    line-height: 100%;

    display: inline-block;

    width: auto;
    margin-top: 15px;
    padding: 15px 40px;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: 1px solid #ee6c0c;
    border-radius: 30px;
}
.conatct-us form .submitbtn:hover
{
    color: #fff;
}
.copyright-text p
{
    margin-bottom: 10px;
}
.copyright-text p,
.copyright-text span,
.copyright-text span a
{
    font-size: 16px;

    text-transform: uppercase;

    color: #fff;
}
.contact_form .title_box .title
{
    margin-bottom: 50px;
}

/* 
---------------------------------------------
Inner page title
--------------------------------------------- 
*/
.breadcrumb_sec
{
    min-height: 530px;

    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb_sec:before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 530px;

    content: '';

    opacity: .7;
    background: rgba(0, 0, 0, .5);
}
.blogpage3 .main-header .header-top
{
    border-bottom: 2px solid #fff5c;
}
.blogpage3 h2.title span
{
    font-weight: 900;
}
.blog_txt
{
    margin: 0 auto;
    padding-top: 225px;

    text-align: left;
    text-transform: uppercase;

    color: #fff;
}
.blog_txt h1
{
    font-size: 90px;
    font-weight: 900;

    color: #fff;
}
.blog_txt h3
{
    font-size: 40px;
    font-weight: 300;

    color: #fff;
}
.page_banner_img
{
    position: absolute;
    top: 230px;
    left: -29px;

    float: left;
}
.title_box_page
{
    margin-top: 250px;
}
.page_banner_title h1,
.page_banner_title h2
{
    font-size: 90px;
    font-weight: 900;

    text-transform: none;

    color: #fff;
}
.page_banner_title p
{
    font-size: 40px;

    margin-top: 12px;

    color: #fff;
}

/* 
---------------------------------------------
blog_seaction
--------------------------------------------- 
*/
.blog_main_sec
{
    position: relative;

    padding: 40px 0 60px;

    background: #fff;
}
.blogpage3 .blog_main_img:before
{
    position: absolute;
    top: -40px;
    left: 30px;

    width: 5px;
    height: 150px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.blogplay
{
    position: absolute;
    z-index: 0;
    top: 45%;
    left: 45%;

    max-width: 70px;
}
.input-group .form-control
{
    z-index: 0;
}
.blogplay:hover
{
    cursor: pointer;

    background-image: url(../img/Playbg.png);
}
.blogby a
{
    font-family: 'Lato', sans-serif;
    font-size: 15px;

    padding-right: 20px;

    color: #272727;
}
.blog_main_img .dd-mm
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: -10px;

    color: #000;
}
.blog_main_img .dd-mm span
{
    font-size: 22px;

    top: auto;

    transform: scale(1);
    text-decoration: none;
    text-transform: none;

    opacity: 1;
    color: #000;
}
.blog_main_img .dd-mm .month
{
    font-size: 15px;
    font-weight: 400;

    top: 22px;
    left: -2px;
}
.blog_intro .fa
{
    font-size: 20px;

    padding-right: 10px;
}
.breadcrumb_sec .blog_main_sec article
{
    padding: 20px 0;
}
.blog_title a
{
    font-size: 20px;
    font-weight: 700;

    z-index: 9999;

    margin-bottom: 12px;

    transition: all ease .5 0s;

    color: #000;
}
h3.blog_title
{
    margin-bottom: 10px;
}
.blog_main_sec .upload_info .fa
{
    color: #82b53f;
}
.blog_detail:hover .blog_title a
{
    transition: all ease .5 0s;

    color: #ff7101;
}
.upload_info span
{
    padding-right: 20px;

    color: #323232;
}
.blog_detail img
{
    width: 100%;
}
.blog_detail img
{
    -webkit-clip-path: polygon(9.8% 0, 100% 0, 100% 100%, 0 100%, 0 17.7%);
            clip-path: polygon(9.8% 0, 100% 0, 100% 100%, 0 100%, 0 17.7%);
}
.blog_detail
{
    padding: 20px 0;
    padding-bottom: 70px;

    border-bottom: 1px solid #dbdbdb;
}
.blog_detail:nth-child(3)
{
    border-bottom: 3px solid #ff7101;
}
.blogpage3 .blog_main_img
{
    overflow: visible;

    max-height: 400px;
    margin: 30px 0;
}
.blog_pera
{
    font-weight: 500;
    line-height: 28px;

    text-align: justify;

    color: #000;
}
.read_social .row
{
    margin-top: 10px;
    margin-right: -15px;
    margin-left: -15px;
}
.read_social .pull-left a
{
    font-size: 15px;
    font-weight: 900;

    text-transform: uppercase;

    color: #000;
}
.read_social .pull-left a:hover
{
    opacity: .6;
}
.pull-left a:hover i.fa.fa-arrow-right
{
    padding-left: 5px;
}
.read_social .pull-left .fa
{
    padding-left: 5px;

    color: #ff7101;
}
.read_social .pull-right .fa
{
    font-size: 20px;/*padding: 6px 0;*/

    vertical-align: middle;

    color: #fff;
}
.read_social .pull-right .fa-bell
{
    font-size: 18px;
}
.read_social .txt
{
    font-family: 'Lato', sans-serif;
    font-size: 15px;

    margin-right: 10px;
}
.read_social .pull-right .circle
{
    display: inline-block;

    width: 32px;
    height: 32px;
    margin-right: 10px;
    padding: 3px 4px;

    text-align: center;
    vertical-align: middle;

    border-radius: 30px;
    background: #e5e5e5;
}
.read_social .pull-right .circle:hover
{
    background: #ff7101;
}
/*paggination*/
.pagination
{
    display: inline-block;

    margin: 15px 0;
}
.pull-right.pagination a
{
    font-size: 17px;

    padding: 2px 11px;

    color: #000;
    background: transparent;
}
.pull-right.pagination span
{
    float: left;

    margin: 0;
    padding: 2px 10px;
}
.pull-right.pagination .active
{
    border: 2px solid #ff7101;
    border-radius: 30px;
}
.pagination .pre,
.pagination .next
{
    font-weight: 500;
    line-height: 16px;

    padding: 0;

    text-transform: uppercase;

    color: #000;
    background-color: transparent;
}
.pagination .pre
{
    padding-right: 10px;

    border-right: 1px solid;
}
.pagination a
{
    float: left;

    margin: 0 4px;
    padding: 8px 16px;

    transition: background-color .3s;
    text-decoration: none;

    color: #7e7e7e;
    background-color: #f3f3f3;
}
/*paggination*/

/*right section*/
.blog_left
{
    padding-right: 35px;
}
.blog_right
{
    margin-top: 30px;
    padding-left: 35px;
}
.blog_right .blog_title
{
    font-size: 22px;
    font-weight: 800;

    margin-bottom: 0;
    padding: 20px;

    text-transform: uppercase;

    color: #fff;
    background: #ff7101;
}
.blog_right article
{
    padding: 20px 0;
}
/* 
---------------------------------------------
search
--------------------------------------------- 
*/
.search_blog
{
    margin-top: 0;
}
.input-group
{
    padding: 3px;

    border: solid 1px #f0f0f2;
    background-color: transparent;
}
.search_blog input::placeholder
{
    font-size: 17px;

    color: #000;
}
.search_blog input
{
    font-size: 17px;

    height: 60px;
    padding: 6px 15px;
    padding-left: 25px;

    color: #000;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.form-control:focus
{
    border: none;
    border-color: transparent;
    box-shadow: none;
}
.search_blog button
{
    font-size: 20px;

    margin: 2px 0 0 0;
    padding: 0 8px 0 10px;
    padding-right: 25px;

    color: #000;
    border: 0;
    background: none;
    box-shadow: none;
}
.search_blog button:hover
{
    color: #ff7101;
    border-color: transparent;
    background-color: transparent;
}

/* 
---------------------------------------------
Categories_blog
--------------------------------------------- 
*/

.Categories_blog .cat_list a
{
    color: #000;
}
.Categories_blog .cat_list
{
    font-weight: 500;

    padding: 5px;

    border-top: 1px solid #dbdbdb;
    background: #f0f0f0;
}
.Categories_blog .cat_list:hover a,
.Categories_blog .cat_list.active a,
.Categories_blog .cat_list:focus a
{
    cursor: default;

    color: #ff7101;
}
.Categories_blog .cat_list .fa
{
    font-size: 17px;

    padding: 0 12px;

    color: #ff7101;
    background: none;
}

/* 
---------------------------------------------
Recent Articles
--------------------------------------------- 
*/

.articles_blog .art_list
{
    font-weight: 500;

    padding: 5px;

    border-top: 1px solid #dbdbdb;
    background: #f0f0f0;
}
.articles_blog .art_list a
{
    color: #000;
}
.articles_blog .art_list:hover a,
.articles_blog .art_list.active a,
.articles_blog .art_list:focus a
{
    cursor: default;

    color: #ff7101;
}
.articles_blog .art_list .fa
{
    font-size: 17px;

    padding: 0 12px;

    color: #ff7101;
    background: none;
}

/* 
---------------------------------------------
schedule
--------------------------------------------- 
*/

.accordion-toggle:hover
{
    text-decoration: none;
}
.Schedule_blog .fa
{
    font-size: 20px;

    padding-right: 5px;

    vertical-align: middle;

    color: #ff7101;
}
.Schedule_blog .fa-angle-up
{
    color: transparent;
}
.Schedule_blog .panel-heading
{
    padding: 15px 15px;

    color: #000;
    border-color: transparent;
    background-color: transparent;
}
.Schedule_blog .panel-heading .panel-title a
{
    font-size: 17px;
    font-weight: 500;

    color: #000;
}
.Schedule_blog .panel-group .panel-heading + .panel-collapse > .list-group,
.Schedule_blog .panel-group .panel-heading + .panel-collapse > .panel-body
{
    padding: 0 30px;

    border-top: none;
}
.Schedule_blog .panel-group
{
    margin-bottom: 0;
}
.Schedule_blog .panel-body
{
    border-top: none;
}
.panel-body img
{
    display: inline-block;

    width: 25px;
}
.timedetail
{
    padding: 6px 0;
}
.Schedule_blog .panel-group,
.Schedule_blog .panel
{
    background: #f0f0f0;
}
.Schedule_blog .collapse.in
{
    margin-bottom: 30px;
}
/*tags*/
.tags_blog .tag_list
{
    margin: 30px 0;
}
.tags_blog .tag_list .tags
{
    font-size: 14px;
    font-weight: 500;

    position: relative;

    float: left;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 16px;

    cursor: pointer;
    transition: all ease .5s 0s;
    text-transform: capitalize;

    color: #ababab;
    border: 1px solid #d1d1d3;
    border-radius: 25px;
    background: transparent;
}
.tags_blog .tag_list .tags a
{
    color: #ababab;
}
.tags_blog .tag_list .tags:hover,
.tags_blog .tag_list .tags.active,
.tags_blog .tag_list .tags:focus
{
    color: #fff;
    border: 1px solid #ff7101;
    background: #ff7101;
}
.tags_blog .tag_list .tags.active a,
.tags_blog .tag_list .tags:hover a,
.tags_blog .tag_list .tags:focus
{
    color: #fff;
}
/*right section*/


/*-------blog main end ---------*/
@media screen and (min-width: 1169px)
{
    .blogpage3 .row
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}
/* 
---------------------------------------------
blog page
--------------------------------------------- 
*/.navbar-toggle
{
    margin-right: 0;
}
.achivments
{
    padding-top: 60px;
    padding-bottom: 60px;

    background-image: url(../img/achivments.jpg);
    background-position: center;
}
.about_sec .title
{
    font-size: 40px;
    font-weight: lighter;
    font-weight: 400;
    line-height: 100%;

    position: relative;
    z-index: 1;

    display: block;
    display: inline-block;

    margin-bottom: 40px;

    text-align: left;
    vertical-align: top;
    text-transform: uppercase;

    color: #000;
}
.caption-wrap h1::before,
h2.title:before
{
    position: absolute;
    z-index: -1;
    top: -26px;
    left: -34px;

    width: 189px;
    height: 191px;

    content: '';

    background: url(../img/title-bg.png) no-repeat;
}
.about_inner_page_con h2.title span
{
    font-weight: 900;

    color: #000 !important;
}
.about_inner_page_con p
{
    font-size: 19px;
    font-weight: 500;

    margin-top: 20px;
    margin-bottom: 30px;
}
.about_img img
{
    float: left;
}
.about_inner_page_con
{
    margin-top: 70px;
}
.projectFactsWrap
{
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
}
#projectFacts .fullWidth
{
    padding: 0;
}
.projectFactsWrap .item
{
    width: 25%;
    height: 100%;
    padding: 50px 0;

    text-align: center;
}
.counter-value.number
{
    font-family: 'Lato', sans-serif;
    font-size: 50px;
    font-weight: 600;

    margin-top: 20px;
    padding: 0;

    text-align: center;

    color: #ff7101;
}
.achievements_box p
{
    font-size: 20px;
    font-weight: 500;

    margin: 0;
    padding-top: 18px;

    text-align: center;
    letter-spacing: 1px;

    color: #fff;
}
.projectFactsWrap .item span
{
    display: block;

    width: 60px;
    height: 2px;
    margin: 0 auto;

    background: rgba(255, 255, 255, .8);
}
.projectFactsWrap .item i
{
    font-size: 50px;

    vertical-align: middle;

    color: rgba(255, 255, 255, .8);
}
.projectFactsWrap .item:hover span
{
    background: white;
}
@media (max-width: 786px)
{
    .projectFactsWrap .item
    {
        flex: 0 0 50%;
    }
}
.title_box .title
{
    font-size: 40px;
    font-weight: lighter;
    font-weight: 400;
    line-height: 100%;

    position: relative;
    z-index: 1;

    display: block;
    display: inline-block;

    margin-bottom: 30px;

    text-align: left;
    vertical-align: top;
    text-transform: uppercase;

    color: #000;
}
.title_box p
{
    font-size: 19px;
    font-weight: 500;

    margin-top: 0;
    margin-bottom: 30px;
}
.testimonials_box
{
    margin: 10px;
    padding-top: 70px;
    padding-bottom: 25px;

    background-color: #fff;
    box-shadow: 3px 4px 15px 0 rgba(202, 202, 202, .75);
}
.testimonials_box
{
    position: relative;
    z-index: 0;
    bottom: 70px;

    margin: 10px;

    background-color: #fff;
    box-shadow: 3px 4px 15px 0 rgba(202, 202, 202, .75);
}
i.fa.fa-quote-left
{
    font-size: 35px;

    width: 100%;

    text-align: center;

    color: #ff7101;
}
.client_name p
{
    font-weight: 600;

    text-align: center;
    text-transform: uppercase;
}
.client_name h5
{
    font-size: 15px;
    line-height: 31px;

    margin-top: 10px;
    padding-right: 40px;
    padding-left: 40px;

    text-align: center;
    letter-spacing: .5px;

    color: #000;
}
#testimonials_slider .owl-item img
{
    width: auto !important;

    border: 3px solid #ff7101;
    border-radius: 100px;
}
.client_img
{
    position: relative;
    z-index: 99;

    padding-top: -20px;
}
i.fa.fa-angle-left
{
    font-size: 35px;
    line-height: 41px;

    width: 45px;
    height: 45px;

    color: #fff;
    background-color: #ff7101;
}
i.fa.fa-angle-right
{
    font-size: 35px;
    line-height: 41px;

    width: 45px;
    height: 45px;

    color: #fff;
    background-color: #ff7101;
}
.owl-theme .owl-nav [class*='owl-']
{
    font-size: 50px;

    display: inline-block;

    margin: 0;
    padding: 10px 15px !important;

    cursor: pointer;

    color: #178097;
    border-radius: 3px;
    background: none;
}
section.testimonials
{
    margin-top: 20px;
}
.title-right .about_inner_page_con
{
    margin-top: 10px;
}
#testimonials_slider .owl-nav
{
    display: block;
}
.inner_trainer
{
    margin-bottom: 20px;
}
#slider3 .owl-dot
{
    display: none;
}
a.primary-btn.about_btn:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    background-color: #ff7101;
}

/* 
---------------------------------------------
Classes
--------------------------------------------- 
*/
.portfolioFilter
{
    margin-bottom: 30px;
    padding: 15px 0;
}
.inner_classes
{
    margin-top: 60px;
    margin-bottom: 40px;
}
.portfolioFilter a
{
    font-weight: bold;

    display: inline-block;

    margin-right: 6px;
    padding: 8px 15px;

    text-decoration: none;
    text-transform: uppercase;

    color: #262626;
    border-radius: 50px;
}
.portfolioContainer
{
    border: 1px solid #fff;
    border-radius: 3px;
}
.isotope-item
{
    z-index: 2;
}
.isotope-hidden.isotope-item
{
    z-index: 1;

    pointer-events: none;
}
.isotope,
.isotope .isotope-item
{
    -webkit-transition-duration: .8s;
       -moz-transition-duration: .8s;
            transition-duration: .8s;
}
.isotope
{
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
            transition-property: height, width;
}
.isotope .isotope-item
{
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
            transition-property:         transform, opacity;
}
.course-list.isotope-item
{
    margin-top: 70px;
    margin-left: 50px;
}
.classes_box .course-list ul li a::before,
.trainer-img:before,
.blog_sec .item a:before
{
    position: absolute;
    top: -28px;
    left: 29px;

    width: 5px;
    height: 120px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.classes_box .course-list ul li h3
{
    font-size: 27px;
    font-weight: 700;

    color: #000;
}
.classes_box .course-list ul li
{
    float: left;

    width: 33%;
    margin-right: 0;
    margin-bottom: 60px;

    text-align: center;
}
.classes_box .building.stretching
{
    margin-top: 55px;
    margin-left: 25px;
}
#filter_menu
{
    list-style: none;

    text-align: center;
}
#filter_menu li
{
    display: inline;

    margin: 7px;
    padding: 10px 5px 10px 5px;

    border-radius: 20px;
    background: #f3f3f3;
}
#filter_menu a
{
    font-size: 15px;
    font-weight: 600;

    text-decoration: none;
    text-transform: uppercase;

    color: #040404;
}
#filter_menu li:hover
{
    background: #ff7101;
}
#filter_menu li:hover a
{
    color: #fff;
}
section.classes_box
{
    margin-top: 90px;
    margin-bottom: 50px;
}
html,
body,
.wrapper1
{
    height: 100%;
}
.wrapper1
{
    position: relative;

    background: url(../img/error.jpg)no-repeat center center/cover;
}
.wrapper1:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .4;
    background-color: #000;
}
header,
.content1
{
    position: absolute;
}
.content1
{
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    text-align: center;

    color: #fff;
}
.error_con h1
{
    font-size: 35px;
    font-weight: bold;

    margin-top: 60px;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
}
.error_con p
{
    font-size: 16px;
    line-height: 30px;

    margin-top: 45px;
    margin-bottom: 45px;

    opacity: .8;
}
a.back_to_home
{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;

    margin: 15px;
    padding: 19px 35px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: 2px solid #ff7101;
    border-radius: 50px;
    background-color: #ff7101;
}
a.back_to_home:hover
{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;

    padding: 19px 35px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: transparent;
}
.error_copy p
{
    font-size: 15px;

    position: fixed;
    bottom: 0;

    width: 100%;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;

    text-align: center;

    color: #fff;
    background-color: rgba(0, 0, 0, .5);
}
.owl-carousel.off
{
    display: inline-block;
}
.back_home
{
    margin-top: 60px;
    margin-bottom: 50px;
}
.color_change
{
    color: #ff7101;
}
.inner_classes .course-list ul li
{
    padding: 15px;
}

/* 
---------------------------------------------
Comeing Soon
--------------------------------------------- 
*/

html,
body,
.wrapper
{
    height: 100%;
}
.wrapper
{
    position: relative;

    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    /* background: url(../img/comeing_soon.jpg) no-repeat center center/cover; */
}
.wrapper:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: 0;
    background-color: #000;
}
header,
.content
{
    position: absolute;
}
.content
{
    font-family: 'Lato', sans-serif;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    text-align: center;

    color: #fff;
}
.comeing_con h1
{
    font-size: 60px;
    font-weight: bold;

    margin-top: 60px;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
}
.error_con p
{
    font-size: 16px;
    line-height: 30px;

    margin-top: 45px;
    margin-bottom: 45px;

    opacity: .8;
}
a.back_to_home
{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;

    margin: 15px;
    padding: 19px 35px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: 2px solid #ff7101;
    border-radius: 50px;
    background-color: #ff7101;
}
a.back_to_home:hover
{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;

    padding: 19px 35px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: transparent;
}
.error_copy p
{
    font-size: 15px;

    position: fixed;
    bottom: 0;

    width: 100%;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;

    text-align: center;

    color: #fff;
    background-color: rgba(0, 0, 0, .5);
}
.owl-carousel.off
{
    display: inline-block;
}
.back_home
{
    margin-top: 60px;
    margin-bottom: 50px;
}
.color_change
{
    color: #ff7101;
}
.comeing_con p
{
    font-size: 18px;

    margin-top: 10px;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
}
.well
{
    border: none;
    background: none;
}
.clock
{
    overflow: hidden;

    width: 125px;

    background-color: rgba(255, 255, 255, .4);
}
.num
{
    font-size: 50px;

    margin-top: 30px;
    margin-bottom: 30px;

    letter-spacing: 5px;
}
.number_line
{
    width: 30px;
    margin: auto;
    margin-bottom: 15px;

    border-bottom: 2px solid #fff;
}
.text
{
    margin-bottom: 20px;
}
.counter_box
{
    margin-top: 30px;
}
.subscribe_box
{
    display: inline-block;

    width: 70%;
    margin-top: 50px;
}
.subscribe_box h2
{
    font-size: 20px;
    font-weight: bold;

    text-align: center;
    letter-spacing: .5px;
    letter-spacing: .5px;
    text-transform: uppercase;

    color: #fff;
}
input.form-control.cooming_soon.input-lg
{
    font-size: 15px;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px !important;
    background-color: #fff;
}
.input-group.cooming
{
    width: 100%;
    width: -99;
    margin-top: 30px;
    margin-bottom: 30px;

    border: none;
    border-radius: 30px;
    box-shadow: none;
}
.form-subscribe .btn
{
    width: 46.5px;
    height: 46.5px;

    border: none;
    border-radius: 40px !important;
    background: #ff7101;
}
i.fa.fa-paper-plane
{
    font-size: 16px;

    padding-right: 5px;

    color: #fff;
}
.input-group-btn:not(:first-child) > .btn-group:first-child,
.input-group-btn:not(:first-child) > .btn:first-child
{
    margin-left: -45px;
}
#comeing_soon_icon
{
    margin-top: 30px;

    list-style: none;

    text-align: center;
}
#comeing_soon_icon li
{
    display: inline;

    margin: 2px;
}
#comeing_soon_icon a
{
    font-family: sans-serif;
    font-weight: bold;
    font-variant: small-caps;

    text-decoration: none;

    color: #fff;
}
#comeing_soon_icon i
{
    font-size: 21px;
    line-height: 45px;

    width: 45px;
    height: 45px;

    border-radius: 50px;
    background-color: #ff7101;
}
#comeing_soon_icon i:hover
{
    transition: all .5s 0s;

    color: #ff7107;
    background-color: #fff;
}
.subscribe_box
{
    font-size: 20px;

    color: #fff;
}
.discount_con
{
    display: inline-block;

    width: 100%;

    background-image: url(../img/discount_bg.jpg);
    background-size: cover;
}
.discount_title h1
{
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;

    margin-top: 25px;
    margin-bottom: 25px;

    letter-spacing: 1px;

    color: #fff;
}
a.discount_button
{
    font-size: 20px;
    font-weight: 500;

    letter-spacing: .5px;
    text-transform: uppercase;
}
.discount_btn
{
    float: right;

    margin-top: 45px;
    margin-bottom: 40px;
    padding: 15px 35px 15px 35px;

    border: 2px solid #fff;
    border-radius: 50px;
}
.discount_btn:hover
{
    transition: all ease .5s 0s;

    color: #ff7101;
    background-color: #fff;
}
.discount_btn:hover a.discount_button
{
    color: #ff7101;
}

/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

.contact_detail
{
    margin-top: 80px;
    margin-bottom: 80px;
}
.location_address p
{
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;

    letter-spacing: .5px;

    color: #2e3438;
}
.location_address p a
{
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;

    letter-spacing: .5px;

    color: #2e3438;
}
.location_icon
{
    float: left;

    margin-right: 15px;
}
.location_address
{
    padding-top: 10px;
}
.map
{
    -webkit-filter: grayscale(100%);
}
.contact_form
{
    margin-top: 10px;
    margin-bottom: 80px;
}
.contact_form_detail
{
    width: 100%;
    height: 45px;
    padding-left: 15px;

    color: #b7b7b7;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background-color: #fff;
}
.contact_form_detail:hover
{
    transition: all ease .5s 0s;

    border: 1px solid #ff7101;
    outline: none;
    box-shadow: 3px 4px 15px 0 rgba(211, 211, 211, .75);
}
.contact_form_detail:focus
{
    transition: all ease .5s 0s;

    border: 1px solid #ff7101;
    outline: none;
    box-shadow: 3px 4px 15px 0 rgba(211, 211, 211, .75);
}
.contact_form_detail1
{
    width: 100%;
    height: 120px;
    margin-top: 30px;
    padding-top: 15px;
    padding-left: 15px;

    color: #b7b7b7;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background-color: #fff;
}
.contact_form_detail1:hover
{
    transition: all ease .5s 0s;

    border: 1px solid #ff7101;
    outline: none;
    box-shadow: 3px 4px 15px 0 rgba(211, 211, 211, .75);
}
.contact_form_detail1:focus
{
    transition: all ease .5s 0s;

    border: 1px solid #ff7101;
    outline: none;
    box-shadow: 3px 4px 15px 0 rgba(211, 211, 211, .75);
}
.submit_btn_box
{
    margin-top: 30px;

    text-align: center;
}
.submit_btn
{
    padding: 11px 38px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 60px;
    background: #ff7101;
}
.hoverout
{
    display: none;

    transition: all ease .5s 0s;
}
.hoverin
{
    display: block;

    transition: all ease .5s 0s;
}
.location_box:hover .hoverin
{
    display: none;

    transition: all ease .5s 0s;
}
.location_box:hover .hoverout
{
    display: block;

    transition: all ease .5s 0s;
}
.tainers_box
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.tainers_box li.item
{
    float: left;

    width: 29.9%;
    margin: 20px;
    margin-bottom: 50px;
}


.footer-mail input[type='submit']
{
    background-color: transparent !important;
}

input.wpcf7-submit
{
    display: inline-block;

    width: auto !important;
    margin: auto;
    margin-top: 0;
    padding: 0 25px !important;

    transition: all ease .5s 0s;
    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #ee6c0c !important;
    border-radius: 60px;
    background-color: transparent;
}
input.wpcf7-submit:hover
{
    transition: all ease .5s 0s;

    color: #fff;
    background-color: #ee6c0c !important;
}

input.wpcf7-submit ~ input.wpcf7-submit
{
    margin-left: .5em;
}



.social_icon
{
    margin-top: -20px;
    margin-left: 27%;

    list-style: none;

    text-align: center;
}

.social_icon li
{
    display: inline;

    padding: 2px;
}

.social_icon a
{
    font-family: sans-serif;
    font-weight: bold;
    font-variant: small-caps;

    float: left;

    margin: 5px;

    text-decoration: none;

    color: #737373;
}
.footer-social1
{
    font-size: 20px;
    font-weight: 700;

    position: absolute;
    z-index: 10;
    top: 45%;

    width: 100%;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;
}
.footer-social1
{
    opacity: 0;
}
li.item:hover .footer-social1
{
    opacity: 1;
}
.footer-social1 i.fa.fa-facebook
{
    line-height: 37px;

    width: 35px;
    height: 35px;

    border-radius: 30px;
    background-color: #fff;
}
.footer-social1 i.fa.fa-facebook:hover
{
    transition: all ease .5s 0s;

    color: #fc7001;
}
.footer-social1 i.fa.fa-twitter
{
    line-height: 37px;

    width: 35px;
    height: 35px;

    border-radius: 30px;
    background-color: #fff;
}
.footer-social1 i.fa.fa-twitter:hover
{
    transition: all ease .5s 0s;

    color: #fc7001;
}
.footer-social1 i.fa.fa-instagram
{
    line-height: 37px;

    width: 35px;
    height: 35px;

    border-radius: 30px;
    background-color: #fff;
}
.footer-social1 i.fa.fa-instagram:hover
{
    transition: all ease .5s 0s;

    color: #fc7001;
}
iframe
{
    width: 100%;
}
/* 
---------------------------------------------
scroll to top
--------------------------------------------- 
*/
.scrollToTop
{
    font-size: large;
    line-height: 50px;

    position: fixed;
    z-index: 9999999;
    right: 25px;
    bottom: 25px;

    display: none;

    width: 50px;
    height: 50px;

    transition: all .5s linear;
    text-align: center;
    text-decoration: none;

    color: white;
    border-radius: 50px;
    background: #ee6c0c;
    -webkit-box-shadow: 0 0 15px 0 rgba(54,54,54,.3);
}
a.scrollToTop:hover,
a.scrollToTop:focus
{
    text-decoration: none;

    color: #222;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(54,54,54,.3);
            box-shadow: 0 0 15px 0 rgba(54,54,54,.3);
}

/* 
---------------------------------------------
trainer_page
--------------------------------------------- 
*/
.img_trainer1
{
    -webkit-clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
            clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
}
.img_trainer1:before
{
    position: absolute;
    right: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    transition: all ease .5s 0s;

    opacity: 0;
    background-color: rgba(252, 112, 1, .5);
}
.trainer_box1:before
{
    position: absolute;
    top: -22px;
    left: 40px;

    width: 5px;
    height: 110px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.trainer_box1:hover .img_trainer1:before
{
    opacity: 1;
}
.trainer_con1 h3
{
    font-size: 30px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;
    text-transform: uppercase;

    color: #fc7001;
}
.trainer_con1 p
{
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;

    margin-top: 10px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}
.trainer_box1:hover .footer-social1
{
    opacity: 1;
}
.img_trainer1 img
{
    width: 100%;
}
.inner_tainers .trainer_box1
{
    margin-bottom: 50px;
}
.trainer_box1
{
    margin-bottom: 50px;
}

/* 
---------------------------------------------
course_page
--------------------------------------------- 
*/
.img_course
{
    -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
            clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
}
.img_course:before
{
    position: absolute;
    right: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    transition: all ease .5s 0s;

    opacity: 0;
    background-color: rgba(252, 112, 1, .5);
}
.course_box:before
{
    position: absolute;
    top: -14px;
    left: 42px;

    width: 5px;
    height: 110px;

    content: '';
    transform: rotate(45deg);

    background-color: #fc7001;
}
.course_box:hover .img_course:before
{
    opacity: 1;
}
.course_con h3
{
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}
.course_box:hover .course_con h3
{
    color: #fc7001;
}
.course_box
{
    margin: 10px 0 60px 15px;
}
.img_course
{
    max-width: 100%;
}
.img_course img
{
    width: 100%;
}
#filter_menu
{
    list-style: none;

    text-align: center;
}

#filter_menu li
{
    display: inline;

    margin: 7px;
    padding: 10px 20px 10px 20px;

    background: #f3f3f3;
}

#filter_menu a
{
    text-decoration: none;

    color: #040404;
}
#filter_menu li:active
{
    list-style: none;
}
.nav-item.active
{
    text-decoration: none;
}
ul#filter_menu
{
    margin-top: 60px;
    margin-bottom: 50px;
}

#main
{
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 1260px;
    margin: 0 auto;

    justify-content: center;
}
.portfolio
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    flex-flow: row wrap;
}
.project
{
    position: relative;

    margin: 10px;

    flex: 1 0 calc(100% - 20px);
}
.project:hover .project-info
{
    background: rgba(89, 89, 89, .7);
}
@media (min-width: 520px)
{
    .project
    {
        flex: 0 0 calc((100% / 2) - 20px);
    }
}
@media (min-width: 860px)
{
    .project
    {
        flex: 0 0 calc((100% / 3) - 20px);
    }
}
.project-image img
{
    display: block;

    width: 100%;
    height: auto;
}
.project-info
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 40px;

    transition: all 350ms ease-in;

    opacity: 0;
    color: #f6f6f6;
    background: rgba(89, 89, 89, .8);

    justify-content: center;
    align-items: center;
}
.project-info:hover
{
    opacity: 1;
}
@media (max-width: 520px)
{
    .project-info
    {
        opacity: .8;
    }
}
.project-info-title
{
    font-size: 2.5em;

    margin: 0 0 .5em;

    text-align: center;
    text-transform: uppercase;
}
.project-info-button
{
    padding: .5em 1em;

    transition: all 350ms;
    text-decoration: none;

    color: inherit;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
}
.project-info-button:hover
{
    color: #595959;
    border-color: #f6f6f6;
    background: #f6f6f6;
}
/* 
---------------------------------------------
Blog_detail_page
--------------------------------------------- 
*/
.ft-blog-post .info
{
    width: 100%;
}
.ft-blog-post .info .title-info
{
    padding-left: 84px;
}
.ft-blog-post
{
    margin-top: 30px;
}
.ft-blog-post .image
{
    width: 100%;
    margin-bottom: 50px;
}
.single-blog-post .info
{
    overflow: hidden;

    margin-bottom: 10px;
}
.ft-blog-post .info .date-wrapper
{
    float: left;

    width: 59px;
    min-height: 34px;
}
.ft-blog-post .info .date
{
    font-weight: bold;

    float: left;

    width: 59px;
    height: 55px;

    text-align: left;

    color: #ff7101;
    border-right: 1px solid #cacaca;
}
.ft-blog-post .info .date .post-date
{
    line-height: 40px;
}
.ft-blog-post .info .date .post-month
{
    font-size: 20px;
    font-weight: 400;

    float: left;

    width: 100%;
    margin-top: -7px;
}
.ft-blog-post .info .title-info .title
{
    float: left;

    width: 100%;
}
.ft-blog-post .info .title-info .title h2
{
    font-size: 20px;
    font-weight: 800;

    margin: -3px 0 6px 0;
    padding: 0;

    text-align: left;
    text-transform: uppercase;
}
.ft-blog-post .info .title-info .info
{
    float: left;

    width: 100%;
}
.ft-blog-post .info .title-info .info p
{
    font-size: 16px;
    font-style: italic;

    color: #959595;
}
.ft-blog-post .info .title-info .info p span
{
    margin-right: 30px;
}
.ft-blog-post .info .title-info .info p span a
{
    color: #6e6e6e;
}
.ft-blog-post .info .title-info .info p span a:hover
{
    color: #ff7101;
}
.ft-blog-post .info .title-info .info p span i
{
    margin-right: 10px;

    color: #ff7101;
}
.ft-blog-post .info .date .post-date
{
    font-size: 28px;
    font-weight: bold;

    float: left;

    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.ft-blog-post .info .date .post-month
{
    font-size: 20px;
    font-weight: 400;

    float: left;

    width: 100%;
    margin-top: -7px;
}
.main-content-box p
{
    font-size: 16px;
    font-weight: 500;

    margin-top: 0;
    margin-bottom: 15px;

    color: #777;
}
blockquote
{
    font-size: 16px;
    font-weight: 400;

    position: relative;

    margin: 40px 0;
    padding: 35px;

    text-align: left;

    color: #171d29;
    color: var(--black);
    border: 0 none;
    border: 2px solid #fafafa;
    border-bottom: 5px solid #ccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #fafafa;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
}
blockquote p:first-child:before
{
    font-size: 64px;
    font-weight: 800;
    font-style: normal;
    line-height: 1em;

    display: block;
    overflow: hidden;

    height: 28px;
    margin-top: -8px;
    margin-bottom: 15px;

    content: '"';
    text-align: center;

    color: #ee6c0c;
}
.main-content-box h3
{
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;

    margin: 0;
    margin-top: 30px;
    margin-bottom: 12px;

    text-transform: capitalize;

    color: #000;
}
span.singletags a
{
    color: #666;
}
span.singletags a:hover
{
    transition: all ease .5s 0s;

    color: #ff7101;
}
.text-box p a:hover
{
    transition: all ease .5s 0s;

    color: #ff7101;
}
span.singletags
{
    font-size: 16px;
    font-weight: 500;
}
.tag-social-box
{
    padding: 11px;

    border: 1px solid #eee;
}
.social-box ul
{
    margin-bottom: 0;
}
.social-box li
{
    display: inline-block;
}
.tag-social-box .social-box a
{
    font-size: 16px;

    padding: 10px;

    color: #222;
}
.tag-social-box .social-box a:hover
{
    color: #ff7101;
}
.mbottom30
{
    margin-bottom: 30px;
}
.admin-info-box
{
    margin-bottom: 30px;
    padding: 27px 15px 20px 25px;

    background: #242424;
}
.admin-info-box .img-box
{
    float: left;

    width: 114px;
}
.admin-info-box .img-box img
{
    border-radius: 100%;
}
.admin-info-box .text-box
{
    padding-left: 140px;
}
.admin-info-box h3
{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;

    margin-top: 10px;

    text-transform: uppercase;

    color: #fff;
}
.admin-info-box .text-box p:last-child
{
    margin-bottom: 0;
}
.comment-part
{
    margin-top: 44px;
}
.comments-box .title,
.comment-reply-title
{
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;

    float: none;

    margin-bottom: 45px;

    text-transform: uppercase;

    color: #333;
}
.comment-respond
{
    margin-top: 45px;
    margin-bottom: 45px;
}
.comment-respond .comment-form
{
    padding: 50px 30px 40px 30px;

    border: 1px solid #eee;
    background: #f7f7f7;
}
.comment-form-comment
{
    margin-bottom: 21px;
}
.comment-respond input:not([type='submit'])
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;

    display: block;

    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    padding: 10px 22px;

    color: #c4c4c4;
    border: 1px solid #e4e3e7;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.comment-respond textarea
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.42857143;

    display: block;

    width: 100%;
    height: 172px;
    padding: 10px 22px;

    color: #c4c4c4;
    border: 1px solid #e4e3e7;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.text_detail
{
    font-size: 15px;

    margin-top: 10px;

    opacity: .8;
    color: #fff;
}
h5.nocomments
{
    font-size: 18px;
    font-weight: 600;
}
.submit
{
    padding: 11px 38px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border: 2px solid #ff7101;
    border-radius: 60px;
    background: #ff7101;
}
.submit:hover
{
    padding: 11px 38px;

    transition: all ease .5s 0s;
    text-transform: uppercase;

    color: #ff7101;
    border: 2px solid #ff7101;
    border-radius: 60px;
    background: #fff;
}






.steps-container
{
    color: #fff;
    background: #f0f0f0;
}

.steps-container input[type='radio']:checked ~ .description
{
    height: 170px;

    transition: .3s ease-in;
}

.steps-container input[type='radio']
{
    display: none;

    width: 100%;
}
.steps-container label
{
    position: relative;

    display: inline-block;

    width: 100%;
    max-width: 100%;

    cursor: pointer;

    border-bottom: 1px solid #ccc;
}
.steps-container label:before,
.steps-container label:after
{
    position: absolute;
    z-index: 99;
    top: 9px;
    right: 25px;

    display: inline-block;

    width: 2px;
    height: 15px;

    content: '';
    transform: rotate(90deg);;

    background: #ff7101;
}

.steps-container label:after
{
    transform: rotate(0deg);
}
.steps-container input[type='radio']:checked ~ label:after
{
    transform: rotate(90deg);
}
.steps-container input[type='radio']:checked ~ label
{
    cursor: default;
}
.steps-container label span
{
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 10px 12px 10px 15px;

    color: #000;
}
.description
{
    display: block;
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    height: 0;
    padding-left: 15px;

    transition: .4s ease-in-out;

    color: #222;
}
.description p
{
    line-height: 18px;

    padding-right: 10px;
}
.panel-body
{
    padding: 5px;
}
label
{
    margin-bottom: 0;
}

/* 
---------------------------------------------
animaction
--------------------------------------------- 
*/
.img_animate
{
    animation-delay: .2s, 0s;
}

.title_animate
{
    animation-delay: .4s, 0s;
}
.titlep_animate
{
    animation-delay: .6s, 0s;
}
.controls
{
    font-size: .1px;

    padding: 1rem;

    background: #333;
}
.control
{
    font-size: .1px;

    position: relative;

    display: inline-block;

    width: 2.7rem;
    height: 2.7rem;

    cursor: pointer;
    transition: background 150ms;

    color: white;
    background: #444;
}
.control:hover
{
    background: #3f3f3f;
}
.control[data-filter]:after
{
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);

    width: 10px;
    height: 10px;

    content: '';
    transition: background-color 150ms, border-color 150ms;

    border: 2px solid currentColor;
    border-radius: 2px;
    background: currentColor;
}
.control[data-sort]:after
{
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);

    width: 10px;
    height: 10px;

    content: '';
    transform: translateY(1px) rotate(45deg);

    border-top: 2px solid;
    border-left: 2px solid;
}
.control[data-sort*=':desc']:after
{
    transform: translateY(-4px) rotate(-135deg);
}
.mixitup-control-active
{
    background: #393939;
}
.mixitup-control-active[data-filter]:after
{
    background: transparent;
}
.control:first-of-type
{
    border-radius: 3px 0 0 3px;
}
.control:last-of-type
{
    border-radius: 0 3px 3px 0;
}
.control[data-filter] + .control[data-sort]
{
    margin-left: .75rem;
}
.control[data-filter='.green']
{
    color: #91e6c7;
}
.control[data-filter='.blue']
{
    color: #5ecdde;
}
.control[data-filter='.pink']
{
    color: #d595aa;
}

.control[data-filter='none']
{
    color: #2f2f2f;
}
.range-slider
{
    position: relative;

    display: inline-block;

    margin: 0 1rem;

    vertical-align: middle;
}

.range-slider:last-child
{
    margin-left: 0;
}
.range-slider::before,
.range-slider::after,
.range-slider-label
{
    font-family: 'helvetica-neue', arial, sans-serif;
}
.range-slider::before,
.range-slider::after
{
    font-size: .7rem;

    position: absolute;
    bottom: 0;
    left: 0;

    padding: 0 .2rem;

    content: '0';

    color: #aaa;
}
.range-slider::after
{
    right: 0;
    left: auto;

    content: '10';
}
.range-slider-label
{
    font-size: .8rem;
    font-weight: 700;

    display: block;

    margin-bottom: .05rem;

    color: #ccc;
}
.range-slider:last-child .range-slider-label
{
    text-align: right;
}
.range-slider-input
{
    position: relative;
    z-index: 1;

    margin-bottom: .75rem;

    background: transparent;

    -webkit-appearance: none;
}
.range-slider-input::-webkit-slider-runnable-track
{
    width: 300px;
    height: 5px;

    transition: background 150ms;

    border: none;
    border-radius: 3px;
    background: #888;
}
.range-slider-input::-webkit-slider-thumb
{
    width: 16px;
    height: 16px;
    margin-top: -6px;

    border: none;
    border-radius: 50%;
    background: #5ecdde;

    -webkit-appearance: none;
}
.range-slider-input:focus
{
    outline: none;
}

.brand-logos
{
    color: #fff;
}

.brand-logos a
{
    display: block;

    margin: 3em auto 2.5em auto;
}


.brand-logos a:first-child
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.single .title_box_page
{
    margin-top: 210px;
}

.contacts
{
    padding-left: 2.4em;

    text-align: left;
}


@media (max-width: 1280px) and (min-width: 1024px)
{
    .page_banner_img
    {
        top: 319px;
        left: -30px;
    }
}

@media screen and (max-width: 1024px)
{
    .contacts
    {
        width: 17.2em;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;

        text-align: left;
        white-space: nowrap;
    }

    .single-post-wrap p,
    .page-content-wrap p,
    .single-post-wrap ul,
    .page-content-wrap ul,
    .single-post-wrap ol,
    .page-content-wrap ol,
    .single-post-wrap dl,
    .page-content-wrap dl,
    .single-post-wrap table,
    .page-content-wrap table,
    .page-template-template-fullwidth article p,
    .page-template-template-fullwidth article ul,
    .page-template-template-fullwidth article ol,
    .page-template-template-fullwidth article dl,
    .page-template-template-fullwidth article table
    {
        font-size: 1em;
    }


    .footer
    {
        padding-bottom: 50px;
    }

    .brand-logos
    {
        font-size: .95em;
    }

    :root .hero
    {
    }

    .conatct-us
    {
        right: -10px;

        padding-right: 20px;
        padding-left: 20px;
    }

    :root .conatct-us
    {
        position: static;
        top: 0;
        right: auto;

        display: block;

        width: 100%;
        margin-bottom: 2em;
    }

    .footer .col-lg-4:last-child
    {
        padding-right: 0;
        padding-left: 0;
    }

    .page_banner_title h1,
    .page_banner_title h2
    {
        font-size: 70px;

        margin-top: 4em;
    }

    :root	.breadcrumb_sec:before
    {
        height: 100%;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .single .entry-content
    {
        padding-bottom: 3em;
    }

    .title-right
    {
        float: none;
    }

    :root .title_box_page
    {
        margin-top: 320px;
    }

    .nav > li
    {
        display: inline-block;
        float: none;
    }

    #main-navigation ul.nav > li,
    .main-menu .nav li
    {
        padding-right: 10px;
        padding-left: 10px;
    }



    .footer
    {
        padding-bottom: 100px;
    }

    .video_sec .container-fluid
    {
        padding: 50px 20px;
    }

    .video_sec h2
    {
        font-size: 2.1em;
    }

    :root .navbar-right,
    :root .logo.pull-left
    {
        float: none !important;

        text-align: center;
    }

    .menu-item:hover .dropdown-menu,
    .menu-item:active .dropdown-menu,
    .menu-item:focus .dropdown-menu
    {
        display: block;
    }

    .menu-item-96:focus .dropdown-menu,
    .menu-item-96:active .dropdown-menu,
    .menu-item-96:hover .dropdown-menu
    {
        right: -180px;
    }
}


@media (max-width: 768px)
{
    .scrollToTop
    {
        bottom: 75px;
    }
}

@media (max-width: 480px) and (min-width: 320px)
{
    input.wpcf7-submit ~ input.wpcf7-submit
    {
        margin-left: auto;
    }

    span.wpcf7-list-item
    {
        margin: 0 .4em;
    }

    input.wpcf7-submit
    {
        padding: 0 21px !important;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover
    {
        color: white;
        background-color: #444;
    }

    blockquote
    {
        font-size: 1em;
    }

    .page_banner_title h1,
    .page_banner_title h2
    {
        font-size: 2em;
    }

    .brand-logos
    {
        font-size: 1.1em;
    }

    :root .conatct-us
    {
        padding: 48px 20px 65px 20px;
    }





    :root .hero
    {
        left: 50%;

        width: 90%;
    }

    :root .slider .item p
    {
        font-size: 2.4rem;
        line-height: 1.3;
        text-shadow: .5px .5px #323636, 1px 1px #323636, -1px -.5px #323636, 0px 2px #323636;
    }

    :root .abt_right
    {
        padding: 20px 0;
    }

    .player__video
    {
        top: 50%;
        left: 0;

        width: 100%;
        max-width: 100%;

        -webkit-transform: translate(0, -50%);
                transform: translate(0,-50%);
    }

    .title-right
    {
        float: none !important;
    }

    .stripes-desc + .stripes-desc
    {
        padding-right: .5em;
        padding-left: .5em;
    }

    .container .navbar-header
    {
        margin: 2.4em 1em 0 0;
    }

    .header-lower .right-cont
    {
        float: right;
    }

    .main-header .header-lower
    {
        padding-top: 0;
    }

    .header-lower .logo .logo_name
    {
        margin-top: 0;
    }

    .Trainer_sec .container
    {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-header button:hover,
    .navbar-header button:focus,
    .navbar-header button:active
    {
        background-color: rgba(238, 108, 12, .3);
    }

    #main-navigation
    {
        position: fixed;
        top: 16%;
        left: 0;

        height: 100%;
        height: calc(100vh - 16%);

        background-color: #000;
    }

    #main-navigation.active
    {
        display: block;
    }

    body > .wrapper:has( #main-navigation.active ) {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

    .dropdown-menu
    {
        position: static;

        display: block;

        margin-left: 1.2em;

        background-color: #000;
    }

    .dropdown-menu > li > a
    {
        color: #eee;
    }

    .navbar-nav > li > a,
    .main-menu .nav li a
    {
        font-size: 1.3em;

        padding: 12px 0;

        text-transform: none;
    }

    .main-menu .dropdown-menu > .active > a
    {
        padding-left: .4em;
    }

    .navbar-nav
    {
        overflow: scroll;
        padding-right: 5vw;
        height: 100%;
        padding-bottom: 1em;
    }

    .dropdown-menu > li:first-child > a
    {
        padding-top: 0;
    }

    .dropdown-menu > li > a:active,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover
    {
        color: #eee;
        background-color: transparent;
    }

    .video-close
    {
        font-size: 3.6em;

        top: -.7em;
        right: .1em;

        color: #fff;
        background-color: transparent;
    }

    .map-section > *
    {
        max-height: 300px;
    }

    .stripe-4dpro
    {
        border: 0;
    }
}

@media (max-width: 450px)
{
	.map-section {
		background: url( '../img/bungee-fitness-map-mobile.jpg' ) no-repeat center / cover;
		aspect-ratio: 1.37;
	}
	.map-section img {
		display: none;
	}
}

@media (max-width: 375px)
{
    .page_banner_title h1,
    .page_banner_title h2
    {
        font-size: 1.8em;
    }

    .entry-content
    {
        font-size: 1em;
    }

    .contacts
    {
        width: 100%;

        text-align: center;
        white-space: normal;
    }
}


@media (max-width: 374px) and (min-width: 320px)
{
    input.wpcf7-submit
    {
        padding: 0 35px !important;
    }


    div.wpcf7 .wpcf7-submit
    {
        margin-bottom: 1em;
    }

    .page_banner_title h1,
    .page_banner_title h2
    {
        font-size: 1.5em;
    }
    #main-navigation
    {
        top: 20%;

        height: 100%;
        height: calc(100vh - 20%);
    }

    .course_con1 h3
    {
        font-size: 1.2em;
    }

    .video_sec .container-fluid .row h2
    {
        font-size: 1.5em;
    }
}