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

    Template Name: Fitness Trainer-Bootstrap Template 
    Template URI: http://23.91.71.251/~epluginc/fintess-trainer-preview/
    Description: This is html5 template
    Author: Saikat Ahmed
    Author URI: http://saikatahmed.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. Home 1
        2.2 menu
        2.3 Hero Section
        2.4 top service
        2.5 top banner area
        2.6 converter-area
        2.7 expert team
        2.8 pricing plan
        2.9 off banner
        2.10 our events
        2.11 success story
        2.12 latest news
        2.13 subscribe
        2.14 footer
    3. About
    4. Blog Details
    5. about trainer page
    6. Contact Page
    7. Event Details Page
    8. Event
    9. Exercise plan details
    10. My Account Page
    11. Pricing Table
    12. Product Single Page
    13. Shop
    14. Success Story
    15. Success Story Details
    16. Exercise Plan
    17. Forgot Password
    18. Login
    19. Registration
    

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


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


/*  Google Font #googleFont
/*----------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

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


/*  1. Theme default CSS
/*----------------------------------------*/

.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}

div#preloader {
    background: #000 url("../img/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.centerObjs{
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}

.paddingTopBottom{
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu-area.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding-top: 20px;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    color: #888;
    line-height: 23px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 0;
}

.btn-hover-outline {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.btn-hover-outline:hover {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset, 0 0 20px rgba(255, 255, 255, 0.2);
    outline: 1px solid rgba(255, 255, 255, 0);
    outline-offset: 15px;
}

.hover-bs:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bold {
    font-weight: 700;
}

.bg-gray {
  background-color: #f7f7f7;
}

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


/*  2. Home 1
/*----------------------------------------*/

header {}

.header-top {
    background: #2c2c2c none repeat scroll 0 0;
}

.header-top-left {}

.header-top-left ul {}

.header-top-left ul li {
    display: inline-block;
    margin-right: 21px;
}

.header-top-left ul li a {
    color: #717171;
    display: inline-block;
    font-size: 18px;
}

.header-top-left ul li a:hover {
    color: #e53c35;
}

.header-top-right {
    text-align: right;
}

.single-htr {
    display: inline-block;
    margin-left: 18px;
    position: relative;
}

.single-htr::before {
    /* background: #484848 none repeat scroll 0 0; */
    content: "";
    height: 15px;
    left: -15px;
    position: absolute;
    top: 8px;
    width: 1px;
}

.single-htr:nth-child(1)::before {
    display: none;
}

.single-htr i {
    color: #e6e6e6;
    font-size: 18px;
}

.single-htr > span,
.single-htr > a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 1px;
}

.single-htr > span:hover,
.single-htr > a:hover {
    text-decoration: underline;
}

.signin-form-area {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    left: -140px;
    position: absolute;
    text-align: center;
    top: 44px;
    width: 345px;
    z-index: 99;
}

.signin-form-area::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 0;
    z-index: 99;
}

.signin-form-area-top {
    margin-bottom: 19px;
    padding: 17px 23px 0;
}

.signin-form-area h3 {
    color: #646464;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 2px;
}

.h-light {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.signin-form-area h6 {
    color: #646464;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 15px;
}

.signin-form {
    margin: 17px 0 0;
}

.signin-inputs {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    position: relative;
}

.signin-inputs::before {
    background: #cecece none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 98%;
    z-index: 9;
}

.signin-inputs::after {
    background: #cecece none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 51px;
    position: absolute;
    top: 0;
    width: 1px;
}

.signin-form input[type="text"],
.signin-form input[type="password"] {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 0 none;
    color: #828282;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    height: 45px;
    letter-spacing: 0;
    padding: 0 10px 0 65px;
    position: relative;
    width: 100%;
}

.signin-form input[type="text"]::before,
.signin-form input[type="password"]::before {
    position: absolute;
}

.input-email {
    position: relative;
}

.input-email::before {
    color: #d6d6d6;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 20px;
    position: absolute;
    top: 8px;
    z-index: 9;
}

.signin-form input[type="text"] {}

.input-password {
    position: relative;
}

.input-password::before {
    color: #d6d6d6;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 20px;
    position: absolute;
    top: 8px;
    z-index: 9;
}

.signin-form input[type="password"] {}

.show-pass {
    color: #828282;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: 0;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 8px;
}

.remember-recover {
    margin: 18px 0 41px;
}

.remember-recover .remember {
    float: left;
    width: 50%;
}

.remember-recover .remember input[type="checkbox"] {}

.remember-recover .remember span {
    color: #828282;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}

.remember-recover .recover {
    float: left;
    width: 50%;
}

.remember-recover .recover a {
    color: #828282;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
}

.remember-recover .recover a:hover {
    color: #e53c35;
}

.sign-in-btn {
    background: #7e2cbb none repeat scroll 0 0;
    border: 1px solid #7e2cbb;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 45px;
    letter-spacing: 0;
    line-height: 45px;
    margin: auto;
    padding: 0 105px;
    text-transform: uppercase;
}

.signin-or {
    margin: 13px 0 0;
    position: relative;
}

.signin-or::before {
    background: #979797 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80%;
}

.signin-or span {
    background: #fff none repeat scroll 0 0;
    color: #828282;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin: auto;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}

.reg-by-fb-btn {
    background: #39579a none repeat scroll 0 0;
    border: 1px solid #39579a;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    height: 48px;
    line-height: 48px;
    margin: 16px 0 0;
    padding: 0 30px 0 75px;
    position: relative;
}

.reg-by-fb-btn::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    color: #33549c;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    height: 36px;
    left: 5px;
    line-height: 36px;
    position: absolute;
    top: 5px;
    width: 36px;
}

.reg-account {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 20px 0 23px;
}

.reg-account p,
.reg-account p a {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.reg-account p {
    color: #828282;
}

.reg-account p a {
    color: #ff3639;
    margin-left: 5px;
}

.reg-account p a:hover {
    text-decoration: underline;
}

.register-form-area {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    position: absolute;
    right: 285%;
    text-align: left;
    top: 33px;
    width: 730px;
    z-index: 9;
}

.rf-head {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    padding: 21px 0 22px;
    position: relative;
    text-align: center;
}

.rfa-close {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 18px;
    top: 24px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.rfa-close:hover {
    box-shadow: 2.5px 4.33px 5px 0px rgba( 143, 143, 143);
}

.rfa-close i {
    color: #7e2cbb;
    font-size: 18px;
    line-height: 40px;
}

.rf-head img {}

.rf-head p {
    margin: 13px 0 0;
}

.rf-body {
    overflow: hidden;
    padding: 55px 0 77px;
    position: relative;
}

.rf-body-or-area {
    height: 100%;
    left: 52%;
    position: absolute;
}

.rf-body-or-area::before {
    background: #d6d6d6 none repeat scroll 0 0;
    content: "";
    height: 70%;
    left: 10px;
    position: absolute;
    top: 0;
    width: 1px;
}

.rf-body-or-area span {
    background: #fff none repeat scroll 0 0;
    color: #828282;
    font-size: 13px;
    padding: 6px 0;
    position: relative;
    text-transform: uppercase;
    top: 35%;
    z-index: 9;
}

.rf-body-left {
    float: left;
    padding: 0 38px 0 55px;
    width: 55%;
}

.rf-inputs-area {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 17px;
    position: relative;
}

.rf-inputs-area::before {
    background: #e1e1e1 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 47px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 9;
}

.rf-inputs {
    border-bottom: 1px solid #e1e1e1;
    height: 48px;
    position: relative;
}

.rf-inputs:last-child {
    border-bottom: none;
}

.rf-inputs::before {
    color: #d6d6d6;
    font-family: FontAwesome;
    font-size: 18px;
    left: 17px;
    position: absolute;
    top: 9px;
}

.rf-body-left input[type="email"],
.rf-body-left input[type="text"],
.rf-body-left input[type="password"] {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #828282;
    font-size: 13px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0;
    padding: 0 10px 0 62px;
    width: 100%;
}

.rf-body-left input[type="email"] {}

.rf-body-left input[type="text"] {}

.rf-body-left input[type="password"] {}

.rf-input-email {}

.rf-input-email::before {
    content: "";
}

.rf-input-email input[type="email"] {}

.rf-input-name {}

.rf-input-name::before {
    content: "";
}

.rf-input-name input[type="text"] {}

.rf-input-username {}

.rf-input-username::before {
    content: "";
}

.rf-input-username input[type="text"] {}

.rf-input-password {
    position: relative;
}

.rf-input-password::before {
    content: "";
}

.rf-input-password input[type="password"] {}

.rf-checkbox-area {
    margin-bottom: 26px;
}

.rf-checkbox-area input[type="checkbox"] {}

.rf-checkbox-area p {
    display: inline;
}

.register-btn {
    background: #7e2cbb none repeat scroll 0 0;
    border: 1px solid #7e2cbb;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 45px;
    letter-spacing: 0;
    line-height: 45px;
    margin: auto;
    padding: 0 105px;
    text-transform: uppercase;
}

.rf-body-right {
    float: left;
    margin-top: 95px;
    text-align: center;
    width: 45%;
}

.rf-body-right .reg-by-fb-btn {}

.rf-body-right p {
    margin: 17px auto auto;
    width: 60%;
}


/*2.2 menu*/

.menu-area {
    background: #e6e6e6 none repeat scroll 0 0;
    padding: 12px 0;
}

.logo {}

.logo a {}

.logo a img {}

.menu {
    padding-top: 5px;
    text-align: center;
}

.menu ul {}

.menu ul li {
    display: inline-block;
    margin-right: 4px;
    position: relative;
}

.menu ul li a {
    color: #333333;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
}

.menu ul li a:hover {
    color: #e53c35;
}


/*dropdown*/

.menu .singel-dropdown {
    background: #fff none repeat scroll 0 0;
    left: 0;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 38px;
    transform: translateY(-30px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 99;
}

.menu ul li:hover .singel-dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.menu .singel-dropdown li,
.menu .singel-dropdown li a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 15px 20px;
}

.menu .singel-dropdown li {
    padding: 0;
    position: relative;
}

.menu .singel-dropdown li a {}

.menu .single-thirdlevel-menu {
    background: #fff none repeat scroll 0 0;
    left: 100%;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(-30px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.menu .singel-dropdown li:hover .single-thirdlevel-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.menu .single-thirdlevel-menu li,
.menu .single-thirdlevel-menu li a {}

.menu .single-thirdlevel-menu li {}

.menu .single-thirdlevel-menu li a {}

.buy-link a{
    
}

/* Fullwidth Dropdown (Mega Menu) */

.menu .fullwidth-dropdown {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed; 
  top: 66px;
  left: 0;
  width: 100vw;
  padding: 5px 40px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 999;
}

.menu li.has-dropdown:hover .menu-produtos {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu .fullwidth-dropdown li {
  list-style: none;
  margin-right: 30px;
}

.menu .fullwidth-dropdown li a {
  text-decoration: none;
  color: #000 !important;
  font-weight: 500;
  font-size: 14px;
}

.menu .fullwidth-dropdown li a:hover {
  color: #d89607 !important;
}

.menu .fullwidth-dropdown .polegadas {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-basis: 100%;
}

.menu .fullwidth-dropdown .polegadas span {
  font-weight: bold;
  color: #555;
}

.menu .fullwidth-dropdown .buy-link {
  margin-left: auto;
  font-weight: bold;
}

.menu .fullwidth-dropdown.submenu-polegadas {
  background: #d3d3d3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed;
  top: 114px; 
  left: 0;
  width: 100vw;
  padding: 3px 40px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 999;
}

.menu li.has-dropdown:hover .submenu-polegadas {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu .submenu-polegadas .polegadas {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-basis: 100%;
}

.menu .submenu-polegadas .polegadas span {
  font-weight: bold;
  color: #555;
}

.menu .submenu-polegadas .polegadas a {
  text-decoration: none;
  color: #000 !important;
  font-weight: 500;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.menu .submenu-polegadas .polegadas a:hover {
  color: #d89607 !important;
  background-color: rgba(216, 150, 7, 0.1);
}

/*mega-menu*/

.menu .single-megamenu {
    background: #fff none repeat scroll 0 0;
    left: -800px;
    opacity: 0;
    padding: 15px;
    position: absolute;
    top: 41px;
    transform: scale(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 900px;
    z-index: 99;
}

.menu ul li:hover .single-megamenu {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

.menu .single-megamenu span {
    display: block;
    float: left;
    padding: 0 10px;
    width: 33%;
}

.menu .single-megamenu span a {
    display: block;
    color: #000;
    font-size: 14px;
}

.top-search {
    padding: 5px 0;
    position: relative;
    text-align: right;
}

.top-search .search-icon {
    color: #525252;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 12px;
}

.top-search .search-text {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    padding: 0;
}

.search-box {
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 260px;
    z-index: 9;
}


/*2.3 Hero Section*/

.hero-section {
    background: rgba(0, 0, 0, 0) url("../image/bg/universe.png") no-repeat fixed right center / cover;
    height: 503px;
    position: relative;
}

.hero-section-sobre {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.hero-section-sobre::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../image/bg/universe.png") no-repeat top center / cover ;
    z-index: -1;
    filter: brightness(0.5);
}

.hero-content {
    padding-top: 135px;
    text-align: center;
}

.hc-header {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.hc-text {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 27px;
}

.hc-link {
    background: #7e2cbb none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    padding: 0 25px;
    text-transform: uppercase;
    -webkit-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
}

.hc-link:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* BOTOTES DO CAROUSEL */

.banner-swiper {
  width: 100%;
  height: auto;
}

.banner-swiper .swiper-slide {
  text-align: center;
}

.banner-swiper img {
  width: 100%;
  height: auto;
  display: block;
}

.swiper-button-prev,
.swiper-button-next {
  background: #fff;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 40px;
  text-align: center;
}
.swiper-button-prev:before {
    content: "\f060" !important;
    font-size: 27px !important;
}
.swiper-button-next:before {
    content: "\f061" !important;
    font-size: 27px !important;
}

.hero-section .swiper {
    width: 100%;
    height: 75vh; 
    max-height: 650px;
}

.hero-section .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center;
}

@media (max-width: 768px) {
  .hero-section .swiper-slide img {
    object-fit: contain;
    height: auto;
  }

  .hero-section .swiper-slide {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-section {
    padding-top: 15px;
  }
}

/*2.4 top service*/

.top-service-area {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 0 0 115px;
}

.top-service {
    background: #fff none repeat scroll 0 0;
    box-shadow: 9px 8px 15px -1px rgba(0, 0, 0, 0.25);
    margin-top: -53px;
}

.single-top-service {
    padding: 0 0 41px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-top-service:hover {
    background: #7e2cbb none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.single-top-service::before {
    background: #d93036 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 31px;
}

.single-top-service:hover::before {
    display: none;
}

.sts-img {
    margin-bottom: 7px;
}

.sts-img-box {
    border: 15px solid transparent;
    border-radius: 100px;
    height: 95px;
    line-height: 68px;
    margin: auto;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 95px;
}

.single-top-service:hover .sts-img-box {
    background: #fff none repeat scroll 0 0;
    border: 15px solid #ef3b3e;
    box-shadow: 1px 2px 5px -1px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}

.sts-img img {}

.single-top-service > p {
    color: #484848;
    font-size: 16px;
    line-height: 20px;
}

.single-top-service:hover > p {
    color: #fff;
}


/*2.5 top banner area*/

.top-banner-area {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 75px 0 75px;
}

.top-banner-left {
    background: #fff url("../img/top-banner/tb1.png") no-repeat scroll 92% 0 / contain;
    box-shadow: 7px 7px 5px -5px rgba(0, 0, 0, 0.25);
    padding: 37px 190px 64px 31px;
}

.top-banner-content {}

.tbl-h3 {
    color: #6b6560;
    font-size: 42px;
    line-height: 36px;
    margin-bottom: 5px;
}

.tbl-h2 {
    color: #7e2cbb;
    font-size: 103px;
    line-height: 80px;
}

.tbl-h3-2 {
    color: #22211f;
    font-size: 47px;
    line-height: 38px;
}

.tbl-h3-3 {
    color: #22211f;
    font-size: 41px;
    line-height: 37px;
}

.top-banner-right {
    background: #fff url("../img/top-banner/tb2.png") no-repeat scroll 8% 0 / contain;
    box-shadow: 7px 7px 5px -5px rgba(0, 0, 0, 0.25);
    padding: 25px 20px 55px 180px;
}

.tbr-h2,
.tbr-h2 span {
    color: #6b6560;
    font-family: "Montserrat", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 21px;
}

.tbr-h2 span {
    color: #ff3b3e;
}

.tbr-p {
    color: #6b6560;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .tbr-p {
        width: 70%;
    }
}

.tbr-p-phone {
    color: #333333;
    font-weight: 600;
}

.tbr-h3 {
    color: #7e2cbb;
    font-size: 26px;
    line-height: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1700px) {
    .tbr-h3 {
        width: 60%;
    }
}


/*2.6 converter-area*/

.converter-area {
    background: rgba(0, 0, 0, 0) url("../image/banner/speakers.jpg") no-repeat fixed left top / cover;
    text-shadow: -1px 0px 8px rgba(0, 0, 0, 0.8);
    padding: 157px 0 135px;
}

.converter-content {}

.converter-content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 25px;
    text-align: center;
}

.converter-tabs-area {}

.converter-tabs-area .converter-tabs {
    margin-bottom: 25px;
    text-align: center;
}

.converter-tabs-area .converter-tabs li {
    background: #7e2cbb none repeat scroll 0 0;
    display: inline-block;
    margin-right: -5px;
    position: relative;
}

.converter-tabs-area .converter-tabs li::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

.converter-tabs-area .converter-tabs li:last-child::after {
    display: none;
}

.converter-tabs-area .converter-tabs li a {
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 14px 18px 13px;
}

.converter-tabs-area .tab-content {
    background: #7e2cbb none repeat scroll 0 0;
    text-align: center;
}

.tab-content .tab-pane {
    padding: 28px 0 32px;
}

.tab-content .tab-pane .label {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 5px;
}

.tab-content .tab-pane .input-height {
    border: 0 none;
    color: #9e9e9e;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    line-height: 40px;
    margin-right: 22px;
    padding: 0 15px;
    text-transform: capitalize;
}

.tab-content .tab-pane .output-pound {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    padding: 2px 20px;
}


/*2.7 expert team*/

.section-title-p {
    color: #525252;
    font-weight: 600;
    letter-spacing: 4px;
    margin-bottom: 5px;
}

.sectiont-title,
.sectiont-title-bold {
    color: #525252;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.sectiont-title {}

.sectiont-title .sectiont-title-bold {
    font-weight: 600;
}

.expert-team-area {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 63px 0 70px;
}

.expert-team-head {
    margin-bottom: 61px;
    text-align: center;
}

.expert-team-head p {}

.expert-team-head h2 {}

.single-expert {
    overflow: hidden;
    position: relative;
}

.single-expert::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-expert:hover::before {
    opacity: 0.2;
}

.se-img {}

.se-img img {
    width: 100%;
}

.se-content {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 58%;
    transition: all 0.3s ease 0s;
}

.single-expert:hover .se-content {
    opacity: 1;
}

.se-content h4 {
    color: #f7f7f7;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.se-content p {
    color: #f7f7f7;
    font-size: 12px;
    line-height: 16px;
}

.expert-social {
    background: #e53c35 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 13px 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-expert:hover .expert-social {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.expert-social li {
    display: inline-block;
}

.expert-social li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 8px 18px;
}


/*2.8 pricing plan*/

.pricing-plan-area {
    padding: 63px 0 75px;
}

.pricing-plan-head {
    margin-bottom: 72px;
    text-align: center;
}

.pricing-plan-head p {}

.pricing-plan-head h2 {}

.single-pricing {
    box-shadow: 0 2px 24px 0 rgba(144, 144, 144, 0.2);
    text-align: center;
}

.pricing-head {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 31px 0 28px;
    position: relative;
}

.pricing-head::after {
    background: #eb3a3d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 34px;
}

.pricing-head .pricing-price {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 9px;
}

.pricing-head .pricing-price span {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.pricing-head .pricing-time {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.pricing-body {
    padding: 26px 30px 9px;
}

.pricing-body .short-desc {
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.pricing-details {
    margin-bottom: 47px;
}

.single-pricing-details {
    margin-bottom: 17px;
}

.single-pricing-details:last-child {
    margin-bottom: 0;
}

.single-pricing-details .spd-left {
    float: left;
    padding-right: 15px;
    text-align: right;
    width: 50%;
}

.single-pricing-details .spd-left i {
    color: #676767;
    font-size: 20px;
}

.single-pricing-details .spd-right {
    float: left;
    padding-left: 15px;
    text-align: left;
    width: 50%;
}

.single-pricing-details p {
    color: #676767;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 4px;
}

.single-pricing-details span {
    color: #676767;
    display: block;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 12px;
    text-transform: uppercase;
}

.pricing-buy-now {
    background: #e53c35 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 6px;
    padding: 5px 42px;
}

.pricing-buy-now:hover {
    color: #fff;
}

.short-desc-bottom {
    color: #4f4f4f;
    font-size: 12px;
}

.special-single-price .pricing-head::before {
    background-image: url("../img/banner/price-tag.png");
    background-repeat: no-repeat;
    content: "";
    height: 42px;
    position: absolute;
    right: 30px;
    top: 0;
    width: 26px;
}


/*2.9 off banner*/

.off-banner-area {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 70px 0 74px;
}

.off-banner-head {
    border-bottom: 2px solid #fff;
    margin-bottom: 46px;
}

.off-banner-head .obh-left {
    text-align: right;
    margin-top: 45px;
}

.off-banner-head .obh-left p {
    color: #525252;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.off-banner-head .obh-left h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 44px;
}

.off-banner-head .obh-left h2 span {}

.off-banner-head .obh-center {}

.off-banner-head .obh-center img {}

.off-banner-head .obh-right {
    margin-top: 50px;
}

.off-banner-head .obh-right p {}

.off-banner-timer {
    margin-bottom: 48px;
    text-align: center;
}

.timer-area {}

.timer-area div > span {
    background-image: url("../img/bg/timer.png");
    display: inline-block;
    height: 80px;
    position: relative;
    text-align: center;
    width: 80px;
}

.timer-area div > span::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 85%;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 85%;
    z-index: 0;
}

.timer-area div > span .time-count {
    color: #525252;
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 8px;
    position: relative;
    z-index: 9;
}

.timer-area div > span p {
    color: #7e2cbb;
    font-weight: 700;
    line-height: 16px;
    text-transform: lowercase;
    position: relative;
    z-index: 9;
}

.off-carousel .item {
    padding: 0 10px 70px;
    position: relative;
}

.single-off-item {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.3);
    position: relative;
}

.single-off-item .soi-left {
    float: left;
    height: 100%;
    width: 12%;
}

.single-off-item .soi-left ul {
    border-right: 2px solid #f7f6f2;
    display: block;
    height: 100%;
    text-align: center;
}

.single-off-item .soi-left ul li {}

.single-off-item .soi-left ul li a {
    border-bottom: 2px solid #f7f6f2;
    color: #dedede;
    display: block;
    font-size: 22px;
    padding: 30px 0;
}

.single-off-item .soi-left ul li:last-child a {
    border-bottom: none;
}

.single-off-item .soi-content {
    float: left;
    padding: 42px 0 0 20px;
    width: 55%;
}

.single-off-item .soi-content .type {
    color: #a0a0a0;
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.single-off-item .soi-content .name {
    color: #525252;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 21px;
}

.single-off-item .soi-content .text {
    color: #525252;
    margin-bottom: 22px;
}

.single-off-item .soi-content .price {}

.single-off-item .soi-content .price span {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

.single-off-item .soi-content .price .new-price {
    color: #e53c35;
}

.single-off-item .soi-content .price .old-price {
    color: #dddddd;
}

.single-off-item .soi-new-sale {
    position: absolute;
    right: 25px;
    top: 15px;
}

.single-off-item .soi-new-sale span {
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0 17px;
    text-transform: uppercase;
}

.single-off-item .soi-new-sale .new {
    background: #e53c35 none repeat scroll 0 0;
}

.single-off-item .soi-new-sale .sale {
    background: #c3c3c3 none repeat scroll 0
}

.single-off-item .soi-img {
    bottom: -65px;
    height: 170px;
    position: absolute;
    right: 20px;
    width: auto !important;
}

.off-carousel.owl-carousel .owl-nav {
    display: block;
    text-align: center;
    margin-top: 70px;
}

.off-carousel.owl-carousel .owl-nav > div {
    background: #fff none repeat scroll 0 0;
    color: #bfbfbf;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
    margin: 0 5px;
    padding: 0 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.off-carousel.owl-carousel .owl-nav > div:hover {
    background: #e53c35 none repeat scroll 0 0;
    color: #fff;
}


/*2.10 our events*/

.our-events-area {
    padding: 63px 0 105px;
}

.our-events-head {
    text-align: center;
    margin-bottom: 65px;
}

.our-events-head p {}

.our-events-head h2 {}

.single-our-events {
    box-shadow: 20px 15px 25px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 32px 0 30px;
    position: relative;
}

.single-our-events .soe-img {
    bottom: 0;
    left: -60px;
    position: absolute;
    width: 232px;
}

.single-our-events .soe-img img {}

.single-our-events .soe-content {
    padding-left: 180px;
    padding-right: 85px;
}

.single-our-events .soe-content h2 {
    color: #525252;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 11px;
}

.soe-content .soe-address-time {
    margin-bottom: 1px;
}

.soe-content .soe-address-time li {
    display: inline-block;
    letter-spacing: 0;
    color: #636363;
    font-size: 13px;
    line-height: 17px;
}

.soe-content .soe-address-time li i {
    margin-right: 5px;
}

.soe-content .soe-address-time .address {
    margin-right: 12px;
}

.soe-content .soe-address-time .address {}

.soe-content .soe-type {
    color: #e53c35;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 59px;
    text-transform: uppercase;
}

.soe-content .soe-type i {
    margin-right: 5px;
}

.soe-content .join-event {}

.soe-content .join-event a {
    text-transform: uppercase;
    background: #7e2cbb;
    color: #fff;
    display: inline-block;
    padding: 5px 38px;
    border-radius: 25px;
}

.single-our-events .soe-date {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 100px;
    height: 50px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    width: 50px;
}

.single-our-events .soe-date .date {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 6px;
    display: block;
}

.single-our-events .soe-date .month {
    display: block;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
}


/*2.11 success story*/

.success-story-area {
    background: rgba(0, 0, 0, 0) url("../image/banner/bg21.jpg") repeat scroll 0 0 / cover;
    background-position: bottom;
    padding: 100px 0;
}

.success-story-head {
    margin-bottom: 115px;
    text-align: center;
}

.success-story-head h2,
.success-story-head h2 span {
    color: #fff;
    text-shadow: -1px 0px 8px rgba(150, 150, 150, 1);
    margin-bottom: 10px;
}

.success-story-head h2 {}

.success-story-head h2 span {}

.success-story-head p {
    color: #fff;
}

.single-success {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    min-height: 261px;
    padding: 82px 0 29px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.single-success::before {
    color: #f0f0f0;
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
}

.single-success .su-img {
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -40px;
    width: 80px;
    z-index: 999;
}

.single-success .su-img::before,
.single-success .su-img::after {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 100px;
    content: "";
    left: -18px;
    opacity: 0.3;
    position: absolute;
    top: -18px;
    z-index: -1;
}

.single-success .su-img::before {
    height: 116px;
    left: -18px;
    opacity: 0.2;
    top: -18px;
    width: 116px;
}

.single-success .su-img::after {
    height: 152px;
    left: -36px;
    opacity: 0.1;
    top: -36px;
    width: 152px;
}

.single-success .su-img img {
    border-radius: 100px;
}

.single-success .su-content {
    margin-top: -27px;
}

.single-success .su-content h4 {
    color: #525252;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 28px;
}

.single-success .su-content p {
    color: #525252;
    line-height: 20px;
    margin-bottom: 25px;
}

.single-success .su-content a {
    color: #7e2cbb;
    display: block;
    font-size: 16px;
    line-height: 20px;
}


/*2.12 latest news*/

.latest-news-area {
    padding: 64px 0 64px;
}

@media (max-width: 990px) {
    .latest-news-area {
        overflow: hidden;
    }

    .latest-news-area > .container{
        padding-left: 36px;
        padding-right: 36px;
    }

    .latest-news-area > .container > .container > .pull-left{
        position: absolute !important;
        left: 10px !important;
        transform: translate(0px,200px) !important;
    }
    .latest-news-area > .container > .container > .pull-right{
        transform: translate(0px,200px) !important;
        position: absolute !important;
        right: 10px !important;
    }

    .latest-news-area .single-news img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .breadcrumb > li:after {
        top: 3px;
        right: -5px;
        width: 15px;
        height: 15px;
    }

    a, a:visited {
        font-size: 10px;
    }
}

.latest-news-head {
    margin-bottom: 20px;
    text-align: center;
}

.latest-news-head p {}

.latest-news-head h2 {}

.single-news {
        padding-top: 30px;
}

.single-news.clearfix {
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin: 15px 0;
}

.single-news .sn-img {
    position: relative;
    /* box-shadow: 12.5px 21.651px 30px 0 rgba(0, 0, 0, 0.1); */
    float: left;
    width: 45%;
    min-height: 220px;
}

@media (max-width: 570px) {
    .single-news .sn-img img {
        width: 60% !important;
        min-height: unset !important;
        display: block;
        margin: 0 auto;
    }

}

@media (max-width: 767px) {
    .single-news .sn-img img {
        width: 40% !important;
        min-height: unset !important;
        display: block;
        margin: 0 auto;
    }
}

.single-news .sn-img img {
    border-radius: 10px;
    width: 100%;
    min-height: 180px;
}

.single-news .sn-content {
    float: left;
    width: 55%;
    justify-content: center;
}

.single-news .sn-content .sn-date {
    color: #565656;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.single-news .sn-content .sn-title {
    color: #000;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 42px;
    position: relative;
    text-align: center;
}

.single-news .sn-content .sn-text {
    color: #525252;
    margin-bottom: 15px;
    min-height: 100px!important;
}

.single-news .sn-content .read-more {
    color: #7e2cbb;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.single-news .sn-content .read-more i {
    margin-left: 5px;
}


/*2.13 subscribe*/

.subscribe-section {
    background: rgb(230, 230, 230) no-repeat fixed left top / cover;
    position: relative;
}

.subscribe-section::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}

.ht-newsletter h5 {
    font-weight: 600;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #525252;
    margin-top: 93px;
    line-height: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.ht-newsletter h2 {
    color: #525252;
    font-weight: 300;
    margin-bottom: 111px;
    line-height: 28px;
    margin-top: 15px;
    font-size: 35px;
}

.ht-newsletter h2 b {
    font-weight: 700;
}

.newsletter-forn-in {
    margin-top: 95px;
}

.newsletter-input {
    height: 56px;
    border-radius: 120px;
    padding-left: 38px;
    width: 100%!important;
    border: none;
}

.form-group {
    width: 100%;
}

.subscribe-btn {
    background-color: #000;
    color: #fff;
    height: 56px;
    border-radius: 120px;
    padding-left: 10px;
    width: 100%!important;
    border: none;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 0.05em;
}

.subscribe-btn i {
    padding: 0px 11px;
}


/*2.14 footer*/

.big-fotter {
    background: #f7f7f7;
}

.trainer-aera .ft-trainer {
    position: relative;
    padding-bottom: 30px;
    padding-left: 4px;
    margin-bottom: 30px;
    margin-top: 95px;
}

.trainer-aera .ft-trainer:before,
.ft-info h2:before {
    content: '';
    position: absolute;
    background: #7e2cbb;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 3px;
}

.trainer-aera .ft-trainer h2 {
    line-height: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 25px;
}

.ft-trainer h2 span {
    font-weight: 300;
    color: #7e2cbb;
}

.ft-trainer h5 {
    font-weight: 500;
    font-size: 11px;
    color: #525252;
    letter-spacing: .35em;
}

.trainer-aera p {
    margin-bottom: 22px;
    color: #525252;
    line-height: 22px;
    letter-spacing: 0.05em;
}

.contact-info {}

.contact-info ul li {
    font-size: 14px;
    margin-bottom: 5px;
    color: #525252;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
}

.contact-info ul li span.bld {
    color: #2e2e2e;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.contact-info ul li a.red {
    color: #e53c35;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 15px;
}

.contact-info ul li i {
    padding-right: 10px;
    font-size: 14px;
    color: #525252;
}

.ft-info {
    margin-top: 119px;
}

.ft-info h2 {
    color: #525252;
    font-size: 17px;
    padding-bottom: 30px;
    font-weight: 500;
    position: relative;
    margin-bottom: 28px;
}

.ft-info ul li {}

.ft-info ul li a,
#desc ul li {
    color: #525252;
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 13px;
}

.ft-info ul li a i,
#desc ul li i {
    color: #e1e0de;
    font-size: 14px;
    padding-right: 7px;
}


/*banner*/

.banner {
    height: 200px;
    width: 100%;
    border-radius: 7px;
    background: white;
    margin-top: 175px;
    margin-bottom: 130px;
    box-shadow: 1px 2px 4px 0px #ddd;
}

.banner h2 {
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #7e2cbb;
}

.banner .banner-box {
    padding-left: 20px;
    height: 136px;
    border: 4px solid #7e2cbb;
    margin: 0px 28px;
    position: relative;
}

.banner-box h1 {
    font-family: 'Great Vibes', cursive;
    font-size: 33px;
    color: #e53c35;
    line-height: 30px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 10px;
}

.banner-box h2 {
    line-height: 17px;
    font-size: 23px;
    padding: 0px;
    color: #525252;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.banner-box p {
    color: #525252;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 30px;
    margin-top: 7px;
}

.banner-box .shop-now {
    width: 102px;
    height: 20px;
    border-radius: 13px;
    background: #e53c35;
    position: absolute;
    bottom: -10px;
    text-align: center;
    line-height: 15px;
}

.banner-box .shop-now a {
    color: white;
    text-transform: uppercase;
    font-size: 9px;
}

.banner-box .shop-now .icon {
    float: right;
    margin-top: 2px;
    font-size: 10px;
    padding-right: 10px;
}

.shop-now .icon i {
    color: white;
}

.banner-box img {
    position: absolute;
    top: -30px;
    right: -62px;
}


/*banner end*/


/*sticky-fotter start*/

.sticky-fotter {
    padding-top: 60px;
    padding-bottom: 72px;
    position: relative;
}

.sticky-fotter-text {}

.sticky-fotter-text p {
    color: #999999;
    font-size: 15px;
    margin-top: 5px;
}

.sticky-fotter-text p b {
    font-weight: 600;
    color: #545454;
    font-family: 'Montserrat', sans-serif;
}

.sticky-fotter-text p i {
    color: #ff3f00;
}

.sticky-fotter .fotter-link {}

.fotter-link nav ul.link-list {
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    margin-bottom: 20px;
}

.fotter-link nav ul.link-list li {
    display: inline-block;
}

.fotter-link nav ul.link-list li a {
    font-size: 15px;
    padding: 0px 16px;
    color: #999999;
    font-weight: 500;
}

.sticky-fotter img,
.sticky-fotter a.go-top {
    position: absolute;
    left: 0;
    top: -30px;
}

.sticky-fotter img {
    object-fit: cover;
    width: 100%;
    height: 50px;
    background-position: top;
}

.sticky-fotter a.go-top {
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #e2e1de;
    top: -25px;
}

.sticky-fotter a.go-top .fa {
    font-size: 40px;
}


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


/*  3. About
/*----------------------------------------*/


/*crumbs*/

.crumbs {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 30px 50px #ddd;
    width: 100%;
    z-index: 1;
}

ul.crumb {}

ul.crumb li {
    display: inline-block;
}

ul.crumb li.breaking-news {
    padding: 8px 22px;
    text-align: left;
}

ul.crumb li a {
    padding: 30px 9px;
    font-size: 12px;
    color: #8799a3;
}

ul.crumb li a.crumb-home {
    padding: 30px 40px;
    display: block;
    border-right: 1px solid #f3f4f6;
    color: #8799a3;
    font-size: 19px;
}

ul.crumb li:nth-child(2) a {
    padding-left: 36px;
}

ul.crumb li a.active {
    color: #636363;
}

ul.crumb li a.active-title {
    color: #7e2cbb;
}

ul.crumb li a i.fa-angle-right {
    padding-left: 12px;
}


/*location*/

img.gmap {
    position: absolute;
    z-index: -1;
    margin-left: -61px;
    top: 67px;
    width: 89%;
}

.location {
    height: 523px;
    position: relative;
}

.location .location-text {
    float: right;
}

.location .location-text h1 {
    margin-top: 170px;
    margin-bottom: 45px;
    position: relative;
    padding-bottom: 17px;
}

.location-text h1:before,
.facts h1.fact-title:before {
    content: '';
    position: absolute;
    background: #7e2cbb;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 3px;
}

.location-text p {
    font-size: 16px;
    color: #5c5c5c;
    margin-bottom: 130px;
}


/*facts*/

.facts {
    clear: both;
    background: #2c2c2c;
    overflow: hidden;
    margin-bottom: 72px;
}

.facts-left {
    position: relative;
    padding: 40px;
}

.facts-left:before {}

.facts-right {}

h1.fact-title {
    margin-top: 04px;
    color: white;
    font-weight: 600;
    margin-left: 45px;
    margin-bottom: 75px;
    position: relative;
    padding-bottom: 20px;
}

.fact-lbs {
    padding-left: 122px;
    color: white;
    margin-bottom: 80px;
}

.fact-lbs h1 {
    line-height: 26px;
    margin-bottom: 25px;
    font-size: 36px;
    color: white;
    font-weight: 400;
}

.fact-lbs p {
    font-size: 16px;
}

.facts img {
    width: 100%;
}

.facts-left h4 {
    color: white;
}


/*feedback-section*/

.feedback-section {
    padding-top: 70px;
    padding-bottom: 62px;
}

.feadback-item {}

.client-image {}

.client-image img {
    width: 100%;
}

.feadback-item .client-feadback {
    padding-left: 16.66666667%;
    padding-top: 125px;
}

.client-feadback p.p-title {
    font-size: 10px;
    text-transform: uppercase;
    color: #959595;
    font-weight: 700;
    line-height: 8px;
    margin-bottom: 30px;
}

.client-feadback h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.client-feadback h3 span {
    color: #7e2cbb;
}


/*owl-carousel-customize*/

.owl-carousel {}

#owl-demo1 .owl-nav {
    border: 1px solid #e7e7e6;
    display: inline-block;
    position: absolute;
    left: 50%;
    width: 70px;
    border-radius: 85px;
    top: 345px;
    height: 24px;
    background: #f7f7f7;
    line-height: 21px;
}

#owl-demo1 .owl-nav>div {
    display: inline-block;
    width: 50%;
    text-align: center;
}

#owl-demo1 .owl-nav>div i {
    font-size: 10px;
}

#owl-demo1 .owl-nav .owl-prev {
    border-right: 1px solid #e7e7e6;
    padding-right: 7px;
}

#owl-demo1 .owl-nav .owl-next {
    padding-left: 7px;
}


/*facilities*/

.facilities-section {}

.facilities-left h1 {
    margin-top: 66px;
    margin-bottom: 35px;
    font-weight: 600;
    font-size: 36px;
    color: #1a1a1a;
}

.facilities-left p {
    font-size: 15px;
    padding-right: 72px;
    color: #5c5c5c;
    line-height: 21px;
    text-align: justify;
}

.embded-video {
    margin-top: 73px;
    position: relative;
}

.embded-video img {
    width: 100%;
}

.embded-video a.video {
    position: absolute;
    left: 50%;
    height: 57px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 57px;
    text-align: center;
    line-height: 57px;
}

.embded-video a.video i {
    height: 57px;
    width: 57px;
    background: white;
    font-size: 25px;
    line-height: 61px;
    border-radius: 50%;
    padding-left: 5px;
    text-align: center;
}


/*brand*/

.brand-logo-section {
    /*padding-top: 90px;*/
    padding-bottom: 85px;
}

.brand-logo-section .brand-logo {
    text-align: center;
}

.brand-logo img {
    margin: auto;
    max-width: 101px;
}


/*instagram*/

.instagram-logo-section {
    margin-bottom: 80px;
}

.instagram-logo-section .user-img {
    text-align: center;
}

.user-img img {}


/*instagram logo section end*/


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


/*  4. Blog Details
/*----------------------------------------*/


/*three-clm-section start*/

.three-clm-section {
    padding: 165px 0px 52px 0px;
}


/*category*/

.category-clm {}

h1.bdr-top-title {
    font-size: 12px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    line-height: 10px;
    padding-top: 18px;
    margin-bottom: 20px;
}

h1.bdr-top-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 3px;
    background: #7e2cbb;
}

.category-list {}

.category-list nav ul.ctg-list-area {}

ul.ctg-list-area li {
    margin-top: 0px !important;
    box-shadow: 0px 0px 0px transparent;
}

ul.ctg-list-area li > a {
    font-size: 14px;
    color: #2f2f2f;
    font-family: 'Open Sans', sans-serif;
    padding: 27px 0px 26px 0px;
    display: block;
    line-height: 14px;
    border-top: 1px solid #e8e8e8;
}

ul.ctg-list-area li > a i {
    color: #2f2f2f;
    font-size: 14px;
    float: right;
    margin-top: -1px;
}

.category-item {}

.category-item a {
    padding-left: 22px;
}


/*most populer section start*/

.most-populer {}

.most-populer h1 {
    color: #4b4b4b;
    font-weight: 700;
}

.populer-item {
    padding: 28px 0px 27px 0px;
    border-bottom: 1px solid #e2e2e2;
}

.populer-item:nth-child(2) {
    border-top: 1px solid #e2e2e2;
}

.populer-item h2 {
    line-height: 20px;
    margin-bottom: 12px;
}

.populer-item h2 a {
    font-size: 14px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 7px;
}

.populer-item p {
    font-size: 12px;
    color: #a6a6a6;
    font-family: 'Open Sans', sans-serif;
    line-height: 12px;
}

.newsletter-section {
    margin-top: 55px;
}

.newsletter-section h1 {
    font-weight: 700;
    color: #333333;
}

.newsletter-section p {
    font-size: 12px;
    color: #333333;
    margin-bottom: 12px;
}

.ltl-subscribe {
    position: relative;
}

.ltl-subscribe input {
    height: 44px;
    padding-left: 14px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    width: 100%;
    color: #333333;
}

.ltl-subscribe button.subs-btn {
    width: 50px;
    height: 28px;
    color: white;
    font-size: 14px;
    text-align: center;
    line-height: 10px;
    background: #7e2cbb;
    border: none;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.banner-ad img {
    margin-top: 62px;
}


/*articles-area start*/

.latest-articles>h1 {
    font-weight: 400;
    color: #2f2f2f;
    font-size: 26px;
    margin-bottom: 30px;
    line-height: 19px;
}

.lts-item {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.lts-item img {
    width: 100%;
}

.article-info-area {
    position: absolute;
    bottom: 28px;
    left: 29px;
}

.article-info {
    width: 100%;
    overflow: hidden;
}

.single-inf {
    float: left;
    margin-right: 11px;
}

.single-inf i {
    color: white;
}

.single-inf span {
    font-size: 12px;
    color: white;
}

.article-info-area h1 {
    line-height: 18px;
}

.article-info-area h1 a {
    font-size: 15px;
    font-weight: 400;
    color: white;
    line-height: 8px;
}

.article-tag {
    position: absolute;
    right: 0;
    bottom: 0;
}

.article-tag p {
    font-size: 10px;
    color: white;
    padding: 8px 13px;
    background: #7e2cbb;
    display: inline-block;
    line-height: 11px;
}


/*gride three article*/

.grid-three {}

.grid-th-item {
    margin-top: 30px;
}

.article-thumb {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.article-thumb img {
    width: 100%;
}

.th-info-area {}

.th-info-area h1 {
    line-height: 0px;
}

.th-info-area h1 a {
    font-size: 14px;
    font-weight: 400;
    color: #424242;
    letter-spacing: 0.04em;
    line-height: 22px;
}

.th-info {}

.th-info-area .single-inf {
    line-height: 16px;
    margin: 18px 0px 10px 0px;
    margin-right: 11px;
}

.th-info-area .single-inf i {
    color: #424242;
}

.th-info-area .single-inf span {
    color: #424242;
    font-size: 11px;
    letter-spacing: 0px;
}

.single-inf i a {}


/*letest blog section*/

.listed-blog-post {
    margin-top: 50px;
    padding-left: 15px;
}

.latest-blog {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.blog-img {}

.blog-img img {}

.blog-info {}

.blog-info .single-inf {
    margin-top: 7px;
    margin-bottom: 9px;
}

.blog-info h1 a {
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
}

.blog-info p {
    color: #424242;
    font-size: 13px;
}


/*letest video section start*/

.letest-video-area {
    background: #1a1a1a;
    padding: 76px 0px 35px 0px;
    overflow: hidden;
}

.letest-video {
    position: relative;
}

.letest-video h1 {
    font-size: 26px;
    color: #ffffff;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 35px;
}

.letest-video a.view-all {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 14px;
    color: #7e2cbb;
}

.video-single {}

.video-area {
    position: relative;
}

.video-area img {}

.video-area a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    padding-left: 4px;
}

.video-single h1 a {
    color: white;
    font-size: 13px;
    line-height: 14px;
}

.video-single .single-inf {}

.video-single .single-inf i {
    color: white;
}

.video-single .single-inf span {
    color: white;
}


/*owl carusel customization*/

#letest-video .owl-nav {}

#letest-video .owl-nav .owl-prev {
    left: -25px;
}

#letest-video .owl-nav .owl-next {
    right: -25px;
}

#letest-video .owl-nav > div {
    position: absolute;
    top: 30%;
    font-size: 48px;
    color: #9e9e9e;
}

#letest-video .owl-dots {
    text-align: center;
}

#letest-video .owl-dot {
    height: 8px;
    width: 8px;
    background: white;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    transition: all .3s ease 0s;
}

#letest-video .owl-dot.active {
    background: #7e2cbb;
}


/*letest-video-area start*/

.three-clm-blog {
    padding-bottom: 50px;
}

.blogger {}

.blogger h1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 9px;
    text-transform: uppercase;
    margin-top: 98px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c2c2c2;
}

.blogger-img {
    text-align: center;
}

.blogger-img img {
    height: 111px;
    width: 111px;
    background: white;
    padding: 12px;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 50%;
    margin: 20px 0px;
}

.blogger-social {
    line-height: 0px;
    text-align: center;
    margin-bottom: 34px;
}

.blogger-social a {
    display: inline-block;
    height: 39px;
    width: 39px;
    text-align: center;
    line-height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 16px;
    color: #cacaca;
}

.blogger-social a:hover {
    color: #4b4b55;
}

.blogger p.blogger-dtails {
    font-size: 12px;
    color: #656565;
    text-align: center;
    letter-spacing: 0.01em;
    line-height: 23px;
}

.visite-btn {
    text-align: center;
}

.visite-btn a.visite-blog {
    font-size: 10px;
    text-align: center;
    display: inline-block;
    background: #7e2cbb;
    border-radius: 120px;
    margin-top: 38px;
    text-transform: uppercase;
    color: white;
    width: 162px;
    height: 37px;
    line-height: 38px;
}


/*letest blog post section*/

.letest-post-sec>.listed-blog-post {
    margin-top: 0px;
    position: relative;
}

.letest-post-sec a.view-all {
    position: absolute;
    right: 0;
    top: 86px;
    line-height: 16px;
    color: #7e2cbb;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.letest-post-sec h1.blg-vd-title {
    font-size: 26px;
    font-weight: 400;
    color: #4b4b4b;
    margin-top: 75px;
    line-height: 26px;
    margin-bottom: 28px;
}

.blog-info {}

.banner-ad2 img {
    width: 100%;
    margin-top: 129px;
}


/*--------------------------------
   blog-post-details section start
---------------------------------*/

.blog-post-details {}

.post-details {}

.post-details h1.blog-title {
    font-size: 40px;
    color: #272727;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 28px;
    letter-spacing: 0px;
    line-height: 46px;
}

.post-details p {
    font-size: 16px;
    color: #929292;
    margin-bottom: 58px;
    line-height: 17px;
}

.post-details img.blog-image {
    margin-bottom: 40px;
    width: 100%;
}

.post-details p.blog-desc,
.author-details p,
.comment-detail p.comment {
    font-size: 14px;
    color: #303030;
    line-height: 26px;
}

.post-details h1 {
    font-size: 24px;
    font-weight: 400;
    color: #303030;
    line-height: 33px;
    letter-spacing: 0.01em;
    margin-bottom: 36px;
}

.blogger-detail h3.blogger-name {
    font-size: 18px;
    color: #7e2cbb;
    margin-bottom: 12px;
    line-height: 18px;
}

.blogger-detail p {
    font-size: 16px;
    color: #8799a3;
    margin-bottom: 41px;
}

.tag-area {}

.tag-area h1.tag-title,
.social-share h1 {
    font-size: 17px;
    color: #131313;
    text-transform: uppercase;
    line-height: 18px;
}

.tag-area span.tag,
.tag-area a.tag {
    border-radius: 120px;
    box-shadow: 0 0 5px #ddd;
    color: #7e2cbb;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 7px;
    padding: 12px 38px;
    text-transform: uppercase;
}

.social-link {}

.social-link h1 {
    margin-top: 35px;
    margin-bottom: 25px;
}

.social-link a {
    height: 40px;
    width: 40px;
    box-shadow: 0px 0px 5px #ddd;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    font-size: 14px;
    margin-right: 15px;
    transition: all .5s ease 0s;
}

.social-link a.blue {
    color: #3b579d;
}

.social-link a:nth-child(1) {
    color: #3eb66e;
}

.social-link a:nth-child(2) {
    color: #e36d60;
}

.social-link a:nth-child(3) {
    color: #0274b3;
}

.social-link a:nth-child(4) {
    color: #f374a0;
}

.social-link a:hover {
    color: white;
    background: #00bff3;
}

.social-link a i {}

.about-author {
    overflow: hidden;
    margin-top: 50px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 50px 20px 44px 0px;
}

.author-profile {
    float: left;
    padding: 0px 25px;
}

.author-profile img {
    height: 127px;
    width: 127px;
    border-radius: 50%;
    margin-bottom: 27px;
}

.author-profile a {
    height: 33px;
    width: 33px;
    line-height: 34px;
    font-size: 13px;
    margin-right: 10px;
}

.author-details {}

.author-details h1,
.author-details h1 a {
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 13px;
}

.author-details p.author-name {
    font-size: 14px;
    color: #7e2cbb;
    line-height: 15px;
    margin-bottom: 25px;
}

.author-details p {}


/*comment section*/

.comments-section {}

.comments-count {
    margin: 92px 0px 34px 0px;
}

.comments-count h5 {
    font-size: 26px;
    font-weight: 500;
    color: #131313;
}

.sngl-comment-area {}

.single-comment,
.reply-comment {
    padding: 40px 0px;
    margin-bottom: 33px;
    box-shadow: 0px 0px 5px #ddd;
    position: relative;
}

.user-img-cmnt {
    padding: 0px 20px 0px 28px;
    text-align: center;
    overflow: hidden;
    width: 140px;
    float: left;
}

.user-img-cmnt img {
    height: 88px;
    width: 88px;
    border-radius: 50%;
}

.comment-detail {
    width: 100%;
    padding-left: 140px;
}

.comment-detail h1.user-name {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #7e2cbb;
    line-height: 12px;
    margin-bottom: 22px;
}

.comment-detail h1.user-name span {
    font-size: 10px;
    color: #969595;
    padding-left: 7px;
}

.comment-detail p.comment {
    color: #424242;
}

.comment-detail button.reply {
    height: 28px;
    width: 100px;
    font-size: 12px;
    color: #7e2cbb;
    text-transform: uppercase;
    line-height: 24px;
    background: transparent;
    border: none;
    box-shadow: 0px 0px 5px #ddd;
    position: absolute;
    right: 50px;
    top: 28px;
    border-radius: 2px;
}

.reply-comment {
    margin-left: 100px;
}


/*leave a comment section*/

.contact-form {}

.contact-form h1 {
    font-size: 26px;
    font-weight: 500;
    color: #131313;
    line-height: 26px;
    margin-bottom: 45px;
}

.blca-formgroup {
    margin-bottom: 50px;
}

.blca-formgroup > input[type="text"] {
    border: 1px solid transparent;
    border-bottom: 1px solid #d6d6d6;
    color: #212121;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    letter-spacing: 0;
    padding: 0 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.blca-formgroup > input[type="text"]:focus {
    border-bottom: 1px solid #7e2cbb;
    color: #7e2cbb;
}

.blca-formgroup > textarea {
    border: 1px solid transparent;
    border-bottom: 1px solid #d6d6d6;
    color: #212121;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 135px;
    letter-spacing: 0;
    padding: 0 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.blca-formgroup > textarea:focus {
    border-bottom: 1px solid #7e2cbb;
    color: #7e2cbb;
}

.blca-formgroup > button {
    background: #7e2cbb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 35px;
    text-transform: uppercase;
}


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


/*  5. about trainer page
/*----------------------------------------*/


/*about me section*/

.about-me-sec {}

.about-me {
    margin-top: 200px;
    overflow: hidden;
}

.about-left {}

.about-left > h1 {
    font-size: 24px;
    color: #383838;
    text-transform: uppercase;
    line-height: 25px;
    padding-bottom: 15px;
    margin-bottom: 45px;
    position: relative;
}

.about-left > h1::before,
.exp-item h1.exp-title:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #828282;
    left: 1px;
    bottom: 0;
}

.about-left > p,
.exp-details>p,
.ext p,
.exp-item p {
    color: #383838;
    line-height: 26px;
    margin-bottom: 45px;
}

.about-right {
    padding-left: 81px;
    margin-bottom: 63px;
}

.about-right img {}


/*experience section*/

.experiences-section {}

.exp-title {
    text-align: center;
    margin-bottom: 60px;
}

.exp-title>h1 {
    font-size: 36px;
    color: #383838;
    text-align: center;
    display: inline-block;
    position: relative;
    line-height: 45px;
    padding-bottom: 17px;
}

.exp-title > h1::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    left: 50%;
    bottom: 0;
    background: #d93036;
    transform: translateX(-50%);
}

.exp-details {}

.exp-details>p {
    margin-bottom: 22px;
}

.ext {
    padding-left: 25px;
    padding-right: 110px;
}

.ext h3 {
    font-size: 19px;
    font-weight: 500;
    color: #383838;
    display: inline-block;
    line-height: 26px;
    position: relative;
    margin-bottom: 15px;
}

.ext h3::before
{
    content: '';
    height: 16px;
    width: 16px;
    background: #e53c35;
    position: absolute;
    border-radius: 50%;
    left: -25px;
    bottom: 4px;
}

.ext h3::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #aeaeae;
    left: 0;
    bottom: 2px;
    z-index: -1;
}

.ext p {
    color: #737373;
    margin-bottom: 18px;
}


/*skilss area start*/

.left-anim {
    animation: animate-positive 2s;
    opacity: 1;
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

.skill-progess-area {
    position: relative;
}

.skill-progess-area > div {
    margin-bottom: 38px;
}

.skill-progess-area > div span.progressbar-title {
    display: inline-block;
    margin-bottom: 20px;
    color: #383838;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
}

.skill-progess-area .progress {
    height: 5px;
    overflow: visible;
    background-color: #e3e3e3;
    width: 100%;
}

.skill-progess-area .progress .progress-bar {
    background: #7e2cbb;
    position: relative;
    opacity: 0;
}

.skill-progess-area .progress .progress-bar span {
    color: #383838;
    font-size: 13px;
    position: absolute;
    right: -19px;
    top: -24px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.left-anim {
    animation: animate-positive 2s;
    opacity: 1 !important;
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}


/*skills area end*/


/*job-exp-section*/

.job-exp-section {
    min-height: 454px;
    background: url(../img/trainer/job-exp-bg.jpg);
    background-position: center center;
    background-size: cover;
}

.exp-item {
    background: white;
    padding: 26px 42px 30px 36px;
    margin-top: 80px;
    position: relative;
}

.exp-item h1.exp-title {
    font-size: 22px;
    text-align: left;
    color: #383838;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 17px;
}

.exp-item h1.exp-title:before {
    background: #d93036;
}

.exp-item p {
    margin-bottom: 0px;
}

.year {
    position: absolute;
    height: 59px;
    width: 59px;
    background: white;
    border-radius: 50%;
    text-align: center;
    line-height: 57px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px -1px 4px #e3e0e0;
    bottom: -35px;
}

.year span {
    color: #d93036;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.certificate-sec {
    padding: 60px 0px;
}

.cf-title {
    text-align: center;
    margin-bottom: 56px;
    margin-top: 60px;
}

.cf-title h1 {
    font-size: 36px;
    color: #383838;
}

.cf-title p {
    color: #383838;
    padding-bottom: 14px;
    position: relative;
}

.cf-title p::before {
    content: '';
    position: absolute;
    background: #d93036;
    height: 2px;
    width: 31px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.course-section {}

.courses-clm {
    min-height: 321px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background: url(../img/trainer/online-cr.jpg);
}

.sho-area {
    padding: 0px 15px;
}

.shop-clm {
    min-height: 321px;
    position: relative;
    background-size: cover!important;
    background-position: center center!important;
    background: url(../img/trainer/shop.jpg);
}

.contact-clm {
    min-height: 321px;
    position: relative;
    background-size: cover!important;
    background-position: center center!important;
    background: url(../img/trainer/contact.jpg);
}

.courses-info {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.courses-info p {
    font-size: 18px;
    color: white;
    font-weight: 400;
}

.courses-info h2 {
    font-size: 28px;
    color: white;
    font-weight: 700;
}


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


/* 6. Contact Page
/*----------------------------------------*/

#map {
    width: 100%;
    height: 565px;
}

.gf-section {
    padding: 97px 0px 86px 0px;
}

.get-touch {
    padding-right: 70px;
    padding-bottom: 30px;
}
.get-touch h2{
    font-size: 22px;
    line-height: 30px;
}

.get-touch h1.gf-title,
.feadback > h1 {
    font-size: 32px;
    color: #252525;
    line-height: 34px;
    margin-bottom: 30px;
    font-weight: 600;
}

.get-touch p.gf-sub-title {
    font-size: 20px;
    color: #252525;
    line-height: 32px;
    /*padding-bottom: 32px;*/
    position: relative;
}

.get-touch p.gf-sub-title::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 160px;
    background: #252525;
    left: 0;
    bottom: 0;
}

.get-touch p.gap {
    margin-top: 40px;
}

.get-touch>p {
    font-size: 18px;
    color: #636363;
    line-height: 26px;
}

.get-touch p span.bld {
    color: #252525;
}

.get-touch p a {
    font-size: 18px;
    color: #7e2cbb;
    line-height: 26px;
}

.feadback>h1 {}

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}

.form {}

.form input[type="text"] {
    height: 60px;
    width: 360px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    border-radius: 33px;
    padding-left: 38px;
    font-size: 16px;
    color: #8799a3;
    background: #f3f4f6;
    transition: all .3s ease 0s;
}

.form form textarea {
    background: #f3f4f6 none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 33px;
    color: #8799a3;
    font-size: 16px;
    height: 160px;
    padding: 10px 38px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.form form .cont-submit {
    background: #7e2cbb none repeat scroll 0 0;
    border: medium none;
    border-radius: 35px;
    box-shadow: 2px 2px 10px 0 rgb(241, 59, 62);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    margin-top: 40px;
    text-transform: uppercase;
    width: 260px;
}

.feadback .active input[type="text"],
.feadback .active textarea {
    border: 2px solid #eceef2;
    background: transparent;
}


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


/* 7. Event Details Page
/*----------------------------------------*/

.event-details-area {}

.event-details {
    overflow: hidden;
    margin-top: 170px;
}

.event-details h1.event-title {
    font-size: 30px;
    font-weight: 500;
    color: #131313;
    line-height: 36px;
    margin-bottom: 14px;
}

.event-details p.event-date {
    font-size: 14px;
    color: #525252;
    line-height: 16px;
}

.event {
    margin-top: 80px;
    padding-left: 14px;
}

.event h3.event-sm-title {
    font-size: 12px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 28px;
    padding-top: 16px;
    position: relative;
    letter-spacing: 0.04em;
}

.event h3.event-sm-title::before,
.location-cat h1:before,
.month-list h1:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 33px;
    background: #7e2cbb;
    left: 0;
    top: 0;
}

.event p.evnt-desc {
    color: #4a4a4a;
    line-height: 19px;
    letter-spacing: 0.03em;
}

.event-qu-area {}

.event-qu-area>h1 {
    font-size: 24px;
    color: #131313;
    font-weight: 500;
    margin-top: 79px;
    margin-bottom: 40px;
    line-height: 24px;
}

.event-qu-area h1.qu {
    font-size: 22px;
    color: #131313;
    margin-top: 14px;
    margin-bottom: 8px;
}

.event-qu-area ul {
    padding-left: 30px;
}

.event-qu-area ul li.red {
    font-size: 14px;
    color: #7e2cbb;
    font-family: 'Open Sans', sans-serif;
}

.event-qu-area ul li {
    color: #626262;
    list-style-type: initial;
    line-height: 31px;
    letter-spacing: 0.03em;
}

.event-qu-area ul li a {
    color: #7e2cbb;
}

.event-qu-area h1.more-event {
    font-size: 22px;
    font-weight: 400;
    margin-top: 24px;
    margin-bottom: 8px;
    color: #626262;
}

.event-ticket-area {}

.event-ticket {
    margin-top: 175px;
    border: 1px solid #7e2cbb;
    border-radius: 4px;
    padding: 50px 38px;
}

.event-ticket h1 {
    font-size: 29px;
    font-weight: 400;
    color: #7e2cbb;
    line-height: 30px;
    margin-bottom: 32px;
}

.event-ticket p {}

.buy-ticket {
    text-align: center;
}

.buy-ticket a.buy {
    background: #7e2cbb;
    border-radius: 33px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    line-height: 15px;
    text-align: center;
    margin: auto;
    padding: 19px 65px;
    margin-bottom: 5px;
}

.buy-ticket a.big-buy {
    padding: 16px 97px;
    margin-top: 37px;
}

.location-sec {}

.location-sec h5 {
    font-size: 12px;
    font-weight: 500;
    color: #131313;
    margin: 54px 0px 32px 0px;
    line-height: 13px;
}

.location-sec i {
    font-size: 48px;
    color: #7e2cbb;
}

.location-sec p {
    color: #353535;
    margin-bottom: 20px;
    line-height: 15px;
    letter-spacing: 0.01em;
}

.location-sec a {
    font-size: 14px;
    font-weight: 600;
    color: #7e2cbb;
    font-family: 'Open Sans', sans-serif;
}

.event-share {}

.event-share span {
    font-size: 14px;
    color: #131313;
    letter-spacing: 0.05em;
}

.event-share a {
    height: 50px;
    width: 50px;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin: 0px 5px;
    color: #bababa;
    font-size: 18px;
    margin-top: 49px;
}

.event-share a:hover {
    color: #7e2cbb;
}

.event-share a i {}

.send-enquiry {
    margin-top: 85px;
    padding: 36px 30px 30px 30px;
    box-shadow: 0px 0px 7px #ddd;
    margin-bottom: 80px;
}

.send-enquiry h5 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    color: #4f4f4f;
    margin-bottom: 17px;
    line-height: 22px;
}

.send-enquiry p {
    font-size: 12px;
    text-align: center;
    color: #4f4f4f;
    margin-bottom: 33px;
}

.enq-form {}

.enq-form input[type="text"] {
    height: 46px;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-left: 15px;
    margin-bottom: 16px;
    color: #4f4f4f;
}

.select-option {
    position: relative;
}


/*hide arrow selection*/

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.select-option select {
    height: 46px;
    width: 100%;
    padding-left: 15px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: transparent;
}

.select-option .select-i {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 18px;
    color: #a3a3a3;
    height: 41px;
    width: 45px;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #cccccc;
    z-index: -1;
}

.enq-form h6 {
    font-size: 12px;
    font-weight: 400;
    color: #505050;
    line-height: 14px;
    margin: 20px 0px;
}

.gender {
    height: 46px;
    width: 198px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 18px;
    padding: 0px 17px;
    line-height: 44px;
}

.gender input[type="radio"] {
    display: none;
}

.gender input[type="radio"] + label {
    color: #a3a3a3;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.gender input[type="radio"] + label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
}

.gender input[type="radio"] + label span {
    background-color: #ddd;
}

.gender input[type="radio"]:checked + label span {
    background-color: #777;
}

.gender input[type="radio"] + label span,
.gender input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

.submit-en {
    text-align: center;
}

.submit-en input[type="submit"] {
    background: #7e2cbb;
    border-radius: 33px;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    font-size: 14px;
    margin-top: 14px;
    border: none;
    width: 267px;
    height: 48px;
}

.enq-form textarea {
    height: 100px;
    max-width: 100%;
    padding-left: 15px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    min-width: 100%;
}


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


/*  8. Event
/*----------------------------------------*/

.event-section {
    padding: 161px 0px 27px 0px;
}

.evnt-left {}

.location-cat {}

.location-cat h1,
.month-list h1 {
    font-size: 12px;
    font-weight: 600;
    color: #383838;
    line-height: 13px;
    margin-bottom: 25px;
    padding-top: 17px;
    position: relative;
    text-transform: uppercase;
}

.cat-list {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 60px;
    margin-right: 97px;
    padding-top: 5px;
    padding-bottom: 3px;
}

.cat-list a.red,
.cat-list a:hover {
    color: #7e2cbb;
}

.cat-list a {
    font-size: 14px;
    display: block;
    color: #818181;
    font-family: 'Open Sans', sans-serif;
    line-height: 15px;
    padding: 15px 0px;
}

.month-list {}

.evnt-right {}

.event-area {}

.event-area h1 {
    font-size: 26px;
    font-weight: 600;
    color: #383838;
    margin-bottom: 39px;
    line-height: 27px;
}

.event-item {
    overflow: hidden;
    margin-bottom: 76px;
}

.item-img {
    margin-left: -15px;
}

.item-img img {
    width: 100%;
}

.event-item h1 {
    font-size: 23px;
    font-weight: 400;
    color: #383838;
    margin-bottom: 5px;
    line-height: 32px;
}

.event-item p.desc {
    font-size: 14px;
    margin-top: 10px;
    color: #383838;
}

.quick-buy {}

.quick-buy h1 {
    font-size: 24px;
    font-weight: 400;
    color: #7e2cbb;
    line-height: 25px;
    margin-bottom: 40px;
    letter-spacing: 0px;
}

.buy-ticket {}

.buy-ticket a {
    font-size: 12px;
    font-weight: 400;
    color: #8d8d8d;
    border-radius: 33px;
    padding: 20px 66px;
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 13px;
}

.buy-ticket a.buy {
    padding: 20px 66px;
    margin-bottom: 8px;
    margin-top: 0px;
}


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


/*  9. Exercise plan details
/*----------------------------------------*/

.details-text-sec {}

.detail-text {
    margin-top: 70px;
}

.detail-text h1.title {
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
}

.detail-text p.sub-t {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 38px;
    margin-top: 5px;
    letter-spacing: 0.05em;
}

.img-area {
    position: relative;
    overflow: hidden;
    margin-bottom: 37px;
}

.img-area img {
    width: 100%;
}

.img-bottom {
    overflow: hidden;
    padding-left: 10%;
    background: #ff1b1b;
    height: 131px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 17px;
}

.img-bottom .ib-item {
    width: 30%;
    float: left;
}

.ib-item h5 {
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin-bottom: 32px;
    line-height: 20px;
}

.ib-item h1 {
    font-size: 48px;
    font-weight: 500;
    color: white;
}

.ib-item h1 img {
    height: 44px;
    width: auto;
}

.details-text-sec p {
    font-size: 15px;
    color: #121212;
    margin-bottom: 55px;
}

.details-text-sec p span.bld-p {
    font-weight: 700;
    color: #121212;
}

.work-plan-sec {
    margin-bottom: 75px;
}

.work-plan {}

.work-plan p.title {
    font-weight: 700;
    color: #121212;
    font-size: 18px;
}

.plan-item-area {
    padding: 17px 0px 17px 0px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-top: 20px;
}

.plan-item-area.fst {
    border-top: 1px solid #d2d2d2;
}

.plan-item-area p.scnd {
    font-size: 16px;
    color: #ff1b1b!important;
    font-weight: 600;
}

.plan-item-area p.title {
    font-size: 16px;
    color: #121212;
    font-weight: 600;
    line-height: 19px;
    margin: 4px 0px;
}

.plan-item-area p {
    font-weight: 600;
    color: #121212;
    font-size: 11px;
    line-height: 12px;
}

.plan-item-area a {
    font-size: 11px;
    font-weight: 600;
    color: #ff1b1b;
    display: inline-block;
}

.p-img-area {
    text-align: center;
}

.p-img-area img {}

.wplan-right {
    text-align: center;
}

.wplan-right p.title {
    font-size: 22px;
    color: #515151;
}

.wplan-right p {
    font-size: 12px;
    color: #515151;
}


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


/*  10. My Account Page
/*----------------------------------------*/

.account-banner-sec {
    height: 330px;
    background: url(../img/profile/pro-banner-bg.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
}

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

.account-profile img {
    border-radius: 50%;
    margin-bottom: 20px;
    height: 133px;
    width: 133px;
}

.account-profile h2.p-name {
    font-size: 30px;
    color: white;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 10px;
}

.account-profile p.date {
    font-size: 12px;
    color: white;
    font-weight: 600;
}

ul.my-account-left li.nav-item a.nav-link {
    color: #424242;
    display: block;
    font-size: 13px;
    font-weight: 300;
    transition: all 0.3s ease 0s;
}


/*account details section*/

.account-details-area {}

.acc-category {}

.acc-category ul.nav-item-area {
    margin: 82px 0px 0px 0px;
    float: left;
}

.acc-category ul.nav-item-area li {
    margin-bottom: 8px;
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all .3s ease 0s;
}

.acc-category ul.nav-item-area li.active::before {
  background: #7e2cbb none repeat scroll 0 0;
  content: "";
  height: 37px;
  position: absolute;
  right: 0;
  top: -15px;
  width: 1px;
  z-index: 9;
}

.acc-category ul.nav-item-area li a {
    font-size: 13px;
    font-weight: 300;
    color: #424242;
}

.acc-category ul.nav-item-area li a i {
    font-size: 14px;
    padding-right: 14px;
}

.acc-category ul.nav-item-area li.active a {
    color: #7e2cbb;
}

.acc-category ul.nav-item-area li a:hover {
    color: #7e2cbb;
}

.acc-right {
    overflow: hidden;
    border-left: 1px solid #d6d6d6;
    margin: 57px 0px 62px 0px;
}

.account-details {}

.account-details #profile {}

.change-sec {}

h1.ch-title {
    font-size: 13px;
    text-transform: uppercase;
    color: #0a0a0a;
    font-weight: 500;
    position: relative;
    padding-top: 16px;
    line-height: 14px;
    margin-bottom: 29px;
}

.change-sec h1.ch-title::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 34px;
    background: #7e2cbb;
    left: 0;
    top: 0;
}

.ch-email {}

.input-item span,
.item-gender span,
.item-goal span {
    font-size: 12px;
    color: #0a0a0a;
    font-weight: 400;
    line-height: 14px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0px;
}

.rel-pass {
    position: relative;
}

.rel-pass > span.show-pass,
.rel-pass > span.show-pass {
    position: absolute;
    right: 12px;
    top: 46px;
    cursor: pointer;
    font-size: 11px;
    color: #a3a3a3;
    font-weight: 400;
}

.input-item input[type="text"],
.input-item input[type="password"],
#country {
    width: 100%;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 13px;
    color: #a3a3a3;
    padding-left: 11px;
    margin-bottom: 29px;
}

.ch-save input[type="submit"] {
    width: 108px;
    height: 31px;
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 33px;
    color: #6b6b6b;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.ch-save input[type="reset"] {
    width: auto;
    height: 31px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 33px;
    color: #6b6b6b;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding-left: 35px;
}

.divided-line {
    margin: 60px 0px;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
}

.profile-info {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.item-gender {
    overflow: hidden;
    width: 100%;
    height: 100px;
}

.item-gender span {}

.male input[type=radio] {
    visibility: hidden;
}

.male input:checked + label::before {
    border: 1px solid #7e2cbb;
    color: #7e2cbb;
    z-index: 9;
}

.male input + label::before {
    content: 'Male';
    position: absolute;
    height: 50px;
    width: 88px;
    background: white;
    border: 1px solid #cccccc;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #4f4f4f;
    font-weight: 700;
    left: 0;
    top: 0;
}

.female input[type=radio] {
    visibility: hidden;
}

.female input:checked + label::before {
    border: 1px solid #7e2cbb;
    color: #7e2cbb;
}

.female input + label::before {
    content: 'Female';
    position: absolute;
    height: 50px;
    width: 108px;
    background: white;
    border: 1px solid #cccccc;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #4f4f4f;
    font-weight: 700;
    left: -12px;
    top: 0;
}

.item-goal span {
    margin-bottom: 19px;
    display: inline-block;
}

#country {
    background: transparent;
}

.down-i {
    position: absolute;
    right: 0px;
    top: 30px;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    border-left: 1px solid #e1e1e1;
    font-size: 21px;
    color: #e1e1e1;
    z-index: -1;
}


/*for goal radio*/

.item-goal {
    width: 350px;
    margin-bottom: 27px;
}

.goal input[type="radio"] {
    display: none;
}

.goal input[type="radio"] + label {
    color: #6b6b6b;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 300;
}

.goal input[type="radio"] + label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.goal input[type="radio"] + label span {
    border: 1px solid #d0d0d0;
}

.goal input[type="radio"]:checked + label span {
    background-color: #CC3300;
    border: 3px solid #d0d0d0;
    padding: 3px;
    height: 15px;
    width: 15px;
}

.goal input[type="radio"] + label span,
.goal input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}


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


/*  11. Pricing Table 
/*----------------------------------------*/

.fitness-banner {
    margin-top: 127px;
}

.bn-line {
    width: 258px;
    height: 1px;
    background: #626262;
    margin-top: 22px;
}

.banner-title-area {}

.banner-title-area h1 {
    font-size: 40px;
    font-weight: 600;
    color: #252525;
    margin-bottom: 25px;
}

.banner-title-area p {
    font-size: 13px;
    color: #494949;
    margin-bottom: 50px;
}

.banner-section {
    overflow: hidden;
}

.banner-item {
    width: 465px;
    position: relative;
    margin: auto;
    margin-bottom: 28px;
}

.banner-item::before {
    content: '';
    position: absolute;
    width: 440px;
    height: 25px;
    background: #7e2cbb;
    bottom: -10px;
    left: 0;
    z-index: -1;
    border-radius: 9px;
    box-shadow: 1px 5px 10px #988f8f;
}

.banner-item img {}

.banner-info {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 305px;
}

.logo-img {
    display: inline-block;
    height: 68px;
    width: 68px;
    line-height: 57px;
    border: 2px solid white;
    border-radius: 50%;
    margin-bottom: 12px;
}

.logo-img img {}

.banner-info p {
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.05em;
    margin-bottom: 9px;
    line-height: 14px;
}

.banner-info h1 {
    font-size: 18px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 19px;
}

.banner-info h4 {
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 10px;
    margin-top: 12px;
}

.banner-info h4 i,
.banner-info p.phone i {
    font-size: 16px;
    color: #7e2cbb;
    padding-right: 5px;
}

.banner-info p.phone {
    font-size: 10px;
    font-weight: 400;
    color: #6a6a6a;
    background: white;
    border-radius: 33px;
    line-height: 37px;
    height: 34px;
    width: 127px;
    margin: auto;
    margin-top: 24px;
    font-family: 'Montserrat', sans-serif;
}

.banner-info p.phone i {}

.banner-info a.website {
    font-size: 8px;
    color: white;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 18px;
    display: inline-block;
    line-height: 10px;
}


/* pricing plan*/

.banner-btm-title h1 {
    font-weight: 600;
    margin-bottom: 30px;
}

.banner-btm-title p {
    font-size: 13px;
    color: #5c5c5c;
    margin-bottom: 75px;
}

.pricing-plan-area {
    padding: 63px 0 75px;
    background: #f3f3f3;
}

.pricing-plan-head {
    margin-bottom: 72px;
    text-align: center;
}

.pricing-plan-head p {}

.pricing-plan-head h2 {}

.single-pricing {
    box-shadow: 0 2px 24px 0 rgb(144, 144, 144, 0.2);
    text-align: center;
}

.pricing-head {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 31px 0 28px;
    position: relative;
}

.pricing-head::after {
    background: #eb3a3d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 34px;
}

.pricing-head .pricing-price {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 9px;
}

.pricing-head .pricing-price span {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.pricing-head .pricing-time {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.pricing-body {
    padding: 26px 30px 9px;
    background: white;
}

.pricing-body .short-desc {
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.pricing-details {
    margin-bottom: 47px;
}

.single-pricing-details {
    margin-bottom: 17px;
}

.single-pricing-details:last-child {
    margin-bottom: 0;
}

.single-pricing-details .spd-left {
    float: left;
    padding-right: 15px;
    text-align: right;
    width: 50%;
}

.single-pricing-details .spd-left i {
    color: #676767;
    font-size: 20px;
}

.single-pricing-details .spd-right {
    float: left;
    padding-left: 15px;
    text-align: left;
    width: 50%;
}

.single-pricing-details p {
    color: #676767;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 4px;
}

.single-pricing-details span {
    color: #676767;
    display: block;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 12px;
    text-transform: uppercase;
}

.pricing-buy-now {
    background: #e53c35 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 6px;
    padding: 5px 42px;
}

.pricing-buy-now:hover {
    color: #fff;
}

.short-desc-bottom {
    color: #4f4f4f;
    font-size: 12px;
}

.special-single-price .pricing-head::before {
    background-image: url("../img/banner/price-tag.png");
    background-repeat: no-repeat;
    content: "";
    height: 42px;
    position: absolute;
    right: 30px;
    top: 0;
    width: 26px;
}


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


/*  12. Product Single Page
/*----------------------------------------*/

.single-pro-area {}

ul.crumb li a.single-pr {
    color: #636363;
}

.single-product {
    overflow: hidden;
}

.product-img-area {}

.product-img {
    box-shadow: 0px 0px 18px #e9e6e6;
    max-width: 595px;
    position: relative;
    margin-top: 100px;
}

@media (max-width: 991px) {
    .product-img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100% !important;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 76%;
        margin-left: auto;
        margin-right: auto;
    }
}

.product-img img {}

.product-img .r-top {
    position: absolute;
    top: 41px;
    left: 41px;
}

.r-top {
    /*float: right;*/
    position: absolute;
    right: -5px;
    bottom: 10px;
}

.filter a,
.r-top p {
    background: #7e2cbb none repeat scroll 0 0;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 49px;
    margin-top: 29px;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
}

.r-top p {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    line-height: 29px;
    margin: 0 17px 0 0;
    text-align: center;
    width: 60px;
}

.product-desc-area {}

.product-desc-area h5.pro-cat {
    font-size: 16px;
    font-weight: 400;
    margin-top: 100px;
    line-height: 15px;
    color: #8799a3;
    margin-bottom: 16px;
}

.product-desc-area h3.pro-title,
.related-pro h1.rel-pro-t {
    font-weight: 600;
    color: #252525;
    font-size: 32px;
    margin-bottom: 38px;
}

.product-desc-area>.rating {
    margin-bottom: 32px;
}

.product-desc-area>.rating i {
    margin-bottom: 0px;
}

.rating span.read-v {
    font-size: 16px;
    color: #7e2cbb;
    margin-left: 15px;
}

.product-desc-area p.pro-desc {
    font-size: 17px;
    color: #636363;
    line-height: 28px;
    letter-spacing: 0.02em;
}

.product-desc-area h5.item-price {
    font-size: 28px;
    font-weight: 700;
    color: #7e2cbb;
    margin-top: 32px;
}

.product-desc-area h5.item-price del {
    font-size: 20px;
    font-weight: 400;
    color: #b7c6ce;
    margin-right: 15px;
}

.pro-size {
    margin: 35px 0px 37px 0px;
}

.pro-size span {
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    font-family: 'Montserrat', sans-serif;
    margin-right: 18px;
}

.pro-size ul {}

.pro-size ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    width: 35px;
    box-shadow: 0px 2px 8px #f6eaea;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    text-transform: uppercase;
    color: #8799a3;
    font-family: 'Montserrat', sans-serif;
}

.pro-size ul li.active {
    color: white;
    background: #7e2cbb;
}

.quantity-area {
    padding-bottom: 40px;
    border-bottom: 2px solid #f0f4f7;
}

.handle-counter {
    width: 160px;
    height: 56px;
    border: 2px solid #eceef2;
    border-radius: 33px;
    float: left;
}

.handle-counter button {
    background: transparent;
    color: #ced9df;
    font-size: 21px;
    line-height: 13px;
    border: none;
    margin-top: 19px;
    margin-left: 20px;
    padding: 0px 14px;
}

.handle-counter button:focus {
    background: transparent;
    border: none;
    color: #8799a3;
    font-size: 21px;
}

.handle-counter .counter-plus {
    margin-left: -5px;
    color: #8799a3;
}

.handle-counter input[type="text"] {
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    font-family: 'Montserrat', sans-serif;
    line-height: 18px;
    margin-top: 14px;
}

.quantity-area a.add-to-cart {
    height: 56px;
    width: 160px;
    display: inline-block;
    background: #7e2cbb;
    border-radius: 34px;
    text-align: center;
    line-height: 57px;
    box-shadow: 0px 0px 14px #aea4a4;
    margin-left: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
}

.tag-ar {}

.tag-ar table {}

.tag-ar table tr {}

.tag-ar table tr td {}

.tag-ar table tr td h5 {
    text-transform: uppercase;
    padding-right: 60px;
    margin-top: 40px;
}

.tag-ar table tr td a {
    font-size: 15px;
    color: #8799a3;
    font-weight: 400;
    display: inline-block;
    margin-top: 28px;
    line-height: 20px;
    padding-top: 11px;
    margin: 0;
    padding: 0;
}

.share-ar {
    margin-bottom: 35px;
}

.share-ar table {
    width: 100%;
}

.share-ar table tr {}

.share-ar table tr td {}

.share-ar table tr td h5 {
    text-transform: uppercase;
    padding-right: 60px;
    margin-top: 20px;
    padding-right: 43px;
}

.share-ar table tr td a {
    font-size: 15px;
    /*color: #bbc7cd;*/
    font-weight: 400;
    display: inline-block;
    padding: 0px 5px;
}

.share-ar table tr td a:hover {
    color: #8799a3;
}


/*owl carusel customize*/

#demopro {}

#demopro .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
}

#demopro .owl-dots .owl-dot,
#related-pro .owl-dots .owl-dot {
    height: 6px;
    width: 20px;
    background: #dae4ea;
    display: inline-block;
    margin: 0px 5px;
    border-radius: 7px;
}

#demopro .owl-dots .active,
#related-pro .owl-dots .active {
    background: #8799a3;
}


/*pro-description-area*/

.pro-description-area {
    clear: both;
    padding: 0px 17px;
}

ul.pro-desc-menu {
    margin-top: 90px;
    margin-left: 5px;
}

ul.pro-desc-menu li {}

ul.pro-desc-menu li {
    display: inline-block;
    margin-left: -5px;
    border-left: 1px solid white;
}

ul.pro-desc-menu li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
    padding: 20px 32px;
    background: #f4f5f8;
}

ul.pro-desc-menu li.active a {
    background: transparent;
    color: #8799a3;
}

.pro-review {
    box-shadow: 0px 0px 21px #f2ebeb;
    margin-bottom: 100px;
}

#desc {
    overflow: hidden;
    /*padding-bottom: 65px;*/
    /*min-height: 400px;*/
}

#desc>h3.pro-title {}

#desc ul li {}

#desc ul li i {}

#desc > p {
    color: #525252;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: 8px;
}

#additional {
    overflow: hidden;
    padding-bottom: 65px;
    min-height: 400px;
}

#additional h1,
#desc>h3.pro-title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 56px;
    margin-bottom: 48px;
    line-height: 24px;
}

#additional table tr th {
    font-size: 18px;
    color: #252525;
    font-weight: 600;
    line-height: 34px;
}

#additional table tr td {
    font-size: 18px;
    color: #636363;
    padding-left: 90px;
}

#review {
    padding-right: 200px;
    padding-bottom: 50px;
}

#review > .comments-section {
    padding: 20px 0px;
}

#review > .comments-section .single-comment,
#review > .comments-section .reply-comment {
    box-shadow: 0px 0px 0px transparent;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

#review > .comments-section .single-comment,
#review > .comments-section .reply-comment {
    padding: 18px 0px;
    overflow: hidden;
}


/*related item area*/

.related-pro h1.rel-pro-t {
    margin-left: 47px;
}

.related-pro .owl-carousel .owl-item img {
    width: auto;
}


/*owl carusel customize*/

.related-pro .product-item {
    padding: 20px 30px;
}

#related-pro .owl-dots {
    right: 0;
    top: -39px;
    position: absolute;
}

.related-pro .product-item {
    padding: 20px 30px;
}

#related-pro .owl-dots {
    right: 0;
    top: -39px;
    position: absolute;
}

.p-single-item {
    padding-top: 32px;
    background: #f9f9fb;
    border-radius: 3px;
    box-shadow: 0px 0px 27px #e7e4e4;
    height: 460px;
    overflow: hidden;
    padding-left: 39px;
    position: relative;
    margin-bottom: 70px;
}

.rating,
.rating-listed {}

.rating i,
.rating-listed i {
    color: #fcd846;
    margin-bottom: 22px;
}

.p-single-item h1,
.p-single-item-listed h1 {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 21px;
}

.p-single-item h5.item-price,
.p-single-item-listed h5.item-price {
    color: #7e2cbb;
    font-size: 16px;
    line-height: 16px;
}

.p-single-item img.img1,
.listed img.img1,
.p-single-item img.img2,
.listed img.img2 {
    bottom: 23px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all 1s ease 0s;
}

.p-single-item img.img1 {}

.p-single-item img.img1,
.listed img.img1,
.p-single-item img.img2,
.listed img.img2 {
    bottom: 23px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all 1s ease 0s;
}

.p-single-item img.img2,
.listed img.img2 {
    opacity: 0;
}

.car-hover {
    background: white none repeat scroll 0 0;
    border-radius: 33px;
    bottom: -44px;
    box-shadow: 0 4px 12px #ddd;
    height: 40px;
    left: 50%;
    line-height: 46px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
    width: 166px;
}

.p-single-item:hover .car-hover {
    bottom: 24px;
}

.car-hover a {
    color: #dedede;
    display: inline-block;
    font-size: 23px;
    line-height: 45px;
    padding: 0 10px;
}

.p-single-item:hover img.img1,
.listed:hover img.img1 {
    opacity: 0;
}

.p-single-item:hover img.img2,
.listed:hover img.img2 {
    opacity: 1;
}


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


/*  13. Shop
/*----------------------------------------*/

.setting-section {
    margin-top: 173px;
}

.st-select-area {}

.st-select-area span.select-title {
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    display: block;
    padding-left: 28px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 16px;
    margin-bottom: 14px;
}

.st-select {
    position: relative;
}

.st-select select {
    height: 46px;
    width: 95%;
    padding-left: 24px;
    border: 1px solid #cccccc;
    border-radius: 33px;
    background: transparent;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #787878;
}

.st-select .select-i {
    position: absolute;
    top: 13px;
    right: 30px;
    font-size: 18px;
    color: #787878;
    z-index: -1;
}

.st-pricing {}

.nstSlider {
    height: 8px;
    width: 218px;
    background: #f3f4f6;
    margin-top: 34px;
}

.nstSlider .bar {
    background: #7e2cbb!important;
    height: 8px;
    background: #f3f4f6;
    margin-top: -5px;
}

.nstSlider .leftGrip,
.nstSlider .rightGrip {
    height: 24px;
    width: 24px;
    box-shadow: 0px 0px 5px #ddd;
    border-radius: 50%;
    margin-top: -7px;
}

.amount {
    position: absolute;
    right: 25px;
    top: 41px;
}

.amount span {
    font-size: 15px;
    color: #787878;
    font-family: 'Montserrat', sans-serif;
}

.filter {}

.filter a,
.r-top p {
    width: 160px;
    height: 50px;
    display: block;
    background: #7e2cbb;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 49px;
    margin-top: 29px;
    float: right;
}

p.search-result {
    margin-top: 67px;
    margin-bottom: 74px;
    font-size: 18px;
    font-weight: 500;
    color: #bbbbbb;
    line-height: 16px;
    padding-left: 26px;
    font-family: 'Montserrat', sans-serif;
}

ul.nav-item-area {
    float: right;
    margin-right: 39px;
    margin-top: 61px;
}

ul.nav-item-area li.nav-item {
    display: inline-block;
}

ul.nav-item-area li.nav-item a {
    display: block;
    font-size: 16px;
    color: #cccccc;
    transition: all .3s ease 0s;
}

ul.nav-item-area li.active a {
    color: #444444;
}


/*product sec*/

.product-section {}

.product-item {
    padding: 0px 15px;
}

.product-item-listed {
    overflow: hidden;
    margin-bottom: 20px;
}

.p-single-item {
    padding-top: 32px;
    background: #f9f9fb;
    border-radius: 3px;
    box-shadow: 0px 0px 27px #e7e4e4;
    height: 460px;
    overflow: hidden;
    padding-left: 39px;
    position: relative;
    margin-bottom: 70px;
}

.listed {
    padding: 0px;
    height: 291px;
    box-shadow: 0px 0px 5px transparent;
    background: white;
}

.p-single-item h1,
.p-single-item-listed h1 {
    font-weight: 700;
    color: #252525;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 21px;
}

.p-single-item-listed h1 {
    margin-top: 20px;
    font-size: 26px;
}

.p-single-item-listed p {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #383535;
    letter-spacing: 0.05em;
}

.p-single-item h5.item-price,
.p-single-item-listed h5.item-price {
    font-size: 16px;
    color: #7e2cbb;
    line-height: 16px;
}

.p-single-item img.img1,
.listed img.img1,
.p-single-item img.img2,
.listed img.img2 {
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 1s ease 0s;
}

.p-single-item img.img1 {}

.p-single-item img.img2,
.listed img.img2 {
    opacity: 0;
}

.p-single-item:hover img.img2,
.listed:hover img.img2 {
    opacity: 1;
}

.p-single-item:hover img.img1,
.listed:hover img.img1 {
    opacity: 0;
}

.rating,
.rating-listed {}

.rating i,
.rating-listed i {
    color: #fcd846;
    margin-bottom: 22px;
}

.r-top {
    float: right;
}

.r-top p {
    margin: 0;
    height: 30px;
    width: 60px;
    line-height: 29px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin-right: 17px;
}

.car-hover {
    width: 166px;
    height: 40px;
    box-shadow: 0px 4px 12px #ddd;
    border-radius: 33px;
    text-align: center;
    line-height: 46px;
    position: absolute;
    bottom: -44px;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    transition: all .3s ease 0s;
}

.car-listed {
    left: 15px;
    transform: translateX(0);
}

.p-single-item:hover .car-hover {
    bottom: 24px;
}

.car-hover a {
    font-size: 23px;
    display: inline-block;
    color: #dedede;
    padding: 0px 10px;
    line-height: 45px;
}

.car-hover a:nth-child(2) {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
}

.p-single-item-listed {
    height: auto;
    padding-bottom: 20px;
}

.p-single-item-listed .car-hover {
    position: initial;
}


/*separator-section*/

.separator-sec {
    text-align: center;
    position: relative;
    border-top: 1px dashed #e4e4e4;
}

.next-prev {
    display: inline-block;
    border: 1px solid #e8e7e3;
    background: #fbfaf6;
    border-radius: 34px;
    height: 23px;
    line-height: 23px;
    width: 71px;
    position: absolute;
    left: 50%;
    top: -11px;
    transform: translateX(-50%);
}

.next-prev a {
    text-align: center;
    display: inline-block;
    line-height: 20px;
    font-size: 19px;
    color: #9d9d9d;
    padding: 0px 7px;
}

.next-prev a:first-child {
    border-right: 1px solid #e8e7e3;
}

.sep-link {
    line-height: 0;
    margin-top: 54px;
    margin-bottom: 92px;
}

.sep-link nav ul {}

.sep-link nav ul li {
    display: inline-block;
}

.sep-link nav ul li a {
    display: block;
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
}

.sep-link nav ul li a.active {
    background: #7e2cbb;
    color: white;
    box-shadow: 0px 0px 6px 3px #fcd7d8;
}


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


/*  14. Success Story
/*----------------------------------------*/

.success-story-sec {}

.success-title-area {
    overflow: hidden;
    margin-top: 167px;
}

.st-title {}

.st-title h1 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #252525;
}

.st-title p {
    font-size: 13px;
    color: #4b4b4b;
    margin-bottom: 60px;
}

.success-story {}

.st-item-area {}

.st-item {
    overflow: hidden;
    margin: auto;
    width: 90%;
}

.item-title {
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 9px;
}

.item-title:before {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    width: 253px;
    background: #7e2cbb;
}

.item-title h4,
.item-title h5 {
    font-size: 24px;
    font-weight: 600;
    color: #464e58;
}

.item-title h5 {
    font-size: 18px;
}

.success-img {
    position: relative;
}

.success-img img {}

.success-img button.before,
.success-img button.after {
    font-size: 13px;
    color: #7e2cbb;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: white;
    border: none;
    box-shadow: 0px 0px 13px #d8d3d3;
    padding: 10px 40px;
    line-height: 16px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}

.success-img button.after {
    right: 20px;
}

.success-img button.before {
    left: 20px;
}

.st-item a.story-details {
    font-size: 13px;
    font-weight: 600;
    color: white;
    background: #7e2cbb;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    line-height: 15px;
    margin-top: 31px;
    margin-bottom: 84px;
    margin-left: 22px;
}

.st-item a.story-details i {
    font-size: 24px;
    margin-left: 12px;
    vertical-align: sub;
}


/*shop plan section*/

.shop-p-sec {
    min-height: 191px;
    overflow: hidden;
    background: #7e2cbb;
    position: relative;
}

.shop-plans {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.s-left {
    border-right: 5px solid white;
    padding-right: 15px;
}

.s-left h1 {
    font-size: 26px;
    text-align: right;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 32px;
}

.s-left h1 span.s-light {
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.s-right a {
    font-size: 20px;
    padding: 18px 25px;
    font-weight: 500;
    color: #7e2cbb;
    background: white;
    text-transform: uppercase;
    margin-top: 22px;
    display: inline-block;
    line-height: 20px;
}


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


/*  15. Success Story Details
/*----------------------------------------*/

h1.t-detail {
    font-size: 36px;
}

.success-story-sec {}

.sc-item {
    overflow: hidden;
    margin-top: 75px;
    margin-bottom: 72px;
}

.sc-item-details {}

.sc-item-details h1 {
    font-size: 36px;
    font-weight: 300;
    color: #252525;
    line-height: 36px;
    margin-bottom: 42px;
}

.sc-pdr-s {
    width: 450px;
}

.sc-pdr-x {
    width: 416px;
    margin-bottom: 23px;
}

.sc-pdr-y {
    width: 463px;
    margin-bottom: 50px;
}

.sc-item-details h4 {
    color: #252525;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 55px;
    line-height: 32px;
    letter-spacing: 0.03em;
}

.sc-item-details h5 {
    font-size: 24px;
    font-weight: 300;
    color: #252525;
    line-height: 29px;
    margin-bottom: 5px;
}

.sc-item-details p {
    font-size: 16px;
    color: #252525;
    line-height: 25px;
    font-weight: 300;
}

.sc-item-details p.wideH {}

.sc-item-img img {}

.sc-img-details {
    position: absolute;
    width: 445px;
    height: 78px;
    background: #7e2cbb;
    transform: rotate(-90deg);
    top: 339px;
    right: -72px;
    padding-left: 24px;
}

.sc-img-details p {
    color: white;
    font-size: 14px;
    padding-top: 14px;
    letter-spacing: 0.05em;
}


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


/*  16. Exercise Plan
/*----------------------------------------*/

.exercise-plan-area {
    padding: 0 0 90px;
}

.exercise-plan-right {
    margin-top: 62px;
}

.exercise-plan-content {
    border: 1px solid #ebebeb;
    box-shadow: 2px 2px 2px 0 rgb(150, 150, 150);
    margin-bottom: 50px;
    padding: 20px 20px 0 33px;
}

.epc-head {}

.epc-tab-area {
    border: 1px solid #d7d7d7;
    display: inline-block;
    overflow: hidden;
    padding: 0 0 0 15px;
}

.epc-tab-area span {
    color: #5c5c5c;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 15px;
    margin-right: 14px;
}

.epc-tab-area .epc-tab {
    display: inline-block;
}

.epc-tab-area .epc-tab li {
    display: inline-block;
}

.epc-tab-area .epc-tab li a {
    color: #4f4f4f;
    font-size: 13px;
    line-height: 15px;
    padding: 8px;
}

.epc-tab-area .epc-tab li.active a {
    background: #fc3c2a none repeat scroll 0 0;
    color: #fff;
}

.epc-tab-area .epc-tab li a i {
    margin-right: 8px;
}

.epc-month {
    display: inline-block;
    margin-left: 83px;
    overflow: hidden;
}

.epc-month .current-month {
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 30px;
    text-transform: uppercase;
}

.epc-month a {
    color: #252525;
    font-size: 16px;
    padding: 5px 10px;
}

.epc-month .prev-month {}

.epc-month .next-month {}

.exercise-plan-monthly {}

ul.weekdays {
    margin-bottom: 7px;
}

ul.weekdays li {
    color: #959595;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
    width: 13.7%;
}

ul.days {}

ul.days li {
    box-shadow: 3px 3px 8px 0 rgb(128, 125, 128);
    display: inline-block;
    font-size: 18px;
    height: 120px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 15px;
    position: relative;
    width: 13.7%;
}

ul.days li.holiday {
    background: #f5f5f5 none repeat scroll 0 0;
    box-shadow: none;
}

ul.days li.active-day {
    background: #fc3c2a none repeat scroll 0 0;
    box-shadow: none;
    color: #fff;
}

ul.days li.active-day::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    bottom: 16px;
    content: "";
    height: 8px;
    left: 16px;
    position: absolute;
    width: 8px;
}

ul.days li .day-task {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    left: 15px;
    letter-spacing: 0;
    line-height: 14px;
    position: absolute;
    top: 50px;
}

ul.days li.pm {
    background: #ffffff none repeat scroll 0 0;
    border: 1px dashed #e5e5e5;
    box-shadow: none;
}

ul.days li.nm {
    background: #ffffff none repeat scroll 0 0;
    border: 1px dashed #e5e5e5;
    box-shadow: none;
}

.single-epl {
    margin-bottom: 34px;
}

.single-epl .sepl-img {
    margin-bottom: 17px;
    position: relative;
}

.single-epl .sepl-img a {
    display: block;
}

.single-epl .sepl-img a img {
    width: 100%;
}

.single-epl .sepl-img .sepl-date {
    background: #e53c35 none repeat scroll 0 0;
    bottom: 3px;
    left: 0;
    padding: 2px 8px 4px;
    position: absolute;
    text-align: center;
}

.single-epl .sepl-img .sepl-date span {
    color: #ffffff;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 1px;
}

.single-epl .sepl-content {}

.single-epl .sepl-content .sepl-title {
    color: #e53c35;
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
}

.single-epl .sepl-content .sepl-meta {
    margin-bottom: 12px;
}

.single-epl .sepl-content .sepl-meta span {
    color: #525252;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 1px;
}

.single-epl .sepl-content .sepl-meta span i {
    margin-right: 7px;
    width: 10px;
}

.single-epl .sepl-content .sepl-text {
    color: #595959;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}

.exercise-bottom-content {
    text-align: center;
}

.exercise-bottom-content h5 {
    color: #525252;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: capitalize;
}

.exercise-bottom-content h2 {
    color: #525252;
    font-size: 35px;
    font-weight: 300;
    line-height: 37px;
    margin-bottom: 27px;
    text-transform: uppercase;
}

.exercise-bottom-content h2 .span {}

.exercise-bottom-content .ebc-link {}

.exercise-bottom-content .ebc-link a {
    background: #7e2cbb none repeat scroll 0 0;
    border-radius: 100%;
    box-shadow: 2.5px 4.33px 18px 0 rgba(144, 144, 144, 0.3);
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.exercise-bottom-content .ebc-link a i {
    color: #fff;
    font-size: 28px;
    line-height: 60px;
}


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


/*  17. Forgot Password
/*----------------------------------------*/

.forgot-password-area {
    padding: 115px 0 150px;
}

.forgot-password {}

.fp-title {
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 2px solid #7e2cbb;
    color: #505050;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 35px;
    padding: 18px 15px;
    text-transform: uppercase;
}

.fp-left {}

.fp-left label {
    color: #828282;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.fp-left label i {
    margin-left: 10px;
}

.fp-right {
    width: 90%;
}

.fp-right input[type="text"] {
    border: 1px solid #e1e1e1;
    color: #bebebe;
    display: block;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
}

.fp-right a {
    background: #007e27 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}

.fp-right input[type="submit"] {
    background: #7e2cbb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}


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


/*  18. Login
/*----------------------------------------*/

.login-area {
    padding: 120px 0 170px;
}

.login-content {}

.lc-user {
    margin-bottom: 40px;
}

.lc-user label {
    color: #484848;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    width: 160px;
}

.lc-user label i {
    color: #d6d6d6;
    margin-left: 15px;
}

.lc-user input[type="text"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.lc-pass {
    margin-bottom: 40px;
}

.lc-pass label {
    color: #484848;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    width: 160px;
}

.lc-pass label i {
    color: #d6d6d6;
    margin-left: 15px;
}

.lc-pass input[type="password"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.lc-login-remember-forgot {
    margin-bottom: 52px;
    margin-left: 165px;
}

.lc-login-remember-forgot .lc-login {
    display: inline-block;
    margin-right: 100px;
}

.lc-login-remember-forgot .lc-login input[type="submit"] {
    background: #7e2cbb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    padding: 0 38px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.lc-login-remember-forgot .lc-remember {
    display: inline-block;
    margin-right: 60px;
}

.lc-login-remember-forgot .lc-remember input[type="checkbox"] {}

.lc-login-remember-forgot .lc-remember label {
    color: #404040;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
}

.lc-login-remember-forgot .lc-forgot {
    display: inline-block;
}

.lc-login-remember-forgot .lc-forgot a {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.lc-social {
    margin-left: 165px;
}

.lc-social ul {
    margin-bottom: 12px;
}

.lc-social ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

.lc-social ul li a {
    background: #7e2cbb none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 100%;
}

.lc-social p,
.lc-social p a {
    color: #404040;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.lc-social p {}

.lc-social p a {
    color: #7e2cbb;
}

.lc-create-account {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #7e2cbb;
    color: #505050;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 19px;
    padding: 18px 15px;
    text-align: center;
    text-transform: uppercase;
}

.lc-create-account h4,
.lc-create-account h4 a {
    color: #434343;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.lc-create-account h4 {}

.lc-create-account h4 a {
    font-weight: 500;
    text-decoration: underline;
}

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


/*  19. Registration
/*----------------------------------------*/

.user-information-area {
    padding: 115px 0 75px;
}

.user-information {
    border-bottom: 2px solid #7e2cbb;
    padding: 0 0 125px;
}

.user-information-content {
    margin-top: 20px;
}

.uic-user-name {
    margin-bottom: 38px;
}

.uic-user-name label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 15px 0 0;
    text-align: right;
    width: 160px;
}

.uic-user-name label i {
    color: #d6d6d6;
    margin-left: 15px;
}

.uic-user-name input[type="text"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.uic-email {
    margin-bottom: 38px;
}

.uic-email label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 15px 0 0;
    text-align: right;
    width: 160px;
}

.uic-email label i {
    color: #d6d6d6;
    margin-left: 15px;
}

.uic-email input[type="email"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.uic-password {
    position: relative;
}

.uic-password label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 15px 0 0;
    text-align: right;
    width: 160px;
}

.uic-password label i {
    color: #d6d6d6;
    margin-left: 15px;
}

.uic-password input[type="password"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.uic-password .show-pass {
    right: 110px;
    top: 6px;
}

.payment-info-area {
    padding: 0 0 100px;
}

.payment-info {
    border-bottom: 2px solid #7e2cbb;
    padding: 0 0 80px;
}

.payment-info-content {}

.pic-package-name {
    margin-bottom: 40px;
}

.pic-package-name label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 15px 0 0;
    text-align: right;
    width: 160px;
}

.pic-package-name select {
    -moz-appearance: radio-label;
    border: 1px solid #e1e1e1;
    color: #828282;
    font-size: 14px;
    height: 35px;
    letter-spacing: 0;
    padding: 0 5px;
    width: 65%;
}

.pic-package-name select option {
    color: #828282;
    font-size: 14px;
    letter-spacing: 0;
}

.pic-amount {
    margin-bottom: 40px;
}

.pic-amount label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 15px 0 0;
    text-align: right;
    width: 160px;
}

.pic-amount input[type="text"] {
    border: 0 none;
    color: #828282;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 65%;
}

.pic-have-coupon {
    margin-bottom: 40px;
    margin-left: 180px;
}

.pic-have-coupon a {
    background: #7e2cbb none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 32px;
    text-transform: uppercase;
}

.pic-agreement {
    margin-bottom: 40px;
    margin-left: 180px;
}

.pic-agreement input[type="checkbox"] {}

.pic-agreement label {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.pic-submit {
    margin-left: 180px;
}

.pic-submit input[type="submit"] {
    background: #7e2cbb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 32px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.about-text {
    font-family: 'Oswald', sans-serif;
    font-size: 18px; 
    font-weight: 500; 
    line-height: 1.6; 
    text-align: justify; 
    color: #7d8184; 
    margin-top: 10px; 
    margin-bottom: 20px; 
}