@font-face {
    font-family: arBold;
    src: url(fonts/FTB.woff);
}

@font-face {
    font-family: arLT;
    src: url(fonts/FTL.woff);
}
@font-face {
    font-family: arNT;
    src: url(fonts/nt.woff);
}
@font-face {
    font-family: arNB;
    src: url(fonts/nr.woff);
}

body{font-family:'Nunito', 'Cairo', sans-serif; font-size:16px; overflow-x:hidden;color:#272727}
img {
  max-width: 100%;
  height: auto;
}
a, a:hover, a:active, a:focus{text-decoration:none;}

header .container{ font-weight:600; padding:36px 15px 35px;}
header a.btn {
  font-size: 16px;
  border-radius:20px;
  padding: 6px 18px;
  font-weight: bold;
  border: solid 0.5px #979797;
  width: 100px;
}
header a {text-decoration:none}
h2{line-height: 1.3em;}
.logo {
  max-width:174px;
}
.logo-mobile {
  max-width: 37px;
  margin-left: 5px;
}

.container-fluid{padding: 0 15px 0 0;}

.banner-sec{ position:relative; /* min-height:800px; */}
.banner-sec h2{ font-size:50px; /*font-weight:700;*/}
.banner-sec p{ font-size:24px; font-weight:400; line-height:36px;}
.banner-img{ position:absolute; right:1%; top:50px;}
.client_comment a {color:#9081f8;}
.shap-sec{position:relative; margin-bottom:5%; padding:3% 0 0 0;/* min-height:800px; */}
.shap-sec h2{ font-size:40px; /*font-weight:700;*/}
.shap-sec p{ font-size:18px; font-weight:400;}
.shap-img{ position:absolute; left:-45px; top:50px;}

.eat-sec{ position:relative; padding:3% 0 0 0;/* min-height:800px; */}
.eat-sec h2{ font-size:40px; /*font-weight:700;*/}
.eat-sec p{ font-size:18px; font-weight:400;}
.eat-img{ position:absolute; right:-140px; top:50px;}


.acc-sec{position:relative; padding:3% 0 0 0;/* min-height:800px; */}
.acc-sec h2{ font-size:40px; /*font-weight:700;*/}
.acc-sec p{ font-size:18px; font-weight:400;}
.acc-img{ position:absolute; left:-70px; top:50px;}
.acc-sec .container{min-height:550px; }


.success-sec{position:relative; padding:0 0 0 0;}
.success-sec h2{ font-size:40px; /*font-weight:700;*/}
.success-sec p{ font-size:18px; font-weight:400;}

.premium-sec{background:#9a8dfa; padding:10% 0 !important;}
.premium-sec h2{ font-size:40px; /*font-weight:700;*/ color:#fff}
.premium-sec p{ font-size: 18px; font-weight:400;color:#fff}

.premium-box{ border:2px solid #CCC; border-radius:10px; padding:75px 15px; min-height:350px; width:90%; margin: 0 auto;}


.health-sec{position:relative; padding:50px 0;}
.health-sec h2{ font-size:40px; /*font-weight:700;*/}
.health-sec p{ font-size:18px; font-weight:400;}

.banner{ background:url(/wp-content/themes/gymnadz/assets/images/mobile_bg.jpg) no-repeat 0 0; background-size: cover;}
.banner h2{ padding-top: 60%;}
.valign_bottom{ vertical-align: bottom;}
.get_btn{ background:#8f80f7; color:#fff; text-transform: uppercase; font-size:20px; padding:15px; border-radius:5px; font-weight:bold; display:block;}
.navbar .bottom_links{
  position: relative;
  width: 100%;
  display: block;
  margin-top: 300px;
  margin-bottom:20px;
  padding-left: 15px;
}
.get_btn:hover{color:#fff; text-decoration: none;}
.navbar .bottom_links a{ padding:10px 5px;}
.navbar .bottom_links a img{ width:40px;}
.navbar .bottom_links .copy{ font-size:12px; float:left; padding-top:5px;}
.mob_soc_links a img{ width:40px;}
.ms-partialview-template .ms-slide-info{margin: 2% 0;}
.ms-partialview-template .ms-slide-info p.client_comment{  font-size:18px; margin:0; padding-left:0; padding-right:0; padding-top: 15px; line-height: 28px; min-width:345px; max-width:345px; /*font-weight:600;*/}
.ms-partialview-template .ms-slide-info p.client{ font-style:italic; font-weight:600; font-size:18px; margin:0;}
.ms-partialview-template .ms-slide-info .client_bg{ background:url(/wp-content/themes/gymnadz/assets/images/ico_profile_story.png) no-repeat center center; height:93px;}
.ms-partialview-template .ms-slide-info p.client_location{font-weight:400; font-size:14px; margin:0;}

.custom-btn-group {
  background: #eeeff0;
  border-radius: 20px;
  margin-left: 20px;
}
.custom-btn-group .btn {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 100px;
  padding: 0;
  font-weight: bold;
}
.custom-btn-group .btn a {
  padding: 9px 17px;
  display: block;
}
.custom-btn-group .btn a:focus {
  color: #fff !important;
}
.custom-btn-group .btn.active {
  box-shadow: none;
}
.custom-btn-group .btn-default{
  border-radius:20px !important;
  background:none;
  border: 0 none;
  color: #a8a8ca;
}
.custom-btn-group .btn-default a{
  font-weight: 400;
  letter-spacing: -0.5px;
}
.custom-btn-group .btn-default:focus a {
  color: #ffffff !important;
}
.custom-btn-group .btn-primary{
  border-radius:20px !important;
  background-image: linear-gradient(to top, #3a414b, #5b636f);
  border: 0 none;
  font-weight: bold;
}
.custom-btn-group .btn+.btn{ margin-left:0;}
.custom-btn-group.btn-group>.btn:hover{background:transparent; box-shadow:none;}
.custom-btn-group.btn-group>.btn.active:hover{
    background-image: linear-gradient(to top, #3a414b, #5b636f);
}
.custom-btn-group.btn-group>.btn:focus{
    background-image: linear-gradient(to top, #3a414b, #5b636f);
}

.support_btn_desk, .support_btn{ border-radius:30px; padding:6px 20px !important;}

.logo_mobmenu{ display: block !important; text-align:center; }
.logo_mobmenu img{min-width:125px; width:125px;}
.logo_mobmenu:hover, .logo_mobmenu:active, .logo_mobmenu:focus{ background: transparent;}

.pricing_sec{ border:1px solid #cbeeb4; background:#f7fef2; border-radius:6px; color:#6e9f4f; padding:0; font-size:20px; max-width: 520px; margin: 40px auto 0;overflow: auto; display:none;}
.btn_price{background:#99c77a; font-size:12px; color:#fff; font-weight:bold; padding:2px 6px; border-radius:5px; float:right; margin-top: -8px;}
.mth_plan{border-right:1px solid #cbeeb4;padding:13px 15px; max-width:135px;}
.year_plan{border-right:1px solid #cbeeb4;padding:13px 15px; max-width: 195px;}
.free_plan{padding:13px 15px;}
.free_plan p{ margin:0;}
.pricing_sec p{font-size:20px; line-height:24px; margin:0;}
.pricing_sec .price{color:#b3cfa2; font-size:13px; margin: 0; padding-top:15px;line-height: 15px;}
.pricing_sec .price span{ text-decoration: line-through; font-weight: bold;}

.desk_rating span{vertical-align: sub;}

.content-sec ul li{ padding-bottom:5px;}
.content-sec ol li{ padding-bottom:5px;}
/*.banner-inner-sec .inner_img{ position:relative;}*/
.banner-inner-sec .inner_img{background-image: linear-gradient(to top, #3a414b, #5b636f);}
/*.banner-inner-sec img{ height:160px;}
.banner-inner-sec h2{position:absolute; left:5%; top:35px;font-size: 50px; font-weight: 700; padding: 0 10px;}*/
.banner-inner-sec h2{font-size: 36px; font-weight: 700; padding: 20px 10px; margin: 0; color:#fff;}


/* Accordion CSS */

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
  font-weight: 700;
  background-color: #eee;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
/* Accordion CSS End */

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*#wrapper.toggled { padding-right: 300px; }*/

#wrapper.toggled #sidebar-wrapper { height: 100%; }

#wrapper.toggled #page-content-wrapper {
  margin-right: -300px;
  position: absolute;
}

#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #fff;
  right: 300px;
  margin-right: -300px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  z-index: 1000;
  top: 67px;
  height: 0;
  min-height: auto;
  border: none;
}
#sidebar-wrapper::-webkit-scrollbar {
 display: none;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  background: #fff;
}


/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding:  0 0 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*.sidebar-nav li:first-child{ padding-top:60px;}

.sidebar-nav li:first-child a{
   border-top: 1px solid #ebebeb;
}*/

.sidebar-nav li {
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
}

.sidebar-nav li:before {
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  -webkit-transition: width 0.2s ease-in;
  background-color: #fff;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}


.sidebar-nav li:hover { background-color: #fff; }
.sidebar-nav li:before { background-color: #fff; }


.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav li a {
  color: #272727;
  display: block;
  padding: 13px 15px 13px 20px;
  text-decoration: none;
  font-size:18px;
  font-weight:bold;
}

.dropdown-item {
  color: #FFF !important;    
}

.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}

.sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
  background-color: #3f4651;
  color: #ffffff;
  text-decoration: none;
}


.sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
}

.sidebar-nav .logo_mobmenu{ display: block; text-align:center; padding: 8px;}
.sidebar-nav .logo_mobmenu img{min-width:115px; width:115px;}
.sidebar-nav .logo_mobmenu:hover, .sidebar-nav .logo_mobmenu:active, .sidebar-nav .logo_mobmenu:focus{ background: transparent;}
.fbold{font-size: 18px;font-weight: bold;}
.sidebar-nav .gta_mob{ text-align:center; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 5px 0 10px; margin-bottom:10px;}
.sidebar-nav .gta_mob a{ border:0 none; padding:5px 0;}
.sidebar-nav .gta_mob a:hover, .sidebar-nav .gta_mob a:focus, .sidebar-nav .gta_mob a:active{ background: transparent;}
.mob_menu_rating img{width:90px;}
.mob_menu_rating span{ font-size:13px; vertical-align: bottom;}



/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 22px;
  position: fixed;
  top: 22px;
  left:15px;
  width: 24px;
  z-index: 9999;
}
.hamburger:hover { outline: none; }

.hamburger:focus { outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  transform: translate3d(0, 0, 0);
  transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}


.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  transform: translate3d(-100px, 0, 0);
  transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  /*top: 0;*/
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  /*bottom: 0;*/
}

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background-color: #3f4651;
  top: 0px;
  border-radius: 5px;
}

.hamburger.is-closed .hamb-middle {
  background-color: #3f4651;
  margin-top: -2.5px;
  top: 50%;
  border-radius: 5px;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background-color: #3f4651;
  bottom: 0px;
  border-radius: 5px;

}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 24px;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #3f4651;
  margin-top: -2px;
  top: 50%;
   height:3px;
}

.hamburger.is-open .hamb-middle {
  background-color: #3f4651;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
   transform: rotate(-45deg);
  transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #3f4651;
  margin-top: -2px;
  top: 50%;
   height:3px;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  transform: translate3d(0, 0, 0);
  transition: all 0.35s ease-in-out;
  color: #8f80f7;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  transform: translate3d(-100px, 0, 0);
  transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.mob_none{
    display:none;
}





/* Button and Link Hover Transition */
a, button{transition: all ease 0.5s ;}
a:hover. button:hover{transition: all ease 0.5s ;}
a:hover, a:active, a:focus { outline: 0;}
a{color:#252525;}
a:hover{color:#fe6368;}
/* HR Line */
hr{ border-top: 1px solid #d7d7d7;margin-top: 10px; margin-bottom: 10px;}

/* Button */
.btn-primary{ background:#2376c4;}
.btn-primary:hover{ background:#0e5fab; }

.btn-warning{ background:#ffa030;}
.btn-warning:hover{ background:#ef860a; }

.btn-warning.bor{ background:#fff; color:#ffa030;}
.btn-warning.bor:hover{ background:#ffa030; color:#fff;}

.btn-success{ background:#549a26;}
.btn-success:hover{ background:#428317; }

label{font-weight:normal}

/* Bg Color */

.bg-yellow{background:#ff9c00}
.bg-w{background:#fff}
.bg-r{background:#AE0000}
.bg-g{background:#ececec}
.bg-g2{background:#f1f1f1 !important;}
.bg-ly{background:#eaeaea !important;}

.bg-none{ background:none !important;}

.bg-img-none{background-image:none !important;}



/* Border */
.b-none{border:0;}
.bl-none{border-left:0;}
.br-none{border-right:0;}
.bt-none{border-top:0;}
.bb-none{border-bottom:0;}

.br-none{border-radius:0;}
.br3{border-radius:3px;}

.bor-search{border:1px solid #fff}

.bor-g-r{border-right:1px solid #e2e2e2}
.bor-g-l{border-left:1px solid #e2e2e2}
.bor-top{border-top:1px solid #e2e2e2}
.bor-bot{border-bottom:1px solid #e2e2e2}

.d-none{ display:none;}
.d-block{ display:block;}
.dib{ display:inline-block;}

/* Font Size */
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}

.f-normal{ font-weight:400 !important}
.f400{font-weight:400;}
.f600{/*font-weight:600;*/}
.f700{font-weight:700;}
.f900{font-weight:900;}


/* Font Color */
.color-b{ color:#000;}
.color-g{ color:#353535;}
.color-g2{ color:#787878;}
.color-y{ color:#ff9c00 !important;}
.color-y2{ color:#9e6100 !important;}
.color-w{ color:#fff !important;}
.color-r{ color:#c20202 !important;}
.color-blue{ color:#2376c4 !important;}
.color-green{ color:#56741e !important;}
.color-green2{ color:#419100 !important;}



/* Padding */
.p1{ padding:1px;}
.p3{ padding:3px;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.pb25{ padding-bottom:25px;}
.ptb18{ padding-top:18px;padding-bottom:18px;}
.ptb20{ padding-top:20px;padding-bottom:20px;}
.pb20{padding-bottom:20px;}
.ptb25{padding-top:25px;padding-bottom:25px;}
.pt15{padding-top:15px;}
.padside15{padding-left:15px; padding-right:15px;}
.mt15{margin-top:15px;}

.ppt1{ padding-top:1%;}
.ppt2{ padding-top:2%;}
.ppt3{ padding-top:3%;}
.ppt4{ padding-top:4%;}
.ppt5{ padding-top:5%;}
.ppt12{ padding-top:12%;}
.padtp30p{ padding-top:30px;}
.padtp40p{ padding-top:40px;}

.ppb1{ padding-bottom:1%;}
.ppb2{ padding-bottom:2%;}
.ppb3{ padding-bottom:3%;}
.ppb4{ padding-bottom:4%;}
.ppb5{ padding-bottom:5%;}
.ppb10{ padding-bottom:10%;}
.ppb15{ padding-bottom:15%;}

.ppl1{ padding-left:1%;}
.ppl2{ padding-left:2%;}
.ppl3{ padding-left:3%;}
.ppl4{ padding-left:4%;}
.ppl5{ padding-left:5%;}

.ppr1{ padding-right:1%;}
.ppr2{ padding-right:2%;}
.ppr3{ padding-right:3%;}
.ppr4{ padding-right:4%;}
.ppr5{ padding-right:5%;}

.p-none{padding:0 !important;}
.pl-none{padding-left:0 !important;}
.pr-none{padding-right:0 !important;}

/* Margin */
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}

.ml5p{ margin-left:5px;}
.ml10p{ margin-left:10px;}
.ml15p{ margin-left:15px;}
.ml20p{ margin-left:20px;}

.mpt1{ margin-top:1%;}
.mpt2{ margin-top:2%;}
.mpt3{ margin-top:3%;}
.mpt4{ margin-top:4%;}
.mpt5{ margin-top:5%;}
.mpt8{ margin-top:8%;}
.mpt10{ margin-top:10%;}

.mpl1{ margin-left:1%;}
.mpl2{ margin-left:2%;}
.mpl3{ margin-left:3%;}
.mpl4{ margin-left:4%;}
.mpl5{ margin-left:5%;}
.mp30{ margin-left:30%;}

.mpr1{ margin-right:1%;}
.mpr2{ margin-right:2%;}
.mpr3{ margin-right:3%;}
.mpr4{ margin-right:4%;}
.mpr5{ margin-right:5%;}
.mpb1{ margin-bottom:1%;}
.mpb2{ margin-bottom:2%;}
.mpb3{ margin-bottom:3%;}
.mpb4{ margin-bottom:4%;}
.mpb5{ margin-bottom:5%;}
.mpb10{ margin-bottom:10%;}

.mt-none{margin-top:0;}
.m-none{margin:0 !important;}


.mlm1{ margin-left:-1px;}
.mmt2{margin-top:-2px;}
.mmt10{margin-top:-10px;}
.mmr15{margin-right:-15px;}
.mt3p{margin-top:3px;}

.w20{width:20% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}


.line-h{line-height:0px !important;}
.line-h18{line-height:18px;}
.line-h22{line-height:22px;}
.line-h34{ line-height: 34px;}

.dispinblk{display:inline-block;}

.mw345{ max-width:345px;    float: none;
    margin: 0 auto;
    text-align: center;}
.mw85{ max-width:85px;}




.lanugaue {
    list-style: none;
    text-align: center;
    color: white;
}
.lang-item{
    float: left;
    border-radius: 20px;
    background: #a094fa;
    padding: 7px;
    width: 55%;
    color: #FFF;
    z-index: 9999;
    box-shadow: 2px 2px 1px #888888;

}
.lang-item-ar{
    background: #dfdfe0;
    margin-left: -30px;
}

.slideInLeft {left: -3%;}
.slideInLeft1 {left: 0%;}
.slideInRight1 {right: -18%;}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
}

.nopadding {
   padding: 0 !important;
}
.nomargin {
   margin: 0 !important;
}
.vertical-align {
    display: flex;
    align-items: center;
}
hr { color:#0C0C0C;}
.grey-text{color:#525252}
.grey-text-footer {
    color: #9ca0a5;
    padding-bottom: 40px;
}
.grey-text-footer .copyright {
  direction: initial;
  font-family: 'Nunito', sans-serif;
}
.grey-text-footer a{color:#9ca0a5}
.mob_soc_links a {
  margin: 0 5px;
}
footer .menu-footer.nav>li>a {
    padding: 6px 0px 6px 0px;
}
.footer_download {
        background: #eee;
    color: #9ca0a5;
    padding: 6px;
}
.footer_download_link {
    color:#9ca0a5 !important;
    padding: 10px;
}
.bg-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.bg-section .section-content {
  display: flex;
  /*align-items: center;*/
}
.bg-section.section-about .section-content {
  align-items: flex-end;
}
.bg-section .section-header {
  color: #3a414b;
  font-weight: 800;
  font-size: 50px;
}
.bg-section .section-desc {
  color: #3a414b;
  font-size: 28px;
}
.bg-section.section-about {
  background-image: url('../images/bg-hero.png');
  padding-top: 200px;
  padding-bottom: 130px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.bg-section.section-about:before {
  width: 378px;
  height: 508px;
  content: "";
  background-image: url(../images/oval.png);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.section-gi-shape .container,
.section-get-inspired .container,
.section-eat-clean .container,
.section-get-healthy .container {
  max-width: 750px;
}
.section-gi-shape,
.section-get-inspired {
  background-image: linear-gradient(to bottom, #ffffff, #f1f3f5);
}
.section-eat-clean,
.section-get-healthy {
  background-image: linear-gradient(to bottom, #f1f3f5, #ffffff);
}
.gymnadz-img-mobile img {
  max-height: 458px;
}
.section-get-healthy .section-content {
  text-align: center;
}
.section-get-healthy .section-desc {
  margin: 0 auto;
  max-width: 580px;
}
.footer-top {
  padding-top: 60px;
}
.premium-modal {
  margin-top: 30px;
  margin-bottom: 30px;
}
.premium-modal .btn-premium {
  background-image: linear-gradient(108deg, #fe6168 27%, #ff9869 70%);
  border-radius: 2.5px;
  border: none;
  border: none;
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  padding: 9px 12px
}
.membership-section {
  max-width: 325px;
  margin: 0 auto;
  padding-top: 25px;
}
main.blog-main {
  max-width: 760px;
  margin: 0 auto;
}
.post .entry-header .entry-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 40px;
}
.post .entry-header .entry-title {
  color: #3a414b;
}
.single-content .post .post-thumbnail img.size-full {
  max-width: 100%;
  height: auto;
}
.single-content .post .entry-header .entry-title {
  margin-top: 25px;
  margin-bottom: 15px;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #bfbfbf;
  padding: 3px 5px;
  margin: 2px;
}
.box-paging .wp-pagenavi {
  text-align: center;
}
.box-paging .wp-pagenavi>.pages {
  display: none;
}
.box-paging .wp-pagenavi a, .box-paging .wp-pagenavi span {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 34px;
  padding: 0;
  border: 1px solid #fe6368;
  border-radius: 3px;
  overflow: hidden;
}
.box-paging .current {
  border: 1px solid #fe6368;
  background-color: #fe6368;
  color: #fff;
  border-color: #fe6368 !important;
}
.membership-payment-modal .modal-header {
  border: none;
  overflow: hidden;
  padding: 15px 35px 0;
}
.membership-payment-modal .modal-header .close {
  float: left;
  color: #3a414b;
  font-size: 50px;
  opacity: 0.5;
}
.membership-payment-modal .modal-header .close:hover {
  opacity: 1;
}
.membership-payment-modal {
  border-radius: 10px;
  overflow: hidden;
}
.membership-popup .choose-membership {
  display: block;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #ffffff, #f1f3f5);
  padding: 0 30px 30px;
}
.membership-popup .sign-in,
.membership-popup .sign-up {
  display: block;
  overflow: hidden;
  background-image: linear-gradient(to top, #ffffff, #f1f3f5);
  padding: 40px;
}
.membership-popup .choose-payment-method {
  display: block;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #ffffff, #f1f3f5);
  padding: 40px;
}
.membership-popup .process-payment-section {
  padding: 40px;
  background-image: linear-gradient(to top, #ffffff 59%, #f1f3f5);
}
.choose-payment-method .payment-method {
  box-shadow: 0 2px 11.5px 0 rgba(58, 65, 75, 0.14);
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px;
  margin-top: 25px;
}
.membership-list {
  display: block;
  overflow: hidden;
  padding: 0;
  margin-top: 20px;
}
.membership-list li {
  width: 50%;
  float: left;
  list-style: none;
  padding: 10px;
}
.membership-list li .membership-box {
  border-radius: 10px;
  box-shadow: 0 2px 7px 0 rgba(58, 65, 75, 0.14);
  background-color: #ffffff;
  height: 150px;
  padding: 20px;
}
.membership-list li:hover .membership-box,
.membership-list li.active .membership-box {
  box-shadow: 0px 0px 0px 6px #605353;
}
.membership-box {
  position: relative;
}
.membership-box .plan-name,
.membership-box .plan-price {
  font-size: 27px;
  font-weight: bold;
  color: #3a414b;
  margin: 0;
}
.membership-box .plan-price,
.membership-box .discount-percent {
  position: absolute;
  bottom: 20px;
}
.membership-box .discount-percent {
  right: 20px;
  margin: 0;
  width: 70px;
  bottom: 25px;
}
.membership-box .plan-discount {
  position: absolute;
  bottom: 60px;
  margin: 0;
  color: #bbbbbb;
}
.membership-box .plan-discount span {
  text-decoration: line-through;
}
.membership-box .discount-percent span {
  border-radius: 68px;
  box-shadow: 0 1.5px 2.5px 0 rgba(247, 124, 92, 0.2);
  background-image: linear-gradient(67deg, #fb4d5c -6%, #f68b5c 109%);
  text-shadow: 0 0.5px 1.5px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: bold;
}
.membership-popup .step-header {
  font-size: 32px;
  color: #3a414b;
  font-weight: bold;
}
.membership-payment-modal .modal-body {
  padding: 0;
}
.membership-signin,
.membership-signup {
  box-shadow: 0 2px 11.5px 0 rgba(58, 65, 75, 0.14);
  background-color: #ffffff;
  padding: 40px;
  border-radius: 10px;
  margin-top: 25px;
}
.membership-signin .form-control,
.membership-signup .form-control {
  box-shadow: none;
  height: 45px;
  font-size: 16px;
  color: #3a414b;
  text-align: center;
  direction: ltr;
}
.membership-signin .btn,
.membership-signup .btn {
  background-image: linear-gradient(to top, #3a414b, #5b636f);
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.membership-signin label.error,
.membership-signup label.error {
  color: #fa595c;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 0;
}
.membership-signup h5 {
  display: block;
  overflow: hidden;
  margin-top: 0;
  color: #0091ff;
  font-weight: 700;
}
.membership-signup h5 a {
  color: #0091ff;
  line-height: 20px;
}
.membership-signup .terms-policy {
  font-size: 11px;
}
.membership-signin .goto-new-account {
  font-size: 16px;
  margin-top: 15px;
}
.membership-signin .goto-new-account a {
  color: #fa595c;
  font-weight: bold;
}
.choose-payment-method .payment-method ul {
  padding: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
}
.choose-payment-method .payment-method ul li {
  padding: 10px 0;
  overflow: hidden;
}
.choose-payment-method .payment-method .radio img {
  max-height: 65px;
}
.process-payment-section .process-payment {
  padding: 20px 0;
  display: block;
}
.process-payment-section .process-payment .btn-checkout {
  background-image: linear-gradient(108deg, #fe6168 27%, #ff9869 70%);
  border-radius: 4px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  height: 70px;
  letter-spacing: -0.8px;
}
.custom-control-input {
  opacity: 0;
}
.custom-control-label::before {
  position: absolute;
  top: 16px;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #3a414b solid 1px;
  border-radius: 50%;
}
.custom-control-label::after {
  position: absolute;
  top: 23px;
  left: 7px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: no-repeat 50%/50% 50%;
  border-radius: 50%;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color: #3a414b;
}
.custom-radio {
  position: relative;
  display: block;
  padding-left: 70px;
}
.validmember {
  box-shadow: 0 2px 11.5px 0 rgba(58, 65, 75, 0.14);
  background-color: #ffffff;
  padding: 40px 60px;
  border-radius: 10px;
  margin-top: 25px;
}
.member-infor ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.member-infor ul li {
  color: #3a414b;
  font-size: 18px;
  font-weight: 600;
  margin: 7px 0;
}
.member-infor ul li .infolabel {
  opacity: 0.5;
}
.member-infor ul li .info.error {
  color: #fa595c;
}
.member-infor h5 {
  font-size: 18px;
  font-weight: bold;
  color: #3a414b;
  margin-bottom: 20px;
}
.member-infor h5 a {
  font-size: 18px;
  font-weight: 600;
  color: #0091ff;
}
#erroremail,
#infocreditaccount {
  display: block;
  color: #fa595c;
}
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}
footer .logo-footer {
    display: block;
    margin-bottom: 60px;
    justify-content: center;
}
footer .logo-footer img {
    max-width: 180px;
}
.ajax-load-more-content,
.ajax-load-more-wrap .alm-listing .alm-reveal {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.ajax-load-more-content .alm-reveal,
.ajax-load-more-wrap .alm-listing .alm-reveal .post {
  flex: 1 0 50%;
  padding: 15px;
  max-width: 50%;
}
.spanner{
  position:fixed;
  top: 50%;
  left: 0;
  background: #2a2a2a55;
  width: 100%;
  display:block;
  text-align:center;
  height: 100vh;
  color: #FFF;
  transform: translateY(-50%);
  z-index: 1000;
  visibility: hidden;
  z-index: 1060;
}

.overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  visibility: hidden;
  z-index: 1060;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.show{
  visibility: visible;
}
.spanner, .overlay{
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.spanner.show, .overlay.show {
  opacity: 1
}

@media screen and (max-width: 991px) {
  header.header-main {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
  }
  .banner-sec{ padding-top:74px;}
  .banner-inner-sec{ margin-top:74px;}
  .banner-inner-sec h2 {
    font-size: 28px;
  }
 .container {
    width: 100%;
    margin: 0 auto;
  }
  .banner h2{
      font-size:36px;
  }
  /*.banner p{
      font-size:24px;
  }*/
  header .container {
    font-weight: 600;
    padding: 16px 25px 15px 65px;
  }
  header .container .row {
    display: flex;
    align-items: center;
  }
  .premium-box:first-child{
    margin-bottom:30px;
  }
  .topmrg{
    margin-top:1px !important;
  }
  .desk_lft_mob_cen{
    text-align: center;
  }
  .support_btn{
    border-color: #272727;
    color:#272727 !important;
    padding:6px 20px;
  }
  .copy{
    color:#272727;
  }
  .copy p {
    line-height: 40px;
    margin-bottom: 0;
  }
  .pad_mob_none{padding:0;}
  .mob_store_btn a img{width:250px;}
  .mob_rating span{ font-size:18px; vertical-align: sub;}
  .ms-partialview-template .ms-slide-info{
    left:0%;
  }
  .ms-partialview-template .ms-slide-info p.client_comment, .mw345{ max-width:90%; /*left:10%;*/ text-align:center;  margin: 0 auto;}
  #primary {
    margin-top: 67px;
  }
}

@media screen and (max-width: 767px) {
  .eat-sec-desktop {
    visibility: hidden;
    display: none;
  }
  .slideInLeft {left: -24%;}
  .slideInLeft1 {left: -2%;}
  .slideInRight1{ overflow:hidden; right:inherit; margin-left: 24%;}
  .slideInRight1 img{ max-width:120%;}
  .pricing_sec{ text-align:center;}
  .pricing_sec p{ font-size:18px;}
  .mth_plan{ max-width:inherit;  width:30%; min-height: 165px;}
  .year_plan{ max-width:inherit; width:35%; min-height: 165px;}
  .free_plan{ max-width:inherit; width:35%;}
  .btn_price{display: block; width: 60px; margin: 8px auto 0; float: none; font-size:15px;}
  .pricing_sec .price{padding-top:0;}
  .free_txt{ font-weight:bold; padding-top:6px; text-transform:uppercase; display:block;}
  .mob_soc_links a img{ width:36px;}
  .banner{ background-size: cover;}
  .container{ overflow:hidden;}
  .bg-section .section-header {
    font-size: 30px;
  }
  .bg-section .section-desc {
    font-size: 20px;
  }
  .bg-section.section-about .section-content {
    display: block;
  }
  .post .entry-header .entry-title {
    font-size: 15px;
    line-height: 22px;
  }
  .single-content .post .entry-header .entry-title {
    font-size: 24px;
    line-height: 32px;
  }
  .membership-popup .choose-membership {
    padding: 0 5px 10px;
  }
  .membership-popup .sign-in,
  .membership-popup .sign-up,
  .membership-popup .choose-payment-method {
    padding: 15px;
  }
  .membership-popup .process-payment-section {
    padding: 15px 15px 40px;
  }
  .membership-signin, .membership-signup {
    padding: 20px;
  }
  .membership-list li .membership-box {
    padding: 10px;
  }
  .membership-box .plan-name, .membership-box .plan-price {
    font-size: 20px;
  }
  .membership-popup .step-header {
    font-size: 22px;
  }
  .bg-section.section-about:before {
    background-image: url(../images/oval-mobile.png);
    right: 0;
    left: unset;
    width: 220px;
    height: 300px;
  }
  footer .logo-footer img {
    max-width: unset;
    height: 34px;
  }
  #gymnadz-membership-modal .modal-dialog {
    margin: 10px 0;
  }
  .couponbox #searchbtn {
    font-size: 16px !important;
  }
  .couponbox .form-control {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 575px) {
  .bg-section .section-header {
    font-size: 25px;
    margin-top: 0px;
  }
  .bg-section .section-content .col-xs-7 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .bg-section .section-desc {
    font-size: 16px;
  }
  .bg-section.section-about .section-desc {
    font-size: 18px;
  }
  .gymnadz-img-mobile img {
    max-height: 228px;
  }
  .bg-section.section-gi-shape .section-header {
    text-shadow: none;
    -webkit-text-stroke: unset;
  }
}

@media screen and (max-width: 600px) {
  .logo {
    min-width: 150px;
  }
  .custom-btn-group .btn{
    width:75px;
    font-size:13px;
  }
  header a.btn {
    font-size: 13px;
    padding: 5.5px 18px;
  }
  .custom-btn-group .btn a {
    padding: 6px 10px;
  }
  header .container {
    padding: 17px 25px 16px 65px;
  }
  .bg-section.section-about {
    background-image: url(../images/bg-hero-mobile.png);
    padding-top: 190px;
    padding-bottom: 50px;
    background-size: contain;
  }
  .membership-section {
    padding-top: 0;
  }
}
@media screen and (max-width: 567px) {
  .mob_store_btn a img{width:49%;}
  .mob_store_btn a{ padding:0;}
}

@media screen and (max-width: 479px){
  .banner-sec {
    padding-top: 49px;
  }
  .banner-inner-sec{ margin-top:49px;}
  .custom-btn-group {
    margin-left: 30px;
  }
  .custom-btn-group .btn {
    width: 65px;
    font-size: 11px;
  }
  .custom-btn-group .btn a {
    padding: 8px 5px;
  }
  header a.btn {
    font-size: 13px;
    padding: 5.5px 15px;
    width: 85px;
  }
  .logo {
    min-width: 100px;
  }
  .support_btn{
    font-size: 12px !important;
    padding: 5px 10px;
    border-color: #272727;
    color:#272727 !important;
  }
  .banner img, .xsmob_only img{ max-width:49%;}
  .padside_xs_none{ padding-right:0 !important; padding-left:0 !important;}
  .mob_store_btn a img{width:49%;}
  .mob_store_btn a{ padding:0;}
  .mob_rating img{width:90px;}
  .mob_rating span{ font-size:13px; vertical-align: bottom;}
  .hamburger {
    height: 20px;
    top: 23px;
    width: 22px;
  }
  .bg-section.section-about:before {
    background-image: url(../images/oval-mobile.png);
    right: 0;
    left: unset;
    width: 130px;
    height: 179px;
  }
  .bg-section.section-about {
    background-size: contain;
  }
  .premium-modal .btn-premium {
    font-size: 16px;
    padding: 14px 12px;
  }
  .membership-list li .membership-box {
    height: 120px;
  }
  .membership-list li:hover .membership-box, .membership-list li.active .membership-box {
    box-shadow: 0px 0px 0px 4px #605353;
  }
  .process-payment-section .process-payment .btn-checkout {
    height: 50px;
    font-size: 18px;
  }
  .membership-box .discount-percent {
    width: 44px;
    bottom: 20px;
  }
  .membership-box .discount-percent span {
    font-size: 13px;
    line-height: 22px;
  }
  .membership-box .plan-discount {
    bottom: 48px;
  }
}

@media screen and (min-width: 768px) {
.ms-partialview-template .ms-slide-info{
    left:0;
}
}

@media screen and (min-width: 992px) {
  .eat-sec-mobile {
    visibility: hidden;
    display: none;
    /* your any other css styles */
  }
 .topmrg {
    /*margin-top:12px !important;*/
  }
  .header-logo {
    /*margin-top: 5px;*/
  }

.hamburger { display:none;
}
.mob_none{
    display:block;
}
.desk_none{
    display:none;
}
.banner-sec{
    margin-top: 4%;
}
/*.desk_lft_mob_cen{
    text-align: left;
}*/
.ms-partialview-template .ms-slide-info{
    left:2%;
}
.ms-partialview-template .ms-slide-info p.client_comment{
    max-width: 410px;
}
.mw345{
    max-width:410px;
}
.acc-sec .container, .eat-sec .container, .shap-sec .container{
    max-width:100%;
    /*width:100%;*/
    padding:0;
}
}
@media screen and (min-width: 1024px) {
.ms-partialview-template .ms-slide-info{
    left:4%;
}
}

@media screen and (min-width: 1200px) {
  .ms-partialview-template .ms-slide-info{
    left:9%;
  }
  .bg-section.section-about {
    padding-top: 220px;
    padding-bottom: 150px;
    background-size: cover;
  }
  .bg-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1400px) {
.ms-partialview-template .ms-slide-info{
    left:12%;
}
  .bg-section.section-about {
    padding-top: 250px;
    padding-bottom: 180px;
  }
}
@media screen and (min-width: 1600px) {
  .ms-partialview-template .ms-slide-info{
      left:14%;
  }
  .bg-section.section-about {
    padding-top: 270px;
    padding-bottom: 200px;
    background-size: contain;
  }
  .bg-section.section-about:before {
    left: 50%;
    margin-left: -706px;
  }
}
@media screen and (min-width: 1800px) {
.ms-partialview-template .ms-slide-info{
    left:16%;
}
  .bg-section.section-about {
    padding-top: 300px;
    padding-bottom: 230px;
    background-size: contain;
  }
  .bg-section.section-about:before {
    left: 50%;
    margin-left: -759px;
  }
}
@media screen and (min-width: 2000px) {
  .bg-section.section-about:before {
    left: 50%;
    margin-left: -757px;
  }
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 1050px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
    footer .logo-footer img {
        max-width: 260px;
    }
  .section-gi-shape .col-xs-7,
  .section-get-inspired .col-xs-7,
  .section-eat-clean .col-xs-7 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (orientation:landscape) {
    .mth_plan{ max-width:inherit; border-bottom: 0 none; border-right: 1px solid #cbeeb4; width:21%; padding: 10px;}
    .year_plan{ max-width:inherit; border-bottom: 0 none; border-right: 1px solid #cbeeb4; width:37%; padding: 10px;}
    .free_plan{ max-width:inherit; width:42%; padding: 10px;}
}
.banner-sec .joinbtn{
     width: 78%;
   /*background-image: linear-gradient(to bottom, #fe5d68, #ff8b69);*/
    background:url(../images/join-bg.png) repeat-x;
    height:45px;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
   /* float: left;*/
    font-size: 20px;
    font-weight: 600;
    list-style: outside none none;
    margin: 0 0 20px;
    padding:7px 0px;
    border:none;
}

.banner-sec .joinbtn-ar{
    width: 72%;
    /*background-image: linear-gradient(to bottom, #fe5d68, #ff8b69);*/
    background:url(../images/join-bg.png) repeat-x;
    height:45px;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    list-style: outside none none;
    margin: 0 0 20px;
    padding:7px 0px;
    border:none;
}


@media (min-width:768px) and (max-width:810px){
    .banner-sec .joinbtn{
        width:70%;
    }
    .banner-sec .joinbtn-ar{
        width:64%;
         margin: 0 0 20px -25px;
    }
}

@media (min-width:900px) and (max-width:981px){
    .banner-sec .joinbtn{
        width:60%;
    }
    .banner-sec .joinbtn-ar{
        width:57%;
         margin:0 0 20px -25px;
    }
}

@media (min-width:481px) and (max-width:670px){
    .banner-sec .joinbtn{
        width:91%;
    }
    .banner-sec .joinbtn-ar{
        width:88%;
         margin:0 0 20px -20px;
    }
}

@media (min-width:231px) and (max-width:480px){
    .banner-sec .joinbtn,.banner-sec .joinbtn-ar{
        width:98%;
    }

}

.membership-box .discount-percent.applied-coupon span {
  background: #b6ed72;
  color: #000;
}
.couponbox {
  margin: -4px;
  padding-bottom: 20px;
}
.couponbox .form-group {
  margin:0;
  padding:20px ;
  &:first-child { border-color: transparent; }
}
.couponbox .form-control {
  padding: 0px 10px 0 20px;
  margin-top: 10px;
  color: #000000;
  font-size: 20px;
  border: 1px solid #979797;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  min-height: 50px;
  height: auto;
}
.couponbox .form-control::-webkit-input-placeholder {
color: #3a414b;
}
.couponbox .form-control:-webkit-input-placeholder {
color: #3a414b;
}
.couponbox .form-control::-moz-placeholder {
color: #3a414b;
}
.couponbox .form-control:-ms-input-placeholder {
color: #3a414b;
}
.couponbox .form-control:-moz-placeholder {
color: #3a414b;
}
.couponbox .form-control::placeholder {
color: #3a414b;
}
.couponbox .form-control.error::-webkit-input-placeholder {
  color: #f8745c;
}
.couponbox .form-control.error:-webkit-input-placeholder {
  color: #f8745c;
}
.couponbox .form-control.error::-moz-placeholder {
  color: #f8745c;
}
.couponbox .form-control.error:-ms-input-placeholder {
  color: #f8745c;
}
.couponbox .form-control.error:-moz-placeholder {
  color: #f8745c;
}
.couponbox .form-control.error::placeholder {
  color: #f8745c;
}
.couponbox .form-control.success {
  background-color: #b6ed72;
  border-radius: 16px !important;
  border-right: 1px solid #979797;
}
.couponbox .form-control.success::-webkit-input-placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .form-control.success:-webkit-input-placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .form-control.success::-moz-placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .form-control.success:-ms-input-placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .form-control.success:-moz-placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .form-control.success::placeholder {
  text-align: center;
  color: #000000;
}
.couponbox .input-group.success {
  display: block;
  overflow: hidden;
}
.couponbox .form-control :focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
}
.couponbox #searchbtn { 
  border: 0;
  padding: 0px 10px;
  margin-top: 10px;
  color: #f8745c;
  background: #fff;
  font-size: 22px;
  font-weight: 700;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 50px;
  height: auto;
}
.couponbox #searchbtn:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
}
.coupon-message {
  font-size: 18px;
  font-weight: 600;
  background-color: #f56767;
  color: #FFF;
  padding: 10px;
  border-radius: 14px;
  margin: 20px 10px;
  text-align: center;
}

.couponbox-en #searchbtn {
  border-radius: 0 16px 16px 0 !important;
  border-left: none;
  border-color: #979797;
}
.couponbox-ar #searchbtn {
  border-radius:  16px 0 0 16px !important;
  border-right: none;
  border-color: #979797;
}
.couponbox-en .form-control {
  border-radius: 16px 0 0 16px !important;
  border-right: none;
}
.couponbox-ar .form-control {
  border-radius:  0 16px 16px 0 !important;
  border-left: none;
  direction: ltr;
  text-align: right;
}
.couponbox-ar .form-control.success {
  border-left: 1px solid #979797;
}

.alm-listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* Responsive */
@media (max-width: 768px) {
  .alm-listing {
    grid-template-columns: 1fr;
  }
}