/*Theme Name: Nourish Genie
Author: Team Nourish Genie
Author url: http://nourishgenie.com/
Version: 1.0
Template: nourish*/

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em !important;
    line-height: 1.4; 
    overflow-y: scroll !important;
  }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #fff;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

 fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
  resize: vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Regular.ttf');
  }

  @font-face {
    font-family: Lato-Light;
    src: url('../fonts/Lato-Light.ttf');
  }



/* ==========================================================================
   Global classes
   ========================================================================== */
   body {
    font-family: Lato !important;
  }

  .close {
    z-index: 999999;
  }

  .error {
    color: red !important;
  }

  .success{
    color: green !important;
  }

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

  .color-wh {
    color: #fff;
  }

  .color-bk {
    color: #000;
  }
  .dib {
    display: inline-block;
  }

  .vat {
    vertical-align: top;
  }

  .vab {
    vertical-align: bottom;
  }

  .mt25 {
    margin-top: 25px;
  }

  .mt20 {
    margin-top: 20px;
  }

  .mt15 {
    margin-top: 15px;
  }

  .mt10 {
    margin-top: 10px;
  }

  .mt5 {
    margin-top: 5px;
  }

  .ml5 {
    margin-left: 5px;
  }

  .mt0 {
    margin-top: 0 !important;
  }

  .pt25 {
    padding-top: 25px;
  }

  .pt20vh {
   padding-top: 20vh;
 }

 .pt25vh {
  padding-top: 25vh !important;
}

.pt30vh {
  padding-top: 30vh;
}

.strong {
  font-weight: 600;
  text-shadow: 0px 0px;
}

.rb-shadow {
  box-shadow: 4px 3px 10px #888888;
}

.first-li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.last-li {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.vai {
  vertical-align: initial !important;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.orange {
  color: #e75a39;
}

.ml20 {
  margin-left: 20px !important;
}

.xdsoft_autocomplete {
  display: inline !important;
}

.w150 {
  width: 150px !important;
}
.w160 {
  width: 160px !important;
}
.w100 {
  width: 100px !important;
}
.w100p {
  width: 100% !important;
}
.w220 {
  width: 220px !important;
}
.w370 {
  width: 370px !important;
}

.mw450 {
  max-width: 450px;
}

.hover-orange:hover {
 background-color: black;
 color: #fff;
 transition: 0.5s all;
}
.started-submit .hover-orange:hover {
  color: #fff !important;
  border: 1px solid #6e716b !important;
  background: #6e716b !important;

}

select {
  cursor: pointer;
}

/*required start*/
.material.required label:before ,
.form-group.required label:before ,
.form-group-radio.required label:before ,
.material-select.required:after
{
  content: '*';
  color: red;
  font-size: 16px;
}

.material-select.required:after {
  display: inline-block;
  margin-top: -19px;
  font-size: 16px;
}

/************************ forms ******************************************/


.form-group  input[type="checkbox"] {
  border-radius: 50% !important;
  /*margin-left: 0 !important;*/
}

  .material-input {
    position: relative;
    margin-top: 12px;
  }

  .material-input label{
    position: absolute;
  }

  /*-----------------------modal styling-------------------------------------*/

  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -moz-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;

    animation-name: animatetop;
    animation-duration: 0.4s
  }

  /* Add Animation */
  @-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
  }

  @keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
  }

  /* The Close Button */
  .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-header {
    padding: 2px 16px;
  }

  .modal-body {padding: 2px 16px;}

  .modal-footer {
    padding: 2px 16px;
  }
  /*-----------------------responsive globals--------------------------------*/

  .img-responsive {
    width: 100%;
    height: auto;
  }

  /*-----------------------Sign in popup----------------------------------*/


  .sign-up-form-left,
  .sign-up-form-right {
    width: 50%;
    float: left;
    padding: 5px 20px 50px 25px;
  }

  .sign-up-form-right .form-group  {
     margin-top: 25px;
  }



  /*-----------------------full screen video----------------------------------*/

  video#bgvid,video#bgvid2 {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /*z-index: -100;*/
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: no-repeat;
    background-size: cover;
  }

  /*-----------------------header styling--------------------------------------*/
  .outer-container { width: 100%; }

  .wrapper {
    width: 96%;
    max-width: 1170px;
    margin: 0 auto;
  }

  header .wrapper {
    margin-bottom: 16px;
  }

  header {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 500;
  }

  .logo {
    float: left;
    width: 18.80%;
  }

  header h1 {
    margin-top: 17px;
  }

  nav {
    display: inline-block;
    margin-top: 43px;
    width: 66.6%;
    font-size: 0;
  }

  nav li {
    display: inline-block;
    margin-right: 2.5%;
  }

  .current-nav a {
    color: #f48121;
  }

  nav li a {
    font-family: lato;
    font-size: 9px;
    color: #231f20;
    transition: 0.5s all;
    letter-spacing: 0px;
    text-decoration: none !important;
  }

  nav li a:hover {
    color: #f48121;
  }

  .app-links {
    float: right;
    width: 14.50%;
    position: relative;
  }

  .app-links li {
   display: inline-block;
   width: 45%;
 }

 .app-links li img {
    width: 100%;
 }

 .user-message {
  position: absolute;
  top: 18px;
  font-size: 14px;
  font-family: lato;
}

.user-message a {

 color: #e75a39;
 margin-left: 20px;

}

.app-links ul {
 position: absolute;
 top: 38px;
 width: 100%;
}

.social-nav {
  position: absolute;
  right: 3%;
  margin-top: 20px;
}

.feeds {
  background: url('../img/header/social.png') no-repeat -1px 0;
  width: 14px;
  height: 14px;
}

.facebook {
  background: url('../img/header/social.png') no-repeat -5px -27px;
  width: 7px;
  height: 14px;
}

.twitter {
  background: url('../img/header/social.png') no-repeat 0 -55px;
  width: 16px;
  height: 13px;
}

.youtube {
  background: url('../img/header/social.png') no-repeat -1px -88px;
  width: 14px;
  height: 10px;
}

.tumbrl {
  background: url('../img/header/social.png') no-repeat -1px -110px;
  width: 14px;
  height: 14px;
}

.social-nav a {
  display: inline-block;
}

.social-nav a:hover {
  box-shadow:2px -1px 5px #888888;
  opacity: 0.7;
}

.social-nav li {
  border-bottom: solid #706c6c 1px;
  margin-top: 5px;
}

.social-nav li:last-child {
  border-bottom: none;
}

#popup1 {
  overflow: scroll;
}

/*-----------------------header styling ends----------------------------------*/

/*************************footer styling***************************************/
footer {
  background-color: #eaeced;
}
.footer-wrapper {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 25px;
  padding-top: 50px;
}

footer .footer-wrapper > div {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  font-weight: 700;
  margin: 0 1%;
}

footer .footer-heading {
  color: #231f20;
  font-size: 10px;
  font-family: lato;
}

footer a {
  color: #231f20;
  font-family: lato;
  font-size: 10px;
  font-weight: 400;

}

.footer .sitemap {
  margin-left: 5%;
}

footer .sitemap ul {
 margin-top: 28px;
}

footer .terms-condition ul {
  margin-top: 180px;
}

footer .stay-connected {
	width: 40% !important;
  padding-top: 70px !important;
  border-right: solid black 2px;
  outline: none !important; 
}

footer .stay-connected > div {
	/**margin-top: 113px;**/
	margin-top: 32px;
}

footer input {
  outline: none !important;
  border: none !important;
  border-bottom: 1px solid #f1710a !important;
}

footer .stay-connected label {
  font-size: 14px !important;
}

footer .footer-inputs {
	width: 100%;
}

footer .subscribe-newsletter {
  background-color: #241f20;
  color: #fff;
  display: inline-block;
  margin-top: 15px;
  padding: 7px 10px;
  outline: none;
  border-bottom: 1px solid #241f20 !important;
}

.email_footer{
	width: 270px !important;
}

.captcha_footer_design{
	transform: scale(0.9);
	margin-top: 1%;
	margin-left: -5%;
}

/***************************footer styling ends*******************************/

/*.video-wrapper {
  padding-top: 78px;
}*/

.video {
  /*background: url('../img/-clip-group-.png') no-repeat center center fixed;*/
  /*background-size: cover;*/
  /*background: url('../img/-clip-group-.png') no-repeat center center;*/
}

.video-jumbotron {
  color: #000;
  padding-top: 0vh;
  width: 16%;
  margin: 0 auto;
  /*top: 0px;*/
}

.video-slogan {
  font-size: 45px;
  font-family: Lato;
}

.video-instruction>.video-heading{
  font-size:20px;
  margin-top: 11px;
  color: #f16503;
  /*color: white;*/
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Lato-Light;
  cursor: pointer;
}

.video-controll {
  display: inline-block;
  font-size: 54px;
  margin-top: -10px;
}

.page-down-controll {
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}

.page-down-controll p {
  /*background-color: #F6441D;*/
  display: inline-block;
  font-size: 14px;
  padding: 3px;
  color: black;
}

.page-down-controll .down-arrow {
 font-size: 50px;
 line-height: 25px;
}

/*-----------------------eat delet section styling ends----------------------------------*/

.error_page {
  background: url('../img/ea-delete-bg.jpg') no-repeat center center fixed;
  background-size: cover;*/
}

.eat-delet {
  background: url('../img/ea-delete-bg.jpg') no-repeat center center fixed;
  background-size: cover;*/
}

.eat-delet-single.active {
  background: url('../img/ea-delete-bg.jpg') no-repeat center center fixed;
  background-size: cover;*/
}

.eat-delete-content {
  width: 90%;
  margin: 0 auto;
  max-width: 1250px;
}

.eat-delete-content > div {
  display: inline-block;
  width: 48%;
}

.eat-delete-left {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
  /*max-width: 350px;*/
}

.eat-delete-right {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
  /*max-width: 350px;*/
}

.eat-delete-content-header {
  font-family: Lato;
  font-size: 30px;
  color: #000;
}

.eat-delete-content-middle {
  font-family: Lato;
  font-size: 14px;
  color: #000;
}

.eat-delete-content-middle p {
  margin-top: 15px;
}

.eat-delete-content-footer {
  margin-top: 30px;
}

.eat-delete-content-footer a {
 color: #fefefe;
 font-family: "Sweet Sans Pro";
 font-size: 16px;
 font-weight: 500;
 background-color: #241F20;
 padding: 8px 15px;
}

.eat-delete-img-home {
  box-shadow: -1px 4px 9px #888888;
}

/*-----------------------health calculator styling ----------------------------------*/

.calculator {
 background: url('../img/strawberry-bg.jpg') no-repeat center center fixed;
 background-size: cover;
}

.calculator-single.active {
 background: url('../img/strawberry-bg.jpg') no-repeat center center;
 background-size: cover;
}

.calculator-wrapper {
  /*padding-top: 0vh;*/
  width: 80%;
  margin: 0 auto;
}

.health-calculator-header-name {
  color: #bbc2c7;
  font-family: Lato;
  font-size: 12px;
  line-height: 31.9px;
  padding-left: 5%;
  border-bottom: solid #bbc2c7 1px;
  padding: 8px 0 8px 5%;
}

.water-calculator .health-calculator-name {
  color: #1c53e8;
  font-size: 34px;
  font-weight: 400;
  line-height: 34.01px;
}

.health-calculator-left,
.health-calculator-right {
 width: 50%;
 padding-top: 50px;
 float: left;
 vertical-align: top;
}

.health-calculator-left {
  border-right: solid #ecf1f5 1px;
}

.health-calculator-right > div {
 padding-left: 10%;
}

.health-calculator-logo {
  margin-top: 25px;
}

.health-calculator-qt {
  width: 65%;
  margin: 25px auto;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  color: #32394d;
}

.health-calculator-right-text {
  color: #56585c;
  font-size: 12px;
}

input,textarea {
  color: #FF7D00;
}

.health-calculator-right p {
  font-size: 16px;
  /*text-transform: uppercase;*/
  color: #56585c;
}

.health-calculator-footer {
  border-top: solid #ecf1f5 1px;
}

.health-calculator-footer > div {
  float: left;
}

.health-calculator-footer-left {
  width: 50%;
  border-right: solid #ecf1f5 1px;
}

.health-calculator-footer-left > div {
  display: inline-block;
}

.dots {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  margin-left: 18%;
}

.next {
  float: right;
}

.popup {
  padding: 0 !important;
}

.left-arrow,
.right-arrow {
  border: solid #ecf1f5 1px;
  padding: 12px;
  border-collapse: collapse;
}

.health-calcilator-footer-right {
  width: 50%;
}

.calculate-btn {
  float: left;
  width: 50%;
  padding: 13px 0;
  text-align: center;
  cursor: pointer;
}

.food .health-calculator-name {
  color: #11D11F;
}
.weight .health-calculator-name {
  color: #E9342C;
}
.bmi .health-calculator-name {
  color: #F48424;
}

.calculator-info {
 color: #cd2018;
}

.calculator-info > div {
  display: inline-block;
  vertical-align: top;
}

.calculator-heading {
  width: 44%;
}

.calculator-heading p {
  font-size: 30px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
}

.calculator-text {
  width: 46%;
}

.calculator-text p{
  font-size: 14px !important;
}

.calculator-wrapper {
  width: 80%;
  margin: 0 auto;
}

.calculators > div {
  float: left;
  width: 20%;
  background-color: #fff;
  margin-left: 5%;
}

.lw {
  width: 45%;
  display: inline-block;
  padding: 10%
}

.calculator span {
  color: #32394d;
  font-size: 18px;
  padding-left: 5%;
}

.calculators {
  margin-top: 10vh;
}
.calculate-submit{
    background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
    border-bottom-right-radius: 8px;
}
#cal-try{
  display: none;
  float: right;
}

.retry-button{
    background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
    border-bottom-right-radius: 8px;
}

#cal-submit{
  float: right;
}


/*-----------------------how it works styling ----------------------------------*/
.how-works {
  background: url('../img/how-works/tommato-bg.jpg') no-repeat center center fixed;
  background-size: cover;
  z-index: 99999;
}

.how-works-single.active {
  background: url('../img/how-works/tommato-bg.jpg') no-repeat center center fixed;
  background-size: cover;

}

.how-works-wrapper {
     /*width: 54%;
     margin:0 auto;
     padding-top: 170px;*/
   }

   .how-works-info {
    /*padding: 0 7%;*/
  }

  .how-works-info > div {
    /*display: inline-block;
    vertical-align: top;*/
    color: #2f9c48;
    font-family: Lato;
  }

  .how-works-heading {
  /*  width: 39%;
  text-align: center;*/
}

.how-it {
  font-size: 28px;
  line-height: 25px;
}

.shop-programm-title {
  font-size: 41px;
  line-height: 40px;
}

.subscription {
  margin-top: 3px;
}

.price-rupee {
  margin-top: 2px;
}

.packages {
  font-size: 13px;
}

.how-it-p {
  font-size:13px;
}

.how-works-para {
    /*width: 50%;
    margin-left: 9%;
    font-size: 14px;
    line-height: 19px;*/
  }

  .how-works-actions {
    margin: 45px auto;
    width: 90%;
  }

  .section-common-wrapper {
    width: 54%;
    margin:0 auto;
    padding-top: 25vh;
  }

  .section-common-heading {
    width: 39%;
  }

  .section-common-para {
    width: 50%;
    margin-left: 9%;
    font-size: 14px;
    line-height: 19px;
  }

  .section-common-info > div {
    display: inline-block;
    vertical-align: top;
  }

  /*-----------------------Shop your programm styling ----------------------------------*/

  .shop-programm {
    background: url('../img/kivi-bg.jpg') no-repeat center center fixed;
    background-size: cover;
    /*padding-top: 150px; */
  }

  .shop-programm-single.active, .testimonials-home-single.active {
    background: url('../img/kivi-bg.jpg') no-repeat center center fixed;
    /*padding-top: 150px; */
	background-size: cover;
  }

  .shop-programm .shop-programm-wrapper {
    padding-top: 30vh;
  }

  .buy-programm-btn {
    background-color: #384966;
    padding: 5px 7px;
    color: #fff !important;
    width: 40% !important;
  }

  .buy-programm-btn-li {

    width: 40% !important;
  }

  .gift-voucher {
    background-color: #FF7D00;
    width: 125px;
    color: #fff;
    font-family: Lato;
    position: absolute;
    top: 68px;
    right: 14%;

  }

  .gift-voucher-header,.gift-voucher-main {
    padding: 0px 8px 8px 8px;
  }

  .gift-voucher h2 {
    font-size: 49px;
    font-weight: 300;
  }

  .gift-voucher-header p {
    font-size: 13px;
    font-weight: 900;
  }

  .gift-voucher-main p {
    font-size: 16px;
    font-weight: 900;
    line-height: 17px;
  }

  .voucher-send {
    color: #FF7D00;
    background-color: #fff;
    padding: 1px 17px;
    border: none;
  }

  .gift-voucher-main input {
    width: 100%;
    border: 0;
    background-color: inherit;
    border-bottom: solid #fff 1px;
    outline: none;
  }

  .gift-voucher-main input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 11px;
  }
  .gift-voucher-main input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-size: 11px;
  }
  .gift-voucher-main input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    font-size: 11px;
  }
  .gift-voucher-main input[type="text"]:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-size: 11px;
  }

  .gift-voucher-main form {
    margin-top: 8px;
  }

  .shop-programm-wrapper {
    color: #384966;
  }

  .shop-programm-wrapper .section-common-para {
    margin-left: 3%;
  }

  .shop-programm a, .shop-programm-single a, .testimonials-home-single a{
    font-size: 14px;
    font-weight: 400;
    color: #384966;
    font-family: lato;
  }

  .shop-programm a span.second , .shop-programm-single a span.second, .testimonials-home-single a span.second {
    font-weight: 700;
  }

  .shop-programm li , .shop-programm-single li, .testimonials-home-single li {
    display: inline-block;
    width: 21%;
    /*margin-right: 15%;*/
    margin-top: 20px;
    line-height: 16px;
    vertical-align: top;
    margin-left: 5%;
    margin-right: 5%;
  }

  .shop-programm li .top-border , .shop-programm-single li .top-border, .testimonials-home-single li .top-border{
    border-top: solid #384966 2px
  }

  .programm-li {
    /*width: 80%;*/
    /*margin: 20px auto 0 7%;*/
  }
  /********************************about styling*******************************/

  body.about {
    /*background: url('../img/how-works/tommato-bg.jpg') no-repeat center center fixed;*/

    background: url('../img/how-works/tommato-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .about-section-single, .about-section {

   background: url('../img/about/about-bg-img1.jpg') no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;

 }

 .about-wrapper {
  width: 60%;
  margin: 0 auto;
  padding-top: 94px;
}

.about-column {
 width: 19%;
 float: left;
 /*background-color: #fff;*/
 margin-left: 1%;

 padding: 0px 0 10px 0;
}

.nourish-genie-btn:hover{
	background: linear-gradient(-5deg, #f47b0a 30%, #ff3c00 72%) !important;
	color: white !important;
}

.about_seperator{
	border: 1px solid #f47d1a !important;
}

.cross_button{
	width: 23px;
	height: 23px;
	background-color: #f47d1a;
	float: right;
	border-radius: 50%;
	margin-top: -1.5%;
	padding-left: 6px;
	font-weight: bold;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

.column-section {
  margin-top: 6px;
}

.column-section-heading {
  padding-top: 22px;
  color: #231f20;
  font-family: Lato;
  font-size: 17px;
  font-weight: 300;
}

.column-section-hr{
  height: 1px;
  width: 100%;
  background-color: black;
  margin: 20px 0;
}

.column-para,.column-read-more {
  color: #231f20;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.column-read-more {
  margin-top: 10px;
  display: inline-block;
  transition: 0.5s all;
}

.column-read-more:hover {
  color: #f48121;
}

.column-inner-wrapper {
  padding: 0 7%;
  background: #fff;
}

#about-read-more {
  height: 100%;
  overflow-y: scroll;
}

.about-read-more-popup .package-info {
  padding: 0 0 20px 0;
  color: #231f20;
}

.about-read-more-popup .about-read-more-title {
  padding-top: 25px;
}

.about-read-more-content > p {
  padding-top: 15px;
  font-size: 14px;
}

.about-read-more-title p {
  /*width: 73%;*/
  /*margin: 0 auto;*/
  padding-bottom: 10px;
  border-bottom: solid black 1px;
  font-size: 17px;
}

.about-read-more-conten-wrapper {
  width: 40%;
  margin: 0 auto;
  padding-bottom: 35px;

}

.column-section-footer {
  padding-bottom: 20px;
}

.baskerville {
 font-family: 'Libre Baskerville', serif;
 font-style: italic;
 font-size: 19px;
 line-height: 25px;
 color: #231f20;
 padding: 16px 15px 30px 15px;
 border-top: solid #edb8ff 4px;
}



/********************************faq styling*******************************/
body.faq {
  background: url('../img/strawberry-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.faq-wrapper {
  width: 90%;
  margin: 0 auto;
  margin-top: 110px;
}

.faq-heading {
  font-size: 50px;
    padding: 35px 0;
    color: #f48121;
    /*border-bottom: 2px solid #f48121;*/
    padding-bottom: 0px !important;
    width: 30%;
}

.faq-column {
	/*display: inline-block;*/
	/*width: 18%;*/
	height: auto;
}

.faq-section{
  /*margin-top: 10px;*/
  background-color: #fff;
  padding: 5%;
      -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.faq-section .faq-section-heading {
  color: #f48121;
  font-family: Lato;
  font-size: 17px;
  /*font-weight: 900;*/
  line-height: 17px;
}

.faq-section-para {
  margin-top: 15px;
  font-size: 12px;
  line-height: 17px;
  word-wrap: break-word;
}

.faq-title h2 {
  font-size: 72px;
  font-weight: 900;
  margin-bottom: 35px;
}

.faq-column {
 vertical-align: top;
 margin-right: 1%;
}

/***************************get started stylings****************************/

body.get-started-body {
  background: url('../img/strawberry-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*.get-started-body header .wrapper {
  margin-bottom: 0;
  }*/

  .get-started-wrapper {
    margin-top: 110px;
    margin-bottom: 30px
  }

  .get-started-content {
   width: 40%;
   margin: 0 auto;
 }


 .get-started {
  float: left;
  width: 80%;
}

.get-started li {
  float: left;
  background-color: #F2F0F1;
  padding: 30px 8%;
  color: #fff;
  cursor: pointer;
}

.get-started-current {
 background-color: #9FA1A4 !important;
}

.get-started-content .form-group {
  /*margin-top: 10px;*/
}
.get-started-content form label {
  /*width: 25%;*/
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  /*vertical-align: -webkit-baseline-middle;*/
}

.get-started-content form input[type="text"],.get-started-content select {
  /*width: 60%;*/
  border: 0;
  background-color: inherit;
  border-bottom: solid black 1px;
  /*margin-left: 5%;*/
  outline: 0;
}

.get-started-content form input[type="email"]{
	border-bottom: solid black 1px;
}

.get-started-content form input[type="number"]{
	border-bottom: solid black 1px;
}

.get-started-content form input[type="radio"] + label {
  width: initial;
}

.form-group-radio span, .form-group-radio input {
  vertical-align: -webkit-baseline-middle;
}

.ml5p {
  margin-left: 5%;
}

.agree {
  font-size: 10px;
}

.get-started-one-h {
  margin-left: 29%;
  font-size: 30px;
  font-weight: 300;
}

.started-submit a,.started-submit .started-submit-btn {
  padding: 5px 8px;
  color: black ;
  /*border: solid black 1px ;*/
  width: initial;
  text-decoration: none !important;
  font-size: 14px !important;
}

.started-submit {
  margin-top: 20px !important;
}

.submit-contact{
  padding: 7px;
    border: none;
    border-radius: 10px;
  }    
  
.get-started-four .get-started-one-h {
 text-align: center;
 width: 50%;
 margin: 0 auto;
 border-bottom: solid black 1px;
 padding-bottom: 15px;
 margin-bottom: 25px;
}

.thanks-reg-completed {
  color: #f48322;
  font-family: Lato;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
}

.watch-buttons > div {
  display: inline-block;
}

.watch-in-english a {
 background-color: white;
 color: black;
 padding: 5px 12px;
}

.watch-in-hindi a {
 background-color: white;
 color: black;
 padding: 5px 12px;
}

.watch-in-hindi {
  margin-left: 5px;
}

.btn_act {
  background-color: black;
  color: white;
  padding: 5px 12px;
}

.btn_act a {

  background-color: black;
  color: white;
}

.proceed-warning {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  margin-top: 15px;
}


/*get started two*/
.get-started-content-two {
  width: 70%;
}

.plan {
  float: left;
  width: 24%;
  margin-right: 0.5%;
  font-size: 14px;
}

.started-plans .plan > div {
  background-color: #fff;
  padding: 3px 5%;
  margin-top: 3px;
}

.plan-header {
  font-weight: 600;
}

.step-completed {
  background-color: #FF7D00 !important;
}

.get-started-two .started-two-form .form-group {
 display: inline-block;
 vertical-align: top;
 width: 48%;
}

.started-two-form .error {
  padding-left: 0px;
}

/*.get-started-two .form-group input {
  width: 65% !important;
  }*/

  .get-started-two .form-group .started-submit-btn {
    width: initial !important;
  }

  /*get started three*/

  .get-started-three {
    width: 75%;
    margin: 0 auto;
  }


  .subscription-detail > div,.personal-detail > div{
    padding: 0 6%;
    font-size: 14px;
    margin-top: 15px;
  }

  .subscription-detail-heading,.personal-detail-heading {
    margin-top: 15px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
    padding: 5px 6% !important;
  }

  .sum {
    height: 1px;
    /* border-top: solid black 1px; */
    /* padding: 14px 0; */
    background-color: black;
    margin: 15px 0;
  }

  .personal-detail-heading {
    margin-top: 25px;
  }

  /*Buy books sections*/

  .buy-books {
    background: url('../img/fix-fruits-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .buy-books-wrapper {
    width: 70%;
    margin: 0 auto;
    margin-top: 120px;
    background-color: #f4f4f4;;
    padding: 30px 0;
  }

  .buy-book-title {
        text-align: center;
    font-size: 25px;
    color: #f48121;
  }

  .buy-books-left,.buy-books-right {
    width: 43%;
    display: inline-block;
    vertical-align: top;
    padding: 0 3%;
  }

  .buy-books-right {
    width: 48%;
  }

  .buy-books-heading {
    font-size: 30px;
  }

  .book-info {
    font-size: 14px;
  }

  .book-desc {
    width: 60%;
    vertical-align: top;
    margin-left: 5%;
    font-size: 14px;
  }

  .buy-book-now {
    color: black;
    border: solid black 1px;
    padding: 6px 13px;
  }

  .book-img {
    box-shadow: -2px 3px 10px #888888;
    width: 28%;
  }

  .buy-book-now-container h2 {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-top: 50px;
    color: #000;
  }



  .buy-book-now-container form {
        display: inline-block;
    width: 65%;
    vertical-align: top;
    padding: 0 10%;
  }


  .buy-book-now-container .get-started-two .started-two-form .form-group {
    width: 100%;
  }

  .buy-books .get-started-wrapper {
    width: 60%;
  }

  .book-details {
        display: inline-block;
    width: 30%;
    padding: 0 5%;
  }

  .buy-books .get-started-content {
    width: 100%;
  }

  /***********************sign up form*********************************/



  .radio {
    margin-top: 15px;
  }

  .radio-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 6.33px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 22px;
    width: 22px;
    transition: all 0.15s ease-out 0s;
    /*background: #cbd1d8;*/
    border: none;
    /*color: #fff;*/
    cursor: pointer;
    display: inline-block;
    /*margin-right: 0.5rem;*/
    margin: 0 4px 0 8px;
    outline: none;
    position: relative;
    /*z-index: 1000;*/
    border: solid black 1px;
    border-radius: 50%;
  }
  .radio-input:hover {
    background: #9faab7;
  }
  .radio-input:checked {
    background: #f48121;
    color: black;
  }
  .radio-input:checked::before {
    height: 22px;
    width: 22px;
    position: absolute;
    content: ' ';
    display: inline-block;
    font-size: 20.66667px;
    text-align: center;
    line-height: 19px;
	border-radius: 20px !important
  }
  .radio-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #f48121;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
	border-radius: 20px !important;
  }
  .radio-input.radio {
    border-radius: 50%;
  }
  .radio-input.radio::after {
    border-radius: 50%;
  }

  input[type="checkbox"] {
    border-radius: 0% !important;
    margin-left: 0 !important;
  }

  .agreement {
    font-size: 10px;
    color: black;
    line-height: 14px;
    display: inline-block;
    width: 85%;
    vertical-align: -18px;
  }

  .policy-agree {
    color: #000000;
    width: 94%;
    font-size: 10px;
  }


  .sign-in-form {
    width: 70%;
    margin: 0 auto;
  }

  .sign-in-button {
    width: 77%;
  }

  .reg_header {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
    color: #e75a39;
  }

  /*************************success-stories styling****************************/

  .success-stories-info {
    color: #8aadcd;
  }

  .success-wrapper {
        width: 65%;
    margin: 0 auto 0 10%;
  }

  .success-stories-info.section-common-info {
   padding: 0 0;
 }

 .success-stories-banner {
   position: relative;
 }
 .success-stories-banner-info {
   width: 32%;
   position: absolute;
   top: 10%;
   left: 5%;
 }

 .success-stories-banner-text {
   font-size: 12px;
   color: #fff;
 }

 .success-stories-banner-name {
   font-size: 27px;
   color: #fff;
   position: absolute;
   z-index: 500000000;
   bottom: 8%;
   left: 5%;
 }

 .success-persons-left {
   width: 74%;
   background-color: #87a9cf;
   color: #fff;
   float: left;
 }

 .success-persons-right {
   width: 25.8%;
   background-color: #d9e9e6;
   vertical-align: top;
   float: right;
   font-size: 0;
 }

 .success-li-left {
   width: 30%;
   display: inline-block;
   vertical-align: top;
   font-size: 12px;
   margin-left: 6%;

 }

 .success-li-left > p , .success-li-left ul li:last-child{
  border-bottom: solid #fff 1px;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.success-li-right {
 width: 49%;
 display: inline-block;
 vertical-align: top;
 font-size: 12px;
 margin-left: 8%;
}

.success-persons-left > ul > li {
 padding-top: 30px;
 padding-bottom: 20px;
 border-bottom: solid #d9e9e6 2px;
}

.success-persons-right li {
    width: 40%;
    margin: 10% 5% 10% 5%;
    display: inline-block;
}

.success-persons-right li img {
border-radius: 50%;
}

.nourish-superstar {
  font-size: 12px;
  margin-top: 5px;
}

.nourish-list {
  width: 50% !important;
}

.nourish-list-para {
  margin-left: -1%;
}

/*******************contact us********************************************/

.contact-us .how-works-heading p {
  color: #f48121;
}

.contact-us .how-it {
  font-size: 35px;
  line-height: 40px;
}

.contact-us {
  background: url('../img/strawberry-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contact-info .how-works-para ul {
  font-size: 12px;
}


.contact-info .how-works-para ul li {
  margin-top: -3px;
}

.contact-us-left {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.contact-us-right {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}

.contact-us-left form {
  width: 85%;
}

.contact-us-left form > div input, .contact-us-left form > div textarea  {
  width: 100%;
  padding: 5px;
  border: none;
}

.contact-us-left form > div textarea  {
  height: 100px;
}

.contact-us-left form > div input::-webkit-input-placeholder, .contact-us-left form > div textarea::-webkit-input-placeholder {
  color: #58595b;
}

.contact-address {
  color: #58595b;
}

/*******************blog********************************************/

.blog {
  background: url('../img/blog-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.blog-front {
 background: url('../img/strawberry-bg.jpg') no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.blog-wrapper {
  width: 92%;
  margin: 0 auto;
}

.blog-banner {
  background-color: #e6e7e8;
  position: relative;
}

.blog-left {
  width: 54%;
  float: left;
}

.blog-right {
  width: 44%;
  float: right;
}

.blog-banner-left {
  width: 68%;
}

.blog-banner-right {
  width: 31%;
  color: #414042;
  font-size: 12px;
}

.blog-banner-inner {
  margin-left: 10px;
  margin-top: 10px;
}

.blog-banner-quote {
  clear: both;
  position: absolute;
  bottom: 20%;
  left: 58%;
  width: 30%;
  font-size: 20px;
  color: #414042;
}

.blog-quote-text {
  margin-top: -24px;
}

.blog-text {
  background-color: white;
  padding: 0 5% 0 20%;
  color: #414042;
}

.blog-text-p {
  padding-top: 10px;
}

.blog-right {
  background-color: #fff;
  color: #414042;
}

.blog-box {
  width: 48%;
  padding: 5%;
  float: left;
}

/*******************profile steps********************************************/

.profile-steps {
  background: url('../img/bg.jpg') no-repeat center center fixed;
  /*background: url('../img/fix-fruits-bg.jpg') no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.profile-wrapper {
  padding-top: 110px;
}

.sub-header {
  width: 100%;
  font-size: 18px;
  background-color: #F1F1F1;
  padding: 10px;
  margin: 10px 0;
}

.material .material-select > label, .material .material-input label {

}

/* ==========================================================================
   Media queries
   ========================================================================== */

   @media only screen and (max-width: 1050px) {
     nav li {
      margin-left: 2%;
    }
  }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.full-section-img {
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  height: 100vh;
}


.overlay {
  position: fixed;
  top: 12vh;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  overflow: scroll;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  width: 60%;
  position: relative;
  transition: all 5s ease-in-out;
  max-width: 700px;
}


.popup .close {
  position: absolute;
    top: 15px;
    right: 10px;
    transition: all 200ms;
    text-decoration: none;
    color: #333;
    background-color: #f4f4f4;
    line-height: 18px;
}
.popup .close:hover {
  color: red;
}
.popup .content {
  /*max-height: 30%;*/
  /*overflow: auto;*/
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}


/***********************slides********************************/

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
  /*display: none;*/
}

/* Next & previous buttons */
  /*.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 60%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
  }
  */
  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
    cursor: pointer;
  }

  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }

  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

  /* The dots/bullets/indicators */
  .dot {
    cursor:pointer;
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .dot>.active, .dot:hover {
    background-color: #717171 !important;
  }

  .dot>.active{
    background-color: #717171 !important;
  }

  /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }

  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  /*Font media queries*/
  @media only screen and (min-width: 1550px) {

    header .wrapper {
      max-width: initial !important;
    }

    .faq-section .faq-section-heading,.column-section-heading {
      font-size: 20px;
      line-height: 20px;
    }

    .faq-section-para,.column-para {
      font-size: 16px;
    }

    nav li a {
      font-size: 12px;
    }

    .section-common-para {
      font-size: 18px;
      line-height: 25px;
    }

    .how-it,.shop-programm-title{
      font-size: 38px;
      line-height: 35px;
    }

    .shop-programm a, .shop-programm-single a, .testimonials-home-single a{
      font-size: 21px;
      font-weight: 400;
    }

    .calculator-text {
      font-size: 24px;
    }

    .eat-delete-content-middle {
      font-size: 18px;
    }

    /*.section-common-wrapper {
      padding-top: 5vh;
    }*/

	.section-common-wrapper{
		padding-top: 0vh;
	}

	.shop-programm li, .shop-programm-single li, .testimonials-home-single li{
		display: inline-block;
		width: 18%;
		/* margin-right: 15%; */
		margin-top: 20px;
		line-height: 25px;
		vertical-align: top;
		margin-left: 7%;
		margin-right: 7%;
	}

  .contact-info .how-works-para ul{
    font-size: 22px;
    line-height: 35px;
  }

  }


  .font-lato {
    font-family: Lato !important;
  }

  .lato-light {
    font-family: Lato-Light !important;
  }

  .form_input .material-input{
   margin-left: 0% !important;
 }

 .select2_option{
   margin-left: 0% !important;
 }

#how-it-works-popup {
	visibility: visible;
	opacity: 1;
	z-index: 1000;
}

.ui-widget-content{
	overflow: auto !important;
	overflow-x: hidden !important;
	max-height: 250px !important;
}

.health-calculator-header-name {
  color: #bbc2c7;
  font-family: Lato;
  font-size: 12px;
  line-height: 31.9px;
  padding-left: 5%;
  border-bottom: solid #bbc2c7 1px;
  padding: 8px 0 8px 5%;
}

.water-calculator .health-calculator-name {
  color: #42a5f5;
  font-size: 34px;
  font-weight: 400;
  line-height: 34.01px;
}

.health-calculator-left,
.health-calculator-right {
 width: 50%;
 padding-top: 50px;
 float: left;
 vertical-align: top;
}

.health-calculator-left {
  border-right: solid #ecf1f5 1px;
}

.health-calculator-right > div {
 padding-left: 10%;
}

.health-calculator-logo {
  margin-top: 25px;
}

.health-calculator-qt {
  width: 60%;
  margin: 25px auto;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  color: #32394d;
}

.health-calculator-right-text {
  color: #56585c;
  font-size: 12px;
}

input {
  color: #FF7D00;
}

.health-calculator-right p {
  font-size: 16px;
  /*text-transform: uppercase;*/
  color: #56585c;
}

.health-calculator-footer {
  border-top: solid #ecf1f5 1px;
}

.health-calculator-footer > div {
  float: left;
}

.health-calculator-footer-left {
  width: 50%;
  border-right: solid #ecf1f5 1px;
}

.health-calculator-footer-left > div {
  display: inline-block;
}

.dots {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  margin-left: 18%;
}

.next {
  float: right;
}

.popup {
  padding: 0 !important;
}

.left-arrow{
  border-bottom-left-radius: 8px;
}

.left-arrow,
.right-arrow {
  border: solid #ecf1f5 1px;
  padding: 12px;
  border-collapse: collapse;
}

.left-arrow:hover,
.right-arrow:hover {
  cursor: pointer;
}

.health-calcilator-footer-right {
  width: 50%;
}

.get_food_data {
   margin-top: -20px;
}

.calculate-btn {
  float: left;
  width: 50%;
  padding: 13px 0;
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
    border-bottom-right-radius: 8px;
}

#food_name{
	z-index: 800;
}

.food .health-calculator-name {
  color: #11D11F;
}
.weight .health-calculator-name {
  color: #E9342C;
}
.bmi .health-calculator-name {
  color: #F48424;
}

.calculator-info {
 color: #cd2018;
}

.calculator-info > div {
  display: inline-block;
  vertical-align: top;
}

.calculator-heading {
  width: 44%;
}

.calculator-heading p {
  font-size: 30px;
  text-align: center;
  font-weight: 300;
}

.calculator-text {
  width: 46%;
  margin-top: 4px !important;
}

.calculator-wrapper {
  width: 80%;
  margin: 0 auto;
}

.calculators > div {
  float: left;
  width: 20%;
  background-color: #fff;
  margin-left: 5%;
}

.lw {
  width: 45%;
  display: inline-block;
  padding: 10%
}

.calculator span {
  color: #32394d;
  font-size: 18px;
  padding-left: 5%;
}

.calculators {
  margin-top: 10vh;
}
/*.calculate-submit{
    background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
    border-bottom-right-radius: 8px;
}*/
#how-it-works-popup {
	visibility: visible;
	opacity: 1;
	z-index: 1000;
}

.ui-widget-content{
	overflow: auto !important;
	overflow-x: hidden !important;
	max-height: 385px !important;
  
}
 .select2-container .select2-selection--single .select2-selection__rendered{
   padding-left: 0% !important;
 }

#ui-id-1{
  height: 207px !important;
  width: 297px !important;
  border: 1px solid #c5c5c5;
  position: fixed !important; 
  font-size: 16px !important;
  background-color: white !important;
  padding: 3px !important;
}

#ui-id-1>.ui-menu-item:hover{
  cursor: pointer !important;
  background-color: #4285d8 !important;
  color: white !important;
  padding: 3px !important;
}

.ui-helper-hidden-accessible{
  display: none;
}
/*************** health calculator css ***********/
/*.overlay {
  top: 10vh;
}*/

.health-calculator-header-name {
  color: #bbc2c7;
  font-family: Lato;
  font-size: 12px;
  line-height: 31.9px;
  padding-left: 5%;
  border-bottom: solid #bbc2c7 1px;
  padding: 8px 0 8px 5%;
}

.water-calculator .health-calculator-name {
  color: #42a5f5;
  font-size: 26px;
  font-weight: 400;
  line-height: 34.01px;
}

.health-calculator-left,
.health-calculator-right {
   width: 50%;
   padding-top: 25px;
   float: left;
   vertical-align: top;
       padding-right: 20px;
}

.health-calculator-left {
  border-right: solid #ecf1f5 1px;
}

/*.health-calculator-right > div {
// padding-left: 10%;
}*/

.health-calculator-logo {
  margin-top: 25px;
}

.health-calculator-qt {
  width: 65%;
  margin: 25px auto;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  color: #32394d;
}

.health-calculator-right-text {
  color: #56585c;
  font-size: 12px;
}

input {
  color: #FF7D00;
}

.health-calculator-right p {
  font-size: 16px;
  /*text-transform: uppercase;*/
  color: #56585c;
}

.health-calculator-footer {
  border-top: solid #ecf1f5 1px;
}

.health-calculator-footer > div {
  float: left;
}

.health-calculator-footer-left {
  width: 50%;
  border-right: solid #ecf1f5 1px;
}

.health-calculator-footer-left > div {
  display: inline-block;
}

.dots {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  margin-left: 18%;
}

.next {
  float: right;
}

.popup {
  padding: 0 !important;
}

.left-arrow,
.right-arrow {
  border: solid #ecf1f5 1px;
  padding: 12px;
  border-collapse: collapse;
}

.health-calcilator-footer-right {
  width: 50%;
}

.calculate-btn {
  float: left;
  width: 50%;
  padding: 13px 0;
  text-align: center;
  cursor: pointer;
}

.food .health-calculator-name {
  color: #11D11F;
}
.weight .health-calculator-name {
  color: #E9342C;
}
.bmi .health-calculator-name {
  color: #F48424;
}

.bmr .health-calculator-name {
  color: #c06bc3;
}

.calculator-info {
   color: #cd2018;
}

.calculator-info > div {
  display: inline-block;
  vertical-align: top;
}

.calculator-heading {
  width: 44%;
}

.calculator-heading p {
  font-size: 30px;
  text-align: center;
  font-weight: 300;
}

.calculator-text {
  width: 46%;
}

.calculator-wrapper {
  width: 80%;
  margin: 0 auto;
}

.calculators > div {
  float: left;
  width: 15%;
  background-color: #fff;
  margin-left: 5%;
  cursor: pointer;
}

.lw {
  width: 45%;
  display: inline-block;
  padding: 10%
}

.calculator span {
  color: #32394d;
  font-size: 18px;
  padding-left: 5%;
}

.calculators {
  margin-top: 10vh;
}
/*.calculate-submit{
    background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
    border-bottom-right-radius: 8px;
}*/
.food-detail{
  font-size:11px !important;
  font-weight: bold;
}

/***************** css for shop programm gift section **************/

.gift-voucher-list li{
	display: inline-block;
	width: 22% !important;
	/* margin-right: 15%; */
	margin-top: 2% !important;
	line-height: 16px;
	vertical-align: top;
	margin-left: 5% !important;
	margin-right: 0% !important;
}

.orange-button-gift{
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
    color: white;
	text-transform: capitalize;
	border-radius: 5px 5px 0px 0px;
	border: none;
	padding-bottom: 8px;
	padding-top: 15px;
	padding-left: 18%;
	padding-right: 18%;
	font-size: 14px;
	width: 120%;
	outline: none !important;
	box-shadow: none;
}

.orange-button-gift:hover{
	margin: -24px 0px 0px 0px;
	height: 63px;
}

.registration_section_1{
	background: url('../img/registration/registration_background.png') no-repeat center center fixed;
    background-size: cover;*/
    /*padding-top: 150px; */
}

.package-offer{
	text-align: center;
	font-weight: bold;
	color: black;
	word-spacing: 3px;
	font-size: 17px;
}

.about-pooja-image{
	float: right;
}

/*********************** sign up pop up css ***************/

.popup-Header {
	background: #F4F4F2;
	position: relative;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

.popup-Header .modal-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 15px;
	background: #E4E4E2;
	cursor: pointer;
	color: #aaa;
	font-size: 16px;
}

.popup-Body {
	padding: 20px;
}
/* Social Login Form */

.social-login {}

.social-login .social-box {
	display: block;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	background: #F4F4F2;
	overflow: hidden;
}

.social-login .icon {
	display: block;
	width: 35px;
	padding: 5px 10px;
	margin-right: 10px;
	float: left;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}

.social-login .fb .icon {
	background: #3B5998;
}

.social-login .google .icon {
	background: #DD4B39;
}

.social-login .icon-title {
	display: block;
	padding: 5px 0;
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #777;
}

.social-login .social-box:hover {
	background: #E4E4E2;
}

.centered-Text {
	text-align: center;
	margin: 20px 0;
	clear: both;
	overflow: hidden;
	text-transform: uppercase;
}

.action-btns {
	clear: both;
	overflow: hidden;
}

.action-btns a {
	display: block;
}

.one-half {
	width: 50%;
	display: block;
	float: left;
}

.one-half.last {
	width: 45%;
	margin-left: 5%;
}

.user-login {
	display: none;
}

.user-login label {
	display: block;
	margin-bottom: 5px;
}

.user-login input[type="text"],
.user-login input[type="email"],
.user-login input[type="password"] {
	display: block;
	width: 90%;
	padding: 10px;
	border: 1px solid #DDD;
	color: #666;
}

.user-login input[type="checkbox"] {
	float: left;
	margin-right: 5px;
	margin-top: 1%;
  position: relative;
}

.user-login input[type="checkbox"]+label {
	float: left;
  padding-left: 0px !important;
}

.user-login .checkbox {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

.forgot-password {
	display: block;
	margin: 20px 0 10px;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	color: #ED6347;
}

.btn {
	//padding: 10px 20px;
	background: #cfd0ce;
}

.btn-red {
	background: #ED6347;
	color: #FFF;
	border: none;
	width: 100%;
}

.btn-red:hover {
	background: #C12B05;
}

a.btn {
	color: #666;
	text-align: center;
	text-decoration: none;
}

a.btn-red {
	color: #FFF;
}

.forgot-password-div{
	display: none;
}

.reset-password-text{
	font-family: Lato-regular;
	font-weight: bold;
	text-transform: capitalize;
}

.corporate-genie-header{
	padding: 10px 20px;
	padding-bottom: 0px;
}

.center-Text{
	text-align: center;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}

.genie-title{
	text-align: center;
	color: #F38323;
	font-size: 23px;
	font-family: Lato;
	text-transform: uppercase;
}

.hr-corporate-genie{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #f48121;
	padding: 0;
}

.genie-heading{
	text-align: center;
	margin-top: 3%;
}

.label-corporate-genie{
	text-align: center;
	text-transform: uppercase;
	color: #D0D0D0;
}

.field-corporate-genie{
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	margin: 2%;
}

/************** corporate-genie-modal css *************/
.corporate-genie-modal{
	width: 40% !important;
	border-radius: 7px;
}

.close-popup-button{
	float: right;
	padding: 12px;
	cursor: pointer;
}

.popup-Header-for-genie{
	position: relative;
	padding: 5px 0px;
	text-align: center;
}

.logo-img{
	margin-left: 7%;
	padding-top: 5%;
}

@media only screen and (min-width: 1550px) {
	.logo-img{
		margin-left: 4% !important;
	}
}

.close-popup-button:hover{
	color: #06D85F;
	cursor: pointer;
}

.hr-corporate-genie-pop{
	border: 1px solid #f4f2f3;
}

.hr-corporate-genie-active{
	border: 1px solid #f69336;
}

.gift-popup{
	width: 50% !important;
}

.firend-refer-name{
	text-transform: uppercase;
	color: #fd4d01;
	font-weight: bold;
}

.corporate-genie-gift{
	text-align: center;
	font-family: Lato;
	font-size: 15px;
}

.gift-body{
	position: relative;
	padding: 15px !important;
	padding-bottom: 0px !important;
}

.back-website-button{
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	border: none;
	color: white;
	font-weight: bold;
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.back-website-button:hover{
	color: white;
	font-weight: bold;
	background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
}

.close-popup-gift-button{
	float: right;
	background: #f47b0a;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	color: white;
	text-align: center;
	margin-top: -7%;
	margin-right: -3%;
	cursor: pointer;
}


/******** button css for pop up ********/
.common-signup-button{
	padding: 10px 20px;
}

/*** css for alert box ***/
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-status-message{
	z-index: 60000;
	position: absolute;
	margin-top: 8%;
	text-align: center;
	width: 50%;
	margin-left: 25%;
}

.radio-item {
  display: inline-block;
  position: relative;
  padding: 0px 3px 0px 6px;
  margin: 0px 0 0;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
  color: #666;
  font-weight: normal;
  font-size: 14px;
}

.radio-item label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 11px;
	border: 2px solid #ff3c00;
	background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: " ";
	display: block;
	background: #ff3c00;
}

.radio-inline{
	padding-left: 6px !important;
}

.achievements_logo{
	font-size: 17px !important;
	color: #f47b0a;
}

.select2_option .select2-search__field:focus{
	border: none !important;
}

.custom-checkbox{
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	z-index: 1;
	top: 3px;
	background: url("../img/header/checkbox.png") no-repeat;
}

.custom-checkbox.selected{
	background: url("../img/header/checkbox-selected_2.png") no-repeat;
}

.custom-checkbox input[type="checkbox"]{
	margin: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.radio-label{
	color: black;
	text-transform: uppercase;
}

.gender-div{
	margin-left: 5%;
}

.error-class{
	color:red;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
	outline: none !important;
	border: 1px solid #f48121 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f48121;
	color: white;
}

.address-input .material-input textarea{
	height: 60px !important;
}

.error-message{
	color:red;
}

.buy-book-button-href{
	color: white
}

.user-details{
	background: white;
}

.enrollment-purpose{
	width: 200px;
}

.orange-button-active{
	background: white !important;
	font-weight: bold;
	border: 1px solid #f47d1a !important;
	color: #f47d1a !important;
}
.p0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.package-note {
    color: orange;
    font-style: italic;
}

.material input {
    z-index: 50;
    position: relative;
}

.faq-wrapper {
  column-count: 3;
}

#date-picker-popup, #gift-subscription-popup, #thank-you-popup{
  z-index: 50000 !important;
  background: rgba(0, 0, 0, 0.9);
}

.water-intake{
  font-family: Lato;
  text-transform: uppercase;
  text-align: center;
  font-size: 11pt !important;
  color: rgb(193, 193, 193) !important;
  letter-spacing: 2px;
}

.water-in-litres{
  font-size: 75px !important;
  text-align: center !important;
  background: -webkit-linear-gradient(#f47b0a , #ff3c00) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ff3c00 !important;
  text-transform: lowercase !important; 
}

.remaining-message{
  text-align: center !important;
  color: rgb(193, 193, 193) !important;
  font-size: 17px !important;
}

.max-min-weight{
  text-align: center;
  background: -webkit-linear-gradient(#f47b0a , #ff3c00) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ff3c00 !important;
  font-size: 38px !important;
  text-transform: lowercase !important; 
}

.bmr-weight{
  text-align: center;
  background: -webkit-linear-gradient(#f47b0a , #ff3c00) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ff3c00 !important;
  font-size: 38px !important;
  text-transform: lowercase !important; 
}

.bmr-calculation-result{
  margin-top: 15%;
}

.contact-us-input{
  transform: scale(0.89);
  margin-left: -6%;
}

/*css for blog*/

.bg-image{
    background: url('../../public/img/registration/registration_background.png') no-repeat ;
    background-size: cover;
    }
    .outer {
    width:320px; /* You can define it by % also */
    height:320px; /* You can define it by % also */
    position:relative;
    border-radius: 50%;
    left: 3px;
    top: 14%;
    //border: 1px solid black; 
    }
    .outer1{
    width:450px; /* You can define it by % also */
    height:450px; /* You can define it by % also */
    position:relative;
    //border:1px;
    border-radius: 50%;
    top: 11%;
    }
    .outer2{
    width:580px; /* You can define it by % also */
    height:580px; /* You can define it by % also */
    position:relative;
    //border:1px;
    border-radius: 50%;
    }
    .inner1 {
    top: 21%;
    left: 21%;
    width: 60%;
    height: 60%;
    position: absolute;
    //border: 1px solid black;
    border-radius: 50%;
    z-index: 50;
    box-shadow: inset 0 0 40px 20px #c2c1ca;
    }
    .rotating-slider ul.slides li .inner {
        box-sizing: border-box;
        padding: 3em;
        height: 50%;
        width: 50%;
    }
    
    .rotating-slider ul.slides1 li:first-child {
    cursor: pointer;
    transform: translateX(0%) translateY(-7%) rotate(27deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(2){
    cursor: pointer;
    -webkit-transform: translateX(63%) translateY(23%) rotate(47deg);
    -moz-transform: translateX(63%) translateY(23%) rotate(47deg);
    -ms-transform: translateX(63%) translateY(23%) rotate(47deg);
    transform: translateX(63%) translateY(23%) rotate(47deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(3){
      cursor: pointer;
      -webkit-transform: translateX(115%) translateY(69%) rotate(65deg);
      -moz-transform: translateX(115%) translateY(69%) rotate(65deg);
      -ms-transform: translateX(115%) translateY(69%) rotate(65deg);
      transform: translateX(115%) translateY(69%) rotate(65deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(4){
      cursor: pointer;
      -webkit-transform: translateX(145%) translateY(130%) rotate(86deg);
      -moz-transform: translateX(145%) translateY(130%) rotate(86deg);
      -ms-transform: translateX(145%) translateY(130%) rotate(86deg);
      transform: translateX(145%) translateY(130%) rotate(86deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(5){
      cursor: pointer;
      -webkit-transform: translateX(152%) translateY(200%) rotate(105deg);
      -moz-transform: translateX(152%) translateY(200%) rotate(105deg);
      -ms-transform: translateX(152%) translateY(200%) rotate(105deg);
      transform: translateX(152%) translateY(200%) rotate(105deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(6){
      cursor: pointer;
      -webkit-transform: translateX(136%) translateY(265%) rotate(127deg);
      -moz-transform: translateX(136%) translateY(265%) rotate(127deg);
      -ms-transform: translateX(136%) translateY(265%) rotate(127deg);
      transform: translateX(136%) translateY(265%) rotate(127deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(7){
      cursor: pointer;
      -webkit-transform: translateX(98%) translateY(322%) rotate(146deg);
      -moz-transform: translateX(98%) translateY(322%) rotate(146deg);
      -ms-transform: translateX(98%) translateY(322%) rotate(146deg);
      transform: translateX(98%) translateY(322%) rotate(146deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(8){
      cursor: pointer;
      -webkit-transform: translateX(43%) translateY(363%) rotate(167deg);
      -moz-transform: translateX(43%) translateY(363%) rotate(167deg);
      -ms-transform: translateX(43%) translateY(363%) rotate(167deg);
      transform: translateX(43%) translateY(363%) rotate(167deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(9){
      cursor: pointer;
      -webkit-transform: translateX(-24%) translateY(383%) rotate(-172deg);
      -moz-transform: translateX(-24%) translateY(383%) rotate(-172deg);
      -ms-transform: translateX(-24%) translateY(383%) rotate(-172deg);
      transform: translateX(-24%) translateY(383%) rotate(-172deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(10){
      cursor: pointer;
      -webkit-transform: translateX(-95%) translateY(379%) rotate(207deg);
      -moz-transform: translateX(-95%) translateY(379%) rotate(207deg);
      -ms-transform: translateX(-95%) translateY(379%) rotate(207deg);
      transform: translateX(-95%) translateY(379%) rotate(207deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(11){
      cursor: pointer;
      -webkit-transform: translateX(-157%) translateY(350%) rotate(227deg);
      -moz-transform: translateX(-157%) translateY(350%) rotate(227deg);
      -ms-transform: translateX(-157%) translateY(350%) rotate(227deg);
      transform: translateX(-157%) translateY(350%) rotate(227deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(12){
      cursor: pointer;
      -webkit-transform: translateX(-206%) translateY(303%) rotate(248deg);
      -moz-transform: translateX(-206%) translateY(303%) rotate(248deg);
      -ms-transform: translateX(-206%) translateY(303%) rotate(248deg);
      transform: translateX(-206%) translateY(303%) rotate(248deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(13){
      cursor: pointer;
      -webkit-transform: translateX(-238%) translateY(239%) rotate(266deg);
      -moz-transform: translateX(-238%) translateY(239%) rotate(266deg);
      -ms-transform: translateX(-238%) translateY(239%) rotate(266deg);
      transform: translateX(-238%) translateY(239%) rotate(266deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(14){
      cursor: pointer;
      -webkit-transform: translateX(-245%) translateY(169%) rotate(285deg);
      -moz-transform: translateX(-245%) translateY(169%) rotate(285deg);
      -ms-transform: translateX(-245%) translateY(169%) rotate(285deg);
      transform: translateX(-245%) translateY(169%) rotate(285deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(15){
      cursor: pointer;
      -webkit-transform: translateX(-226%) translateY(103%) rotate(305deg);
      -moz-transform: translateX(-226%) translateY(103%) rotate(305deg);
      -ms-transform: translateX(-226%) translateY(103%) rotate(305deg);
      transform: translateX(-226%) translateY(103%) rotate(305deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(16){
      cursor: pointer;
      -webkit-transform: translateX(-186%) translateY(46%) rotate(324deg);
      -moz-transform: translateX(-186%) translateY(46%) rotate(324deg);
      -ms-transform: translateX(-186%) translateY(46%) rotate(324deg);
      transform: translateX(-186%) translateY(46%) rotate(324deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(17){
      cursor: pointer;
      -webkit-transform: translateX(-129%) translateY(5%) rotate(343deg);
      -moz-transform: translateX(-129%) translateY(5%) rotate(343deg);
      -ms-transform: translateX(-129%) translateY(5%) rotate(343deg);
      transform: translateX(-129%) translateY(5%) rotate(343deg);
    }
    .rotating-slider ul.slides1 li:nth-of-type(18){
      cursor: pointer;
      -webkit-transform: translateX(-68%) translateY(-11%) rotate(366deg);
      -moz-transform: translateX(-68%) translateY(-11%) rotate(366deg);
      -ms-transform: translateX(-68%) translateY(-11%) rotate(366deg);
      transform: translateX(-68%) translateY(-11%) rotate(366deg);
    }
    .rotating-slider ul.slides li:nth-of-type(1){
      cursor: pointer;
      -webkit-transform: translateX(0%) translateY(10%) rotate(20deg);
      -moz-transform: translateX(0%) translateY(10%) rotate(20deg);
      -ms-transform: translateX(0%) translateY(10%) rotate(20deg);
      transform: translateX(0%) translateY(10%) rotate(20deg);
    }
    .rotating-slider ul.slides li:nth-of-type(2){
      cursor: pointer;
      -webkit-transform: translateX(50%) translateY(41%) rotate(43deg);
      -moz-transform: translateX(50%) translateY(41%) rotate(43deg);
      -ms-transform: translateX(50%) translateY(41%) rotate(43deg);
      transform: translateX(50%) translateY(41%) rotate(43deg);
    }
    .rotating-slider ul.slides li:nth-of-type(3){
      cursor: pointer;
      -webkit-transform: translateX(80%) translateY(90%) rotate(67deg);
      -moz-transform: translateX(80%) translateY(90%) rotate(67deg);
      -ms-transform: translateX(80%) translateY(90%) rotate(67deg);
      transform: translateX(80%) translateY(90%) rotate(67deg);
    }
    .rotating-slider ul.slides li:nth-of-type(4){
      cursor: pointer;
      -webkit-transform: translateX(93%) translateY(150%) rotate(89deg);
      -moz-transform: translateX(93%) translateY(150%) rotate(89deg);
      -ms-transform: translateX(93%) translateY(150%) rotate(89deg);
      transform: translateX(93%) translateY(150%) rotate(89deg);
    }
    .rotating-slider ul.slides li:nth-of-type(5){
      cursor: pointer;
      -webkit-transform: translateX(79%) translateY(208%) rotate(113deg);
      -moz-transform: translateX(79%) translateY(208%) rotate(113deg);
      -ms-transform: translateX(79%) translateY(208%) rotate(113deg);
      transform: translateX(79%) translateY(208%) rotate(113deg);
    }
    .rotating-slider ul.slides li:nth-of-type(6){
      cursor: pointer;
      -webkit-transform: translateX(42%) translateY(255%) rotate(136deg);
      -moz-transform: translateX(42%) translateY(255%) rotate(136deg);
      -ms-transform: translateX(42%) translateY(255%) rotate(136deg);
      transform: translateX(42%) translateY(255%) rotate(136deg);
    }
    .rotating-slider ul.slides li:nth-of-type(7){
      cursor: pointer;
      -webkit-transform: translateX(-9%) translateY(282%) rotate(161deg);
      -moz-transform: translateX(-9%) translateY(282%) rotate(161deg);
      -ms-transform: translateX(-9%) translateY(282%) rotate(161deg);
      transform: translateX(-9%) translateY(282%) rotate(161deg);
    }
    .rotating-slider ul.slides li:nth-of-type(8){
      cursor: pointer;
      -webkit-transform: translateX(-68%) translateY(285%) rotate(185deg);
      -moz-transform: translateX(-68%) translateY(285%) rotate(185deg);
      -ms-transform: translateX(-68%) translateY(285%) rotate(185deg);
      transform: translateX(-68%) translateY(285%) rotate(185deg);
    }
    .rotating-slider ul.slides li:nth-of-type(9){
      cursor: pointer;
      -webkit-transform: translateX(-122%) translateY(263%) rotate(210deg);
      -moz-transform: translateX(-122%) translateY(263%) rotate(210deg);
      -ms-transform: translateX(-122%) translateY(263%) rotate(210deg);
      transform: translateX(-122%) translateY(263%) rotate(210deg);
    }
    .rotating-slider ul.slides li:nth-of-type(10){
      cursor: pointer;
      -webkit-transform: translateX(-164%) translateY(221%) rotate(233deg);
      -moz-transform: translateX(-164%) translateY(221%) rotate(233deg);
      -ms-transform: translateX(-164%) translateY(221%) rotate(233deg);
      transform: translateX(-164%) translateY(221%) rotate(233deg);
    }
    .rotating-slider ul.slides li:nth-of-type(11){
      cursor: pointer;
      -webkit-transform: translateX(-185%) translateY(165%) rotate(257deg);
      -moz-transform: translateX(-185%) translateY(165%) rotate(257deg);
      -ms-transform: translateX(-185%) translateY(165%) rotate(257deg);
      transform: translateX(-185%) translateY(165%) rotate(257deg);
    }
    .rotating-slider ul.slides li:nth-of-type(12){
      cursor: pointer;
      -webkit-transform: translateX(-183%) translateY(106%) rotate(281deg);
      -moz-transform: translateX(-183%) translateY(106%) rotate(281deg);
      -ms-transform: translateX(-183%) translateY(106%) rotate(281deg);
      transform: translateX(-183%) translateY(106%) rotate(281deg);
    }
    .rotating-slider ul.slides li:nth-of-type(13){
      cursor: pointer;
      -webkit-transform: translateX(-156%) translateY(53%) rotate(305deg);
      -moz-transform: translateX(-156%) translateY(53%) rotate(305deg);
      -ms-transform: translateX(-156%) translateY(53%) rotate(305deg);
      transform: translateX(-156%) translateY(53%) rotate(305deg);
    }
    .rotating-slider ul.slides li:nth-of-type(14){
      cursor: pointer;
      -webkit-transform: translateX(-113%) translateY(17%) rotate(331deg);
      -moz-transform: translateX(-113%) translateY(17%) rotate(331deg);
      -ms-transform: translateX(-113%) translateY(17%) rotate(331deg);
      transform: translateX(-113%) translateY(17%) rotate(331deg);
    }
    .rotating-slider ul.slides li:nth-of-type(15){
      cursor: pointer;
      -webkit-transform: translateX(-54%) translateY(2%) rotate(353deg);
      -moz-transform: translateX(-54%) translateY(2%) rotate(353deg);
      -ms-transform: translateX(-54%) translateY(2%) rotate(353deg);
      transform: translateX(-54%) translateY(2%) rotate(353deg);
    }
    .inner-circle{
      width: 50%;
      height: 50%;
      top: 25%;
      left: 25%;
      position: absolute;
      //border: 1px solid #efedee;
      border-radius: 50%;
      z-index: 1000;
    }
    .rotating-slider ul.slides2 {
      border-radius: 50%;
      height: 100%;
      margin: 0;
      //overflow: hidden;
      padding: 0;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%) rotate(0);
      transform-origin: center center;
      width: 100%;
    }
    .slides2{
      list-style: none;
    }
    .rotating-slider ul.slides2 li:nth-of-type(1){
      cursor: pointer;
      -webkit-transform: translateX(0%) translateY(-2%) rotate(12deg);
      -moz-transform: translateX(0%) translateY(-2%) rotate(12deg);
      -ms-transform: translateX(0%) translateY(-2%) rotate(12deg);
      transform: translateX(0%) translateY(-2%) rotate(12deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(2){
      cursor: pointer;
      -webkit-transform: translateX(71%) translateY(33%) rotate(28deg);
      -moz-transform: translateX(71%) translateY(33%) rotate(28deg);
      -ms-transform: translateX(71%) translateY(33%) rotate(28deg);
      transform: translateX(71%) translateY(33%) rotate(28deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(3){
      cursor: pointer;
      -webkit-transform: translateX(129%) translateY(93%) rotate(47deg);
      -moz-transform: translateX(129%) translateY(93%) rotate(47deg);
      -ms-transform: translateX(129%) translateY(93%) rotate(47deg);
      transform: translateX(129%) translateY(93%) rotate(47deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(4){
      cursor: pointer;
      -webkit-transform: translateX(170%) translateY(171%) rotate(66deg);
      -moz-transform: translateX(170%) translateY(171%) rotate(66deg);
      -ms-transform: translateX(170%) translateY(171%) rotate(66deg);
      transform: translateX(170%) translateY(171%) rotate(66deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(5){
      cursor: pointer;
      -webkit-transform: translateX(189%) translateY(261%) rotate(85deg);
      -moz-transform: translateX(189%) translateY(261%) rotate(85deg);
      -ms-transform: translateX(189%) translateY(261%) rotate(85deg);
      transform: translateX(189%) translateY(261%) rotate(85deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(6){
      cursor: pointer;
      -webkit-transform: translateX(186%) translateY(355%) rotate(104deg);
      -moz-transform: translateX(186%) translateY(355%) rotate(104deg);
      -ms-transform: translateX(186%) translateY(355%) rotate(104deg);
      transform: translateX(186%) translateY(355%) rotate(104deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(7){
      cursor: pointer;
      -webkit-transform: translateX(158%) translateY(444%) rotate(122deg);
      -moz-transform: translateX(158%) translateY(444%) rotate(122deg);
      -ms-transform: translateX(158%) translateY(444%) rotate(122deg);
      transform: translateX(158%) translateY(444%) rotate(122deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(8){
      cursor: pointer;
      -webkit-transform: translateX(111%) translateY(521%) rotate(139deg);
      -moz-transform: translateX(111%) translateY(521%) rotate(139deg);
      -ms-transform: translateX(111%) translateY(521%) rotate(139deg);
      transform: translateX(111%) translateY(521%) rotate(139deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(9){
      cursor: pointer;
      -webkit-transform: translateX(47%) translateY(573%) rotate(157deg);
      -moz-transform: translateX(47%) translateY(573%) rotate(157deg);
      -ms-transform: translateX(47%) translateY(573%) rotate(157deg);
      transform: translateX(47%) translateY(573%) rotate(157deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(10){
      cursor: pointer;
      -webkit-transform: translateX(-26%) translateY(597%) rotate(176deg);
      -moz-transform: translateX(-26%) translateY(597%) rotate(176deg);
      -ms-transform: translateX(-26%) translateY(597%) rotate(176deg);
      transform: translateX(-26%) translateY(597%) rotate(176deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(11){
      cursor: pointer;
      -webkit-transform: translateX(-102%) translateY(592%) rotate(194deg);
      -moz-transform: translateX(-102%) translateY(592%) rotate(194deg);
      -ms-transform: translateX(-102%) translateY(592%) rotate(194deg);
      transform: translateX(-102%) translateY(592%) rotate(194deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(12){
      cursor: pointer;
      -webkit-transform: translateX(-173%) translateY(557%) rotate(212deg);
      -moz-transform: translateX(-173%) translateY(557%) rotate(212deg);
      -ms-transform: translateX(-173%) translateY(557%) rotate(212deg);
      transform: translateX(-173%) translateY(557%) rotate(212deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(13){
      cursor: pointer;
      -webkit-transform: translateX(-231%) translateY(495%) rotate(230deg);
      -moz-transform: translateX(-231%) translateY(495%) rotate(230deg);
      -ms-transform: translateX(-231%) translateY(495%) rotate(230deg);
      transform: translateX(-231%) translateY(495%) rotate(230deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(14){
      cursor: pointer;
      -webkit-transform: translateX(-272%) translateY(414%) rotate(248deg);
      -moz-transform: translateX(-272%) translateY(414%) rotate(248deg);
      -ms-transform: translateX(-272%) translateY(414%) rotate(248deg);
      transform: translateX(-272%) translateY(414%) rotate(248deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(15){
      cursor: pointer;
      -webkit-transform: translateX(-290%) translateY(321%) rotate(266deg);
      -moz-transform: translateX(-290%) translateY(321%) rotate(266deg);
      -ms-transform: translateX(-290%) translateY(321%) rotate(266deg);
      transform: translateX(-290%) translateY(321%) rotate(266deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(16){
      cursor: pointer;
      -webkit-transform: translateX(-284%) translateY(227%) rotate(285deg);
      -moz-transform: translateX(-284%) translateY(227%) rotate(285deg);
      -ms-transform: translateX(-284%) translateY(227%) rotate(285deg);
      transform: translateX(-284%) translateY(227%) rotate(285deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(17){
      cursor: pointer;
      -webkit-transform: translateX(-254%) translateY(139%) rotate(303deg);
      -moz-transform: translateX(-254%) translateY(139%) rotate(303deg);
      -ms-transform: translateX(-254%) translateY(139%) rotate(303deg);
      transform: translateX(-254%) translateY(139%) rotate(303deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(18){
      cursor: pointer;
      -webkit-transform: translateX(-205%) translateY(66%) rotate(321deg);
      -moz-transform: translateX(-205%) translateY(66%) rotate(321deg);
      -ms-transform: translateX(-205%) translateY(66%) rotate(321deg);
      transform: translateX(-205%) translateY(66%) rotate(321deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(19){
      cursor: pointer;
      -webkit-transform: translateX(-140%) translateY(18%) rotate(339deg);
      -moz-transform: translateX(-140%) translateY(18%) rotate(339deg);
      -ms-transform: translateX(-140%) translateY(18%) rotate(339deg);
      transform: translateX(-140%) translateY(18%) rotate(339deg);
    }
    .rotating-slider ul.slides2 li:nth-of-type(20){
      cursor: pointer;
      -webkit-transform: translateX(-72%) translateY(-5%) rotate(352deg);
      -moz-transform: translateX(-72%) translateY(-5%) rotate(352deg);
      -ms-transform: translateX(-72%) translateY(-5%) rotate(352deg);
      transform: translateX(-72%) translateY(-5%) rotate(352deg);
    }
    .blog-heading-main{
      text-transform: uppercase;
      color: #f48121;
      font-size: 33px;
      margin-bottom: 0px;
    }
    .blog-heading{
      text-transform: uppercase;
      color: #f48121;
      font-size: 18px;
      margin-bottom: 0px;
      text-align: center;
    }

    .blog-hr{
      margin-top: 5px;
      border: 1px solid #f48121; 
      height: 0px !important;
    }
    .blog-content{
      text-align: justify !important; 
      font-size: 13px;
    }
    .blog-content-main{
      text-align: justify !important; 
      font-size: 13px;
    }
    .blog-style {
      box-shadow: 13px 1px 20px 3px lightgrey;
      position: absolute; 
      left:-33.33%;
      background-color: white;
      height: 100vh;
    }
    .read-more-blog{
      position: absolute;
      bottom: 5%;
      width: 100%;
    }
    .image1{
      float: left;
      display: block;
      max-width: 100%;
      height: auto;
    }
    .blog-image{
      margin-top: 10% !important;
      height:250px !important;
    }
    .blog-display-content{
      height: 100%;
      background-color:#F2F2F2;
    }
    .blog-url{
      color: #ea853a;
      letter-spacing: 1px;
    }
    .blog-url:hover{
      color: #ea853a;
     text-decoration: none !important;
     cursor: pointer;
    }
    .main-content{
      margin-top: 15%;
    }
    .solid-black{
      border:1px solid black !important;
      margin-top: 0px !important;
      height: 0px !important;
    }
    #content-display{
      margin-top: 4%;
    }
    .blog-images{
      margin-left: -4%;
      transition: 0.10s ease-in-out;
      -webkit-transition: 0.10s ease-in-out;
      -moz-transition: 0.10s ease-in-out;
    }

@media only screen and (min-width: 1550px){
  .nourish button, .pooja button{
    padding: 13px 22px !important;
    font-size: 21px !important;
  }
  .about-content{
    font-size: 28px !important;
  }
  .cross_button{
    margin-top: -1% !important;
  }
  .achievements_awards > li{
    font-size: 25px !important;
  }
  .calculator-text p{
    font-size: 24px !important;
  }

  main{
    max-width: none !important;
    height: 100vh !important;
  }

  .blog-images{
    margin-top: 7%;
  }

  .blog-content-main{
    font-size: 24px !important; 
  }

  .blog-heading-main{
    font-size: 69px !important;
  }
  .blog-image{
    margin-top: 5% !important;
  }

  .blog-heading{
    font-size: 35px !important;
    text-align: center !important;
  }

  .blog-content{
    font-size: 24px !important;
    margin-top: 5% !important;
  }

  .blog-url{
    font-size: 32px !important;
    text-align: center !important; 
  }

  .common-para{
    font-size: 24px !important;
    line-height: 40px !important;
  }

  .simple-steps{
    font-size: 20px !important;
  }

  .programm-li{
    margin: 20px auto 0 3% !important;
  }

  .app-links li{
    max-width: 125px !important;
  }

  .book-info{
    font-size: 24px !important;
  }

  .book-desc{
    font-size: 20px !important;
  }

  .success-li-left,.success-li-right{
    font-size: 21px !important;
  }

  .nourish-superstar,.health-calculator-right-text,.health-calculator-qt{
    font-size: 19px !important;
  }

  .health-calculator-header-name,{
    font-size: 21px !important;
  }

  .middle-content,.package-note{
    font-size: 26px !important;
  }

  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    line-height: 42px !important;
  }

  .condition-icons,.cross-icons{
    width: 25px;
    font-size: 20px;
    height: 25px;
    border-radius: 50%;
    padding: 1%;
  }

  .popup{
    max-width: 800px !important;
  }

  .health-calculator-header-name{
    font-size: 20px !important;
  }

  .view-button-back-package{
    position: absolute;
    bottom: -88px;
    right: 22%;
    font-size: 23px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 50px !important;
  }

  .view-button-back-button{
    padding-right: 20px;
    padding-left: 20px;
  }
  .view-button-back-home{
    position: relative;
    z-index: 99999 !important;
    right: 22%;
    font-size: 23px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 20px;
    border-radius: 50px !important;
  }

  .pd25{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .heading-content{
    font-size: 37px;
    }

    .features-name{
      font-size: 21px !important;
    }

    .view-button{
      font-size: 20px;
      padding: 18px;
      border-radius: 50px !important;
    }

    .package-heading,.subscription-detail{
      font-size: 27px;
    }

    .package-hr,.subscription-details-hr{
      margin-top: 20px;
    }

    .subscription-name,.subscription-label-details{
      font-size: 20px;
    }

    .package-details-table{
      margin-top: 0%;
    }

    .features-name-heading,.features-details-heading,.features-details{
      font-size: 19px !important;
    }

    .or-div{
      font-size: 24px !important;
    }
}

.blog-loader{
  height: 100vh;
}

.program-details-back-button{
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 200px;
}

.mt25p{
  margin-top: 25% !important;
}

.litres-unit{
  text-transform: uppercase !important;
}

.health-note{
  font-size: 9px !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: rgb(254, 63, 0) !important;
  position: absolute !important;
  bottom: 65px !important;
  text-align: justify;
  padding-right: 30px;
}

.food-note{
  font-size: 9px !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: rgb(254, 63, 0) !important;
  bottom: 0px !important;
}

.about-up-heading-wrapper{
  width: 21%;
  margin: 0 auto;
}

.about-us-heading{
  text-align: center;
  color: #f48121;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  font-family: Lato;

}

.about-us-hr{
  border: 1px solid #f48121;
  margin: auto 20%;
}

.scroll-icon{
  color: #f48121 !important;

}

.home-page-hr{
  width: 50%;
  margin: 0 auto;
  border: 1px solid #f48121;
  margin-top: 5px;
  margin-bottom: 15px;
}
.material>label,.gender-label>label{
  font-size: 11px;
}

.orange-button{
  background-image: linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) ;
  background-image: -webkit-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -moz-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -o-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  background-image: -ms-linear-gradient(-5deg, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
  color: white ;
  border-radius: 20px ;
  padding: 5px 15px 5px 15px;
  outline: none;
  border: 1px solid #f47b0a !important;
  font-size: 11px;
}

.state_cover{
    background: url("../img/ajax-loader.gif") no-repeat scroll center center;
    position: relative;
    /*right: -110px;
    top: -46px;
    height: 34px;*/
}

.food_cover{
    background: url("../img/ajax-loader.gif") no-repeat scroll center center;
    position: relative;
    right: -110px;
    top: -46px;
    height: 34px;
}

.faq-hr{
  border: 2px solid #f48121;
  width: 30%;
}

.buy-book-back-button{
  position: absolute;
  right: 194px;
}

footer .stay-connect{
  font-weight: 100 !important;
}

/*css of about us page*/
.about-div{
  padding-bottom: 40px;
  max-width: 1000px;
}

.nourish {
  width: 48%;
  display: inline-block;
}

.pooja {
  width: 48%;
  display: inline-block;
}

.nourish button, .pooja button {
  padding: 8px 12px;
  border: none;
  color: white;
  font-size: 15px;
  border-radius: 30px;
  font-family: Lato;
  background: -webkit-linear-gradient(95deg, #f47b0a 30%, #ff3c00 72%);
  background: -moz-linear-gradient(95deg, #f47b0a 30%, #ff3c00 72%);
  background: -o-linear-gradient(95deg, #f47b0a 30%, #ff3c00 72%);
  background: -ms-linear-gradient(95deg, #f47b0a 30%, #ff3c00 72%);
  background: linear-gradient(-5deg, #f47b0a 30%, #ff3c00 72%);
  box-shadow: 0px 8px 22px 0px rgba(0, 0, 0, 0.4);
}

.about-hr, .about-hr img {
  width: 100%;
  margin-top: 20px;
}

.about-heading {
  font-family: Lato;
  color: #f79019;
  font-size: 46px;
  line-height: 42px;
  font-style: regular;
}

.about-down {
  border-bottom: solid #f79019 2px;
}

.about-down p {
  color:  #191818;
  font-size: 15px;/* Approximation due to font substitution */
  text-align: justify;
  padding: 15px 0px 2px 0;
}

.about-main-contain {
  width: 75%;
  display: inline-block;
  vertical-align: top;
}

.about-img {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
}

.btn:focus,.btn:active {
  outline: none !important;
}

.nourish-genie-about{
  width: 58%;
}

.pooja-makhija-div{
  width: 70%;
  float: left;
}

.pooja-makhija-image{
  width: 30%;
  float: right;
}

.about-content{
  font-size: 14px;
  font-family: Lato;
  text-align: left;
  line-height: auto !important;
  letter-spacing: 0.5px !important;
}

.achievements_awards > li {
  font-size: 14px;
  font-family: Lato;
}

/*css of contact us page*/
#map {
    width:100%;
    height:324px
  }

#contact-us .material-input {
    background-color: initial !important;
}

.captcha-contact{
  transform:scale(0.94);
  transform-origin:0 0
}

#contact-us .material-input :focus ~ label, #contact-us .material-input .filled ~ label, #contact-us .error:focus ~ label {
  font-size: 17px !important;
}

.test p {
  width: 100%;height: 25px;
}

#contact-us label {
  font-size: 22px !important;
}

/*css of faq page*/
.faq-space{
  height: 10px;
}

/*css of privacy policy page*/
.privacy-policy-main{
 background-color: #fcf4f4;
}

.privacy-policy-div{
    padding-top: 20vh;
    padding-bottom: 50px;
    width: 80%;
    margin: 0 auto;
    color: #48302c;
    font-family: lato;
    font-size: 14px;
  }

.main-content li {
  list-style-type: square;
  list-style-position: inside;
}

.main-content a {
  color: darkorange;
}

/*css of success stories page*/
.bx-wrapper img {
  width: 100%;
  height: auto;
 }

.success-stories-body {
   background-color: #F0F0F0;
 }

 .bx-wrapper {
  margin-bottom: 0px !important;
 }

.bx-pager{ bottom: 10px !important;}

.sucsess-pooja {
  position: fixed;
  right: 0;
  width: 25%;
  bottom: 0;
}

.testimonial-slider-images {
  width: 30%;  
  float: left;
  border-radius: 50%;
  border: solid #FF8A4C 1px;
  padding: 1px;
  background-color: white;
}

.mySlides img {
  border-radius: 50%;
}

.slideshow-container-div {
  padding: 40px;
}

.mySlides-wrapper {
  border: solid #FF8A4C 1px;
  padding: 20px;
  background-color: #F0F0F0;
}

.testimonial-slider-content {
      margin-left: 35%;
    margin-top: 10px;
}

.testimonial-author {
  color: #FF8A4C;
  margin-top: 25px;
    font-size: 20px;
    font-style: italic;
}

.success-persons-right li img:hover {
  border: solid #FF8A4C 1px;
  cursor: pointer;
}

.success-persons-right>.ll {
border-radius: 50%;
    border: solid black 1px;
}

.prev {
position: absolute;
    top: 42%;
    left: 2%;  
}

.next {
  position: absolute;
    top: 42%;
    right: 2%;  
}

.succsess-avatar {
  width: 40%;
  max-width: 100px;
}

.achiver-avatar {
  font-size: 70px;
}

/*css of index page*/
.left-arrow{
  top: 42%;
  position: relative;
  left: 0%;
}

.right-arrow{
  position: relative;
  top: 42%;
  right: 0%;
}

.form-control{
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

#section6 {
  padding-top:5vh;
}

.test{
    padding-left: -10% !important;
}

.health-calculator-compute{
  margin-top: 15px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

video::-webkit-media-controls-enclosure {
  position: relative;
  top: -30px
}

footer .stay-connected-footer {
    padding-top: 30px !important;
}

.sitemap {
  border-right: solid black 2px
}

.section-common-heading>.shop-programm-title {
  font-size: 38px
}

.nourish-list>.shop-programm-title{
  font-size: 41px;
}

.how-works-heading>.simple-steps {
  font-size: 13px;
}

.down-arrow a {
  color:#000;
}

#second-video img {
  width: 40px;
  cursor: pointer;
}

.second-video {
  color: #000;
  margin-left: -6px;
}

.buy-programm-btn-li-home {
  text-align: left !important;
  width: 40% !important;
}

.buy-program-btn-div {
  text-align: center;
  margin-top: 45px;
  width:  100% !important;
}

.index-main-div{
  height: initial !important;
}

.page-down-controll>.video-jumbotron {
  position: relative
}

/*css of buy book now page*/
.rupee-container span {
  position: absolute;
  bottom: 23px;
  left: -10px;
}

.rupee-container {
  position: relative;
}

.payment-mode-btns button {
  padding: 5px 5px !important;
  color: #272424;
  border: solid #cfd0ce 1px ;
  width: initial !important;
  background-color: transparent;
  margin-right: 9px;
  background-color: #cfd0ce !important;
}

.select2_option label {
  position: absolute;
  right: 15px;
  padding-top: 20px;
}

.select2 {
  width: 100% !important;
  border-bottom: solid black 1px;
  margin-top: 15px;
}

.select2-container--default .select2-selection--single {
  background: transparent;
  border: none;
}

.form_input .material-input {
  margin-bottom: 0px;
  display: inline-block;
}

/*css of buy book confirm*/
.buy-books-main-div>.get-started-wrapper {
  margin: 110px auto 30px auto;
  background-color: white;
  width: 40% !important;
  padding: 25px 25px 45px 25px;
}

.get-started-one-h {
  margin-left: 0 !important;
}

/*css of payment failure page*/
.order-fail {
  width: 70%;
    text-align: center;
  margin: 10% auto
}

/*css of popup*/
#sign-in-form .material-input :focus ~ label, #sign-in-form .material-input .filled ~ label, #sign-in-form .error:focus ~ label {
  font-size: 9px;
}

#sign-in-form .material-input input:focus{
  color: #f47b0a;
}

#registerNewuser .material-input :focus ~ label, #registerNewuser .material-input .filled ~ label, #registerNewuser .error:focus ~ label {
  font-size: 9px;
}

#registerStepTwo .material-input :focus ~ label, #registerStepTwo .material-input .filled ~ label, #registerStepTwo .error:focus ~ label {
  font-size: 9px;
}

.health-calculator .material-input :focus ~ label, .health-calculator .material-input .filled ~ label, .health-calculator .error:focus ~ label {
  font-size: 9px !important;
}

#contact-us .material-input input:focus {
    color: #f47b0a;
}

#contact-us .material-input input{
    color: black;
}

#contact-us .material-input textarea:focus {
    color: #f47b0a;
}

#contact-us .material-input textarea{
    color: black;
}

/*css of success stories page*/
.carousel>.bx-wrapper>.bx-viewport{
  height: auto !important;
}

/*css of buy book page*/
#buyBookForm>.started-two-form>.form_input .material-input{
  width: 80%;
}

.material .material-input :focus ~ label, .material .material-input .filled ~ label, .material .error:focus ~ label{
  font-size: 9px;
}

.main-div{
  height: auto;
}

#forgot-password-form .material-input :focus ~ label, #forgot-password-form .material-input .filled ~ label, #forgot-password-form .error:focus ~ label{
  font-size: 9px !important;
}

.success-stories-slider-header>.swiper-pagination-bullet-active{
  background: #000 !important;
}

.s1{
  border: 5px solid white;
  z-index: 0 !important;
}

.pagination>.swiper-pagination-bullet{
  width: 10px !important;
  height: 10px !important;
  background: #000 !important;
}

.success-stories-slider-header>.swiper-lazy-preloader{
  margin-top: 150px !important;
}

#city,#state,#country{
  width: 100% !important;
}

.form_input .material-input :focus ~ label, .form_input .material-input .filled ~ label, .form_input .error:focus ~ label{
  font-size: 9px !important;
}

.faq-main-heading{
  margin-bottom: 10px
}

.state_cover_buy_book,.city_cover_buy_book{
  background: url(../img/ajax-loader.gif) no-repeat scroll center center;
  position: relative;
  right: -125px;
  top: -32px;
  height: 34px;
}

#other-state-container,#other-city-container {
  display: none;  
}

#other-state-container>.material-input,#other-city-container>.material-input{
  width: 100% !important;
  margin-left: 0% !important;
}

#other-state-container>.material-input>label,#other-city-container>.material-input>label{
  padding-top: 0px !important;
}

.other-state-city-option{
  width: 80% !important;
}

.cheque-input{
  margin-left: 0% !important;
}

.other-option{
  width: 80% !important;
}

.forgot-password-loader{
    background: url(../img/ajax-loader.gif) no-repeat scroll center center;
    position: relative;
    left: 300px;
    top: -44px;
    height: 34px;
}

.view-all-button{
    font-size: 14px;
    text-align: center;
}

.view-link:hover{
    text-decoration: none !important;
}
.SHOP-BTN{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #000;
    color: #fff;
    margin-top: 10px;
}
.SHOP-BTN1{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #000;
    color: #fff;
    margin-top: 10px;
}

.align-btn{
  margin: 0 5px 0 0;
}

.testmonial-mrg {
    margin-left: -1% !important; 
}

/* Added little genie logo in program */
.programm-li > ul > li.little-genie-program {
  position: relative;
}
.programm-li > ul > li.little-genie-program::before {
  content: '';
  position: absolute;
  /* background-image: url(../img/cloud.png); */
  background-repeat: no-repeat;
  background-size: cover;
  width: 175px;
  height: 94px;
  top: -35px;
  left: -9%;
}
.programm-li > ul > li.little-genie-program a {
  position: relative;
  z-index: 1; 
}

.little-genie-program__cta {
  position: absolute;
    top: -55px;
    left: 70%;
    width: 80px;
}

.little-genie-program__cta img {
  width: 100%;
}

.gl-header .ng-nourishgenie-logo {
  width: 50%;
  max-width: 50px;
  padding: 10px 0px;
}

@media only screen and (min-width: 1550px) {
  .programm-li > ul > li.little-genie-program::before {
    width: 245px;
    height: 130px;
    top: -35px;
    left: -26%;
  }
}

/* Subscription Plan Carousel */
.subscription-plan-carousel__caption {
  position: absolute;
  top: 30px;
  left: 20px;
  right: 20px;
  text-align: center;
}

.subscription-plan-carousel__title {
  font-size: 21px;
  font-weight: bold;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
  line-height: 1.2;
}

.subscription-plan-carousel__title::after {
  content: '';
  background-color: #515151;
  height: 4px;
  width: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.subscription-plan-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0;
}

.subscription-plan-carousel .owl-dots .owl-dot span {
  margin: 4px;
}

.subscription-plan-carousel .owl-dots .owl-dot.active span, 
.subscription-plan-carousel .owl-dots .owl-dot:hover span {
  background-color: #000;
}