@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');


*:focus,
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: inherit; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

html {
  height: 100%;
  padding-bottom: 2px; }

.overflow {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  margin: 0px;
  padding: 0px; }

a, a span {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

a:hover, a:hover span {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

body {
  background-color: #fff;
  color: #292929;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", sans-serif; }

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

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

.loading, .loading-box {
  display: none; }


/* -------------- Top -------------- */


.top-wrapper {
  position: relative;
  z-index: 13;
  background-color:#fff  
}

 .top-wrapper-sub{
  position: relative;
  z-index: 13;
  background-color:#fff;
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
 }

.logo {
  margin: 0 0 0 0;
  display: block; }
.logo img {
 width: 200px; }

/*.menuBtn{ background: url(../img/menu.png) no-repeat center center;     height: 50px;
    width: 58px; cursor:pointer; }
}
.menuBtn > span { background-color: transparent !important;}
.menuBtn > span:after, .menuBtn > span:before{ background-color: transparent !important;
}
  */
.top-con{ margin:15px 0 0 0; padding: 2px 2px 2px 60px; font-size: 15px; color:#6f9c1d; line-height:20px; font-weight:500; }
.top-con span{ font-size: 13px; color:#626262; display: block; width: 100%; line-height:20px; font-weight:500;}
.mail{ background:url(../img/mail.jpg) no-repeat left center; }
.time{ background:url(../img/time.jpg) no-repeat left center; }

.slick-prev{ height: 60px; width: 60px; background: url(../img/left-b.png) no-repeat center center; z-index: 10; border: 0; text-indent: -9999;
  display: inline-block; position: absolute; top:45%; color: red; left: 20px; cursor: pointer;}
.slick-next{ height: 60px; width: 60px; background: url(../img/right-b.png) no-repeat center center; z-index: 10; border: 0; text-indent: -9999;
  display: inline-block; position: absolute; top:45%; color: red; right: 20px; cursor: pointer;}

.breadcrumb{ background-color: transparent !important; padding: 0 !important; margin:0 0 25px 0 !important ; }
.breadcrumb ul{ list-style: none; float: left; margin:0 ; padding: 0; }
.breadcrumb ul li{ display:inline-block;  }
.breadcrumb ul li a{ display:block; padding:4px 8px; color:#4e2624 };

.contact_us_form fieldset {
  padding: 25px;
  border: 1px solid #107483;
  position: relative;
  width: 100%;
  float: left;
  margin: 15px 1%;
  color: #191919;
  border-radius: 10px; }

.contact_us_form legend {
  margin-left: 0px;
  width: auto;
  color: #107483;
  padding: 0px 10px 0 10px;
  font-weight: 300;
  font-size: 25px;
  border: 0px; }

.contact_us_form input, .contact_us_form select { width: 100%; border-radius: 4px; height: 38px; background: transparent; border: 1px solid #8a8c8d;}
.contact_us_form textarea { width: 100%; border-radius: 4px; height: 132px; background: transparent; border: 1px solid #8a8c8d; }

.btn-warning, .btn-primary {
  background-color: #6e6e6e !important; font-weight: 500;
  color: #fff !important; width: 160px !important;
  border: 0 !important; height: 38px;
  border-radius: 0; margin-bottom: 12px;
  display: inline-block; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
  }

.btn-warning:hover, .btn-primary:hover {
  background-color: #eca234 !important;
  color: #fff;
  border: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
   }
.contact_us_form label {
  font-weight: normal; }

label.error {
  color: red;
  font-weight: 300;
  margin-top: 0; }


.login-wrapper {
  padding: 15px 0 30px 0; }
  fieldset {
    border: 1px solid #a3a3a3 !important;
    margin: 15px 5px;
    padding: 18px; }
  legend {
    font-weight: 500;
    color: #dd0707;
    padding: 0px 10px;
    display: inline-block;
    width: auto;
    font-size: 18px; }

  fieldset input, fieldset textarea, fieldset select {
    border-radius: 0!important;
    border: 1px solid #a3a3a3!important;
    width: 100%; background: transparent !important; }


/* -------------- Menu -------------- */
.menu-wrapper {
  background-color:#81b523; }

.top-menu {
  padding: 0px 0;
  z-index: 10;
  display: inline-block; }
  .top-menu ul {
    margin: 0px 0 0px 0;
    padding: 0;
    list-style: none;
    display: inline; }
    .top-menu ul li {
      display: inline-block;
      margin: 0px;
      padding: 0px;
      position: relative;
      color: #4e2624;
      float: left;
      font-weight: 500;
      font-size: 14px; }
      .top-menu ul li a {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        padding: 18px 18px 10px 18px;
        text-decoration: none;
        display: inline-block; }
      .top-menu ul li a:hover {
        text-decoration: none;
        color: #000 !important;}
    .top-menu ul li:last-child a{
      border-right: 0px; }

.top-menu ul li ul {
  display: none;
  position: absolute;
    z-index: 30;
    background-color: #4f4e4e; }

.top-menu ul li:hover ul {
  display: block; }

.top-menu ul li ul li {
  width: 250px;
  display: block;
  background: none;
  text-align: left !important;
  padding: 3px 5px;
  text-align: left !important;
  border-bottom: 1px solid #282828 !important; }

.top-menu ul li ul li a {
  font-size: 15px;
  padding: 5px 6px; }

.top-menu ul li ul li:first-child a {
  padding: 5px 6px !important; }

.top-menu ul li ul li ul, .top-menu ul li:hover ul li ul {
  display: none;
  left: 251px;
  top: 0px;
  border-top: 1px solid #ccc !important; }

.top-menu ul li:hover ul li:hover ul {
  display: block; }



.social-cover{  display: block; position: relative; text-align: center;}
.social-cover img{ z-index: 10; position: relative; } 
.social-cover .social-image{ position: absolute; color: #ccc; top:0; z-index: 5; width: 100%; text-align: center; }

.top-wrapper1 .top-menu { text-align:right !important; float:right !important; }

/* -------------- Banner -------------- */
.banner-wrapper img{ width:100%; }

.more-link { color:#000;padding-left: 55px; font-weight:600; }
.more-link span{ height:10px; width:10px; background-color:#000; border-radius:50px; display:inline-block; position: absolute;  margin:8px 0 0 -47px;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}
.more-link span::after{ height:10px; content: ''; position: absolute; width:10px; background-color:#000; border-radius:50px; display:inline-block; margin-left:15px; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}
.more-link span::before{ height:10px; content: ''; position: absolute; width:10px; background-color:#000; border-radius:50px; display:inline-block; margin-left:30px; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}

.more-link:hover { color:#000;padding-left: 80px; color:#000; color:#000;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
   }
.more-link:hover span{margin:8px 0 0 -72px;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}
.more-link:hover span::after{margin-left:25px;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}
.more-link:hover span::before{margin-left:50px;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
}


.tag-line{ margin-top: 20px; font-weight: 300; font-style: italic; color: #cbcbcb; text-align: center; display:block; width:100%;  }

.sub-banner-wrapper {
  z-index: 8;
  background: url(../img/banner-bg2.png) top center #f1f1f1;
  position: relative;
  padding: 100px 0 150px 0; }

.banner-slider img {
  width: 100%; }
.profile{ position:relative; }
.na{ display: inline-block; border-radius: 70px; height:60px; width:60px; position:absolute; top: 40px; left:40px; background:url(../img/n-arrow.png) no-repeat center center; 
  background-size: 60px 60px;  animation: move 2s infinite;}
@keyframes move {
  0%   {background-color:#011b01;}
  50%  {background-color:#56bd23;}
  100% {background-color:#011b01;}
}

.na:hover{ background-color: #454545; -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-45deg);}

.text-wrapper{ padding:40px 0; }
.text-wrapper h1{ font-weight:400; color:#000;  margin-bottom:12px;  }
.text-wrapper h1 span{ font-weight:400; font-weight: 600; background-color:#eae9e9; color: #076e0a; display:inline-block; padding:3px 16px; border-radius:16px; }

.t1{ margin-top:9%; font-family: "Unna", serif; font-size:90px; color:#cdc612; font-weight:300; }
.t2{ font-size:38px; font-weight:400; color:#076e0a; margin: 0 0 10px 5px; }
.t3{ font-size:16px; color:#454545;font-weight:400; margin: 0 0 10px 5px; line-height:21px; }
.t3 span{ color: #23a30c; font-size: 20px;} 
.ptw{ text-align:center; margin-top:40px; }
.count{ display: inline-block;}
.pt{font-size: 80px; font-weight: 300;color:#d0cece; font-family:'Roboto'; line-height:80px }
.ptn{font-size: 18px; font-weight: 500;color:#d0cece;}

.mis-diet{ padding:40px 0; }
.m-title{ margin-top:10%; font-family: "Unna", serif; font-size:50px; color:#076e0a; font-weight:600; }
.m-points ul{ list-style:none; margin:20px 0; padding:0;  }
.m-points ul li{ display:inline-block; width:47%; margin:1%; }
.m1{ background:url(../img/m1.jpg) no-repeat left center; background-size:60px auto; }
.m2{ background:url(../img/m2.jpg) no-repeat left center; background-size:60px auto; }
.m3{ background:url(../img/m3.jpg) no-repeat left center; background-size:60px auto; }
.m4{ background:url(../img/m4.jpg) no-repeat left center; background-size:60px auto; }
.diet-goal{ padding:40px 0; }
.mtitle{ margin-top:3%; font-family: "Unna", serif; font-size:50px; color:#cdc612; font-weight:600; }

.goal-link{ margin:30px 0 0 0; padding:0; list-style:none; }
.goal-link li{ display:inline-block; background-color:#eae9e9; padding:4px 8px; border-radius:25px; margin: 10px 12px; }
.goal-link li:hover{background-color: #209924;}
.goal-link li a span{ color:#636363; font-weight: 500; display:inline-block; padding:12px 9px 12px 5px; float:left;  } 
.goal-link li a .ar-link{ border-radius: 50%; display: inline-block; margin: 5px 0; height:35px; width:35px; background:url(../img/arrow.jpg) no-repeat center center; background-color:#cacaca; } 
.goal-link li:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.goal-link li a:hover span{ color:#fff;  } 
.goal-link li a:hover .ar-link{  
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-45deg);
}

.step-wrapper{  padding:50px 0 50px 120px; }
.step-title h1{ font-size:25px; color:#076e0a; font-weight:700; margin-bottom:6px; }
.step-data{ color:#606060; font-weight:500; }
.s1{ background: url(../img/step-1.jpg)no-repeat top left;}
.s2{ background: url(../img/step-2.jpg)no-repeat top left;}
.s3{ background: url(../img/step-3.jpg)no-repeat top left;}

.service-wrapper{
  padding: 40px 0 10px 0; 
 }

.join{ background:url(../img/man.jpg) no-repeat right top; padding:0 0 150px 0; }
.head1{ font-weight: 400; color: #076e0a; margin: 10px 0;}
.head2{font-size: 50px; font-weight: 400; color: #076e0a; margin: 10px 0;}
.head3{ font-weight: 400; color: #076e0a; margin: 10px 0;}
.story-wrapper{background:url(../img/scale.jpg) no-repeat top right;}
.story-item { margin:20px 0; text-align:center; }
.story-image{ margin-bottom:10px; }
.story-image img{border-radius: 30px; height: auto; width: 100%; padding: 5px; background-color: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.story-title{color: #076e0a; font-size: 18px;}

.prodcut-details-image img{ width:100%; height:auto; }
/* -------------- Title -------------- */
.page-title{ margin:20px 0; }
.page-title h1 { font-family: "Unna", serif; font-size:40px; color:#076e0a; font-weight:600; }
.page-title2 h1 { font-family: "Cookie", cursive; font-size:30px; color:#454545; font-weight:400; margin-top:-15px; } 

/* -------------- Content -------------- */

.home-content{font-weight: 500;}

.page-content{font-weight: 500;}
.page-content h1{ font-weight:600; font-size:22px; border-bottom:1px solid #81b523; padding-bottom:5px; margin-bottom:5px; }
.page-content h2{ font-weight:600; font-size:20px; border-bottom:1px solid #81b523; padding-bottom:5px; margin-bottom:5px; }
.page-content h3{ font-weight:600; font-size:20px; color:#81b523; padding-bottom:5px; margin-bottom:5px; }
.page-content h4{ font-weight:600; font-size:18px; color:#81b523; padding-bottom:5px; margin-bottom:5px; }
.page-content h5{ font-weight:600; font-size:18px; padding-bottom:5px;}
.page-content h6{ font-weight:600; font-size:16px; padding-bottom:5px;}

.page-wrapper{
  padding: 40px 0; 
 }

.why-diet{ background-color:#fcfbfb; padding:40px 0;  }
.why{ margin:10px 0; display:block; font-size:15px; }


.service{ padding: 15px; text-align:center; background-color: #fff; margin:16px 0; border:1px solid #bbbbbb;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.service-ico{ text-align:center; margin:8px 0; }
.service-ico img{  max-width:95%; display:block; }
.service-title{ text-align:center; margin:8px 0 12px 0; color:#0e7e30; font-weight:700; font-size:18px; padding-bottom: 16px; background:url(../img/header-bg2.jpg) no-repeat center bottom; }
.service-data{ text-align:center; margin:8px 0; font-size:14px; font-weight:500;  }
.link-button{ background: #fbd91f; display:inline-block; padding:12px 20px; color:#000; font-size:20px; }
.link-button:hover{ background: #73a519;  color:#fff; }

.testimoial-wrapper{ background: url(../img/test-bg.png) no-repeat right top; background-color:#fff; padding:40px 0; }
.testimonial{ border:1px solid #bababa; background-color:#fff; margin:60px 0 20px 0; position:relative; padding:18px; }
.testimonial-icon{ position:absolute; top:-30px; left:20px; }
.testimonial-icon img{ width:80px; height:auto; }
.testimonial-image{ overflow:hidden;width: 120px; height: 120px; border-radius:50%; border:2px solid #73a519; margin-left:auto; margin-right:auto; margin-top:-66px; }
.testimonial-image img{width: 135px; height: auto;}
.testimonial-text{ font-weight:500; margin-top:10px; font-size:14px; margin-bottom:10px; }
.testimonial-author{ color:#73a519; font-weight:600; }

.link-button2{ background: #fbd91f; display:inline-block; padding:8px 10px; color:#000; font-size:16px; }
.link-button2:hover{ background: #73a519;  color:#fff; }

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}
.facts-wrapper{
  padding: 60px 0; background: url(../img/facts-bg.jpg) no-repeat center center;
}
.facts-box{ border:1px solid #ccc; padding:15% 0; margin:20px 0; }
.f-number{text-align: center;
    font-size: 50px;
    font-weight: 300;
    color: #fff;}
.f-bar{ border-bottom:5px solid #fff; display:block; width:70px; margin:6px auto; }
.f-text{
  padding-top: 20px; text-align: center;
}
.slick-dots li button:before {
  font-size: 10px !important; }

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.more{ display: inline-block; text-align:center; background-color: #707070; color:#fff; font-weight:500; margin:20px; font-size: 18px; padding:8px 15px; }
.more:hover{ background-color: #fff; color:#000; }


.select-size{  list-style: none; margin: 0; padding: 0; } 
.select-size li{ display: inline-block; margin:8px; border: 1px solid #eca234; position: relative;}
.select-size li label{  padding: 2px 6px; text-align: center; margin-bottom: 0!important ; cursor: pointer; font-weight: 500; }
.select-size li input[type="radio"] {
  width: 30px;
  height: 29px; cursor: pointer;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  top: -1px;
  left: 0px;
  transition: all 0.45s ease-in-out;
}
.select-size li input[type="radio"]:checked {
  background: url(../img/size.png) no-repeat center center;
  transition: all 0.45s ease-in-out;
}
.select-size li input[type='radio']:disabled {
    pointer-events: none;
}
.select-size li input.disabled-radio{ opacity: 0.4; }

.breadcrumb{ background-color: transparent !important; padding: 0 !important; margin:10px 0 8px 0 !important; }
.breadcrumb ul{ list-style: none; float: left; margin:0 ; padding: 0; }
.breadcrumb ul li{ display:inline-block;  }
.breadcrumb ul li a{ display:block; padding:4px 8px; color:#4e2624 }

.contact-wrapper{ text-align:center; padding:18px 0; }
.contact-wrapper p{ font-size:22px !important; line-height: 39px; color:#2e2e2d; }
.contact-wrapper a{ font-size:22px; line-height: 39px; color:#2e2e2d; }

.contact-from label{ width:100% !important }
.contact-from input { border: 1px solid #ccc; height:45px; width:100%; }
.contact-from textarea { border: 1px solid #ccc; height:65px; width:100%; }
.contact-from .wpcf7-submit {background: #076e0a; color: #fff; border: none !important; height:45px;  cursor: pointer !important; width: 100%;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.contact-from .wpcf7-submit:hover{ background: #454545;  color:#fff; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

label.error {
  color: red;
  font-weight: 300;
  margin-top: 0; }


.easyzoom { border:5px solid #eca234; margin-left: 90px;  }

.thumbnails { margin: 0 10px 0 0 ; padding: 0; list-style: none; margin-bottom: 15px; display: inline-block; width: 80px;  position: absolute;}
.thumbnails li { margin: 0px 0px 10px 0; display: inline-block; float: left; }
.thumbnails li a img{ width: 80px; height: auto; }


.breadcrumb-wrapper {
  color: #616161; }
  .breadcrumb-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0; }
    .breadcrumb-wrapper ul li {
      display: inline-block; }
      .breadcrumb-wrapper ul li a {
        padding: 3px 5px; }

.content {
  line-height: 26px;
  color: #8c8c88;
  font-size: 16px; }
  .content p {
    line-height: 26px;
    color: #8c8c88;
    font-size: 16px; }

.sub-content {
  line-height: 20px;
  color: #8c8c88;
  font-size: 14px; }
  .sub-content p {
    line-height: 20px;
    color: #8c8c88;
    font-size: 14px; }

/* -------------- Footer -------------- */
.footer-wrapper {
  padding: 30px 0;
  background-color: #73a519; }
.footer-image{ display:inline-block; width: 100%; text-align:center; margin-bottom:20px; }
.footer-image img{ max-width:100%; height:auto; }
.Footer-data h1{ font-size:19px; color:#fff; font-weight: 600; margin-bottom:10px; }
.fgallery{ margin:5px; display:block; }
.fgallery img{ width:100%; height:auto; }
.Footer-data{ font-size:16px; color:#fff; line-height:29px; }
.Footer-data a{ font-size:16px; color:#fff; line-height:29px; }
.socialmedia-menu{ margin-top:12px; }
.socialmedia-menu ul {
  list-style: none;
  padding: 0;
  list-style: inline-block; }
.socialmedia-menu ul li {
  display: inline-block; width: 32px; height: 32px; margin-left: 4px;}
.socialmedia-menu ul li a {
  color: #454545;
  text-decoration: none;
  font-size: 16px; 
  text-align: center; padding-top: 3px;
  width: 32px; height: 32px;
  display: block;
  background-color: #ccc; border-radius: 50%;
  border-bottom: 0; }
.socialmedia-menu ul li a:hover {
    color:#fff; background-color: #454545; }

.socialmedia-menu ul li:first-child a{ background-color:#0a357d !important; color:#fff !important; }
.socialmedia-menu ul li:last-child a{ background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d)!important; color:#fff !important;}
.footer2 {
  border-top: 1px solid #ccc;
  padding-bottom: 15px;
  padding: 18px 0; }
  .footer2 .copy-text {
    font-size: 15px;
    color: #4f4e4e; }
  .footer2 .copy-text a{
    font-size: 15px;
    color: #4f4e4e !important; }

  .footer2 .wc-text a {
    font-size: 15px;
    color: #4f4e4e; }

.error {
  color: #e90e0e; }



/* --------- sign in / sign up ------------ */
/* Breakpoints */
/* 320px*/
/* 768px*/
/* 1024px*/
/* 1366px*/
/* 1920px*/
/* 2560px*/
/* Media Queries */
@media (min-width: 20em) {
  .mobile {
    display: block; }
  .desktop {
    display: none; }
  .more-link{ font-size:12px; }  
  .text-wrapper h1{font-size:22px;}
  .text-wrapper h1 span{font-size:21px;}
  .about-wrapper {
    padding: 40px 0 120px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 341px auto;}
  .diet-step{ padding-top:90px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:120px auto; }
  .diet-step2{ padding-bottom:260px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:260px auto; }
  .head1{font-size: 60px;}
  .head3{font-size: 53px;}
  .story-wrapper{background-size: 100px;}
  .m-points ul li{ font-size:16px; padding: 10px 5px 10px 60px;}
  .copy-text {
    text-align: center; }
  .wc-text {
    text-align: center; } }

@media (min-width: 48em) {
  .mobile {
    display: block; }
  .desktop {
    display: none; }
  .more-link{ font-size:16px; }  
  .text-wrapper h1{font-size:22px;}
  .text-wrapper h1 span{font-size:21px;}
  .about-wrapper {
    padding: 40px 0 120px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 341px auto;}
  .diet-step{ padding-top:90px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:120px auto; }
  .diet-step2{ padding-bottom:260px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:260px auto; }
  .head1{font-size: 60px;}
  .head3{font-size: 53px;}
  .story-wrapper{background-size: 100px;}
  .m-points ul li{ font-size:16px; padding: 10px 5px 10px 60px;}
  .copy-text {
    text-align: center; }
  .wc-text {
    text-align: center; } }

@media (min-width: 64em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; } 
  .more-link{ font-size:16px; }  
  .text-wrapper h1{font-size:35px;}
  .text-wrapper h1 span{font-size:31px;}
  .about-wrapper {
    padding: 40px 0 40px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 657px auto;}
  .diet-step{ padding-top:40px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:330px auto; }
  .diet-step2{ padding-bottom:60px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:530px auto; }
  .head1{font-size: 90px;}
  .head3{font-size: 60px;}
  .story-wrapper{background-size: 211px;}
  .m-points ul li{ font-size:20px; padding: 10px 5px 10px 70px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 85.375em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  .more-link{ font-size:18px; }  
  .text-wrapper h1{font-size:35px;}
  .text-wrapper h1 span{font-size:31px;}
  .about-wrapper {
    padding: 40px 0 40px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 657px auto;}
  .diet-step{ padding-top:40px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:330px auto; }
  .diet-step2{ padding-bottom:60px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:530px auto; }
  .head1{font-size: 90px;}
  .head3{font-size: 60px;}
  .story-wrapper{background-size: 211px;}
  .m-points ul li{ font-size:20px; padding: 10px 5px 10px 70px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 120em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  .more-link{ font-size:18px; }  
  .text-wrapper h1{font-size:35px;}
  .text-wrapper h1 span{font-size:31px;}
  .about-wrapper {
    padding: 40px 0 40px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 657px auto;}
  .diet-step{ padding-top:40px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:330px auto; }
  .diet-step2{ padding-bottom:60px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:530px auto; }
  .head1{font-size: 90px;}
  .head3{font-size: 60px;}
  .story-wrapper{background-size: 211px;}
  .m-points ul li{ font-size:20px; padding: 10px 5px 10px 70px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 160em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  .more-link{ font-size:18px; }  
  .text-wrapper h1{font-size:35px;}
  .text-wrapper h1 span{font-size:31px;}
  .about-wrapper {
    padding: 40px 0 40px 0;
    background: url(../img/tap.jpg) no-repeat bottom right;
    background-size: 657px auto;}
  .diet-step{ padding-top:40px; background:url(../img/arrow-bg.jpg) no-repeat top right; background-size:330px auto; }
  .diet-step2{ padding-bottom:60px; background:url(../img/plate.jpg) no-repeat bottom left; background-size:530px auto; }
  .head1{font-size: 90px;}
  .head3{font-size: 60px;}
  .story-wrapper{background-size: 211px;}
  .m-points ul li{ font-size:20px; padding: 10px 5px 10px 70px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }