@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Bold.woff2') format('woff2'), url('../fonts/Raleway-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Black.woff2') format('woff2'), url('../fonts/Raleway-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-ExtraBold.woff2') format('woff2'), url('../fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Thin.woff2') format('woff2'), url('../fonts/Raleway-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'), url('../fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Medium.woff2') format('woff2'), url('../fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-ExtraLight.woff2') format('woff2'), url('../fonts/Raleway-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Regular.woff2') format('woff2'), url('../fonts/Raleway-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway-Light.woff2') format('woff2'), url('../fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    background: 0 0;
    color: #000
}

.btn-default.active,
.btn-default:focus {
    outline: 0
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

p {
    position: relative;
    line-height: 30px
}

body {
    font-family: Raleway, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    background: #fff
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #fff
}

textarea {
    resize: none
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.row {
    margin-right: 0;
    margin-left: 0
}

.title {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: lighter
}

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

.no-padding {
    padding: 0
}

.orange_text {
    color: #f27920
}

.page_loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.hidden {
    display: none
}

.primary-btn {
    position: relative;
    left: 0;
    display: inline-block;
    overflow: hidden;
    background: 0 0;
    color: #000;
    padding: 11px 45px;
    text-transform: uppercase;
    border: 1px solid #4f9d9f;
    border-radius: 50px;
    font-weight: 600;
    transition-duration: .3s;
    font-size: 18px;
    max-width: 300px;
    margin: 0 auto
}

.primary-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4f9d9f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.primary-btn:active:before,
.primary-btn:focus:before,
.primary-btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover {
    color: #fff
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4f9d9f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    outline: 0;
    border-radius: 50px;
    border-color: #4f9d9f !important;
    color: #fff
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    min-height: 400px;
    overflow: hidden
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ee6c0c !important
}

.main-menu .navbar-toggle {
    border: 1px solid #4f9d9f
}

.main-menu .navbar-toggle .icon-bar {
    background: #4f9d9f
}

.main-menu ul li.social_nav {
    display: none
}

.main-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    z-index: 999;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease
}

.main-header .header-top {
    position: relative;
    background: #000;
    padding: 9px 0;
    border-bottom: 1px solid #ffffff91
}
.header-lower {
    background: rgb(255 255 255) !important;
}
.page-wrapper .header-fixed .header-lower {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 555
}

.main-header .header-lower {
    position: relative;
    background: #000;
    padding: 0 0
}

.header-lower .logo .logo_name,
.main-footer .logo_name {
    color: #4f9d9f;
    font-weight: 800;
    font-size: 30px
}

.navbar .navbar-toggler {
    border: 1px solid #4f9d9f;
    padding: 8px
}

.navbar .navbar-toggler .icon-bar {
    background: #4f9d9f;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar .navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px
}

.header-lower .logo .logo_name .white_text,
.main-footer .logo_name .white_text {
    color: #fff
}

.main-header .header-top .top-left .fa {
    color: #4f9d9f;
    padding-right: 10px;
    font-size: 18px
}

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

.top-right .social .fa {
    color: #000
}

.top-right .social .txt {
    color: #fff;
    font-size: 16px;
    font-family: Lato, sans-serif;
    margin-right: 12px
}

/*.top-right .social .circlei{padding:3px 9px;background:#fff;border-radius:30px;display:inline-block}*/
.top-right .social .circlei i {
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-left: 3px;
}

.top-right .social .circlef:hover,
.top-right .social .circlei i:hover {
    background: #4f9d9f
}

.top-right .social .circlef {
    padding: 4px 10px;
    background: #fff;
    border-radius: 30px;
    margin-right: 10px;
    display: inline-block
}

.navbar-expand-lg .navbar-nav .nav-link {
    color:#000000;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    margin: 8px 14px;
    border-bottom: 2px solid transparent
}

.main-menu .nav li a {
    padding-bottom: 15px;
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 1;
    z-index: 2;
    transition: all .5s ease;
    border-bottom: 2px solid transparent
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    border-bottom: 2px solid #4f9d9f;
    background-color: transparent;
    color: #4f9d9f;
}

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

.main-header .search-box .search-form {
    position: relative;
    float: right;
    max-width: 300px;
    overflow: hidden;
    background: rgba(9, 9, 9, .98)
}

.main-header .search-box {
    position: absolute;
    padding: 15px 0;
    background: rgba(9, 9, 9, 0);
    color: #fff;
    display: none;
    max-width: 300px;
    right: 10px
}

.main-header .search-box .form-group {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden
}

.main-header .search-box .form-group input[type=search],
.main-header .search-box .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    padding: 6px 40px 4px 15px;
    border: 2px solid #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    background: 0 0
}

.main-header .search-box .form-group .search-submit {
    position: absolute;
    right: 1px;
    top: 0;
    width: 44px;
    height: 35px;
    background: #82b53f;
    display: block;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 16px;
    line-height: 26px
}

.main-header .search-box .form-group .search-submit .fa {
    display: inline-block;
    position: relative;
    margin-left: 0
}

.navbar-nav .dropdown .dropdown-menu {
    padding: 0;
    width: 280px;
    border-top: 3px solid #4f9d9f
}

.navbar-nav .dropdown .dropdown-menu li .dropdown-item {
    color: #333;
    padding: 4px 12px;
    border-bottom: 1px dashed #cacaca;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.navbar-nav .dropdown .dropdown-menu li .dropdown-item:hover {
    background-color: #4f9d9f;
    color: #fff;
    border-bottom: 1px dashed #4f9d9f
}

.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer
}

.openBtn:hover {
    background: #bbb
}

#myOverlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

#myOverlay.animated {
    animation-duration: .3s
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 45%;
    text-align: center;
    margin-top: 30px;
    margin: auto
}

#myOverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #fff
}

#myOverlay .closebtn:hover {
    color: #ccc
}

#myOverlay input[type=text] {
    float: left;
    width: 80%;
    background: 0 0;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: none;
    font-size: 30px;
    font-weight: 100;
    padding: 20px 38px 20px 2px;
    text-transform: capitalize;
    background: 0 0;
    line-height: 40px;
    color: #fff
}

#myOverlay button {
    float: left;
    padding: 15px;
    background: 0 0;
    font-size: 30px;
    border: none;
    cursor: pointer;
    color: #fff;
    padding-top: 35px;
    padding-left: 20px
}

.slider .carousel-control.left {
    background-image: none;
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 200%;
    text-indent: 0;
    text-transform: uppercase;
    width: 8px;
    word-wrap: break-word;
    z-index: 1;
    left: 50px;
    opacity: .4;
    transition: .3s all
}

.slider .carousel-control.right {
    background-image: none;
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 200%;
    text-indent: 0;
    text-transform: uppercase;
    width: 8px;
    word-wrap: break-word;
    z-index: 1;
    right: 50px;
    opacity: .4;
    transition: .3s all
}

.slider .carousel-control.left:hover,
.slider .carousel-control.right:hover {
    opacity: 1;
    transition: .3s all
}

.slider .item h2,
.slider .item p,
.slider .item span {
    color: #fff
}

.slider .item p {
    font-size: 20px;
    max-width: 700px;
    text-transform: capitalize;
    font-family: Raleway, sans-serif
}

.slider .item h2,
.slider .item p {
    margin-bottom: 50px;
    font-weight: 400
}

.carousel-inner {
    position: unset !important
}

.slider .carousel-indicators {
    bottom: 0;
    align-items: center
}

.fade-carousel {
    position: relative;
    /*height: 100vh*/
}

/*.fade-carousel .carousel-inner .item {*/
/*    height: 120vh*/
/*}*/

.fade-carousel .carousel-indicators>li.active {
    margin: 0 2px;
    background-color: transparent;
    border: 1px solid#4f9d9f;
    opacity: .7;
    width: 20px;
    border-radius: 100%;
    height: 20px
}

.fade-carousel .carousel-indicators>li {
    margin: 0 2px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: .7;
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.fade-carousel .carousel-indicators>li.active p {
    width: 12px;
    height: 12px;
    background: #fff;
    text-align: center;
    margin: 4px;
    border-radius: 30px;
    opacity: 1
}

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

.slider .carousel-indicators>li.active:after {
    background-image: url(../images/active.png)
}

.fade-carousel .carousel-indicators .active {
    background-color: transparent
}

.fade-carousel .carousel-indicators>li.active.first span {
    height: 43px
}

.fade-carousel .carousel-indicators>li.active.sec span {
    height: 34px;
    display: block;
    margin-left: 10px
}

.fade-carousel .carousel-indicators>li.active span {
    width: 1px;
    height: 40px;
    color: #4f9d9f;
    position: absolute;
    background: #4f9d9f;
    top: 21px;
    z-index: 8
}

.fade-carousel .carousel-indicators>li.active.last span {
    height: 37px
}

.hero {
    position: absolute;
    top: 45%;
    left: 20%;
    z-index: 3;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    -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)
}

.hero h1 {
    font-size: 6em;
    font-weight: 700;
    margin: 0;
    padding: 0
}
.carousel-inner{
    margin-top: 143px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -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
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -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
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7
}

.btn.btn-lg {
    padding: 20px 60px
}

.btn.btn-hero {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    outline: 0;
    margin: 0;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer
}

.hero .btn-hero:hover {
    border-color: #4f9d9f !important;
    background-color: #4f9d9f;
    color: #fff;
    transition: all ease .5s 0s
}

/*.fade-carousel .slides .slide-1,*/
/*.fade-carousel .slides .slide-2,*/
/*.fade-carousel .slides .slide-3 {*/
/*    height: 100vh;*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat*/
/*}*/

.fade-carousel .slides .slide-1 {
    background: 0 0;
    overflow: hidden
}

/*.item.slides:before {*/
/*    background: #000;*/
/*    content: "";*/
/*    height: 100%;*/
/*    left: 0;*/
/*    opacity: .3;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    z-index: 0*/
/*}*/

.animate__animated {
    animation-duration: 1s
}

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

.about_sec {
    position: relative;
    padding: 60px 0 60px;
    background: #fff
}

.abt_left .img-wrap {
    max-width: 484px;
    float: left;
    margin: 0 45px 45px 0;
    display: flex
}

.abt_left .img-wrap img:last-child {
    margin: 20px 0 0 6px
}

.about_sec .abt_left .title {
    color: #000;
    display: block;
    font-size: 32px;
    font-weight: lighter;
    line-height: 100%;
    margin-bottom: 16px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-weight: 300
}

/*.caption-wrap h1::before,*/
/*h2.title:before {*/
/*    background: url(../images/title-bg.png) no-repeat;*/
/*    content: "";*/
/*    height: 191px;*/
/*    left: -34px;*/
/*    position: absolute;*/
/*    top: -26px;*/
/*    width: 189px;*/
/*    z-index: -1*/
/*}*/

div h2.title,
div h2.title span {
    color: #000
}

.caption-wrap span,
h2.title span {
    color: #fff;
    display: block;
    font-size: 55px;
    font-weight: 800;
    line-height: 110%;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase
}

.abt_left p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    z-index: 999;
    font-weight: 500;
    text-align: justify
    z-index: 999;
    position: relative;
}

.abt_left a.primary-btn {
    color: #000;
    margin-top: 20px;
    margin-bottom: 0
}

.abt_left a.primary-btn:hover {
    color: #fff;
    border: 1px solid #4f9d9f;
    background-color: #4f9d9f;
    transition: all ease .5s 0s
}

.course_sec {
    padding: 70px 0 70px;
    background: url(../images/course_bg.png) no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative
}

.course_sec .title,
.course_sec .title span {
    color: #fff
}

h2.title {
    margin-bottom: 103px;
    font-size: 40px;
    font-weight: lighter;
    text-align: left
}

.Trainer_sec h2.title,
.timetable_sec h2.title {
    margin-bottom: 30px;
    font-weight: 400
}

.course_sec a:hover {
    color: #4f9d9f;
    cursor: default
}

.course-list ul li a:hover .slass-img span,
.course-list ul li a:hover .slass-img:after,
.trainers-list ul li:hover .trainer-img .footer-social,
.trainers-list ul li:hover .trainer-img-wrap:after {
    opacity: 1
}

h2.title {
    vertical-align: top;
    font-weight: 400
}

a,
a:after,
a:before {
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s
}

.slass-img,
.trainer-img-wrap {
    position: relative;
    overflow: hidden
}

.slass-img span,
.trainer-img .footer-social {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    text-transform: uppercase;
    top: 50%;
    display: none;
    z-index: 10;
    transition: all ease .5s 0s;
    width: 100%
}

.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-left: 5px;
    vertical-align: middle;
    margin-top: -5px
}

.course_sec a:hover h3 {
    color: #4f9d9f
}

.course-list ul li {
    float: left;
    margin-right: 3%;
    margin-bottom: 60px;
    text-align: center;
    width: 30.3%
}

.course-list ul li a,
.trainer-img {
    position: relative;
    display: block
}

.blog_sec .item a:before,
.course-list ul li a::before,
.trainer-img:before {
    background-color: #4f9d9f;
    content: "";
    height: 150px;
    left: 32px;
    position: absolute;
    top: -48px;
    transform: rotate(45deg);
    width: 5px
}

.course-list ul li h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-top: 27px;
    text-transform: uppercase;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.slider {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.video_sec_banner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 117vh
}

.banner-video {
    width: 100%;
    margin-top: 160px;
}

.course_sec .view-all {
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 1
}

.course_sec .view-all a:hover {
    color: #fff
}

.course_sec .view-all a {
    color: #4f9d9f
}

.view-all a {
    color: #fff;
    font-size: 20.2px;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase
}

.course_sec .container {
    position: relative
}

.service_anchor {
    margin-top: 20px
}

.service_anchor a.primary-btn {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0
}

.service_anchor a.primary-btn:hover {
    color: #fff;
    border: 1px solid #4f9d9f;
    background-color: #4f9d9f;
    cursor: pointer;
    transition: all ease .5s 0s
}

.img_course1 {
    position: relative;
    -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 img {
    width: 100%
}

.img_course1:before {
    background-color: rgba(252, 112, 1, .4);
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 100%;
    transition: all ease .5s 0s
}

.course_box1:before {
    background-color: #4f9d9f;
    content: "";
    height: 105px;
    left: 27px;
    position: absolute;
    top: -23px;
    transform: rotate(45deg);
    width: 5px
}

.inner_classes .course_box1:before {
    background-color: #4f9d9f;
    content: "";
    height: 105px;
    left: 41px;
    position: absolute;
    top: -13px;
    transform: rotate(45deg);
    width: 5px
}

#filter_box {
    text-align: center;
    list-style: none;
    width: -moz-max-content;
    border-radius: 30px;
    margin: auto;
    width: max-content
}

#filter_box li {
    display: inline;
    margin: 2px;
    background: #f3f3f3;
    padding: 10px 10px;
    border-radius: 30px
}

#filter_box li:hover {
    background: #ff7000
}

#filter_box a:hover {
    color: #fff;
    transition: all ease .5s 0s
}

.inner_classes a.course_read {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    opacity: 0
}

.course_box1 {
    position: relative;
    padding: 10px
}

#filter_box {
    text-align: center;
    list-style: none;
    width: -moz-max-content;
    border-radius: 30px;
    margin: auto
}

.course_box1:hover .img_course1:before {
    opacity: 1
}

.course_con1 h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.course_box1:hover .course_con1 h3 {
    color: #4f9d9f
}

.img_course1 {
    max-width: 100%
}

a.course_read {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    opacity: 0
}

.course_box1:hover a.course_read {
    opacity: 1
}

.course_box1:hover a:hover.course_read {
    color: #fff;
    cursor: pointer;
    opacity: .8
}

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

.course_sec_title h2 {
    font-size: 90px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.course_sec_title p {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 12px
}

.title_box_course {
    margin-bottom: 80px
}

.view_all a {
    font-size: 20px;
    color: #4f9d9f;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: underline
}

.view_all {
    margin-top: 190px
}

.trainer_icon {
    text-align: center;
    list-style: none
}

.trainer_icon li {
    display: inline;
    border: 3px solid #000;
    margin: 2px;
    padding: 5px;
    background: #666
}

.trainer_icon a {
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff
}

.Trainer_sec {
    position: relative;
    margin-bottom: 40px
}

.Trainer_sec .owl-theme .owl-dots {
    margin-top: 0
}

.title-right {
    margin-bottom: 48px
}

.Trainer_sec .title-right {
    margin-bottom: 0px;
    margin-top: 50px
}

.Trainer_sec .trainers-list img {
    margin-top: 46px;
    margin-bottom: 20px;
    border: 1px solid #00000040;
    height: 150px;
    /* position: relative; */
    padding: 25px;
    border-radius: 8px;
    object-fit: contain;
}

.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: #4f9d9f
}

.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 {
    background-color: #fff;
    border-radius: 50%;
    color: #4f9d9f
}

.footer-social ul li a i {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    text-align: center
}

.trainer-desc span.trainer-name {
    color: #4f9d9f;
    font-size: 30px;
    margin: 27px 0 14px
}

.trainer-desc span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.trainer-desc span.trainer-designation {
    color: #000;
    font-size: 16px
}

.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%);
    border-radius: 10px;
    overflow: hidden
}

/*.img_trainer:before {*/
/*    background-color: rgba(252, 112, 1, .5);*/
/*    content: "";*/
/*    display: block;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    overflow: hidden;*/
/*    width: 100%;*/
/*    transition: all ease .5s 0s*/
/*}*/

/*.trainer_box:before{background-color:#4f9d9f;content:"";height:110px;left:48px;position:absolute;top:10px;transform:rotate(65deg);width:5px}*/
.trainer_box:hover .img_trainer:before {
    opacity: 1
}

.trainer_con h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 20px;
    color: #4f9d9f;
    text-align: center;
    text-transform: uppercase
}

.trainer_con p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase
}

.trainer_box:hover .footer-social1 {
    opacity: 1
}

.video_sec .container-fluid {
    padding: 105px;
    text-align: center;
    z-index: 100
}

.video_sec .container-fluid .row .video_heading{
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    padding-top: 35px;
    margin-bottom: 40px;
    font-size: 40px;
}

.video_sec .container-fluid .row .orange_text {
    color: #f27920
}

.video_sec {
    background: url(../images/video_bg.jpg) no-repeat fixed center;
    background-size: cover
}

.video_sec h2 {
    font-size: 50px
}

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

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

.player {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .65) 0, #000 100%);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .65) 0, #000 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .65) 0, #000 100%);
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, .65) 0, #000 100%);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.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 {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    padding: 5px 10px;
    border: none;
    outline: 0;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    font-size: 24px;
    color: #ee6c0c;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .75)
}

.video-iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#timetable li {
    margin-bottom: 15px
}

.timetable_sec {
    position: relative;
    margin-bottom: 60px;
    margin-top: 90px
}

.timetable_sec .table-responsive {
    display: none
}

.timetable_sec .table-responsive.active {
    display: inline-block;
    margin-top: 30px
}

table,
table tbody,
table td,
table th,
table thead,
table tr {
    border-collapse: collapse;
    display: block
}

.table-responsive {
    min-height: .01%;
    overflow-x: visible;
    width: 100%
}

table tr:first-child {
    width: 5%
}

table tr {
    float: left;
    width: 14.8%;
    margin-right: 10px
}

table tr:last-child {
    margin-right: 0
}

table tr:first-child td {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

table tr td:first-child {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    min-height: 60px;
    text-transform: uppercase
}

table tr td {
    background-color: #e5e5e5;
    margin-bottom: 10px;
    min-height: 136px;
    width: 100%;
    position: relative;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

table tr td>* {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.td-date-time span {
    line-height: 150%
}

.td-services span.td-title {
    margin: 10px 0 5px
}

.td-services span.td-desc,
.td-services span.td-title {
    font-size: 15px;
    color: #000;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.td-services span {
    display: block;
    text-align: center;
    line-height: 100%
}

.td-services span.td-desc {
    color: #4f9d9f
}

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 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    width: 100%
}

table tr td.one .td-services .td-img-wrap {
    float: left;
    height: 65px;
    line-height: 65px;
    padding-left: 20px
}

table tr td.one .td-services .td-title {
    margin: 17px 0 5px
}

table tr td.one a {
    background-color: #e5e5e5;
    display: block;
    height: 65px;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    top: 0;
    transform: none
}

table tr td.one .td-services .td-img-wrap img {
    display: inline-block;
    vertical-align: middle;
    max-height: 35px
}

.ampmtime.nav-tabs {
    text-align: right;
    border-bottom: none;
    margin-top: 90px
}

.ampmtime .ampm {
    border-radius: 50px;
    margin-top: 20px;
    float: right
}

.ampmtime .ampm a {
    background-color: transparent;
    border: 1px solid #4f9d9f !important;
    border-radius: 50px !important;
    padding: 16px 70px !important;
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 900;
    float: right;
    color: #000;
    transition: all ease .5s 0s
}

.ampmtime .ampm:hover {
    background-color: #4f9d9f;
    transition: all ease .5s 0s
}

.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 {
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent
}

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

.timetable_sec .nav-tabs>li>a {
    margin-right: 0;
    line-height: inherit;
    border-radius: 0;
    color: #000;
    border: none;
    padding: 0
}

.ampmtime .ampm.active {
    background-color: #4f9d9f;
    color: #fff
}

.ampmtime .ampm:hover {
    cursor: pointer
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #333;
    width: 100%
}

ul.tabs li {
    border: 1px solid #4f9d9f !important;
    border-radius: 50px !important;
    padding: 15px 60px !important;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    float: right;
    color: #000;
    transition: all ease .5s 0s
}

ul.tabs li:last-child {
    margin-bottom: 0
}

.tab_last {
    border-right: 1px solid #333
}

ul.tabs li:hover {
    background-color: #4f9d9f;
    color: #fff;
    cursor: pointer
}

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

.tab_container {
    border: 1px solid #333;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto
}

.tab_content {
    display: none
}

.contnet-table {
    padding: 30px 0 0;
    display: inline-block;
    width: 100%
}

@media screen and (max-width:480px) {
    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .d_active {
        background-color: #666;
        color: #fff
    }
}

.inner_timetable .ampmtime.nav-tabs {
    text-align: right;
    border-bottom: none;
    margin-top: 10px;
    margin-bottom: 30px
}

.inner_timetable ul.tabs li {
    margin-left: 20px
}

.gallery .item {
    transition: all .5s ease 0s;
    position: relative
}

.gallery .item a {
    display: block
}

.gallery .item a img {
    width: 100%;
    filter: grayscale(100)
}

.gallery .item a i {
    position: absolute;
    font-size: 50px;
    color: #fff;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .5s ease 0s;
    z-index: 5
}

.gallery .item:hover a img {
    filter: grayscale(0)
}

.gallery .item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #509b9d;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s;
    z-index: 4
}

.gallery .item:hover:before {
    opacity: .5
}

.gallery .item:hover a i {
    opacity: 1
}

figcaption {
    display: none
}

.gallery-title {
    font-size: 36px;
    color: #42b32f;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px
}

.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e
}

.filter-button {
    margin: 7px;
    padding: 10px 20px 10px 20px;
    background: #f3f3f3;
    border: none;
    border-radius: 40px;
    font-weight: 600;
    text-transform: uppercase
}

.filter-button:hover {
    background: #4f9d9f;
    color: #fff;
    transition: all ease .5s 0s
}

.filter-button:active {
    background: #4f9d9f;
    color: #fff;
    transition: all ease .5s 0s;
    outline: 0 !important
}

.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 {
    margin-top: 60px;
    min-height: 1000px
}

.inner_classes .course_con1 h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 20px;
    color: #272727;
    text-align: center;
    text-transform: uppercase
}

.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: 700;
    margin-top: 20px;
    color: #000
}

.blog_sec .blog_list ul li p {
    color: #757575;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: left
}

.blog_sec .blog_list img {
    margin-top: 1px
}

.blog_sec .blog_list .item {
    margin: 30px auto;
    margin-left: 20px
}

.overlay {
    position: absolute;
    bottom: 0;
    height: 750px;
    left: -85px;
    top: -70px;
    width: 750px;
    right: 0;
    background-color: rgba(252, 112, 1, .5);
    overflow: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 1
}

.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 {
    color: #4f9d9f;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.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 {
    background-color: rgba(252, 112, 1, .5);
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 100%;
    transition: all ease .5s 0s
}

.blog_box:before {
    background-color: #4f9d9f;
    content: "";
    height: 110px;
    left: 42px;
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    width: 5px
}

.blog_box:hover .img_blog:before {
    opacity: 1
}

.blog_con h6 {
    margin-top: 10px
}

.blog_con h6 a {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 20px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.blog_con p {
    font-size: 15px;
    line-height: 25px;
    color: #828282;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog_box:hover .blog_con h6 a {
    color: #4f9d9f
}

.blog_box {
    margin: 8px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    padding: 17px
}

.blog_intro .info p {
    font-style: italic;
    font-size: 16px;
    color: #959595
}

.blog_intro .info p span {
    margin-right: 30px
}

.blog_intro .info p span i {
    color: #4f9d9f;
    margin-right: 0
}

.blog_intro .info p span a {
    color: #6e6e6e
}

.blog_intro .info p span a:hover {
    color: #4f9d9f
}

.blog_sec1 .primary-btn {
    position: relative;
    left: 0;
    display: inline-block;
    overflow: hidden;
    background: 0 0;
    color: #000;
    padding: 7px 28px;
    transform: uppercase;
    border: 1px solid #4f9d9f;
    border-radius: 50px;
    font-weight: 600;
    transition-duration: .3s;
    font-size: 14px;
    margin: 0 auto;
    width: auto;
    color: #4f9d9f
}

.blog_sec1 .primary-btn:hover {
    color: #fff
}

.viewAll {
    margin-top: 20px
}

.main-footer {
    margin-top: -8px
}

.footer {
    background: url(../images/footer_bg.png) no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    text-align: center;
    padding: 80px 0 0;
}

.footer .slide-top_left {
    text-align: left;
}

.footer .slide-top_right {
    text-align: right;
}

.footer .slide-top_left p {
    color: #fff;
    text-transform: inherit;
    font-size: 15px;
    font-weight: 200;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 0
}

.submit_icon {
    background: url(../images/email_bg.png) no-repeat center;
    border: none;
    border: 1px solid #fff;
    padding: 19px;
    margin-left: -2px;
    border-left: none;
    height: 50px;
    padding-top: 13px;
    padding-left: 0;
    padding-right: 0;
    width:
        50px;
    position: absolute;
    margin-top: 0;
    right: 15px;
}

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

.footer .container {
    position: relative
}

.footer-menu {
    text-align: center;
    margin: 10px 0;
}

.footer-menu .footer_menu_heading {
    display: block;
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* .footer-menu ul{border-top:1px solid #ee6c0c;} */
.footer-menu ul li {
    display: block;
    vertical-align: middle;
    margin-right: 0;
    width: 100%;
    text-align: left;
    position:
        relative;
    padding-left: 20px;
    transition: all .2s linear;
}

.footer-menu ul li::before{content: ''; display: inline-block; width: 15px; height: 15px; background-image: url('data:image/svg+xml,<svg fill="white" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 485.535 485.535" xml:space="preserve"> <g> <g id="_x35__13_"> <g> <path d="M55.465,123.228c-15.547,0-28.159,12.608-28.159,28.161v56.673C11.653,211.908,0,225.928,0,242.765 c0,16.842,11.652,30.861,27.306,34.707v56.666c0,15.555,12.612,28.16,28.159,28.16c15.546,0,28.16-12.605,28.16-28.16V151.389 C83.625,135.837,71.011,123.228,55.465,123.228z"/> <path d="M334.498,65.278c-23.092,0-41.811,18.719-41.811,41.812v93.864h-12.801h-60.585h-19.625l-6.827-0.163V107.09 c0-23.092-18.72-41.812-41.813-41.812c-23.091,0-41.812,18.719-41.812,41.812v271.355c0,23.093,18.721,41.812,41.812,41.812 c23.094,0,41.813-18.719,41.813-41.812v-93.653c0,0,4.501-0.211,6.827-0.211h19.625h60.585h12.801v93.864 c0,23.093,18.719,41.812,41.811,41.812c23.094,0,41.812-18.719,41.812-41.812V107.089 C376.311,83.998,357.592,65.278,334.498,65.278z"/> <path d="M458.229,208.062v-56.673c0-15.552-12.613-28.161-28.158-28.161c-15.547,0-28.16,12.608-28.16,28.161v182.749 c0,15.555,12.613,28.16,28.16,28.16c15.545,0,28.158-12.605,28.158-28.16v-56.666c15.654-3.846,27.307-17.865,27.307-34.707 C485.535,225.927,473.883,211.908,458.229,208.062z"/> </g> </g> </g> </svg>'); background-size: contain; background-repeat: no-repeat;position: absolute; top: 0; left: 0;height: 100%; background-position: center;} 

    .footer-menu ul li:hover {
        margin-left: 5px;
    }

    .footer-menu ul li.active a {
        color:#ee6c0c
    }

    .footer-menu ul li a {
        color: #c1c1c1; font-size: 15px; font-weight: 400; line-height: 2; text-transform: capitalize;
    }

    .footer-menu ul li a:hover {
        color:#4f9d9f; transition:all ease .5s 0s
    }

    .footer-menu .footer_menu_heading {
        display: block; color: #fff; text-align: left; font-weight: 600; font-size: 21px;
        text-transform: uppercase; margin-bottom: 10px;
    }

    .branchBox_ooverlap {
        border-top: 1px solid #4f9d9f; padding: 8px 0; display: flex; justify-content: flex-start;
        align-items: center; flex-wrap: wrap;
    }

    .branchBox_ooverlap .branch_box {
        width: 100%; margin: 0 1% 21px; background: #3a3a3a; border: 1px dashed #7c7c7c;
        padding: 7px;
    }

    .branchBox_ooverlap .branch_box .map_box {
        width: 100%; height: 120px; overflow: hidden;
    }

    .branchBox_ooverlap .branch_box .b_name a {
        color: #dddddd; text-decoration: none; line-height: 0; font-size: 11px;
        padding: 0;
    }

    .branchBox_ooverlap .branch_box:hover .b_name a {
        color: #4f9d9f;
    }

    .footer-mail {
        margin-bottom:50px; text-align: left;
    }

    .footer-mail input[type=email] {
        color:#fff; font-size:15px; font-family:Raleway, sans-serif; line-height:100%; padding:15px; text-align:left; width:100%; background-position:92%; border:1px solid #fff; background-color:transparent; border-right:none; height:50px
    }

    .social.footer-social {
        margin-bottom:45px
    }

    .footer-social span {
        color:#fff; display:block; font-size:16px; font-weight:700; margin-bottom:28px; text-transform:uppercase
    }

    .footer-social ul li {
        display:inline-block; float:none; margin-right:5px; vertical-align:top
    }

    .footer-social ul li a i {
        font-size:20px; height:45px; line-height:45px; width:45px; transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s
    }

    .trainer-img .footer-social ul li a i:hover {
        background-color:#000; color:#4f9d9f
    }

    .social ul li a i {
        background-color:#fff; border-radius:50%; color:#000; font-size:20px; font-weight:700; height:40px; line-height:41px; position:relative; text-align:center; transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; width:40px
    }

    .social ul li a i:hover {
        background-color:#4f9d9f
    }

    .conatct-us {
        background:url(../images/contact_bg.png) no-repeat; background-size:cover; background-position:center top; padding:48px 43px 65px; position:absolute; right:380px; width:390px; z-index:9; bottom:580px
    }

    .conatct-us:before {
        background:rgba(0, 0, 0, .5); content:""; left:0; opacity:.7; position:absolute; top:0; width:100%; z-index:0
    }

    .conatct-us h2 {
        color:#fff; font-size:43px; font-weight:800; margin-bottom:13px; text-transform:capitalize
    }

    .conatct-us p {
        border-bottom:1px solid #fff; margin-bottom:10px
    }

    .footer input::placeholder, .footer textarea::placeholder {
        color:#fff
    }

    .conatct-us form input, .conatct-us form textarea {
        background:0 0; border:1px solid transparent; color:#fff; display:block; font-size:16px; font-family:Raleway, sans-serif; line-height:50px; width:100%; position:relative
    }

    .conatct-us form textarea {
        resize:none; height:52px; overflow:hidden
    }

    .conatct-us form .submitbtn {
        cursor:pointer; display:inline-block; font-size:15px; font-weight:700; line-height:100%; text-transform:uppercase; vertical-align:top; width:auto; border:1px solid #ee6c0c; padding:15px 40px; border-radius:30px; margin-top:15px
    }

    .conatct-us form .submitbtn:hover {
        color:#fff
    }

    .copyright-text p {
        margin-bottom:10px
    }

    .copyright-text p, .copyright-text span, .copyright-text span a {
        color: #fff; font-size: 16px; text-transform: uppercase;
        padding: 6px 0; border-top: 1px solid #ee6c0c; margin: 0;
    }

    .contact_form .title_box .title {
        margin-bottom:50px
    }

    .breadcrumb_sec {
        margin-top: 50px;
        height:350px; background-repeat:no-repeat; background-size:100%; position:relative; background-color: #000;
    }

    .breadcrumb_sec:before {
        background:rgba(0, 0, 0, .5); content:""; height:100%; left:0; opacity:.7; position:absolute; top:0; width:100%; z-index:0
    }

    .page_title {
        text-transform: uppercase; font-size: 50px; font-weight: 600; color: #4f9d9f;
    }

    .blogpage3 .main-header .header-top {
        border-bottom:2px solid #ffffff5c
    }

    .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 {
        color:#fff; font-size:40px; font-weight:300
    }

    .page_banner_img {
        position:absolute; left:-60px; top:0
    }

    .title_box_page {
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;
    }

    .title_box_page ul {
        display: flex; justify-content: center; align-items: center; margin-top: 13px;
    }

    .title_box_page ul li {
        color: #fff; margin: 0 7px;
    }

    .title_box_page ul li a {
        color: #fff;
    }

    .title_box_page ul li.img-wrapper img {
        width:21px; height:14px;
    }

    .page_banner_title h2 {
        font-size:90px; font-weight:900; text-transform:uppercase; color:#fff
    }

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

    .blog_main_sec {
        position:relative; padding:40px 0 60px; background:#fff
    }

    .blogpage3 .blog_main_img:before {
        background-color:#4f9d9f; content:""; height:150px; left:35px; position:absolute; top:-33px; transform:rotate(45deg); width:5px
    }

    .blogplay {
        position:absolute; max-width:70px; top:45%; left:45%; z-index:0
    }

    .input-group .form-control {
        z-index:0
    }

    .blogplay:hover {
        background-image:url(../images/Playbg.png); cursor:pointer
    }

    .blogby a {
        font-size:15px; font-family:Lato, sans-serif; padding-right:20px; color:#272727
    }

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

    .blog_main_img .dd-mm span {
        color:#000; transform:scale(1); opacity:1; top:auto; text-decoration:none; font-size:22px; text-transform:none
    }

    .blog_main_img .dd-mm .month {
        font-size:15px; font-weight:400; left:-2px; top:22px
    }

    .blog_intro .fa {
        font-size:20px; padding-right:10px
    }

    .breadcrumb_sec .blog_main_sec article {
        padding:20px 0
    }

    .blog_title a {
        font-weight:700; color:#000; margin-bottom:12px; font-size:20px; transition:all ease .5 0s; z-index:9999
    }

    h3.blog_title {
        margin-bottom:10px
    }

    .blog_main_sec .upload_info .fa {
        color:#82b53f
    }

    .blog_detail:hover .blog_title a {
        color:#4f9d9f; transition:all ease .5 0s
    }

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

    .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 #4f9d9f
    }

    .blogpage3 .blog_main_img {
        overflow:visible; margin:30px 0
    }

    .blog_pera {
        text-align:justify; color:#000; line-height:28px; font-weight:500
    }

    .read_social .row {
        margin-right:-15px; margin-left:-15px; margin-top:10px
    }

    .read_social .read_btm {
        display:flex; align-items:center; justify-content:space-between
    }

    .read_social .left a {
        color:#000; font-weight:900; text-transform:uppercase; font-size:15px
    }

    .read_social .left a:hover {
        opacity:.6
    }

    .left a:hover i.fa.fa-arrow-right {
        padding-left:5px
    }

    .read_social .left .fa {
        padding-left:5px; color:#4f9d9f
    }

    .read_social .social-tag .fa {
        color:#fff; vertical-align:middle; font-size:20px
    }

    .read_social .social-tag .fa-bell {
        font-size:18px
    }

    .read_social .txt {
        font-size:15px; font-family:Lato, sans-serif; margin-right:10px
    }

    .read_social .social-tag .circle {
        background:#e5e5e5; text-align:center; padding:3px 4px; border-radius:30px; margin-right:10px; display:inline-block; width:32px; height:32px; vertical-align:middle
    }

    .read_social .social-tag .circle:hover {
        background:#4f9d9f
    }

    .pagination {
        display:inline-block; margin:15px 0
    }

    .pull-right.pagination a {
        color:#000; background:0 0; font-size:17px; padding:2px 11px
    }

    .pull-right.pagination span {
        float:left; padding:2px 10px; margin:0
    }

    .pull-right.pagination .active {
        border:2px solid #4f9d9f; border-radius:30px
    }

    .pagination .next, .pagination .pre {
        background-color:transparent; color:#000; text-transform:uppercase; font-weight:500; padding:0; line-height:16px
    }

    .pagination .pre {
        border-right:1px solid; padding-right:10px
    }

    .pagination a {
        color:#7e7e7e; float:left; padding:8px 16px; text-decoration:none; transition:background-color .3s; margin:0 4px; background-color:#f3f3f3
    }

    .blog_left {
        padding-right:35px
    }

    .blog_right {
        padding-left:35px; margin-top:30px
    }

    .blog_right .blog_title {
        color:#fff; text-transform:uppercase; font-weight:800; background:#4f9d9f; margin-bottom:0; padding:20px; font-size:22px
    }

    .blog_right article {
        padding:20px 0
    }

    .search_blog {
        margin-top:0
    }

    .input-group {
        padding:3px; border:solid 1px #f0f0f2; background-color:transparent
    }

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

    .search_blog input {
        border:0; box-shadow:none; font-size:17px; padding:6px 15px; height:60px; padding-left:25px; background:0 0; color:#000
    }

    .form-control:focus {
        border:none; border-color:transparent; box-shadow:none
    }

    .search_blog button {
        margin:2px 0 0 0; background:0 0; box-shadow:none; border:0; color:#000; padding:0 8px 0 10px; padding-right:25px; font-size:20px
    }

    .search_blog button:hover {
        color:#4f9d9f; background-color:transparent; border-color:transparent
    }

    .Categories_blog .cat_list a {
        color:#000
    }

    .Categories_blog .cat_list {
        padding:5px; background:#f0f0f0; border-top:1px solid #dbdbdb; font-weight:500
    }

    .Categories_blog .cat_list.active a, .Categories_blog .cat_list:focus a, .Categories_blog .cat_list:hover a {
        color:#4f9d9f; cursor:default
    }

    .Categories_blog .cat_list .fa {
        font-size:17px; padding:0 12px; color:#4f9d9f; background:0 0
    }

    .articles_blog .art_list {
        padding:5px; background:#f0f0f0; border-top:1px solid #dbdbdb; font-weight:500
    }

    .articles_blog .art_list a {
        color:#000
    }

    .articles_blog .art_list.active a, .articles_blog .art_list:focus a, .articles_blog .art_list:hover a {
        color:#4f9d9f; cursor:default
    }

    .articles_blog .art_list .fa {
        font-size:17px; padding:0 12px; background:0 0; color:#4f9d9f
    }

    .accordion-toggle:hover {
        text-decoration:none
    }

    .Schedule_blog .fa {
        color:#4f9d9f; font-size:20px; vertical-align:middle; padding-right:5px
    }

    .Schedule_blog .fa-angle-up {
        color:transparent
    }

    .Schedule_blog .panel-heading {
        color:#000; background-color:transparent; border-color:transparent; padding:15px 15px
    }

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

    .Schedule_blog .panel-group .panel-heading+.panel-collapse>.list-group, .Schedule_blog .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top:none; padding:0 30px
    }

    .Schedule_blog .panel-group {
        margin-bottom:0
    }

    .Schedule_blog .panel-body {
        border-top:none
    }

    .panel-body img {
        width:25px; display:inline-block
    }

    .timedetail {
        padding:6px 0
    }

    .Schedule_blog .panel, .Schedule_blog .panel-group {
        background:#f0f0f0
    }

    .Schedule_blog .collapse.in {
        margin-bottom:30px
    }

    .tags_blog .tag_list {
        margin:30px 0
    }

    .tags_blog .tag_list .tags {
        position:relative; float:left; padding:3px 16px; font-size:14px; text-transform:capitalize; color:#ababab; cursor:pointer; font-weight:500; transition:all ease .5s 0s; background:0 0; border-radius:25px; margin-bottom:10px; margin-right:10px; border:1px solid #d1d1d3
    }

    .tags_blog .tag_list .tags a {
        color:#ababab
    }

    .tags_blog .tag_list .tags.active, .tags_blog .tag_list .tags:focus, .tags_blog .tag_list .tags:hover {
        background:#4f9d9f; color:#fff; border:1px solid #4f9d9f
    }

    .tags_blog .tag_list .tags.active a, .tags_blog .tag_list .tags:focus, .tags_blog .tag_list .tags:hover a {
        color:#fff
    }

    @media screen and (min-width:1169px) {
        .blogpage3 .row {
            margin-right:-15px; margin-left:-15px
        }
    }

    .navbar-toggle {
        margin-right:0
    }

    .achivments {
        background-image:url(../images/achivments.jpg); background-position:center; padding-top:60px; padding-bottom:60px
    }

    .about_sec .title {
        color:#000; display:block; font-size:40px; font-weight:lighter; line-height:100%; margin-bottom:40px; text-align:left; text-transform:uppercase; position:relative; z-index:1;   vertical-align:top; font-weight:400
    }

    .caption-wrap h1::before, h2.title:before {
        background:url(../images/title-bg.png) no-repeat; content:""; height:191px; left:-34px; position:absolute; top:-26px; width:189px; z-index:-1
    }

    .about_inner_page_con h2.title span {
        color:#000 !important; font-weight:900
    }

    .about_inner_page_con p {
        font-size:19px; font-weight:500; margin-bottom:30px; margin-top:20px
    }

    .about_img img {
        max-width:100%
    }

    .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-size:50px; padding:0; margin-top:20px; text-align:center; color:#4f9d9f; font-weight:600; font-family:Lato, sans-serif
    }

    .achievements_box p {
        color:#fff; font-size:20px; margin:0; padding-top:18px; font-weight:500; letter-spacing:1px; text-align:center
    }

    .projectFactsWrap .item span {
        width:60px; background:rgba(255, 255, 255, .8); height:2px; display:block; margin:0 auto
    }

    .projectFactsWrap .item i {
        vertical-align:middle; font-size:50px; color:rgba(255, 255, 255, .8)
    }

    .projectFactsWrap .item:hover span {
        background:#fff
    }

    @media (max-width:786px) {
        .projectFactsWrap .item {
            flex:0 0 50%
        }
    }

    .title_box .title {
        color:#000; display:block; font-size:40px; font-weight:lighter; line-height:100%; margin-bottom:30px; text-align:left; text-transform:uppercase; position:relative; z-index:1; display:inline-block; vertical-align:top; font-weight:400
    }

    .title_box p {
        font-size:19px; font-weight:500; margin-bottom:30px; margin-top:0
    }

    .testimonials_box {
        box-shadow:3px 4px 15px 0 rgba(202, 202, 202, .75); background-color:#fff; margin:10px; padding-top:70px; padding-bottom:25px
    }

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

    i.fa.fa-quote-left {
        color:#4f9d9f; font-size:35px; text-align:center; width:100%
    }

    .client_name p {
        text-align:center; text-transform:uppercase; font-weight:600
    }

    .client_name h5 {
        font-size:15px; color:#000; letter-spacing:.5px; line-height:31px; text-align:center; margin-top:10px; padding-left:40px; padding-right:40px
    }

    #testimonials_slider .owl-item img {
        width:auto !important; border-radius:100px; border:3px solid #4f9d9f; margin:0 auto
    }

    .client_img {
        position:relative; z-index:99
    }

    i.fa.fa-angle-left {
        background-color:#4f9d9f; color:#fff; height:40px; width:40px; font-size:27px; line-height:39px; border-radius:50px
    }

    i.fa.fa-angle-right {
        background-color:#4f9d9f; color:#fff; height:40px; width:40px; font-size:27px; line-height:39px; border-radius:50px
    }

    .owl-theme .owl-nav [class*=owl-] {
        color:#178097; font-size:50px; margin:0; padding:10px 15px !important; background:0 0; display:inline-block; cursor:pointer; border-radius:3px
    }

    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 {
        background-color:#4f9d9f; color:#fff; transition:all ease .5s 0s
    }

    .inner_classes {
        margin-top:60px; margin-bottom:40px
    }

    .inner_classes .filter-row {
        display:flex; align-items:center; justify-content:center; padding-bottom:40px
    }

    .blog_sec .item a:before, .classes_box .course-list ul li a::before, .trainer-img:before {
        background-color:#4f9d9f; content:""; height:120px; left:29px; position:absolute; top:-28px; transform:rotate(45deg); width:5px
    }

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

    .classes_box .course-list ul li {
        float:left; margin-right:0; margin-bottom:60px; text-align:center; width:33%
    }

    .classes_box .building.stretching {
        margin-top:55px; margin-left:25px
    }

    #filter_menu {
        text-align:center; list-style:none
    }

    #filter_menu li {
        display:inline; margin:7px; padding:10px 5px 10px 5px; background:#f3f3f3; border-radius:20px
    }

    #filter_menu a {
        text-decoration:none; text-transform:uppercase; font-weight:600; font-size:15px; color:#040404
    }

    #filter_menu li:hover {
        background:#4f9d9f
    }

    #filter_menu li:hover a {
        color:#fff
    }

    section.classes_box {
        margin-top:90px; margin-bottom:50px
    }

    .wrapper1, body, html {
        height:100%
    }

    .wrapper1 {
        position:relative; background:url(../images/error.jpg) no-repeat center center/cover
    }

    .wrapper1:before {
        background-color:#000; content:''; position:absolute; top:0; left:0; width:100%; opacity:.4; height:100%
    }

    .content1, header {
        position:absolute
    }

    .content1 {
        top:50%; left:50%; text-align:center; color:#fff; transform:translate(-50%, -50%)
    }

    .error_con h1 {
        font-size:35px; color:#000; font-weight:700; letter-spacing:1px; margin-top:60px; text-transform:uppercase
    }

    .error_con p {
        font-size:16px; line-height:30px; margin-top:45px; margin-bottom:45px; opacity:.8
    }

    a.back_to_home {
        color:#fff; font-size:18px; text-transform:uppercase; padding:19px 35px; background-color:#4f9d9f; border-radius:50px; font-weight:700; font-family:Montserrat, sans-serif; margin:15px; border:2px solid #4f9d9f; transition:all ease .5s 0s
    }

    a.back_to_home:hover {
        color:#fff; font-size:18px; text-transform:uppercase; padding:19px 35px; background-color:transparent; border-radius:50px; font-weight:700; transition:all ease .5s 0s; font-family:Montserrat, sans-serif; border:2px solid #fff
    }

    .error_copy p {
        font-size:15px; position:fixed; bottom:0; text-align:center; color:#fff; width:100%; background-color:rgba(0, 0, 0, .5); margin-bottom:0; padding-top:30px; padding-bottom:30px
    }

    .owl-carousel.off {
        display:inline-block
    }

    .back_home {
        margin-top:60px; margin-bottom:50px
    }

    .color_change {
        color:#4f9d9f
    }

    .inner_classes .course-list ul li {
        padding:15px
    }

    .wrapper, body, html {
        height:100%
    }

    .wrapper {
        position:relative; background:url(../images/comeing_soon.jpg) no-repeat center center/cover
    }

    .wrapper:before {
        background-color:#000; opacity:.5; content:''; position:absolute; top:0; left:0; width:100%; height:100%
    }

    .content, header {
        position:absolute
    }

    .content {
        top:50%; left:50%; text-align:center; color:#fff; transform:translate(-50%, -50%); font-family:Lato, sans-serif
    }

    .comeing_con h1 {
        font-size:60px; color:#fff; font-weight:700; letter-spacing:1px; margin-top:60px; text-transform:uppercase
    }

    .error_con p {
        font-size:16px; line-height:30px; margin-top:45px; margin-bottom:45px; opacity:.8
    }

    a.back_to_home {
        color:#fff; font-size:18px; text-transform:uppercase; padding:19px 35px; background-color:#4f9d9f; border-radius:50px; font-weight:700; font-family:Montserrat, sans-serif; margin:15px; border:2px solid #4f9d9f; transition:all ease .5s 0s
    }

    a.back_to_home:hover {
        color:#fff; font-size:18px; text-transform:uppercase; padding:19px 35px; background-color:#777; border-radius:50px; font-weight:700; transition:all ease .5s 0s; font-family:Montserrat, sans-serif; border:2px solid #fff
    }

    .error_copy p {
        font-size:15px; position:fixed; bottom:0; text-align:center; color:#fff; width:100%; background-color:rgba(0, 0, 0, .5); margin-bottom:0; padding-top:30px; padding-bottom:30px
    }

    .owl-carousel.off {
        display:inline-block
    }

    .back_home {
        margin-top:60px; margin-bottom:50px
    }

    .color_change {
        color:#4f9d9f
    }

    .comeing_con p {
        font-size:18px; color:#fff; text-transform:uppercase; letter-spacing:1px; margin-top:10px
    }

    .well {
        background:0 0; border:none
    }

    .clock {
        background-color:rgba(255, 255, 255, .4); width:125px; overflow:hidden
    }

    .num {
        font-size:50px; margin-top:30px; letter-spacing:5px; margin-bottom:30px
    }

    .number_line {
        border-bottom:2px solid #fff; width:30px; margin:auto; margin-bottom:15px
    }

    .text {
        margin-bottom:20px
    }

    .counter_box {
        margin-top:30px
    }

    .subscribe_box {
        margin-top:50px; display:inline-block; width:70%
    }

    .subscribe_box h2 {
        font-size:20px; color:#fff; text-transform:uppercase; letter-spacing:.5px; text-align:center; font-weight:700; letter-spacing:.5px
    }

    input.form-control.cooming_soon.input-lg {
        background-color:#fff; border:2px solid #fff; color:#777; border-radius:50px !important; font-size:15px; padding-right:50px
    }

    .input-group.cooming {
        box-shadow:none; border-radius:30px; margin-top:30px; margin-bottom:30px; border:none; width:100%; width:-99
    }

    .form-subscribe .btn {
        background:#4f9d9f; height:46.5px; border-radius:40px !important; border:none; width:46.5px; z-index:3
    }

    i.fa.fa-paper-plane {
        font-size:16px; color:#fff; padding-right:5px
    }

    .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 {
        text-align:center; list-style:none; margin-top:30px
    }

    #comeing_soon_icon li {
        display:inline; margin:2px
    }

    #comeing_soon_icon a {
        text-decoration:none; font-family:sans-serif; font-weight:700; color:#fff; font-variant:small-caps
    }

    #comeing_soon_icon i {
        height:45px; width:45px; background-color:#4f9d9f; font-size:21px; border-radius:50px; line-height:45px
    }

    #comeing_soon_icon i:hover {
        background-color:#fff; color:#ff7107; transition:all .5s 0s
    }

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

    .discount_con {
        background-image:url(../images/discount_bg.jpg); background-size:cover; display:inline-block; width:100%
    }

    .discount_title h1 {
        font-size:30px; color:#fff; font-weight:600; letter-spacing:1px; line-height:50px; margin-top:25px; margin-bottom:25px
    }

    a.discount_button {
        text-transform:uppercase; font-size:20px; font-weight:500; letter-spacing:.5px
    }

    .discount_btn {
        border:2px solid #fff; border-radius:50px; float:right; padding:15px 35px 15px 35px; margin-top:45px; margin-bottom:40px
    }

    .discount_btn:hover {
        background-color:#fff; transition:all ease .5s 0s; color:#4f9d9f
    }

    .discount_btn:hover a.discount_button {
        color:#4f9d9f
    }

    .contact_detail {
        margin-top:80px; margin-bottom:80px
    }

    .location_address p {
        font-size:17px; color:#2e3438; letter-spacing:.5px; line-height:30px; font-weight:600; margin:0
    }

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

    .location_icon {
        margin-right:15px
    }

    .location_address {
        padding-top:10px
    }

    .location_box {
        display:flex; align-items:center; margin-bottom:30px
    }

    .map {
        -webkit-filter:grayscale(100%)
    }

    .contact_form {
        margin-top:10px; margin-bottom:20px
    }

    .contact_form_detail {
        width:100%; height:45px; padding-left:15px; border-radius:5px; border:1px solid #b7b7b7; background-color:#fff; color:#b7b7b7
    }

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

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

    .contact_form_detail1 {
        width:100%; height:120px; padding-left:15px; padding-top:15px; border-radius:5px; border:1px solid #b7b7b7; background-color:#fff; color:#b7b7b7; margin-top:30px
    }

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

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

    .submit_btn_box {
        text-align:center; margin-top:30px
    }

    .submit_btn {
        color:#fff; background:#4f9d9f; padding:11px 38px; border-radius:60px; border:none; text-transform:uppercase; transition:all ease .5s 0s
    }

    .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 {
        width:29.9%; float:left; margin:20px; margin-bottom:50px
    }

    input.send_mes {
        color:#fff; background-color:transparent; padding:0 40px !important; border-radius:60px; border:1px solid #ee6c0c !important; text-transform:uppercase; transition:all ease .5s 0s; width:auto !important; margin:auto; margin-top:35px; transition:all ease .5s 0s
    }

    input.send_mes:hover {
        color:#fff; background-color:#ee6c0c !important; transition:all ease .5s 0s
    }

    .social_icon {
        text-align:center; list-style:none; margin:0 auto; display:flex; align-items:center; justify-content:center
    }

    .social_icon li {
        display:inline; padding:2px
    }

    .social_icon a {
        text-decoration:none; font-family:sans-serif; font-weight:700; color:#737373; font-variant:small-caps; margin:5px
    }

    .social_icon li a img {
        width:unset !important
    }

    .footer-social1 {
        color:#fff; font-size:20px; font-weight:700; opacity:0; position:absolute; text-transform:uppercase; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10; transition:all ease .5s 0s; width:100%
    }

    .footer-social1 {
        opacity:0
    }

    li.item:hover .footer-social1 {
        opacity:1
    }

    .footer-social1 i.fa.fa-facebook {
        height:35px; width:35px; background-color:#fff; line-height:37px; border-radius:30px
    }

    .footer-social1 i.fa.fa-facebook:hover {
        color:#4f9d9f; transition:all ease .5s 0s
    }

    .footer-social1 i.fa.fa-twitter {
        height:35px; width:35px; background-color:#fff; line-height:37px; border-radius:30px
    }

    .footer-social1 i.fa.fa-twitter:hover {
        color:#4f9d9f; transition:all ease .5s 0s
    }

    .footer-social1 i.fa.fa-instagram {
        height:35px; width:35px; background-color:#fff; line-height:37px; border-radius:30px
    }

    .footer-social1 i.fa.fa-instagram:hover {
        color:#4f9d9f; transition:all ease .5s 0s
    }

    iframe {
        width:100%
    }

    .scrollToTop {
        width:50px; height:50px; position:fixed; right:25px; line-height:50px; z-index:9; bottom:25px; display:none; background:#000; border-radius:50px; text-align:center; color:#fff; font-size:large; transition:all .5s linear; text-decoration:none; -webkit-box-shadow:0 0 15px 0 rgba(54, 54, 54, .3); border:1px solid #fff
    }

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

    .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 {
        background-color:rgba(252, 112, 1, .5); content:""; display:block; height:100%; opacity:0; position:absolute; right:0; overflow:hidden; width:100%; transition:all ease .5s 0s
    }

    .trainer_box1:before {
        background-color:#4f9d9f; content:""; height:110px; left:34px; position:absolute; top:-18px; transform:rotate(45deg); width:5px
    }

    .trainer_box1:hover .img_trainer1:before {
        opacity:1
    }

    .trainer_con1 h3 {
        font-size:30px; font-weight:600; line-height:25px; margin-top:20px; color:#4f9d9f; text-align:center; text-transform:uppercase
    }

    .trainer_con1 p {
        font-size:16px; line-height:25px; color:#000; font-weight:600; text-align:center; margin-top:10px; text-transform:uppercase
    }

    .trainer_box1:hover .footer-social1 {
        opacity:1
    }

    .img_trainer1 img {
        width:100%
    }

    .inner_tainers .trainer_box1 {
        margin-bottom:50px
    }

    .trainer_box1 {
        margin-bottom:50px; position:relative
    }

    .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 {
        background-color:rgba(252, 112, 1, .5); content:""; display:block; height:100%; opacity:0; position:absolute; right:0; overflow:hidden; width:100%; transition:all ease .5s 0s
    }

    .course_box:before {
        background-color:#4f9d9f; content:""; height:110px; left:42px; position:absolute; top:-14px; transform:rotate(45deg); width:5px
    }

    .course_box:hover .img_course:before {
        opacity:1
    }

    .course_con h3 {
        font-size:25px; font-weight:700; line-height:25px; margin-top:20px; color:#000; text-align:center; text-transform:uppercase
    }

    .course_box:hover .course_con h3 {
        color:#4f9d9f
    }

    .course_box {
        margin:10px 0 60px 15px
    }

    .img_course {
        max-width:100%
    }

    .img_course img {
        width:100%
    }

    #filter_menu {
        text-align:center; list-style:none
    }

    #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; justify-content:center; width:100%; max-width:1260px; margin:0 auto
    }

    .portfolio {
        display:flex; flex-flow:row wrap; padding:0; margin:0; list-style:none
    }

    .project {
        position:relative; flex:1 0 calc(100% - 20px); margin:10px
    }

    .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; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px; color:#f6f6f6; background:rgba(89, 89, 89, .8); opacity:0; transition:all 350ms ease-in
    }

    .project-info:hover {
        opacity:1
    }

    @media (max-width:520px) {
        .project-info {
            opacity:.8
        }
    }

    .project-info-title {
        margin:0 0 .5em; font-size:2.5em; text-align:center; text-transform:uppercase
    }

    .project-info-button {
        padding:.5em 1em; color:inherit; text-decoration:none; border:1px solid #f6f6f6; border-radius:3px; transition:all 350ms
    }

    .project-info-button:hover {
        color:#595959; background:#f6f6f6; border-color:#f6f6f6
    }

    .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
    }

    .ft-blog-post .image img {
        max-width:100%
    }

    .single-blog-post .info {
        margin-bottom:10px; overflow:hidden
    }

    .ft-blog-post .info .date-wrapper {
        float:left; width:59px; min-height:34px
    }

    .ft-blog-post .info .date {
        color:#4f9d9f; font-weight:700; text-align:left; float:left; width:59px; height:55px; border-right:1px solid #cacaca
    }

    .ft-blog-post .info .date .post-date {
        line-height:40px
    }

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

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

    .ft-blog-post .info .title-info .title h2 {
        text-align:left; text-transform:uppercase; font-weight:800; margin:-3px 0 6px 0; padding:0; font-size:20px
    }

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

    .ft-blog-post .info .title-info .info p {
        font-style:italic; font-size:16px; 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:#4f9d9f
    }

    .ft-blog-post .info .title-info .info p span i {
        color:#4f9d9f; margin-right:10px
    }

    .ft-blog-post .info .date .post-date {
        float:left; width:100%; font-weight:700; font-size:28px; margin-top:0; margin-bottom:0
    }

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

    .main-content-box p {
        font-size:16px; font-weight:500; margin-bottom:15px; margin-top:0; color:#777
    }

    blockquote {
        border:0 none; margin:40px 0; padding:35px; -webkit-border-radius:4px; -webkit-background-clip:padding-box; -moz-border-radius:4px; -moz-background-clip:padding; border-radius:4px; background-clip:padding-box; background-color:#fafafa; position:relative; font-weight:400; text-align:center; font-size:16px; color:#171d29; color:var(--black); border:2px solid #fafafa; border-bottom:5px solid #ccc
    }

    blockquote p:first-child:before {
        content:"\""; font-weight:800; font-style:normal; display:block; text-align:center; color:#ee6c0c; font-size:64px; height:28px; overflow:hidden; line-height:1em; margin-top:-8px; margin-bottom:15px
    }

    .main-content-box h3 {
        font-size:20px; color:#000; text-transform:capitalize; margin:0; line-height:26px; font-weight:700; margin-bottom:12px; margin-top:30px
    }

    span.singletags a {
        color:#666
    }

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

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

    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:#4f9d9f
    }

    .mbottom30 {
        margin-bottom:30px
    }

    .admin-info-box {
        background:#242424; padding:27px 15px 20px 25px; margin-bottom:30px
    }

    .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; line-height:1.1; font-weight:700; color:#fff; text-transform:uppercase; margin-top:10px
    }

    .admin-info-box .text-box p:last-child {
        margin-bottom:0
    }

    .comment-part {
        margin-top:44px
    }

    .comment-reply-title, .comments-box .title {
        float:none; font-size:22px; line-height:1.1; font-weight:800; color:#333; margin-bottom:45px; text-transform:uppercase
    }

    .comment-respond {
        margin-top:45px; margin-bottom:45px
    }

    .comment-respond .comment-form {
        background:#f7f7f7; padding:50px 30px 40px 30px; border:1px solid #eee
    }

    .comment-form-comment {
        margin-bottom:21px
    }

    .comment-respond input:not([type=submit]) {
        display:block; width:100%; height:45px; font-family:'Open
 Sans',sans-serif;font-size:14px;line-height:1.42857143;font-weight:400;color:#c4c4c4;border:1px solid
 #e4e3e7; border-radius:0; padding:10px 22px; margin-bottom:20px; 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 {
        display:block; width:100%; height:172px; font-family:'Open
 Sans',sans-serif;font-size:14px;line-height:1.42857143;font-weight:400;font-style:normal;color:#c4c4c4;border:1px solid
 #e4e3e7; border-radius:0; padding:10px 22px; 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 {
        color:#fff; opacity:.8; margin-top:10px; font-size:15px
    }

    h5.nocomments {
        font-weight:600; font-size:18px
    }

    .submit {
        color:#fff; background:#4f9d9f; padding:11px 38px; border-radius:60px; border:none; text-transform:uppercase; border:2px solid #4f9d9f; transition:all ease .5s 0s
    }

    .submit:hover {
        color:#4f9d9f; background:#fff; padding:11px 38px; border-radius:60px; border:2px solid #4f9d9f; text-transform:uppercase; transition:all ease .5s 0s
    }

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

    .steps-container input[type=radio]:checked~.description {
        height:170px; transition:.3s ease-in
    }

    .steps-container input[type=radio] {
        width:100%; display:none
    }

    .steps-container label {
        width:100%; max-width:100%; cursor:pointer; display:inline-block; border-bottom:1px solid #ccc; position:relative
    }

    .steps-container label:after, .steps-container label:before {
        width:2px; height:15px; background:#4f9d9f; display:inline-block; position:absolute; content:""; z-index:99; right:25px; top:9px; transform:rotate(90deg)
    }

    .steps-container label:after {
        transform:rotate(0)
    }

    .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; padding:10px 12px 10px 15px; margin:0; color:#000
    }

    .description {
        color:#222; width:100%; height:0; padding-left:15px; display:block; overflow:hidden; box-sizing:border-box; transition:.4s ease-in-out
    }

    .description p {
        line-height:18px; padding-right:10px
    }

    .panel-body {
        padding:5px
    }

    label {
        margin-bottom:0
    }

    .img_animate {
        animation-delay:.2s, 0s
    }

    .title_animate {
        animation-delay:.4s, 0s
    }

    .titlep_animate {
        animation-delay:.6s, 0s
    }

    .controls {
        padding:1rem; background:#333; font-size:.1px
    }

    .control {
        position:relative; display:inline-block; width:2.7rem; height:2.7rem; background:#444; cursor:pointer; font-size:.1px; color:#fff; transition:all 150ms
    }

    .control:hover {
        background:#3f3f3f
    }

    .control[data-filter]:after {
        content:''; position:absolute; width:10px; height:10px; top:calc(50% - 6px); left:calc(50% - 6px); border:2px solid currentColor; border-radius:2px; background:currentColor; transition:background-color 150ms, border-color 150ms
    }

    .control[data-sort]:after {
        content:''; position:absolute; width:10px; height:10px; border-top:2px solid; border-left:2px solid; top:calc(50% - 6px); left:calc(50% - 6px); transform:translateY(1px) rotate(45deg)
    }

    .control[data-sort*=":desc"]:after {
        transform:translateY(-4px) rotate(-135deg)
    }

    .mixitup-control-active {
        background:#393939
    }

    .mixitup-control-active[data-filter]:after {
        background:0 0
    }

    .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 {
        margin:0 1rem; display:inline-block; vertical-align:middle; position:relative
    }

    .range-slider:last-child {
        margin-left:0
    }

    .range-slider-label, .range-slider::after, .range-slider::before {
        font-family:helvetica-neue, arial, sans-serif
    }

    .range-slider::after, .range-slider::before {
        font-size:.7rem; color:#aaa; content:'0'; position:absolute; bottom:0; left:0; padding:0 .2rem
    }

    .range-slider::after {
        content:'10'; left:auto; right:0
    }

    .range-slider-label {
        display:block; font-size:.8rem; color:#ccc; margin-bottom:.05rem; font-weight:700
    }

    .range-slider:last-child .range-slider-label {
        text-align:right
    }

    .range-slider-input {
        position:relative; background:0 0; -webkit-appearance:none; margin-bottom:.75rem; z-index:1
    }

    .range-slider-input::-webkit-slider-runnable-track {
        width:300px; height:5px; background:#888; border:none; border-radius:3px; transition:all 150ms
    }

    .range-slider-input::-webkit-slider-thumb {
        -webkit-appearance:none; border:none; height:16px; width:16px; border-radius:50%; background:#5ecdde; margin-top:-6px
    }

    .range-slider-input:focus {
        outline:0
    }

    .owl-nav {
        display:block
    }

    .owl-prev {
        position:absolute; top:-5%; left:90%
    }

    .owl-next {
        position:absolute; top:-5%; right:-1%
    }

    .conatct-us input::placeholder {
        color:#fff
    }

    .conatct-us textarea::placeholder {
        color:#fff
    }

    .service_section {
        padding: 60px 0 60px;
    }

    .service_title h2 {
        color:#4f9d9f; text-align: center;
    }

    .service_title p {
        color: #000; text-align: center;
    }

    .service_card h3 {
        color: #000;
    }

    .service_btn a.primary-btn:hover {
        color:#fff; border:1px solid #4f9d9f; background-color:#4f9d9f; transition:all ease .5s 0s
    }

    .why_choose_icon {
        margin-bottom: 18px;
    }

    .why_choose_icon p {
        background-color: #fff;
        font-size: 36px;
        font-weight: 600;
        margin: 0;
        color: #4f9d9f;
        width: 60px;
        height: 60px;
        padding: 26px;
        border-radius: 8px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        line-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .why_choose_content h4 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .why_choose_content p {
        font-size: 14px;
    }

    .why_choose_left h3 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 14px;
    }

    .why_choose_left p {
        font-size: 14px;
        padding-bottom: 24px;
    }

    .why_choose_left img {
        width: 100%;
        border-radius: 0 56px 0 56px;
        margin-bottom: 24px;
    }

    .why_choose_section {
        padding: 60px 0 60px;
        background-color: #f8ede6;
    }

    .pd_right {
        padding-right: 26px;
    }

    @media (max-width:767px) {
        .pd_right {
            padding-right: unset;
        }
    }

    .why_choose-card {
        margin-bottom: 44px;
    }

    .modal-content {
        border-radius: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .modal-header {
        border-bottom: none;
        background-color: #4f9d9f;
        color: #fff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .modal-title {
        font-weight: bold;
        font-size: 24px;
        color: #fff;
        text-align: center;
    }

    .btn-close {
        background-color: #fff;
        border-radius: 50%;
    }

    .form-control {
        font-size: 14px;
        /* border-radius: 10px; */
        padding: 10px;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .form-control:focus {
        border-color: #4f9d9f;
        box-shadow: 0 0 5px rgba(252, 112, 1, 0.5);
    }

    .modal-body label {
        font-size: 16px;
    }

    .modal-btn {
        position: relative;
        left: 0;
        display: inline-block;
        overflow: hidden;
        background: 0 0;
        color: #000;
        padding: 11px 45px;
        text-transform: uppercase;
        border: 1px solid #4f9d9f;
        font-weight: 600;
        transition-duration: .3s;
        font-size: 18px;
        max-width: 300px;
        margin: 0 auto;
    }

    .modal-btn:hover {
        background-color: #4f9d9f;
        color: #fff;
    }

    .service_faq_section {
        padding: 60px 0 60px;
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
        font-size: 18px;
        padding: 20px;
    }

    .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: #4f9d9f;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
        font-size: 16px;
    }

    .gallery img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        transition: transform 0.3s ease;
        cursor: pointer;
        overflow: hidden;
    }

    .gallery img:hover {
        transform: scale(1.05);
    }

    .gallery-item {
        margin-bottom: 30px;
        overflow: hidden;
        padding: 0;
        border-radius: 15px;
    }

    .modal-img {
        width: 100%;
    }

    .model-close-btn {
        position: absolute;
        right: 18px;
        top: 18px;
    }

    .gallery_section {
        padding: 60px 0 60px;
    }

    .contact_heading h2 {
        font-size: 36px;
        color:#4f9d9f;
        font-weight: 600;
    }

    .conatact_heading p {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .contact_section {
        padding: 60px 0 60px;
    }

    .contact_img {
        width: 100%;
        height: 520px;
    }

    .contact_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0 52px 0 52px;
    }

    .franchise_card {
        position: relative;
        background-color: #4f9d9f;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
        margin-bottom: 36px;
    }

    .franchise_card::before {
        width: 220px;
        height: 220px;
        border-radius: 50%;
        content: "";
        border: 2px solid #4f9d9f;
        position: absolute;
        left: -10px;
        top: -10px;
    }

    .franchise_card p {
        color: #fff;
        font-size: 36;
        font-weight: 500;
    }

    .franchise_card h2 {
        color: #fff;
        font-size: 56px;
        font-weight: 600;
    }

    .franchise_details {
        padding: 60px 0 60px;
        /* background-image: url("../images/achivments.jpg"); */
    }

    .franchise_form {
        width: 70%;
        margin: auto;
        background-color: #f8ede6;
        padding: 26px;
        border-radius: 32px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        /* Subtle border */
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
        /* Soft shadow */
    }

    .Franchise_form_section {
        background-image: url("../images/bg3.jpg");
    }

    .blog_details img {
        width: 100%;
        height: 340px;
        margin-bottom: 26px;
        object-fit: cover;
    }

    .blog_details_section {
        padding: 60px 0 60px;
    }

    .related_blogs {
        padding: 60px 0 60px;
    }

    .aside_blog {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 6px;
        border-radius: 7px;
        margin-bottom: 14px;
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .aside_blog:hover .aside_blog_img img {
        transform: scale(1.1);
        transition: transform 0.3s ease;
    }

    .aside_blog_img {
        width:120px;
        height: 94px;
        overflow: hidden;
        transition: transform 0.3s ease;


    }

    .aside_blog_img img {
        width: 100%;
        height: 100%;
    }

    .aside_blog_content h2 a {
        font-size: 20px;
        font-weight: 600;
        color: #333;
    }

    .aside_blog_content p {
        font-size: 14px;
    }

    .aside_blog_content h2 a:hover {
        color: #4f9d9f;
    }

    .blog-r-margin {
        margin-right: 12px;
    }

    .blog_details h2 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .blog_details h3 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .blog_details p {
        font-size: 16px;
        margin-bottom: 14px;
        letter-spacing: .8px;
    }

    .successResponse {
        color: green; background-color: white; padding: 10px; border-radius: 10px; margin-bottom: 10px;
        font-weight: 500;
    }

    .errorResponse {
        color: red; background-color: white; padding: 10px; border-radius: 10px; margin-bottom: 10px;
        font-weight: 500;
    }

    .main .container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem;
        justify-content: center;
        align-items: center;
        padding:60px 0 60px;
    }

    .main .card {
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
        color: #333333;
        border-radius: 2px;
    }

    .main .card-image {
        background: #ffffff;
        display: block;
        padding-top: 70%;
        position: relative;
        width: 100%;
    }

    .main .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media only screen and (max-width: 600px) {
        .main .container {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 1rem;
        }
    }

    label.error {
        color: indianred !important;
    }
    .modal_link_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.modal_link_content {
  background: #fff;
  margin: 10% auto;
  padding: 20px;
  width: 400px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  animation: fadeIn 0.3s ease;
}

.modal_link_close {
  float: right;
  font-size: 24px;
  cursor: pointer;
}

.modal_link_title {
  margin-bottom: 15px;
  text-align: center;
}

.modal_link_form {
  display: flex;
  flex-direction: column;
}

.modal_link_form input,
.modal_link_form textarea {
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.modal_link_btn {
  background: #007BFF;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

 .about_image {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    display: grid;
    gap: 30px;
    position: relative;
    z-index: 999;
 
   
}
.service-details_img {
    max-height: 500px !important;
    padding: 20px;
    border-bottom: 1px solid #0000002b;
    max-width: 100%;
}
.titlee{
      color: #000;
    display: block;
    font-size: 32px;
    font-weight: lighter!important;
    /*line-height: 100%;*/
    margin-bottom: 40px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
}
.titlee:before {
    background: url(../images/title-bg.png) no-repeat;
    content: "";
    height: 191px;
    left: -34px;
    position: absolute;
    top: -26px;
    width: 189px;
    z-index: -1;
}
.titlee span{
    display: block;
    /* color: #000; */
    font-weight: 600;
    font-size: 55px;
    line-height: 110%;
    margin-bottom: 0px;
    position: relative;
    text-transform: uppercase;
}