body {
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}

h2.headfaq { width:100%; text-align:center; border-bottom: 1px solid #756959; line-height:0.1em; margin:10px 0 20px; } 
h2.headfaq  span { background:#f1b713; padding:0 10px; }

.brownheadsection h3{
  font-size: 2rem;
font-weight: 600;
margin-bottom: -0.5rem;
}

.icopro{

  max-width: 70px;
  padding: 2px;
}
.icoprocont{

  padding-left: 17px;
  padding-right: 14px;
}


.titlefirst{
  font-size: 28px;
}
ul {

  margin: 0;
  padding: 0;
}
.container-main-products{
  background: linear-gradient(90deg, #d26e35 50%, #d5cdc8 50%);
}
.container-main-products-2{
  background-color: #d26e35;
}
.recipe-image { 
  margin-top: 30px;
}

.curvy{
  margin-bottom:23px; 
  text-align: left;
 
    border-radius: 16px;
    background: #756959;
    padding: 14px; 
    width: 100%;
     
    color:#ffffff;

}

a, a:visited, a:hover {
  color: #ffffff;
  text-decoration: underline;

  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.boxed a{
  color: #335534;
  text-decoration: underline
}
.link1{
  color: #335534;
  text-decoration: underline
}

a.link1{
  color: #335534;
  text-decoration: underline
}

.qu1, .qu2, .qu3, .qu4, .qu5, .qu6 , .qu7 , .qu8 , .qu9 , .qu10 , .qu11 , .qu12 , .qu13 , .qu14 , .qu15 , .qu16 , .qu17 , .qu18 , .qu19, .qu20, .qu21, .qu22, .faq-question {
  cursor: pointer;
}
.mpanel{ width: 100%;
  color:#f1b713
}
.panel1, .panel2, .panel3, .panel4, .panel5, .panel6 , .panel7 , .panel8 , .panel9 , .panel10 , .panel11 , .panel12 , .panel13 , .panel14 , .panel15 , .panel16 , .panel17 , .panel18  , .panel19, .panel20, .panel21, .panel22 {
  display: none;
}

.q1, .q2, .q3, .q4, .q5, .q6 , .q7, .q8, .q9, .q10, .q11, .q12, .q13, .q14, .q15, .q16, .q17, .q18,  .q19 , .q20 , .q21, .q22{
 
  margin-left:-39px;
}

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.container-600{
  max-width: 600px;
}

.imgtop{
  padding-top: 9vh;
  padding-bottom: 3vh;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.alt-grid {
  padding-left: 0;
  padding-right: 0;
}

.titcat{
  padding: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #707070;
}
.titcatlink{
  color: #707070;
  font-weight: bold;
}

a.titcatlink {
  color: #707070;
  text-decoration: none;
}

a.titcatlink:hover {
  color: #707070;
  text-decoration: underline;
}

#wicosearch {
  color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
  height: 100px;
  line-height: 100px;
}

#wicosearch:hover {
  color: #deffdb76;
  height: 100px;
  line-height: 100px;
}

.menufyt {
  height: 100px;
  background: linear-gradient(-90deg, #335534, #558241, #558241, #335534);
  width: 100%;
  position: fixed;
  top: 0px!important;
  z-index: 999;
}

.logo {
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -45px;
  height: 90px;
}

.menufytcont {
  margin: 0 auto;
  width: 1024px;
  height: 100px;
  line-height: 100px;
}

.menufyt ul {
  font-size: 16px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* Change the link color to #111 (black) on hover */
}

.menufyt ul li {
  float: left;
}

.menufyt ul li a {
  display: block;
  color: white;
  text-align: left;
  /* padding: 0px 16px; */
  padding: 0px 10px;
  text-decoration: none;
  font-weight: bold;
}

.menufyt ul li ul li a {
  display: block;
  color: white;
  text-align: left;
  padding: 0px 16px;
  text-decoration: none;
  font-weight: bold;
  line-height: 39px;
}

.menufyt ul li a:hover {
  background: linear-gradient(-4deg, #335534, #558241);
  font-weight: bold;
}

.mobm {
  display: none;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #2a5334;
}

.nav li {
  float: left;
}

.nav li a, .nav .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
}

.nav li.menu-item-has-children {
  display: inline-block;
}

.sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 270px;
  text-align: left;
}



.sub-long .sub-menu {
  width: 310px!important;
}


.sub-menu li {
  display: block;
  width: 100%;
}

.sub-menu a {
  text-decoration: none;
  display: block;
  text-align: left;
}

.menu-item-has-children:hover .sub-menu {
  display: block;
  text-align: left;
}

@media (max-width: 1258px) {
  .menufytcont {
    float: right;
    margin: 0 0;
    width: 1013px;
    height: 100px;
    line-height: 100px;
  }
}

@media (max-width: 1257px) {

  .mobilemenuin .menu-main-menu-fytro-container ul li .sub-menu{
display: block;
  }
  .sub-menu {
    display: block;
    position: relative;
    background-color: #335334;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 270px;
    text-align: left;
}


  .heighter {
    padding-top: 60px !important;
  } 

  .menufytcont {
    display: none;
  }

  .logo {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -26px;
    height: 50px;
  }

  .menufyt {
    height: 60px;
    background: linear-gradient(-90deg, #335534, #558241, #558241, #335534);
    width: 100%;
    position: fixed;
    top: 0px!important;
    z-index: 999;
  }

  .mobm {
    display: block;
    float: right;
    padding-top: 12px;
    padding-right: 13px;
    width:44px;
    height:44px;
    margin-right: 22px;
  }
  .mobms {
    font-size: 36px;
    color: white;
    cursor: pointer;
  }
}

.footer {
  margin-top: 0px;
  background-color: #d4d4d5;
  width: 100%;
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  color: #737172;
}

.footerlogo {
  position: absolute;
  left: 22px;
  top: 50%;
  margin-top: -58px;
}

.formfooter {
  font-size: 14px;
}

.formfooter input {
  font-size: 14px;
  border-radius: 33px !important;
}

.formfooter button {
  font-size: 14px;
  color: #737172;
  text-decoration: underline;
  background-color: #d4d4d5;
  border-color: #d4d4d5;
}

.titlefooter {
  padding: 12px;
}
.titlefooter2 {

  color:#222221;
  text-decoration: underline
}

.padd {
  padding-right: 3px;
  padding-left: 3px;
}

.threboxescont {
  width: 32%;
  text-align: center;
}

.headcat {
  padding-bottom: 28px;
}

.colt-container {
  display: table;
  width: 100%;
}

.colt {
  display: table-cell;
}

.boxcatsynt {
  padding: 0px;
  margin: 0px;
}

.boxcat {
  color: #737172;
  font-size: 14px;
  font-weight: bold;
  padding: 12px;
}

.cattitle {
  font-size: 18px;
  line-height: 22px;
  max-width: 50%;
}

.protitle {
  font-size: 18px;
  line-height: 22px;
  max-width: 80%;
  text-align: center;
}

#catmore {
  color: #3b6639 !important;
  padding-left: 20px;
}

.circlecat {
  max-width: 50% !important;
}

.rightbox {
  display: inline-block;
  padding: 6px;
}

.leftboxprod {
  background-color: #d26e35;
}

.rightboxprod {
  background-color: #d5cdc8;
}

.modalsearch {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 188002;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #335334;
  /* Fallback color */
  background-color: rgba(51, 83, 52, 0.9);
  /* Black w/ opacity */
}

.modalsearch-content {
  background-color: #fefefe;
  margin: 19vh auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
  font-size: 18px;
  color: #335534;
}

/* The Close Button */
.closesearch {
  color: #ffffff;
  float: right;
  margin-right: 54px;
  margin-top: 9px;
  font-size: 53px;
  font-weight: bold;
  padding: 12px;
}

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

form.searchform input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 85%;
  background: #f1f1f1;
}

form.searchform button {
  float: left;
  width: 15%;
  padding: 10px;
  background: #2a5334;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.searchform button:hover {
  background: #2a5330;
}

form.searchform::after {
  content: "";
  clear: both;
  display: table;
}

.heighter {
  padding-top: 100px;
} 

.nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.leftyellow {
  background-color: #eabf3b;
  font-weight: 300;
  font-size: 16px;
  padding-top: 27px;
  padding-bottom: 27px;
}

.rightw {
  background-color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.section1 {
  background-image: url("../../assets/images/products_en_new1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 63vw;
}

.section2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/images/syntagesfytro.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 66vw;
}

.section1in {
  height: 58vw;
}

.section2in {
  height: 58vw;
}

.titletop {
  padding-top: 3vw;
  font-size: 4vw;
  color: #2a5334;
  font-weight: bold;
}

.sectioncats {
  background-color: #d5cdc8;
  font-weight: 300;
  font-size: 27px;
  padding-top: 27px;
  padding-bottom: 27px;
}

.messageBox {
  position: absolute;
  left: 50%;
  bottom: 10%;
  font-size: 38px !important;
  color: #000000;
}

.headtitlepro {
  display: inline-block;
}

.bottomdiv {
  color: #222221;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  position: absolute;
  left: 50%;
  width: 340px;
  margin-left: -180px;
  /* bottom: 14px; */    /* ropox  27-06-2019*/
}

.centdiv {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  width: 380px;
  margin-left: -190px;
  top: 10vw;
}

.centdiv::before {
  content: url("../../assets/images/thaym.png");
}

.centdiv::after {
  content: url("../../assets/images/thaymd.png");
}

.mhr {
  line-height: 1px;
  height: 1px;
  color: #ffffff !important;
  background-color: #ffffff;
  border: 0px;
}

.wsub {
  font-size: 14px;
  color: #ffffff;
  font-weight: 300;
  padding-bottom: 8px;
  display: block;
}

.titlesynt {
  font-size: 3vw;
  font-weight: 300;
}

.tblecell {
  display: table-cell;
  height: auto;
  float: none;
}

.fytb {
  font-weight: bold;
  color: #2a5334;
}

.clickhb {
  border-radius: 22px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  color: #2d2928;
  font-weight: bold;
  border-color: #2d2928;
}

.clickhbw {
  min-width: 130px;
  margin: 2px;
  border-radius: 22px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  color: #ffffff;
  font-weight: bold;
  border-color: #ffffff;
}

.clickhbw:hover {
  border-radius: 22px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  color: #ffffff;
  font-weight: bold;
  background-color: #2d2928;
  border-color: #ffffff;
  margin: 2px;
}

.clickhb:hover {
  border-radius: 22px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  color: #ffffff;
  font-weight: bold;
  background-color: #2d2928;
  border-color: #ffffff;
}

.shadow2 {
  text-shadow: 1px 1px white;
}

.greenheadsection {
  background-color: #7f8e68;
  color: #ffffff;
  /* font-weight: 300; */   /* ropox  27-06-2019*/
  /* font-size: 27px; */   /* ropox  27-06-2019*/
  padding-top: 27px;
  padding-bottom: 27px;
  font-weight: 600;  /* ropox  27-06-2019*/
  font-size: 34px;   /* ropox  27-06-2019*/

}

.brownheadsection {
  background-color: #94897c;
  color: #ffffff;
  font-weight: 300;
  font-size: 27px;
  padding-top: 27px;
  padding-bottom: 27px;
}

.boxovers {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #ffffff;
  background-color: rgba(86, 129, 60, 0.7);
  /* font-size: 16px; */  /* ropox  27-06-2019*/
  font-weight: 600;   /* ropox  27-06-2019*/
font-size: 2.1em;  /* ropox  27-06-2019*/
}

.tablewall {
  background-image: url("../../assets/images/thewall.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 379px;
  padding-top: 28px;
}

.imgme {
  width: 100%;
}

.img_prod {
  width: 100%;
  max-width: 333px;
  /* max-width: 100%; */
  display: block;
  margin: 0 auto !important;
}

@media only screen and (min-width: 768px) {


  .is-table-row {
    display: table;
  }
  .is-table-row .col-vvv {
    float: none;
    width: 50%;
    display: table-cell;
    vertical-align: top;
  }
}

.carouselmobile{
  display: none
}
.carouseldesktop{
  display: block
}

@media (max-width: 764px) {

  ul.nav-responsive1 li a{
    font-size: 18px !important
  }

   ul.sub-menu li a {
    font-size: 18px !important
  }

  ul.sub-menu{
    display:none !important
  }

  .sub-menu {
    display: block;
    position: relative;

    z-index: 1;
    width: 100%;
    text-align: center;
}

  .sub-menu a {
    text-decoration: none;
    display: block;
    text-align: center;
    color: #a7fd64 !important;
    width: 77vw;
    margin-left: 1vw;
  }


  li.mb1 a + ul {
    display:block !important;
    width: 100%;
    text-align: center;

  }

  li.mb4 a + ul {
    display:block !important
  }


  .carouselmobile{
    /* display: block */
  }
  .carouseldesktop{
    /* display: none */
  }

  
  .imgrr {
    width: 100%;
  }
  

  /* end carousel styling */

  .brownheadsection h3{
    font-size: 18px;
  font-weight: 600;
  margin-bottom: -0.5rem;
  }
  .brownheadsection {
    font-size: 18px;
  font-weight: 400;
 
  }
  

  .titlefirst{
    font-size: 18px;
  }

  .container-main-products {
    background: linear-gradient(90deg, #d26e35 50%, #d26e35 50%);
}
.rightboxprod {
  background-color: #d5cdc8;
  margin-bottom: 18px;
}

.recipe-image { 
  margin-top: 3px;
  margin-bottom:24px;
}


  .img_cat {
    max-width: 300px;
    display: block;
    margin: 0 auto !important;
  }
  .textcenterm {
    padding-top: 20px;
    text-align: center !important;
  }
  .centdiv {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    width: 380px;
    margin-left: -190px;
    top: 5vw;
  }
  .centdiv::after {
    content: " ";
  }
}

@media (max-width: 500px) {



  .clickhbw {
    margin: 1px;
    border-radius: 22px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #ffffff;
    font-weight: bold;
    border-color: #ffffff;
    font-size: 12px !important;
  }

  .clickhb {
    margin: 1px;
    border-radius: 22px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #000000;
    font-weight: bold;
    border-color: #000000;
    background-color: #ffffff;
    font-size: 12px !important;
  }
  .clickhb:hover {
    border-radius: 22px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #ffffff;
    font-weight: bold;
    background-color: #2d2928;
    border-color: #ffffff;
    margin: 1px;
    font-size: 12px !important;
  }

  .clickhbw:hover {
    border-radius: 22px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #ffffff;
    font-weight: bold;
    background-color: #2d2928;
    border-color: #ffffff;
    margin: 1px;
    font-size: 12px !important;
  }
  .centdiv {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    width: 70%;
    margin-left: -35%;
    top: 3vw;
  }
  .centdiv::before {
    content: " ";
  }
  .centdiv::after {
    content: " ";
  }
}

.carousel-cell {
  width: 28%;
  height: 300px;
  margin-right: 10px;
  margin-left: 10px;
  border: 5px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.carousel-cell2:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.imgrr {
  width: 100%;
}

.mobilecontainer {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 2033;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #335334;
  /* Fallback color */
}

.mobilemenuin {
  margin: 0 auto;
  font-size: 22px;
  width: 66%;
  padding-top: 78px;
  padding-left: -22px;
  color: azure;
  text-decoration: none;
  text-align: center;
}

.mobilemenuin ul {
  list-style-type: none;
  padding: 0px;
  margin-left: -20px;
}

.mobilemenuin a {
  color: #ffffff !important;
  font-size: 22px !important;
}

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

.closemob {
  color: #ffffff;
  float: right;
  margin-right: 14px;
  margin-top: 1px;
  font-size: 53px;
  font-weight: bold;
  padding: 4px;
}




.container-memiamatia{
  background-color: #b8bdaa;
}
.container-faq{
  background-color: #f1b713;
  color:#5e5c5d;
}

.container-main-downloads{
  background: #d5cdc8;
}

/* recipes collecton menu style - start*/

.noneselected{
  display: none;
}

.recipe-menu-container{
  display: table;
  width: 100%;
  height: 100%
}
.recipe-menu-left .recipe-menu-container  ul {
    list-style-type: none;
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
}

.recipe-menu-left .recipe-menu-container ul li{
  color: #fff;
  line-height: 48px;
}

.recipe-menu-left .recipe-menu-container ul li a {
  color: #fff;
  text-decoration: none;
}

.recipe-menu-left .recipe-menu-container ul li a.selected {
  text-decoration: underline;
}

/* recipes collecton menu - end*/



/* Recipe page styling - start */

.recipe-header{
  font-size: 29px; 
  padding: 22px; 
  color: #ffffff;
}

.recipe-sub-header{
  font-weight: bold;
}

.recipe-body{
  font-size: 17px;
  padding: 22px; 
  color: #ffffff;
}

.recipe-body ul{
  list-style: none;
  margin: 0;
  padding: 10px 0 10px 0;
}




.recipe-body a {
  color:#fff;
  text-decoration: underline;
}

/* Recipe page styling - end */

/* Article Category page styling - start */

.article-titletype-container{
    font-size: 3vw;
    text-align: center;
    padding-top: 50%;
    margin-top: -25%;
    color: #fff;
}
/* Article Category page styling - end */



/* pagination styling - start */
.pagination-container{
  display: table;
  width: 100%;
  margin-top: 20px;
  padding: 10px 0px;
}

.pods-pagination-paginate{
  display: table-cell;
  text-align: center;
  horizontal-align: middle;
  line-height: 35px;
}

.pods-pagination-paginate .page-numbers {
	color: black;
    padding: 8px 16px;
    text-decoration: none;
}

.pods-pagination-paginate .page-numbers.current{
 	background-color: #385C36;
    color: white;
}

.pods-pagination-paginate .page-numbers:hover:not(.current) {
	background-color: #e1f79b;
}


@media only screen and (max-width:600px) { 
 
  .pods-pagination-paginate .page-numbers{
 	display: none;
 }
 
 .pods-pagination-paginate .prev.page-numbers{
 	display: inline-block;
 }
 
  .pods-pagination-paginate .next.page-numbers{
 	display: inline-block;
 }
	
}
/* pagination styling - end */

/*bmi calculator styling - start */

#bmi-calc-main-container{
  background-color: #d5cdc8;
}

#bmi-calc-content-header{
  padding: 0px 0px 100px 0px;
}
/*bmi calculator styling - end */

/*calorie calculator styling - start */
ul.pagination li span{
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}


ul.pagination li span:hover{
  cursor:pointer;
  background-color: #e1f79b;;
  color: black;
  text-decoration: none;
}



ul.pagination li.active span{
  background-color: #385C36;
  color: white;
}

/*calorie calculator styling - end */


/* ropox  27-06-2019*/

@media (max-width: 764px) {


  .carousel-cell {
    width: 75%;
    height: 300px;
    margin-right: 10px;
    margin-left: 10px;
    border: 5px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}