@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,500;0,600;1,700&display=swap');


@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'ProximaNova-Medium';
  src: url('../fonts/ProximaNova-Medium.eot');
  src: url('../fonts/ProximaNova-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ProximaNova-Medium.svg#ProximaNova-Medium') format('svg'),
       url('../fonts/ProximaNova-Medium.ttf') format('truetype'),
       url('../fonts/ProximaNova-Medium.woff') format('woff'),
       url('../fonts/ProximaNova-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Extrabld';
  src: url('../fonts/ProximaNova-Extrabld.eot');
  src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg'),
       url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'),
       url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
       url('../fonts/ProximaNova-Extrabld.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Conv_FontsFree-Net-Proxima-Nova-Sbold';
	src: url('../fonts/FontsFree-Net-Proxima-Nova-Sbold.eot');
	src: local('☺'), url('../fonts/FontsFree-Net-Proxima-Nova-Sbold.woff') format('woff'), 
		url('../fonts/FontsFree-Net-Proxima-Nova-Sbold.ttf') format('truetype'),
		url('../fonts/FontsFree-Net-Proxima-Nova-Sbold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.btn{  font-family: 'Poppins', sans-serif;}

body {
    color: #000;
    font-size: 14px;
    background: #f9f8f8;
    font-family: 'Proxima Nova Rg';
}
a { outline: none !important;}

.btn-login, .header-menus li a, .footer-right ul li a, .card-our-content-box p a, .user-stories-item p{
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
img {    max-width: 100%;}
a,a:hover {    text-decoration: none;}
button,select {    outline: none !important;}
ul,ol {    padding: 0px;    margin: 0px;    list-style: none;}

h1,h2{  font-family: 'Oswald', sans-serif; font-weight: bold;}

h1,h2,h3,h4,h5,h6 {  margin: 0px; line-height: 1.1;}

.mobile-nav {
    position: absolute;
    right: 15px;
    margin-top: 0;
    top: -4px;
    cursor: pointer;
    z-index: 2;
}

.bar1,
.bar2,
.bar3 {
    background-color: #545455;
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
}

.bar2 {
    width: 20px;
}

.closeIcn {
    background: #eebc0c;
    text-align: right;
    padding: 5px 10px;
}

.closeIcn>span {
    display: inline-block;
    width: 34px;
    height: 32px;
    position: relative;
    cursor: pointer;
}

.closeIcn>span:before,
.closeIcn>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    margin: 4px;
}

.closeIcn>span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.closeIcn>span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
}

.open-menu .overlay {
    display: block;
}

.header {
    background: #fff;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 3%);
    z-index: 2;
    position: relative;
}

.header .container, .footer .container, .container-fluid{ max-width: 1625px;}
.header-menus li a {
    font-size: 18px;
    text-transform: uppercase;
    color: #272727;
    padding: 50px 26px;
    display: inline-block;
    border-bottom: 5px solid transparent;
}
.header-menus li a:hover{ color: #175F1E; border-color: #175F1E;}
.hero-banner{ 
background: url(../images/banner-img.jpg) no-repeat center center;
background-size: cover;
padding: 129px 0px;
}

.hero-banner h1 {
    font-size: 86px;
    text-transform: uppercase;
    font-weight: bold;
   	max-width: 590px;
    margin: auto;
    padding-bottom: 30px;
}

.hero-banner .lead {
    font-family: 'Proxima Nova Lt';
    font-size: 29px;
    max-width: 648px;
    margin: 0 auto;
}


.btn-primary {
    border: 2px solid;
    color: #eebc0c;
    background-color: transparent;
    border-color: #eebc0c;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: none;
    min-width: 260px;
    padding: 14px 10px;
    border-radius: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative; 
    transition: all 0.5s ease 0s; 
    -moz-transition: all 0.5s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
}

.btn-primary:before {position: absolute; transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); content: ''; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1);
}
.btn-primary:hover:before {
    width: 100%;
}

.btn-primary.btn-fill{
    background-color: #eebc0c;
    border-color: #eebc0c;
    color: #fff;    
    overflow: hidden;
}

.btn-primary.btn-fill.focus, .btn-primary.focus, 
.btn-primary.btn-fill:hover, .btn-primary:hover{
    box-shadow: none !important;
    background-color: #186118 !important;
    border-color: #186118 !important; 

}

.lead.paragraph {    padding-bottom: 45px;}
.hero-banner .btn{ margin-bottom: 45px;}

.section-gap{ padding: 70px 0px; background: #fff;}
.sec-title {
    margin-bottom: 70px;
}
.sec-title h1,
.sec-title h2{ font-size: 51px;}
.container{ max-width: 1430px;}


.card-plan-header h3, 
.card-our-content-box h3,
.content-box span {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.content-box span,
.content-box h2 { font-size: 196px; color: #186118;}
.content-box p {
    font-size: 40px;
    line-height: 47px;
    font-family: 'Proxima Nova Lt';
    color: #111111;
    margin-bottom: 0px;
    max-width: 531px;
}

 figcaption{ overflow: hidden;}
 figcaption img{ -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}

 .sec-right:hover figcaption img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

.row-online {
    margin-bottom: 125px;
}
.bg-gray{ background: #f6f6f6;}
.lower-box h2 {
    font-size: 45px;
    text-transform: uppercase;
    color: #272727;
}
.lower-box p {
    font-size: 31px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #186118;
    margin-bottom: 25px;
}
.lower-box ul li{ font-size: 23px; color: #272727; line-height: 29px; position: relative; padding-left: 30px;}
.lower-box ul li+li{ margin-top: 20px;}
.lower-box ul li::before {
    position: absolute;
    content: "\f00c";
    width: 18px;
    height: 18px;
    background: #eebc0c;
    border-radius: 50%;
    top: 5px;
    left: 0px;
    font-family: FontAwesome;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    color: #fff;
}

.image-box {
    margin-bottom: 25px;
}

.card-inner-box:hover figcaption img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

.sec-choose-plan {
    position: relative;
    overflow: hidden;
}

/* .sec-choose-plan {
    background: url(../images/plan-banner.jpg) no-repeat;
    background-position: left bottom 96px;
} */

.sec-what-do .row {
    margin-bottom: 100px;
}
.card-plan-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    text-align: center;
    border: 2px solid #e2e2e2;
    border-radius: 20px;
    padding: 60px 60px;
    background: #fff;
    height: 100%;
    overflow: hidden;
    box-shadow: -1px 1px 13.35px 1.65px rgba(0, 0, 0, 0.03);
}

.card-plan-header h3,
.card-plan-header h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #186118;
    margin-bottom: 5px;
}
.card-plan-header p{ font-size: 18px; color: #4b4b4b; line-height: 24px; margin: 0px;}

.d-flex-price .plan-price {
    font-size: 60px;
    font-weight: bold;
    color: #353434;
    font-family: 'Oswald', sans-serif;
}
.d-flex-price .plan-month{ font-size: 31px; color: #767676;}
.card-plan-body p {
    font-size: 18px;
    color: #4b4b4b;
    margin-bottom: 40px;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.d-flex-price { padding: 20px 0px;}

.card-plan-footer {
    margin-top: auto;
}

.boxribbon {
    background: #000;
    color: #fff;
    padding: 5px 0px;
    text-transform: uppercase;
    position: absolute;
    right: -61px;
    top: 11px;
    transform: rotate( 37deg );
    -webkit-transform: rotate(37deg);
    width: 221px;
}

.boxribbon p {
    font-size: 12px;
    line-height: 17px;
    margin:  0;
}

.boxribbon b {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #eebc0c;
    line-height: 18px;
}

.sec-our-results{ background: #2b2b2b;}

.card-our-result {    background: #fff; height: 100%;}
.card-our-result figcaption img{ width: 100%;}
.card-our-content-box h3,
.card-our-content-box h2{ text-transform: uppercase; margin-bottom: 20px; color: #272727; font-size: 31px;}
.card-our-content-box {
    padding: 35px 30px;
}
.card-our-content-box p{ margin: 0px; font-size: 20px; color: #272727; line-height: 30px;}
.card-our-content-box p a{ font-size: 20px; font-weight: bold; color: #eebc0c;}
.card-our-content-box p a:hover{ color: #186118;}
.card-our-result:hover figcaption img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);}

.sec-our-results [class*="col-"] { margin-bottom: 70px;}
.button-group .btn{ margin: 0px 10px;}

.footer{ background: #212121;}
.footer-right ul {
    display: flex;
    align-items: center;
}

.footer {
    background: #212121;
    padding: 46px 0px;
}

.footer-right ul li a {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 26px;
    display: inline-block;
}
.footer-right ul li a:hover{ color: #edbd0b;}




.sec-choose-plan .container{ position: relative;}
.sec-choose-plan .sec-title h2{ margin-bottom: 40px;}

.sidebar {
    background: #E9ECF0;
    border-radius: 5px;
    overflow: hidden;
}

.sec-can-help img {
    width: 100%;
}


.sidebar-widget {
    text-align: center;
    text-transform: uppercase;
    padding: 50px;
}
.sidebar-widget h2 {
    font-size: 37px;
    max-width: 310px;
    margin: 0 auto 50px auto;
}
.card-caption {
    padding: 30px;
    align-items: self-start !important;
}
.coache-img {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}

.Coach-info p:first-of-type {
    font-weight: bold;
    font-style: italic;
    color: #186118;
    font-size: 21px;
}

.cardImg {
    margin-right: 30px;
}
.Coach-info h2 {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.Coach-info p{ font-size: 19px; color: #444444;}
.Coach-info p:last-child{margin-bottom: 0px;}

.view-area .btn-primary{ min-width: 164px;}
.view-area {
    flex: 0 0 275px;
    max-width: 275px;
    text-align: center;
    padding:30px 10px;
    border-left: 1px solid #D4D4D4;
}
.media-link{ margin-bottom: 20px;}
.media-link a{ font-size: 19px; color: #606060; }
.media-link img {
    max-width: 20px;
    margin-right: 10px;
}
.view-area .plan-price {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    line-height: 1.1;
}

.price-card { margin-bottom: 20px;}
.view-area .plan-month { font-size: 21px;}
.right-side {
    border: 1px solid #D6D6D6;
    background: #FFFFFF;
}

.card-white {
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: -1px;
}

.view-area .btn-primary {
    border-color: #186118;
    color: #186118;
}
.view-area .btn-primary:hover{ color: #fff;}
.bg-dark-gray{ background: #f9f8f8;}

.profile-image {
    position: relative;
    width: 255px;
    height: 255px;
    flex: 0 0 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}

.profile-image img {
    position: relative;
    z-index: 1;
    border: 5px solid #ECEEF2;
    border-radius: 50%;
    width: 222px;
    height: 222px;
    object-fit: cover;
}
.gradient {
    width: 234px;
    height: 234px;
    position: absolute;
    border-radius: 50%;
    background: linear-gradient( 
45deg
 , rgba(214,41,118,1) 0%, rgba(250,126,30,1) 100%);
    padding: 0;
    overflow: hidden;
}
.coach-profile-inner {
    display: flex;
    margin-bottom: 100px;
}

.profile-user-settings h2 {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.profile-user-settings p {
    font-size: 20px;
}
.profile-user-settings .btn-primary{ min-width: 164px;}
.stories-img {
    width: 140px;
    height: 140px;
    border: 1px solid #707070;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.stories-img img {
    width: 100%;
}
.user-stories-item {
    text-align: center;
}
.user-stories-item:hover p { color: #186118;}

.sec-coach-profile .container { max-width: 1130px;}

/*.user-stories-inner {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}*/
.user-stories-item p{ font-size: 21px;}
.insta-feed .sec-title h2{ margin-bottom: 10px;}

.insta-feed [class*="col-"] {
    margin-bottom: 15px;
    padding-right: 7px;
    padding-left: 7px;
}

.insta-feed .row{ margin-right: -7px; margin-left: -7px;}
.gallery-item{ overflow: hidden;}
.gallery-item img { width: 100%;}

.insta-feed  [class*="col-"] img {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.insta-feed [class*="col-"]:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.sec-Includes ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.sec-Includes h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 50px;
    color: #186118;
}
.sec-Includes li {
    font-size: 28px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px;
    text-transform: capitalize;
    line-height: 1.1;
}

.sec-Includes li svg {
    margin-right: 15px;
    width: 24px;
    min-width: 20px;
}

.insta-feed {
    background: #fff;
    padding: 70px 0px;
}
.insta-feed .sec-title {margin-bottom: 50px;}
.sec-choose-coach-page {
    padding: 70px 0px;
    background: transparent;
}

.plan-banner .card-plan-header {
    margin-bottom: 40px;
}

.plan-option-one .card-plan-item {
    border-color: #186118;
}
.plan-option-two .card-plan-item {
    border-color: #eebc0c;
}
.plan-option-two .d-flex-price .plan-price{ color: #eebc0c;}


.step-progress-bar {
    display: flex;
    justify-content: space-between;
}

.step-progress-bar .step {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.step-progress-bar .step .bullet {
    height: 40px;
    width: 40px;
    border: 2px solid #186118;
    display: inline-block;
    border-radius: 50%;
    transition: 0.2s;
    font-weight: bold;
    font-size: 17px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    background: #186118;
    color: #fff;
}

.step-progress-bar .step p {
    margin-bottom: 0px;
    line-height: 1.1;
    font-size: 19px;
    color: #186118;
}

.step-progress-bar .step .bullet:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 20px;
    height: 2px;
    margin-top: -1px;
    background: #186118;
    width: calc(100% - 160px);
}


.step.no-border .bullet:before{ display: none;}

.card-transformations {
    background: #fff;
    padding: 150px 50px 50px 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    height: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.macro-card {
    border: 1px solid #D4D4D4;
    text-align: center;
    padding: 35px;
    border-radius: 5px;
}

.macro-card .macro-details .macro-price{font-size: 35px;font-family: 'Oswald', sans-serif;font-weight: bold;}
.macro-card .macro-details .macro-day{font-size: 20px;font-weight: bold;}
.macro-card p{margin-bottom: 0px;text-transform: uppercase;color: #808080;font-size: 18px;}

.macro-img span {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #e3e6ea;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.title-inner { margin-bottom: 50px;}
.macro-details {
    margin: 15px 0px 5px 0px;
    color: #1c1c1c;
}

.card-transformations-footer {
    margin-top: 50px;
    font-size: 50px;
    line-height: 1.1;
}

.macro-calculator {
    background: #212121;
    height: 100%;
    padding: 80px 15px;
    margin-left: -1px;
}
.macro-calculato-card {
    text-align: center;
    color: #fff;
}

.macro-calculato-card p {
    color: #eebc0c;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    font-family: 'Proxima Nova Rg';
    line-height: 21px;
    text-transform: capitalize;
}

.macro-calculato-detaial .mc-show {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 50px;
}

.macro-calculato-card+.macro-calculato-card {
    margin-top: 40px;
}
.mc-calories {
    font-size: 25px;
    font-weight: bold;
}

.macro-calculato-detaial span {
    padding: 0px 5px;
    line-height: 1.1;
}

/* step form css */

/*===================css for step start===================*/
.header__btn {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    padding: 10px 20px;
    display: inline-block;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #2c2c2c;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
  }
  .header__btn:last-child {
    margin-right: 0;
  }
  .header__btn:hover, .header__btn.js-active {
    color: #fff;
    background-color: #2c2c2c;
  }
  
  
  
  
  .content__title--m-sm {
    margin-bottom: 10px;
  }
  
  .multisteps-form__progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .multisteps-form__progress-btn {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    padding: 0px;
    color: #A2A2A2;
    /* text-indent: -9999px; */
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    display: flex;
    flex: 1;
    align-items: center;
    z-index: 1;
  }
  @media (min-width: 500px) {
    /* .multisteps-form__progress-btn {
      text-indent: 0;
    } */
  }
  .multisteps-form__progress-btn:before {
      position: absolute;
      top: 0;
      content: '';
      z-index: 3;
      bottom: 0;
      left: 0px;
      right: 0px;
  }

  .multisteps-form__progress-btn:after {
    position: absolute;
    top: 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    display: block;
    width: calc(100% - 180px);
    height: 3px;
    content: '';
    right: 15px;
    background-color: #A2A2A2;
    z-index: 1;
}
  .multisteps-form__progress-btn.js-active:after{background-color: #186118;}
  .multisteps-form__progress-btn:last-child:after {
    display: none;
  }
  
  .multisteps-form__progress-btn.js-active {
    /*color: #007bff;*/
  }
  .multisteps-form__progress-btn.js-active:before {
      /*background-color: #B38A78;
      border-color: #fff;*/
  }
  
  .multisteps-form__form {
    position: relative;
  }
  
  .multisteps-form__panel {
    opacity: 0;
    visibility: hidden;
    display: none;
    height: 100%;
  }

  .multisteps-form__panel.js-active {
    opacity: 1;
    visibility: visible;
  }
  .multisteps-form__panel[data-animation="scaleOut"] {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .multisteps-form__panel[data-animation="scaleOut"].js-active {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .multisteps-form__panel[data-animation="slideHorz"] {
    left: 50px;
  }
  .multisteps-form__panel[data-animation="slideHorz"].js-active {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
            transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    left: 0;
  }
  .multisteps-form__panel[data-animation="slideVert"] {
    top: 30px;
  }
  .multisteps-form__panel[data-animation="slideVert"].js-active {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    top: 0;
  }
  .multisteps-form__panel[data-animation="fadeIn"].js-active {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .multisteps-form__panel[data-animation="scaleIn"] {
    /* -webkit-transform: scale(0.9); */
    /* transform: scale(0.9); */
  }
  .multisteps-form__panel[data-animation="scaleIn"].js-active {
    /* -webkit-transition-property: all; */
    /* transition-property: all; */
    /* -webkit-transition-duration: 0.2s; */
    /* transition-duration: 0.2s; */
    /* -webkit-transition-timing-function: linear; */
    /* transition-timing-function: linear; */
    /* -webkit-transition-delay: 0s; */
    /* transition-delay: 0s; */
    /* -webkit-transform: scale(1); */
    /* transform: scale(1); */
    display: block;
  }
  

  .card-transformations-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}

.steps-button {
    margin-top: auto;
}
  
  .circle-text {
      font-size: 24px;
  }
  .steps-circle {
    background-color: #fff;
    border: solid 1px #a6aeb9;
    z-index: 2;
    color: #a6aeb9;
    height: 46px;
    width: 46px;
    padding: 0;
    /* line-height: 20px; */
    margin-right: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .multisteps-form__progress-btn.js-active .circle-text { color: #186118;  }
  .multisteps-form__progress-btn.js-active .steps-circle {background-color: #186118;border-color: #fff;color: #fff;}
  .steps-circle span { display: block; font-weight: 600; text-transform: uppercase; font-size: 20px; }
  
  .multisteps-form__progress-btn.no-border {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.multisteps-form__content {
    height: 100%;
}
.multisteps-form__content .row {
    height: 100%;
}

.transformations-tabs{ position: relative;}
.card-transformations-header {
    /* margin-bottom: -95px; */
    padding: 0px 50px;
    position: absolute;
    left: 0;
    top: 40px;
}

.gender-btn .btn {
    border: 1px solid #186118;
    font-size: 18px;
    color: #808080;
    min-width: 127px;
    padding: 13px;
    box-shadow: none;
    margin-right:15px;;
    border-radius: 10px;
    cursor: pointer;
}

.gender-btn .btn.active {
    background: #186118;
    border-color: #186118;
    color: #fff;
}
 .bootstrap-select.select-custom {
    width: 100% !important;
}
.select-custom.bootstrap-select>.dropdown-toggle {
    background: #FFFFFF;
    border-color: #808080;
    border-radius: 10px;
    font-size: 14px;
    color: #1C1C1C;
    padding: 17px;
    line-height: 1.3;
    outline: none !important;
    box-shadow: none !important;
}


.bootstrap-select.select-custom .dropdown-toggle::after {
    border: none;
    background: url(../images/dropdown.svg) no-repeat center center;
    width: 18px;
    background-size: 15px 10px;
    height: 16px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #E2B512;
}
.multisteps-form__content .form-group {
    margin-bottom: 25px;
    max-width: 526px;
}

.multisteps-form__content .form-group p {
    font-size: 18px;
    margin-bottom: 5px;
    color: #1C1C1C;
}

.form-group.field-input input {
    width: 111px;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #808080;
    box-shadow: none;
    text-align: center;
}

.form-group.field-input input:focus, .form-group.field-input input:hover {
    border-color: #186118;
    box-shadow: 0px 0px 3px #186118;
}


.box-gen label {
    font-size: 18px;
    margin: 0px;
    line-height: 1.1;
    color: #1c1c1c;
    padding: 0px 15px;
}

.form-group.field-input.Basal-Metabolic input{ width: 300px; }

.form-group.field-input.field-input-large input {
    width: 172px;
}



.slider .tooltip.top {
    margin-top: -48px;
    font-size: 17px;
    text-align: center;
    padding: 0;
    z-index: 1;
}

.slider .tooltip-inner {
    color: #1c1c1c;
    background-color: transparent;
    padding: 0;
    position: relative;
}

/* .slider .tooltip-inner:before {
    position: absolute;
    content: "mins";
    right: -40px;
    font-size: 17px;
} */

.slider.slider-horizontal {    width: 100%; height: 5px;}
.slider-track-low, .slider-track-high{ border-radius: 0px;}
.slider-track, .slider-selection{ box-shadow: none; border-radius: 0px; background: #E3E3E3; background-image: none;}
.slider-handle {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: #E2B512;
    background-color: #E2B512;
    background-image: none;
    cursor: pointer;
}
.slider.slider-horizontal .slider-track{ height: 5px;}

.macro-calculato-card.macro-card-gold p {
    /* font-size: 25px; */
    /* line-height: 34px; */
}
.macro-calculato-card.macro-card-gold .mc-show {
    /* font-size: 70px; */
}

.macro-lead {
    color: #CCCCCC;
    font-size: 18px;
    text-align: center;
    max-width: 320px;
    margin: auto;
}

.macro-lead{ margin-top: 30px;}

.Exercise-side-bar .macro-calculato-card.macro-card-gold {
    /* margin-top: 100px; */
    /* margin-bottom: 40px; */
}



.multisteps-form__form { height: 850px !important;}

.img-box {
    padding-bottom: 14rem;
    padding-top: 14rem;
}
.bg-image {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.container-full {
    overflow: hidden;
    padding: 0px 15px;
}



/* sec-choose-plan with background image */
.sec-choose-plan {
    background: url(../images/plan-banner.jpg) no-repeat;
    background-position: left bottom 70px;
    padding: 96px 0px;
    background-color: #fff;
}
.sec-choose-plan .img-box{ display: none;}
.sec-choose-plan .sec-title { margin-bottom: 140px;}
@media screen and (max-width: 1199px) {
    .sec-choose-plan .sec-title h2 {
        color: #fff;
    }  
    .transformationWrap .sec-title h2 {
        color: #ffffff !important;
    }
}

/* sec-choose-plan with background end */

.sec-choose-plan.sec-choose-coach-page { background-image: none; background-color: transparent;}
.sec-choose-plan.sec-choose-coach-page .sec-title { margin-bottom: 70px;}
.sec-choose-plan.sec-choose-coach-page .sec-title h2 { color: #000;   }


.card-image {
    flex: 0 0 368px;
    max-width: 368px;
    margin-right: 40px;
}
.card-plain-lower-content h2 {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.card-plain-lower-content p{ font-size: 18px; line-height: 23px; margin: 0px;}

.card-plain{ position: relative;}
.popular-post {
    background: #DDE3EB;
    border: 1px solid #B5B5B5;
    padding: 25px;
    border-radius: 5px;
}



.post-thumb {
    flex: 0 0 125px;
    max-width: 125px;
    margin-right: 15px;
}
.post-content p{ font-size: 18px; font-weight: bold; margin: 0px;}

.link {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: #fff;
    z-index: 1;
}

.card-plain {
    margin-bottom: 40px;
}

.post {
    margin-bottom: 20px;
}

.block-one h2 {
    margin-bottom: 40px;
    font-size: 40px;
}

.bg-black{ background: #262525;}

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

.transformation-lower-content h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 30px;
}

figcaption.img-transformation{ margin-bottom: 25px;}
.post-info {
    margin-bottom: 15px;
}
.post-info span {
    background: #EAB400;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    min-width: 108px;
    text-align: center;
    height: 30px;
    padding-top: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.transformation-lower-content p {
    font-size: 18px;
    margin: 0px;
}

.flow-1-transformation {
    margin-bottom: -30px;
}

.flow-1-transformation [class*="col-"] {
    margin-bottom: 30px;
}

.form-main .form-group p {
    font-size: 18px;
    color: #1c1c1c;
    margin-bottom: 5px;
}
.form-group .form-control {
    height: 56px;
    border-radius: 10px;
    border: 1px solid #9C9C9C;
    box-shadow: none;
}
.form-group textarea.form-control {
    height: 110px;
    resize: none;
}

.form-main .form-group {
    margin-bottom: 20px;
}
.contact-box {
    background: #fff;
    padding: 55px;
    height: 100%;
}

.contactus-left {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.contact-box .sec-title h2 {
    font-size: 25px;
}

.contact-box .sec-title {
    margin-bottom: 30px;
}


.blog-image-box {
    margin-bottom: 25px;
}

.blog-lower-content h2 {
    font-size: 40px;
}

.blog-lower-content {
    margin-bottom: 50px;
}

.post-share-option {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 25px 0px;
    margin-bottom: 40px;
}

.post-tags-right li{ margin-left: 25px;}
.post-tags-right .ic-facbook img {width: 10px;}
.post-tags-right .ic-twitter img {width: 20px;}
.post-tags-right .ic-instagram img {width: 20px;}
.post-share-option span {
    margin-top: 5px;
    line-height: 1;
    font-size: 17px;
    color: #2b2b2b;
    display: inline-block;
}

.blog-details-content p {
    font-size: 18px;
    color: #000000;
    margin-bottom: 35px;
}
.blog-details-content h5{font-size: 18px;font-weight: bold;margin-bottom: 35px;}

.two-column { margin-bottom: 35px;}

.blog-related{ padding-bottom: 70px;}
.related-lower-content h2 { font-size: 25px;}
.blog-listing { margin-bottom: -30px;}

.related-block-img {
    margin-bottom: 20px;
}
.header-menus li.active a {border-color: #186118;}

.form-group.field-input input{ border-color: #186118;}

.select-custom.bootstrap-select>.dropdown-toggle {
    border-color: #186118;
}

/* .multisteps-card-1 .bootstrap-select.select-custom .dropdown-toggle::after{
    background: url(../images/dropdown-white.svg) no-repeat center center;} */


.estimated-goal-inner { text-align: center;}
.estimated-goal-inner p {
    font-size: 60px;
    margin: 0;
    font-weight: bold;
    color: #eebc0c;
    text-shadow: 0px 1px #186118;
    line-height: 70px;
}

.sliderRang-container {
    margin-bottom: 15px;
    font-size: 16px;
}

.card-transformations-body h3 {
    font-weight: bold;
    font-size: 40px;
}

.estimated-goal {
    margin-top: 50px;
}


.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #186118;
    border-color: #186118;
    box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus, .btn-primary:active,
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #186118;
    border-color: #186118;
    box-shadow: none !important;
}

@media (min-width: 1200px){
    .pl-xl-3, .px-xl-3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}





.list-inline .list-inline-item {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.list-inline .list-inline-item a:hover{ color: #eebc0c; }

.view-area .list-inline {
    padding: 0px 10px;
}

.list-inline { display: flex;    justify-content: space-between;}
.list-inline .list-inline-item span {
    display: block;
    width: 100%;
    flex: 0 0 100%;
    font-weight: normal;
}

.profile-user-settings .list-inline {
    max-width: 330px;
}

.ighighlights .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    margin-top: -30px;
     transition: all 0.5s ease 0s; 
    -moz-transition: all 0.5s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
}

.user-stories.ighighlights:hover .owl-nav{ opacity: 1; visibility: visible; }

.ighighlights .owl-nav .owl-prev, .ighighlights .owl-nav .owl-next {
    width: 36px;
    height: 36px;
    background: #eebc0c;
    border-radius: 50%;
    font-size: 0px;
    position: absolute;
}
.ighighlights .owl-nav .owl-prev {
    left: -30px;
}
.ighighlights .owl-nav .owl-next {
    right: -30px;
}

.ighighlights .owl-nav .owl-prev::before, .ighighlights .owl-nav .owl-next::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 36px;
    height: 36px;
    font-size: 26px;
    font-family: FontAwesome;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.ighighlights .owl-nav .owl-prev::before {
    content: "\f104";
}

.ighighlights .owl-nav .owl-next::before {
    content: "\f105";
}


.sec-can-help .btn-primary img {
    background-color: #fff;
    padding: 3px;
    border-radius: 5px;
}

/****** fitness Page  ********/


/*.fitnessBnr .btn-primary {
    font-family: 'Conv_Poppins-Bold';
}*/


.fitnessBnr .textBox h1 {
    max-width: inherit;
    padding-bottom: 20px;
}

.fitnessBnr.bannerWrap21 .textBox .buttonBox {
    padding-top: 30px;
}

.page-template-tpl-group-fitness-21 .fitnessBnr.bannerWrap21 .textBox .btn-primary {
       /* background: #e6bd40 !important;*/
}

.page-template-tpl-group-fitness-21 .fitnessBnr.bannerWrap21 .textBox .btn-primary:hover {
        background: #175a1e !important;
}

.planWrap {
    padding: 100px 0px;
}

.planWrap .text {
    padding-left: 30px;
}

.planWrap .text h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 40px;
    max-width: 533px;
    line-height: 52px;
    margin-bottom: 20px;
}

.planWrap .text p {
    font-size: 22px;
    line-height: 28px;
     font-family: 'ProximaNova-Medium';

}

.faqWrap {
    padding: 70px 0px;
}

.faqWrap .sec-title {
    text-align: center;
}

.faqWrap .faqBox h3 {
    font-size: 20px;
    background: #F8F8F8;
    padding: 27px 66px 27px 23px;
    cursor: pointer;
    position: relative;
     font-family: 'ProximaNova-Medium';
}

.faqWrap .faqBox h3:after,
.faqWrap .faqBox h3:before {
    content: '';
    background: #165D23;
    width: 2px;
    height: 16px;
    position: absolute;
    right: 50px;
    top: calc(50% - 8px);
    transform: rotate(-45deg);
    transition: all .5s;
}

.faqWrap .faqBox.active h3:before {
    transform: rotate(45deg);
}

.faqWrap .faqBox.active h3:after {
    transform: rotate(-45deg);
}

.faqWrap .faqBox h3:after {
    transform: rotate(45deg);
    right: 40px;
}

.faqWrap .faqBox {
    margin-bottom: 15px;
    border: 1px solid #E2E2E2;
    overflow: hidden;
    border-radius: 4px; 
}

.faqWrap .faqBox .faqContent {
    background: #fff; 
    height: auto;
    max-height: 0;
    padding: 0 66px 0 23px; 
    transition: all .5s;    
}

.faqWrap .faqBox.active .faqContent {
    max-height: 800px;
     padding: 14px 66px 14px 23px; 
}

.faqWrap .faqBox .faqContent p {
    font-size: 16px;
}

.faqWrap .faqBox .faqContent p:last-child {
    padding-bottom: 0;
}

.transformationWrap {
    background-color: #F9F8F8;
}

/*.transformationWrap .boxribbon {
    top: 19px;
    opacity: .8;
    right: -54px;
}
 
.transformationWrap .boxribbon p {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 15px;
    font-family: 'ProximaNova-Medium';
}

.transformationWrap .boxribbon b {
    font-size: 17px;
    font-family: 'ProximaNova-Extrabld';
}*/

.transformationWrap .sec-title {
    margin-bottom: 140px;
}

.transformationWrap .sec-title h2 {
    color: #000000;
}

.transformationWrap .optionWrap {
    max-width: 806px;
    margin: 0 0 0 auto;
}

.transformationWrap .optionWrap .btn-primary {
/*
    font-size: 20px;
    min-width: inherit;
    padding: 8px 40px 7px;
    border-radius: 8px;
    margin-top: 20px;*/
    display: inline-block; 
    /*line-height: 30px;*/
}

.transformationWrap .optionWrap .color {
    font-size: 30px;
    text-transform: uppercase;
    color: #186118;
    margin-bottom: 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}
/*
.transformationWrap .optionWrap .green {
    border: 1px solid #165D23;
}

.transformationWrap .optionWrap .yellow {
    border: 1px solid #eebc0c;
}

.transformationWrap .optionWrap .yellow .btn-primary {
    background-color: #eebc0c;
    color: #fff;
}
*/
.transformationWrap .card-plan-body p {
  /*  font-size: 15px;
    line-height: 20px;
    color: #747474;
font-family: 'ProximaNova-Medium';*/
    display: block;
}

/****************/

.includedWrap {
    background: #f6f6f6;
    padding: 70px 0px 48px;
    border-bottom: 35px solid #ffffff;
}

.includedWrap .sec-title h2 {
    text-align: center;
   color: #232323;
}

.includedWrap table {
    background: #fff;
    border-radius: 20px;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
}

.includedWrap table tr th {
    padding:  30px 20px;
    color: #305f24;
    font-size: 33.6px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.includedWrap table tr th,
.includedWrap table tr td {
    width: 33.33%;
}

.includedWrap table tr td {
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 20px;
	color: #4b4b4b;
}

.includedWrap table tr th:first-child,
.includedWrap table tr td:first-child {
    text-transform: inherit;
    text-align: right;
    background: #305f24;
    color: #fff;
    font-family: 'Conv_FontsFree-Net-Proxima-Nova-Sbold';
}

.includedWrap table tr:nth-child(even) {
   
}

.includedWrap table tr td:nth-child(2),
.includedWrap table tr th:nth-child(2) {
    background: #fefcf5;
}

.includedWrap table tr td:last-child,
.includedWrap table tr th:last-child {
    background: rgba(48,95,36,.1);
}

.includedWrap table .btn-primary {
    font-family: 'Conv_Poppins-Bold';
    font-size: 20px;
    background: #eebc0c;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    max-width: inherit;
    min-width: inherit;
    display: inline-block;
    border-color: #eebc0c;
}

.includedWrap table tr:last-child td {
    padding: 40px 20px;
}
.howWrap { 
    background: #F9F8F8;
}

.howWrap .row-online .col-md-6 {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.page-id-2964 .sec-our-results {
    background: #212121;
}
.includedWrap table tr:last-child td:last-child a {
    border-color: #175a1e;
    color: #fff;
    background: #175a1e;
}

.includedWrap table tr:last-child td:last-child a:hover {
    background: #175a1e;
    color: #ffffff;
}
.includedWrap table .btn-primary:hover {
    color: #ffffff;
}

/* home */
 

.footer li.menu-item.menu-item-has-children > a {
    pointer-events: none;
}

/****/

.page-id-2713 .sec-choose-plan {
    display: none;
}

.coach-template-default .sec-choose-plan .plan-option-one .card-plan-item .btn-primary {
    background-color:#eebc0c !important;
    border-color: #eebc0c !important;
    color: #fff !important;
}

.coach-template-default .sec-choose-plan .plan-option-two .card-plan-item .btn-primary,
.coach-template-default .sec-choose-plan .plan-option-one .card-plan-item .btn-primary:hover {
    background-color: #186118 !important;
    border-color: #186118 !important;
}





/**** Responsive *****/

@media  (max-width: 1199px) {
    
    /*.fitnessBnr .btn-primary {
        min-width: inherit;
        padding: 8px 30px;
        font-size: 20px;
        margin-top: 30px;

    }*/
    .transformationWrap .optionWrap {
        max-width: 100%;
    }
}

@media  (min-width: 768px) {
    
   /* .fitnessBnr .btn-primary {
        font-size: 18px;
        padding: 10px 30px;
        min-width: 250px;
        border-radius: 10px;
    }*/

    /*****/
    li.menu-item {
        position: relative;
    }

    li.menu-item .sub-menu {
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        position: absolute;
        left: 0;
        top: 132px;
        min-width: 200px;
        display: block;
        z-index: 9;
        -o-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        -moz-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
         -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: all .5s;
    }

    li.menu-item:hover .sub-menu {
        -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        
    }

    li.menu-item .sub-menu a {
        padding: 10px 20px;
        font-size: 16px;
        display: block;
        border-bottom: none;     
    }

    .footer li.menu-item .sub-menu {
        top: auto;
        bottom: 82px;
    }

    .footer li.menu-item .sub-menu li a {
        color: #000;
    }

    li.menu-item .sub-menu li.current_page_parent > a,
    li.menu-item .sub-menu li.current-menu-ancestor > a,
    li.menu-item .sub-menu li.current_page_item > a,
    li.menu-item .sub-menu li.current-menu-item >a,
    li.menu-item .sub-menu li a:hover {
        color: #eebc0c;
    }
}

@media (max-width: 1199px) {

    li.menu-item .sub-menu {
    top: 74px;
    }

    .footer li.menu-item .sub-menu {
        bottom: 46px;
    }
}

@media (max-width: 991px) {

    li.menu-item .sub-menu {
        top: 63px;
    }

    .footer li.menu-item .sub-menu {
        bottom: 46px;
    }
}


@media (max-width: 1440px) and  (min-width: 1200px) {

    .includedWrap table tr th {
        font-size: 28px;
    }

    .includedWrap table tr td {
        font-size: 19px;
    }

    .footer-right ul li a,
     li.menu-item a {
        font-size: 16px;
        padding: 50px 10px;
     }


}


@media (max-width: 1199px) and  (min-width: 1025px) {


    .planWrap .text h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .planWrap .text p {
        font-size: 20px;
        line-height: 28px;
    }

    .includedWrap table tr th {
        font-size: 28px;
    }

    .includedWrap table tr td {
        font-size: 19px;
    }

    body .footer-right ul li a,
    body li.menu-item a {
        font-size: 15px;
        padding: 25px 10px;
    }

    li.menu-item .sub-menu a {
        font-size: 15px;
    }

}


@media (max-width: 1024px) and  (min-width: 768px) {

    .planWrap .text h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .planWrap .text p {
        font-size: 18px;
        line-height: 28px;
    }

    .planWrap .text {
        padding-left: 15px;
    }

    .includedWrap table tr th {
        font-size: 24px;
    }

    .includedWrap table tr td {
        font-size: 16px;
    }

    .includedWrap table tr th,
    .includedWrap table tr td {
        padding: 20px 20px;
    }

    .includedWrap table .btn-primary {
        padding: 8px 15px;
        font-size: 16px;
    }

    .includedWrap table tr:last-child td {
        padding: 30px 20px;
    }

    body .footer-right ul li a,
    body li.menu-item a {
        font-size: 13px !important;
        padding: 20px 8px !important;
     }

    body .footer-right ul li ul li a,
    body li.menu-item ul li a {
        padding: 10px 10px !important;
    }

}

@media (max-width: 767px) {

    .page-template-tpl-homepage-21 .sec-title h2,
    .page-template-tpl-group-fitness-21 .sec-title h2 {
        font-size: 30px;
    }
    .planWrap .text h2 {
        font-size: 22px;
        line-height: 32px;
        margin: 0 auto 20px;
    }

    .planWrap .text p {
        font-size: 18px;
        line-height: 28px;
    }

    .planWrap .text {
        padding-left: 15px;
        padding-top: 30px;
        text-align: center;
    }

    .planWrap {
        padding: 50px 0px;
    }

    .faqWrap .faqBox h3 {
        padding: 20px 50px 17px 23px;
        font-size: 19px;
    }

    .faqWrap .faqBox.active .faqContent {
        padding: 14px 50px 14px 23px;
    }

    .faqWrap .faqBox h3:after, 
    .faqWrap .faqBox h3:before {
        right: 34px;
    }

    .faqWrap .faqBox h3:after {
        right: 24px;
    }

    .faqWrap {
        padding: 50px 0px;
    }

    .transformationWrap .optionWrap .box {
        margin-bottom: 30px;
    }

    /*.transformationWrap .optionWrap .btn-primary {
        font-size: 14px;
        min-width: 150px;
        padding: 8px 10px;
        border-radius: 4px;
        margin-top: 0;
    }

    .transformationWrap .optionWrap .color {
        font-size: 14px;
    }*/

    .includedWrap table tr th {
        font-size: 17px;
        line-height: 26px;
    }

    .includedWrap table tr td {
        font-size: 15px;
    }

    .includedWrap table tr th,
    .includedWrap table tr td {
        padding: 20px 12px;
    }

    .includedWrap table tr td {
         padding: 12px 12px;
    }

    .includedWrap table .btn-primary {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .includedWrap table tr:last-child td {
        padding: 30px 20px;
    }

    .includedWrap .tableBox {
        overflow-x: auto;
    }

    .includedWrap table  {
        width: 650px;
    }
    .transformationWrap .boxribbon {
        top: 12px;
        right: -67px;
    }

  
 
    .howWrap .row-online {
        border-bottom: 1px solid #eee;
        padding: 20px 0;
        margin-bottom: 0;
         display: flex;
        flex-direction: row-reverse;
    }

    .howWrap .row-online.top {
        flex-direction: inherit;
    } 

    .howWrap .row-online .content-box {
        margin: 0px 0;
    }

    .howWrap .row-online:last-child {
        border:  none; 
        padding-bottom: 0;
    }




}


/*GROUP COACHING INTAKE FORM CSS*/
#defaultpage p {    font-size: 16px !important;}
.intake-form-inner form p {    text-align: center;}
.intake-form-inner {
    background: #fff;
    border: 1px solid #DEDEDE;
    padding: 50px;
    max-width: 700px;
    margin: 0 auto;
}

.intake-form-inner form label input{
    width: 100%;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #186118;
    box-shadow: none;
    background: #fff;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    color: #1C1C1C;
}
.intake-form-inner form label{
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #1C1C1C;
    text-align: left;
}

.intake-form-inner form label input:focus, .intake-form-inner form label input:hover {
    border-color: #186118;
    outline: none;
    box-shadow: 0px 0px 3px #186118;
}

@media screen and (max-width: 767px){
.intake-form-inner{ padding: 15px; }    
.intake-form-inner .wpcf7-submit {
    font-size: 14px !important;
    min-width: 117px !important;
    padding: 10px 10px !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
}


}



















.intake-form-inner .wpcf7-submit{
    border: 2px solid;
    color: #fff;
    background-color: #eebc0c;
    border-color: #eebc0c;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: none;
    min-width: 260px;
    padding: 14px 10px;
    border-radius: 15px;
    margin-top: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}


.intake-form-inner .wpcf7-submit:focus, 
.intake-form-inner .wpcf7-submit:hover{
    box-shadow: none !important;
    color: #fff;
    background-color: #186118 !important;
    border-color: #186118 !important;
}



.sec-get-app {background: #2b2b2b; padding: 0px 0px 80px 0px;}
.get-app-wrape { background: #f1f0f0;padding: 60px 60px 0 60px; position: relative;}
.get-app-wrape::before{ position: absolute; content: ""; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 158px; background: #305f24;}
.sec-block-header { text-align: center; margin-bottom: 45px;}
.sec-block-header h2{ font-weight: 300; text-transform: uppercase; font-size: 57px; color: #4b4a49;}

.app-title-main {
    text-align: center;
    text-transform: uppercase;
    font-size: 117px;
    color: #305f24;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-title-main img{ margin-right: 20px;}
.app-title-main span {line-height: 82px;margin-top: 10px;}

.card-store {text-align: center; margin-top: 38px;}
.card-store li{ margin-bottom: 30px;}

@media screen and (max-width: 991px){
.app-title-main img { margin-right: 15px; max-width: 270px;}
.app-title-main {font-size: 54px;}   
.app-title-main span {line-height: 38px;margin-top: 3px;}
}

@media screen and (max-width: 767px){
.get-app-wrape {padding: 15px 15px 0 15px;}
.sec-block-header {margin-bottom: 20px;}
.sec-block-header h2{ font-size: 40px;}
.app-title-main{ margin-bottom: 0px;}

.card-store li img{ max-width: 200px;}
.app-title-main img {margin-right: 11px; max-width: 180px;}
.app-title-main {font-size: 34px;}
.app-title-main span {line-height: 24px;}
.get-app-wrape::before { height: 40px; background: #305f24;}
.sec-get-app {
    padding: 0px 0px;
}

}


.app-hero-content img, .app-hero-content a {
    display: block;
    margin: 40px 0;
}

.app-hero {
    padding: 3em 2em 0;
    position: relative;
}

.preview-img {
    padding: 0 7em;
}

.app-introduction {
    background: #272727;
    padding: 40px 0;
}

.app-introduction p{
    font-size: 23px;
    color:white;
}

.app-preview {
    background: white;
    padding: 3em;
}

.flex-images {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-images .flex-item {
    padding: 0px 15px;
}

.app-preview-content {
    margin: 30px 0;
}

.app-preview-content h2 {
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 15px;
}

.app-preview-content p {
    font-size: 23px;
}

.app-description {
    padding: 10em 0;
    color: white;
    text-align: center;
}

.app-description h2 {
    color: #eab400;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px;
}

.app-description p {
    font-size: 23px;
}

.app-reviews {
    background: white;
    padding: 40px 0;
}

.app-reviews h2 {
    font-size: 40px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

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

.flex-reviews .review-item {
    flex-basis: 33%;
    background: #f0f0f0;
    padding: 30px;
    position: relative;
    margin: 15px;
    min-height: 365px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 0px 15px #c4c4c4;
}

.review-item h4 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    margin: 15px 0;
    color: #305f24;
}

.review-item p {
    font-size: 15px;
    font-weight: bold;
}

.flex-reviews img.stars {
    position: absolute;
    top: -25px;
}

@media screen and (max-width: 768px){
    .flex-reviews {
        flex-direction: column;
    }
    .flex-reviews .review-item {
        flex-basis: 100%;
        min-height: auto;
    }
}

.includedWrap table {
    max-width: 1250px;
}

.includedWrap table tr th, .includedWrap table tr td {
    width: inherit;
}

.includedWrap table tr td:nth-of-type(3), .includedWrap table tr th:nth-of-type(3) {
    background: rgb(48 95 36 / 7%);
}

.app-pricing{
    background: white;
    padding: 40px 0;
    text-align: center;
}

.flex-pricing {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 40px 0;
}

.flex-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 43%;
}

.flex-price .heading {
    width: 100%;
    background: #305f24;
    color: white;
    padding: 20px 0;
}

.flex-pricing .flex-price:last-of-type .heading {
    background: #eab400;
}

.price-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.price-wrap p {
    margin: 0;
    padding: 0;
}

p.pricing-content {
    font-size: 23px;
}

p.price {
    color: white;
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 33px;
}

@media screen and (max-width: 768px){
    .flex-pricing{
        flex-direction: column;
    }
    .flex-price{
        width: 100%;
        flex-basis: inherit;
        margin-bottom: 20px;
    }
}