h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

p {
  margin-bottom: 10px;
  line-height: 24px;
}

strong {
  font-family: 'Opensans semibold', sans-serif;
  color: #333;
  font-weight: 700;
}

.navbar {
  position: relative;
  z-index: 1000;
  border-top: 4px solid #ea291c;
  background-color: #fff000;
}

.maggilogo {
  margin-right: 8px;
}

.indofoodlogo {
  margin-right: 8px;
  margin-left: 8px;
}

.navlink {
  display: inline-block;
  padding: 28px 13px;
  border-bottom: 5px solid transparent;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Cocon light regular', sans-serif;
  color: #736c00;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
}

.navlink:hover {
  border-bottom: 5px solid #ea291c;
  background-color: rgba(115, 108, 0, .1);
  color: #000;
}

.navlink.w--current {
  border-bottom: 5px solid #ea291c;
  font-family: 'Cocon light regular', sans-serif;
  color: #000;
}

.container {
  max-width: 1100px;
}

.container.slidecontainer {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}

.container.sliderbutton {
  padding-right: 10px;
  padding-left: 10px;
}

.container.footercontainer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.container.containerbottomfooter {
  padding-top: 10px;
  padding-bottom: 10px;
}

.container.sliddercontainer {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-right: 40px;
  padding-left: 40px;
}

.container.breadcrumbcontainer {
  position: relative;
  display: block;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.underlistnavbar {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 5px;
  background-color: #f0ed00;
}

.brand {
  padding-top: 8px;
  padding-bottom: 8px;
}

.body {
  background-color: #fdffe4;
  background-image: url('../images/pattern-02.svg');
  background-position: 0px 0px;
  background-size: 370px;
  font-family: 'Opensans regular', sans-serif;
  font-size: 16px;
}

.slidersection {
  display: none;
  height: 510px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Slide1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Slide1.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
}

.wrapctaslider {
  width: 500px;
  margin-top: 90px;
  margin-bottom: auto;
}

.wrapctaslider.ctaslide1 {
  position: relative;
  z-index: 4;
  margin-top: 46px;
}

.slidertitle {
  font-family: 'Cocon light regular', sans-serif;
  color: #fff;
  font-size: 54px;
  line-height: 60px;
  text-align: left;
}

.slidertitle.slide1 {
  font-family: 'Qlassik tb webfont', sans-serif;
  font-size: 52px;
  line-height: 50px;
}

.ol {
  margin-top: 20px;
  margin-bottom: 30px;
}

.li {
  display: inline-block;
  float: left;
}

.i {
  display: inline-block;
  margin-right: 8px;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  font-size: 18px;
}

.a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.wrapinfo {
  padding-right: 20px;
}

.buttonslider {
  display: block;
  width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 3px solid #fff;
  background-color: hsla(0, 0%, 100%, .2);
  -webkit-transition: opacity 200ms ease, background-color 200ms ease, border-color 200ms ease;
  transition: opacity 200ms ease, background-color 200ms ease, border-color 200ms ease;
  color: #fff;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.buttonslider:hover {
  border-color: #ea291c;
  background-color: #ea291c;
}

.citarasaindonesia {
  width: 200px;
  float: right;
}

.navmenu {
  position: relative;
  z-index: 1000;
  float: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.headercontainer {
  max-width: 1100px;
  padding-right: 10px;
  padding-left: 10px;
}

.sectiontabslider {
  position: relative;
  height: 70px;
}

.tabslider {
  position: relative;
  display: inline-block;
  width: 25%;
  height: 70px;
  padding-top: 24px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  border: 1px solid #e8e300;
  background-color: #fff000;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Opensans semibold', sans-serif;
  color: #736c00;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.tabslider:hover {
  border-color: #ea291c;
  background-color: #ea291c;
  color: #fff;
}

.tabslider.activetab {
  padding-top: 24px;
  border-color: #ea291c;
  background-color: #ea291c;
  color: #fff;
}

.wrapsliderarrow {
  display: none;
}

.contentsection {
  background-image: url('../images/ketupat right-04.svg'), url('../images/ketupat left-03.svg');
  background-position: 100% 0px, 0px 0px;
  background-size: 460px, 460px;
  background-repeat: no-repeat, no-repeat;
}

.wrapcontent {
  padding-top: 30px;
}

.wrapcontent.categorycontent {
  padding-top: 20px;
}

.wrapmaincontent {
  padding-top: 20px;
  float: left;
}

.post {
  width: 25%;
  padding: 10px;
  float: left;
  cursor: pointer;
}

.post.hide {
  display: none;
}

.postthumboverlay {
  position: relative;
  overflow: hidden;
}

.recipe-box-content {
  height: 54px;
  border-bottom: 1px solid #dbdbdb;
}

.recipetitile {
  display: block;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 6px;
  padding-left: 5px;
  font-family: 'Arvo regular', sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.i-category {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .8);
  font-family: 'Fontawesome webfont', sans-serif;
  color: rgba(0, 0, 0, .6);
}

.i-category:hover {
  background-color: #fff;
}

.i-category.recipe {
  background-image: url('../images/PostIconRecipe@2x.png');
  background-position: 50% 50%;
  background-size: 29px;
  background-repeat: no-repeat;
}

.i-category.article {
  background-image: url('../images/postArticleIcon@2x.png');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.wraphoverview {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 200;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: rgba(255, 240, 0, .9);
  -webkit-transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease, color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease, color 200ms ease, opacity 200ms ease;
  font-family: 'Opensans regular', sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.wraphoverview:hover {
  z-index: 10;
  background-color: rgba(255, 240, 0, .9);
  color: hsla(0, 0%, 100%, .75);
}

.btnview {
  padding: 2px 6px;
  float: right;
  border-radius: 4px;
  background-color: #ea291c;
  -webkit-transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
  font-size: 11px;
}

.btnview:hover {
  background-color: #d31104;
}

.btnview.tbnthumb {
  float: left;
}

.header {
  display: inline-block;
  width: 25%;
  float: left;
  color: #6d6d6d;
  font-size: 22px;
  line-height: 22px;
}

.aside {
  width: 300px;
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}

.line {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .1);
}

.line.linefooter {
  background-color: hsla(0, 0%, 100%, .1);
}

.wrap-line {
  display: inline-block;
  width: 75%;
  float: right;
}

.wrap-line.wraplinefooter {
  width: 80%;
}

.wrap-line.wraplinefooter.kontakkami {
  width: 70%;
}

.wrap-line.ingradientline {
  width: 75%;
  padding-top: 5px;
}

.wrap-line.linereciperelatedproduct {
  width: 67%;
}

.wraptitile {
  width: 100%;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
}

.wraptitile.wraptitlefooter {
  padding-left: 0px;
}

.wrapsorting {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px 20px;
  float: left;
  border-radius: 8px;
  background-color: #fff000;
}

.footersection {
  margin-top: 30px;
  background-color: #4f4949;
}

.wrappaggination {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

.prevnav {
  display: inline-block;
  padding: 10px 16px;
  float: left;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #5e5e5e;
  text-decoration: none;
}

.prevnav:hover {
  background-color: #ea291c;
  color: #fff;
}

.nextnav {
  display: inline-block;
  padding: 10px 16px;
  float: right;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: dimgrey;
  text-decoration: none;
}

.nextnav:hover {
  background-color: #ea291c;
  color: #fff;
}

.middlenav {
  display: block;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.numbernav {
  display: inline-block;
  margin-right: 1px;
  margin-left: 1px;
  padding: 10px 16px;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: dimgrey;
  text-align: center;
  text-decoration: none;
}

.numbernav:hover {
  background-color: #ea291c;
  color: #fff;
}

.numbernav.w--current {
  background-color: #ea291c;
  color: #fff;
}

.sectionbottomfooter {
  background-color: #2a2727;
}

.txtrightsreserved {
  display: inline-block;
  padding-top: 16px;
  font-family: 'Opensans light', sans-serif;
  color: hsla(0, 0%, 100%, .7);
  font-size: 14px;
  line-height: 14px;
}

.titilefooter {
  display: inline-block;
  width: 20%;
  float: left;
  color: #c5c5c5;
}

.titilefooter.kontakkami {
  width: 30%;
}

.txtfooter {
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-transition: opacity 200ms ease, color 200ms ease;
  transition: opacity 200ms ease, color 200ms ease;
  color: #adadad;
  font-size: 14px;
  text-decoration: none;
}

.txtfooter:hover {
  color: #fff;
}

.awesometextfooter {
  margin-right: 8px;
  font-family: 'Fontawesome webfont', sans-serif;
  text-decoration: none;
}

.awesometextfooter:hover {
  text-decoration: none;
}

.wraplink {
  display: block;
  text-decoration: none;
}

.wraplink:hover {
  color: #fff;
}

.ads300x250 {
  width: 300px;
  height: 250px;
  background-color: #c9c9c9;
}

.wrapmealplanner {
  width: 100%;
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

.tabs {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: none;
  background-color: #fff;
}

.tabsmenu {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  width: 70px;
  height: 100%;
}

.tabsmenu.inhomepage {
  width: 56px;
}

.tabscontent {
  overflow: visible;
  width: 100%;
  height: 100%;
}

.tablink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 14.28%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  font-family: 'Opensans semibold', sans-serif;
  color: #9b9b9b;
  font-size: 20px;
  text-align: center;
}

.tablink:hover {
  border-color: #f0ed00;
  background-color: #fff000;
  color: #000;
}

.tablink.w--current {
  border-color: #ea291c;
  background-color: #ea291c;
  color: #fff;
}

.tablink.w--current:hover {
  border-color: #ea291c;
  background-color: #ea291c;
  color: #fff;
}

.tabpane {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.recipetitlemealplane {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 14.28%;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/blur.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/blur.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: 'Opensans semibold', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
}

.wraptitlemealplanner {
  display: inline-block;
  width: 50%;
  height: 350px;
  padding: 20px;
  float: left;
  background-color: #fffde0;
}

.wrapiconmealplanner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 53px;
  height: 53px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff000;
  text-align: center;
}

.iconcalendar {
  font-family: 'Fontawesome webfont', sans-serif;
  color: #494300;
  font-size: 24px;
  text-align: center;
}

.toptitilemealplanner {
  display: inline-block;
  float: left;
  font-family: 'Opensans semibold', sans-serif;
  color: #6d6d6d;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}

.morebig {
  font-size: 22px;
  line-height: 28px;
  text-transform: none;
}

.wrapwidget {
  max-width: 300px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.widgettitle {
  float: left;
  font-family: 'Opensans regular', sans-serif;
  color: #6d6d6d;
  font-size: 22px;
  font-weight: 400;
}

.wraptitilewidget {
  padding-bottom: 20px;
}

.widgetline {
  width: 45%;
  float: right;
}

.widgetline.share {
  width: 75%;
}

.wrapthumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  float: left;
  background-color: transparent;
}

.wrapthumb.thumb1 {
  background-image: url('../images/Article-Main-Image-Kapan-Waktu-yang-Tepat-untuk-Berolahraga-Saat-Berpuasa.jpg');
  background-position: 50% 50%;
  background-size: 360px;
  background-repeat: no-repeat;
}

.wrapthumb.thumb2 {
  background-image: url('../images/Article-Main-Image-Tak-Ingin-Sakit-Saat-Puasa.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.wrapthumb.thumb3 {
  background-image: url('../images/Ayam-Penyet.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.thumbrecipe1 {
  background-image: url('../images/Thumbnail-Image-Udang-bakar-pedas.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.thumbrecipe2 {
  background-image: url('../images/Thumbnail-Image-Tumis-ayam-paprika.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.thumbrecipe3 {
  background-image: url('../images/Thumbnail-Image-Bistik-Lidah-Sapi.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.thumbrecipe4 {
  background-image: url('../images/Thumbnail-Image-Tahu-Renyah-Siram.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.thumbrecipe5 {
  background-image: url('../images/Thumbnail-Image-Ayam-sambal-goreng-cornflakes.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapthumb.article-thumb3 {
  background-image: url('../images/Article-Main-Sering-Mengantuk-Saat-Puasa-Atasi-Dengan-6-Cara-Ini.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.titile-thumb {
  position: absolute;
  left: 10px;
  right: 0px;
  bottom: 10px;
  display: inline-block;
  float: left;
  font-family: 'Arvo regular', sans-serif;
  text-align: left;
}

.litthumb {
  position: relative;
  z-index: 100;
  overflow: hidden;
  width: 300px;
  height: 120px;
  margin-top: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}

.wrappluginfb {
  width: 100%;
  max-width: 300px;
}

.wrapads728x90 {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0px;
  padding: 20px;
  float: left;
  background-color: hsla(0, 0%, 100%, .5);
  text-align: center;
}

.wrapads {
  display: inline-block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  background-color: hsla(0, 0%, 100%, .5);
  text-align: center;
}

.slider {
  width: 100%;
  height: 510px;
}

.slidernav.hidden {
  display: none;
}

.slide-1 {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Carousel-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Carousel-1.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.slide-1.slide-2 {
  background-image: url('../images/Carousel-2 (1).jpg'), -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: url('../images/Carousel-2 (1).jpg'), linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-position: 50% 0px, 0px 0px;
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
}

.slide-1.slide-3 {
  background-image: url('../images/Carousel-3.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-1.slide-4 {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Slide-4-Mapo-Tahu-Kecap.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Slide-4-Mapo-Tahu-Kecap.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.slide-1.slide4 {
  background-color: #fffede;
  background-image: url('../images/Slide4 Desktop.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.iiconleft {
  display: inline-block;
  margin: 245px 40px 245px 0px;
  font-family: 'Fontawesome webfont', sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.iiconright {
  margin: 245px 0px 245px 40px;
  font-family: 'Fontawesome webfont', sans-serif;
  font-size: 40px;
}

.postplanner {
  width: 100%;
  height: 100%;
}

.awesomefont {
  font-family: 'Fontawesome webfont', sans-serif;
}

.linkblock {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.linkblockmealplanner {
  height: 292px;
}

.mealplannertitle {
  display: inline-block;
  margin-top: 16px;
  padding-left: 10px;
  color: #6d6d6d;
  font-size: 22px;
}

.uppercase {
  font-family: 'Opensans bold', sans-serif;
  text-transform: uppercase;
}

.wraptitle-mealplanner {
  border-bottom: 1px solid #dedede;
}

.mealplannerthemetitle {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: 'Cocon light regular', sans-serif;
  color: #565656;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
}

.p {
  margin-bottom: 0px;
  float: left;
  color: #6d6d6d;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.p.otherrecipe {
  font-family: 'Opensans regular', sans-serif;
  color: #949494;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

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

.p.boldingradient {
  width: 100%;
}

.wrapadd {
  padding-right: 10px;
  padding-left: 10px;
}

.wrapicon {
  display: block;
  width: 25%;
  height: 45px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.filtericon {
  display: block;
  width: 100%;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.textfilter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #87837a;
  font-size: 12px;
}

.datearticle {
  padding-top: 2px;
  padding-bottom: 16px;
  padding-left: 5px;
  border-bottom: 1px solid hsla(59, 31%, 73%, .5);
  color: #87837a;
  font-size: 12px;
  text-align: left;
}

.sortdescpost {
  display: none;
  font-family: 'Opensans regular', sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 15px;
  text-align: left;
}

.titlepostthumb {
  display: none;
  margin-bottom: 6px;
  font-family: 'Opensans semibold', sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 17px;
}

.buttonpost {
  position: relative;
  z-index: 3;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 2px solid #f8f4b1;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Opensans regular', sans-serif;
  color: rgba(0, 0, 0, .8);
  font-size: 15px;
  cursor: pointer;
}

.buttonpost:hover {
  background-color: #ea291c;
  color: #fff;
}

.hover-mealplanner {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}

.hover-mealplanner:hover {
  background-color: rgba(0, 0, 0, .1);
}

.wraphoverpostthumb {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 240, 0, .7);
  opacity: 0;
  -webkit-transform: translate(0px, 255px);
  -ms-transform: translate(0px, 255px);
  transform: translate(0px, 255px);
}

.overlayvideo {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .2);
}

.overlayvideo:hover {
  background-color: rgba(0, 0, 0, .1);
}

.wraphoverpos9 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(255, 240, 0, .7);
  opacity: 0;
  -webkit-transform: translate(0px, 255px);
  -ms-transform: translate(0px, 255px);
  transform: translate(0px, 255px);
}

.wrapsosmed {
  position: fixed;
  top: 84px;
  right: 0px;
  bottom: 0px;
  z-index: 700;
  width: 70px;
  height: 180px;
  background-color: #000;
}

.wrapsosmed.hide {
  display: none;
}

.textsos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

.fbshare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3b5998;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.fbshare:hover {
  background-color: #29488a;
}

.tw-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #55acee;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.tw-share:hover {
  background-color: #4396d5;
}

.wrapsosmedfooter {
  float: right;
}

.fbbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  margin-left: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #3b5998;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.fbbtn:hover {
  background-color: #29488a;
}

.twbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #55acee;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.twbtn:hover {
  background-color: #4396d5;
}

.ytbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #b00;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.ytbtn:hover {
  background-color: #a50000;
}

.sliderlink {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: none;
  background-color: transparent;
  cursor: pointer;
}

.btnstandard {
  border: 2px solid #fff;
  border-radius: 6px;
  background-color: #ea291c;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.btnstandard:hover {
  background-color: #ca2014;
}

.overlaylink {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  cursor: pointer;
}

.titilefilter {
  display: inline-block;
  margin-right: 15px;
  padding-top: 10px;
  float: left;
  color: #736c00;
  font-weight: 400;
}

.ddwtogelfilter {
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  background-color: #fffede;
  color: #736c00;
}

.ddwlistfilter {
  border-radius: 4px;
  background-color: #fffede;
}

.ddwlistfilter.w--open {
  top: 42px;
  border-radius: 4px;
  background-color: #fffede;
}

.ddwlinkfilter {
  padding-left: 48px;
  border-bottom: 1px solid #eeeaab;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #736c00;
}

.ddwlinkfilter:hover {
  background-color: #faf7cb;
}

.ddwlinkfilter.allfilter {
  background-image: url('../images/all-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 27px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.allfilter.w--current {
  background-color: #faf7cb;
  color: #736c00;
  text-decoration: none;
}

.ddwlinkfilter.resepfilter {
  background-image: url('../images/recipe-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.resepfilter.w--current {
  background-color: #fffdb6;
  color: #736c00;
}

.ddwlinkfilter.articlefilter {
  background-image: url('../images/article-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.articlefilter.w--current {
  background-color: #fffdb6;
  color: #736c00;
}

.ddwlinkfilter.resepvideofilter {
  border-bottom-style: none;
  background-image: url('../images/recipe-video-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 23px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.resepvideofilter.w--current {
  background-color: #fffdb6;
  color: #736c00;
}

.ddwlinkfilter.dagingfilter {
  background-image: url('../images/IconDaging@2x.png');
  background-position: 10px 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.seafoodfilter {
  background-image: url('../images/IconSeafood@2x.png');
  background-position: 12px 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.ayamfilter {
  background-image: url('../images/IconAyam@2x.png');
  background-position: 11px 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.sayurfilter {
  background-image: url('../images/IconSayur@2x.png');
  background-position: 12px 50%;
  background-size: 27px;
  background-repeat: no-repeat;
}

.ddwlinkfilter.videofilter {
  border-bottom-style: none;
  background-image: url('../images/IconVideo@2x.png');
  background-position: 11px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.dropdownfilter {
  z-index: 1000;
  float: left;
}

.titlesorting {
  display: inline-block;
  margin-right: 15px;
  margin-left: 30px;
  padding-top: 10px;
  float: left;
  color: #736c00;
}

.titlesorting.articlecategory {
  margin-left: 0px;
}

.dropdownsort {
  z-index: 900;
  text-align: left;
}

.ddwtogglesort {
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  background-color: #fffede;
  color: #736c00;
}

.ddwlinksort {
  padding-left: 48px;
  border-bottom: 1px solid #eeeaab;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #736c00;
}

.ddwlinksort:hover {
  background-color: #faf7cb;
}

.ddwlinksort.w--current {
  background-color: #faf7cb;
  color: #736c00;
}

.ddwlinksort.terbarusort {
  background-image: url('../images/allTerbaru-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 27px;
  background-repeat: no-repeat;
}

.ddwlinksort.terbarusort.w--current {
  background-color: #faf7cb;
  color: #736c00;
}

.ddwlinksort.terpopulersort {
  border-bottom-style: none;
  background-image: url('../images/populer-Icon@2x.png');
  background-position: 10px 50%;
  background-size: 27px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.ddwlinksort.terpopulersort:hover {
  background-color: #faf7cb;
}

.ddwlinksort.caloriicon {
  background-image: url('../images/IconCall@2x.png');
  background-position: 15px 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.ddwlinksort.iconall {
  background-image: url('../images/IconAll@2x.png');
  background-position: 10px 50%;
  background-size: 27px;
  background-repeat: no-repeat;
}

.ddwlinksort.pricerendahtinggi {
  background-image: url('../images/IconRupiah@2x.png');
  background-position: 15px 50%;
  background-size: 17px;
  background-repeat: no-repeat;
}

.ddwlinksort.durationsortlong {
  background-image: url('../images/IconTime@2x.png');
  background-position: 15px 50%;
  background-size: 15px;
  background-repeat: no-repeat;
}

.ddwlinksort.leveleasytohard {
  border-bottom-style: none;
  background-image: url('../images/IconDificulty@2x.png');
  background-position: 13px 50%;
  background-size: 23px;
  background-repeat: no-repeat;
}

.modal-background {
  position: absolute;
  left: 0px;
  top: 84px;
  right: 0px;
  bottom: 2px;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100px;
  padding-bottom: 20px;
  background-color: hsla(0, 0%, 100%, .54);
}

.textfieldsearch {
  display: block;
  height: 58px;
  margin-right: auto;
  margin-left: auto;
  border: 4px solid #e1dfd9;
  border-radius: 8px;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  font-size: 24px;
}

.textfieldsearch:focus {
  border-color: #bebebe;
}

.formsearch {
  position: relative;
  z-index: 2002;
  display: block;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.searchbutton {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 80px;
  background-color: transparent;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #959595;
  font-size: 36px;
}

.searchbutton:hover {
  color: #ea291c;
}

.close-modal {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2001;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #868686;
  text-align: right;
  cursor: pointer;
}

.close-modal:hover {
  color: #000;
}

.sectionsearch {
  padding-top: 20px;
  padding-bottom: 12px;
  background-color: #fff;
}

.formwrappersearch {
  margin-bottom: 0px;
}

.errormessage {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.success-message {
  position: relative;
  padding: 8px;
  background-color: #c6ffbe;
}

.wrappost {
  display: block;
  width: 100%;
  float: left;
}

.breadcrumbssection {
  position: relative;
  height: 250px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/BGbreadcrumbs.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/BGbreadcrumbs.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.pathbreadcrumb {
  position: absolute;
  left: 0px;
  top: 10px;
  font-family: 'Cocon light regular', sans-serif;
  color: hsla(0, 0%, 100%, .6);
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  text-transform: uppercase;
}

.titilebreadcrumb {
  position: absolute;
  left: 0px;
  bottom: 10px;
  font-family: 'Cocon light regular', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 42px;
  font-weight: 300;
  text-transform: uppercase;
}

.whitespacecontent {
  width: 100%;
  height: 20px;
  float: left;
}

.wrapcontentdetile {
  position: relative;
  top: -75px;
  width: 750px;
  float: left;
}

.titileproductcategory {
  display: inline-block;
  float: left;
  font-family: 'Opensans semibold', sans-serif;
  color: #6d6d6d;
  font-size: 26px;
  line-height: 22px;
}

.linetitlecategory {
  position: relative;
  display: block;
  width: 88%;
  height: 1px;
  margin-top: 15px;
  float: right;
  background-color: rgba(0, 0, 0, .1);
}

.linetitlecategory.bumbupenyedapline {
  width: 76%;
}

.linetitlecategory.sausline {
  width: 92%;
}

.linetitlecategory.bumbuinstanline {
  width: 81%;
}

.wraptitilecategory {
  position: relative;
}

.awesomeicon {
  font-family: 'Fontawesome webfont', sans-serif;
}

.recipesubmenu {
  position: absolute;
  left: 70px;
  top: 76px;
  bottom: 75px;
  z-index: 1000;
  display: none;
  width: 220px;
  height: 266px;
  border-top: 5px solid #ea291c;
  text-align: center;
  text-decoration: none;
}

.submenutext {
  display: block;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 10px;
  border-bottom: 1px solid #f1f1d9;
  background-color: #fffede;
  -webkit-transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
  color: #736c00;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  text-decoration: none;
}

.submenutext:hover {
  border-bottom-color: #ea291c;
  background-color: #ea291c;
  color: #fff;
}

.articlesubmenu {
  position: absolute;
  left: 160px;
  top: 76px;
  z-index: 1000;
  display: none;
  width: 220px;
  height: 266px;
  border-top: 5px solid #ea291c;
}

.mobilnavbar {
  border-top: 5px solid #ea291c;
  background-color: #fff000;
}

.wrapthumbproduct {
  display: inline-block;
  width: 100%;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #f5f2ec;
}

.wrapthumbproductitem {
  width: 25%;
  height: 330px;
  padding: 6px;
  float: left;
  border-radius: 4px;
  text-decoration: none;
}

.wrapimageproduct {
  display: block;
  height: 270px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  background-color: #fff;
  text-align: center;
}

.titlethumbproduct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 48px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff000;
  color: #756f05;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
}

.wrapoverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, .3);
  -webkit-transition: opacity 200ms ease, background-color 200ms ease;
  transition: opacity 200ms ease, background-color 200ms ease;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.wrapoverlay:hover {
  background-color: rgba(0, 0, 0, .1);
}

.wrapoverlay.w--current {
  cursor: pointer;
}

.wrapright {
  width: 40px;
  height: 40px;
  float: right;
}

.titilebg {
  width: 710px;
  height: 40px;
  float: left;
  background-color: #f8f8f8;
}

.titilebg2 {
  width: 100%;
  height: 35px;
  float: left;
  background-color: #f8f8f8;
}

.titilebg2._2row {
  height: 74px;
}

.wraph1 {
  position: relative;
  left: 0px;
  top: -41px;
  right: 0px;
  padding-right: 50px;
  padding-left: 20px;
}

.h1 {
  margin-bottom: 0px;
  font-family: 'Cocon light regular', sans-serif;
  color: #6a675e;
  font-size: 36px;
  line-height: 36px;
}

.wraptitledetail {
  position: relative;
}

.wrapimagepostdetail {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.wrapdetaildesc {
  width: 100%;
  float: left;
  background-color: #fff000;
}

.wrapdetail {
  width: 390px;
  padding: 15px;
  float: left;
}

.wrapdetailpost {
  padding: 20px;
  float: left;
  background-color: #fff;
}

.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #6d6d6d;
  font-size: 20px;
}

.wraph3 {
  display: block;
  width: 25%;
  float: left;
}

.wraph3.reciperelatedproduct {
  width: 32%;
}

.h5 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #6d6d6d;
  font-size: 18px;
}

.wrapsingleingradient {
  display: block;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  float: left;
}

.numberstep {
  display: block;
  width: 32px;
  height: 32px;
  padding-top: 8px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  line-height: 16px;
  text-align: center;
}

.wrapdetailingradient {
  display: inline-block;
  width: 300px;
  padding-top: 4px;
  padding-left: 10px;
  float: left;
}

.wrapdetailingradient.howtomake {
  width: 670px;
}

.wrapproductingradient {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 110px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}

.redbold {
  font-family: 'Opensans semibold', sans-serif;
  color: #ea291c;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.insidetextproductingradient {
  width: 190px;
  padding-left: 10px;
  float: left;
}

.left {
  width: 50%;
  float: left;
}

.right {
  width: 50%;
  float: left;
}

.wrapblockingredient {
  margin-top: 10px;
  margin-bottom: 30px;
}

.devideblockingradient {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #e0e0e0;
}

.undelinehover {
  -webkit-transition: opacity 200ms ease, color 200ms ease;
  transition: opacity 200ms ease, color 200ms ease;
  cursor: pointer;
}

.undelinehover:hover {
  text-decoration: underline;
}

.numberkontak {
  font-size: 17px;
}

.numberkontak:hover {
  text-decoration: none;
}

.wrapreseplainnya {
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}

.thumblainnya {
  position: relative;
  width: 318px;
  height: 180px;
  float: left;
}

.wrapthumbdesc {
  width: 432px;
  height: 180px;
  padding: 20px;
  float: right;
  background-color: #fff;
}

.wrappreseplainnya {
  padding-top: 6px;
  padding-bottom: 6px;
}

.btnlainnya {
  padding-left: 0px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: #ea291c;
  cursor: pointer;
}

.btnlainnya:hover {
  color: #924848;
}

.wrapthumbother {
  margin-top: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}

.overlayimage {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  -webkit-transition: background-color 200ms ease, opacity 200ms ease;
  transition: background-color 200ms ease, opacity 200ms ease;
}

.overlayimage:hover {
  background-color: transparent;
}

.overlayimage.playiconvideo {
  background-image: url('../images/playIcon.png');
  background-position: 50% 50%;
  background-size: 80px;
  background-repeat: no-repeat;
}

.wrapotherthumb {
  width: 100%;
  height: 100%;
}

.wrapimagedetail {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
}

.wrapsharesocialmedia {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.share-buttons {
  width: 90px;
  height: 86px;
  margin: 2px;
  padding-top: 13px;
  background-color: #757575;
  -webkit-transition: opacity 200ms ease, background-color 200ms ease;
  transition: opacity 200ms ease, background-color 200ms ease;
  font-size: 23px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.share-buttons:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
}

.share-buttons.facebook {
  background-color: #3b5998;
}

.share-buttons.twitter {
  background-color: #55acee;
}

.socialicon {
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}

.counter {
  padding-top: 6px;
  padding-bottom: 2px;
  color: #fff;
  font-size: 15px;
}

.action-button {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

.richtextarticle {
  color: #6d6d6d;
}

.wrapfiltermp {
  display: inline-block;
  width: 24%;
  height: 60px;
  text-align: center;
}

.wrapfiltermp.rightline {
  border-right: 1px solid #d6ce53;
}

.wrapdetaildescmealplanner {
  width: 100%;
  float: left;
  background-color: #fff000;
}

.wraptabsmealplanner {
  height: 490px;
}

.wrapmp {
  width: 50%;
  height: 350px;
  float: left;
}

.wrapnewsletterform {
  display: block;
  width: 100%;
  padding: 10px 20px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fffde0;
}

.wraptext {
  display: block;
  width: 50%;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.h4 {
  margin-top: 0px;
  color: #444;
}

.wrapformemail {
  display: block;
  width: 50%;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.textfield {
  width: 265px;
  height: 48px;
  margin-right: 2px;
  margin-bottom: 0px;
  float: left;
  border-radius: 4px;
  background-color: #e1dfc6;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.textfield:hover {
  background-color: #fff;
}

.textfield:focus {
  border: 1px solid #c7c7c7;
  background-color: #fff;
}

.submitbutton {
  width: 88px;
  height: 48px;
  float: left;
  border-radius: 4px;
  background-color: #ea291c;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.submitbutton:hover {
  background-color: #c71b10;
}

.submitbutton.contactform {
  width: 158px;
  float: right;
}

.formwrapper {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.error-message {
  width: 100%;
  padding: 4px 10px 0px;
  float: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.form {
  width: 100%;
  float: left;
}

.wrapproductdetail {
  position: relative;
  width: 100%;
  height: 650px;
  background-color: #fff;
}

.imageproduct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wraptextcontact {
  display: inline-block;
  width: 40%;
  margin-top: 10px;
  float: left;
}

.wrapcontactform {
  display: inline-block;
  width: 50%;
  margin-top: 10px;
  margin-bottom: 60px;
  float: right;
}

.titilekontak {
  margin-bottom: 10px;
  color: #6d6d6d;
  font-size: 30px;
  line-height: 30px;
  text-align: left;
}

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

.contactnumber {
  margin-bottom: 16px;
  font-family: 'Open Sans', sans-serif;
  color: #ea291c;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  text-align: left;
}

.boldbigger {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  font-family: 'Opensans semibold', sans-serif;
  color: #6d6d6d;
  font-size: 22px;
  text-align: left;
}

.contactemaillink {
  display: inline-block;
  margin-bottom: 20px;
  color: #6d6d6d;
  text-align: left;
  text-decoration: none;
}

.fieldlabel {
  font-family: 'Opensans regular', sans-serif;
  color: hsla(0, 0%, 43%, .79);
  font-weight: 400;
  text-align: left;
}

.contacttextfield {
  height: 44px;
  border-radius: 2px;
}

.contacttextfield.textarea {
  width: 100%;
  height: auto;
  max-height: 400px;
  max-width: 100%;
  min-height: 160px;
  margin-bottom: 20px;
}

.wrapform {
  padding: 30px;
  border: 1px solid #edebd0;
  border-radius: 8px;
  background-color: #fffde0;
}

.desc {
  margin-top: 12px;
  color: #868686;
  font-size: 14px;
  text-align: left;
}

.breadcrumlink {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: hsla(0, 0%, 100%, .6);
  text-decoration: underline;
  cursor: pointer;
}

.breadcrumlink:hover {
  color: #fff;
}

.wrapsyaratketentuan {
  width: 100%;
  padding: 30px;
  float: left;
  border-radius: 8px;
  background-color: #fffede;
}

.richtextblock {
  color: #6d6d6d;
}

.success {
  width: 100%;
  float: left;
  background-color: #c5ffce;
}

.error {
  width: 100%;
  float: left;
  text-align: center;
}

.formwrappermessage {
  width: 100%;
  float: left;
}

.label {
  padding-top: 6px;
  padding-right: 10px;
  float: left;
  font-family: 'Opensans semibold', sans-serif;
  color: #ea291c;
  font-size: 15px;
  font-style: italic;
  text-decoration: none;
}

.linkcitarasaindonesia {
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
}

.fb-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3b5998;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.fb-share:hover {
  background-color: #264688;
}

.imagepost {
  width: 100%;
}

.lightboxlink {
  display: block;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wraplogoonslide1 {
  width: 130px;
}

.wrapsosmedinslide1 {
  margin-top: 28px;
}

.linksosmedinslide1 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 40px;
  background-image: url('../images/fbIcon@2x.png');
  background-position: 0px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  font-family: 'Cocon light regular', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
}

.linksosmedinslide1.twinslide1 {
  background-image: url('../images/twIcon@2x.png');
  background-position: 0px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.wrapslide2 {
  height: 100%;
  padding-top: 80px;
}

.wrapleftinslide2 {
  display: inline-block;
  width: 50%;
  float: left;
}

.wraprightslide2 {
  display: inline-block;
  width: 50%;
  float: left;
}

.wrapslide3 {
  display: block;
  height: 100%;
  padding-top: 19px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.wrapleftinslide3 {
  display: block;
  width: 50%;
  padding-top: 80px;
  padding-right: 20px;
  float: left;
}

.wraprightslide3 {
  display: inline-block;
  width: 50%;
}

.wraplinkblock {
  cursor: pointer;
}

@media (max-width: 991px) {
  .maggilogo {
    width: 74px;
  }
  .indofoodlogo {
    width: 86px;
  }
  .navlink {
    display: block;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    border-bottom-width: 1px;
    border-bottom-color: #f0efdb;
    font-size: 16px;
    text-align: left;
  }
  .navlink:hover {
    border-bottom-style: none;
    background-color: #ea291c;
    color: #fff;
  }
  .navlink.w--current {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px none #000;
    background-color: #ea291c;
    color: #fff;
  }
  .navlink.awesomefont.modal-link.w--current {
    font-family: 'Fontawesome webfont', sans-serif;
  }
  .navlink.subnavlink {
    padding-left: 40px;
    font-size: 15px;
  }
  .container {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }
  .container.footercontainer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .container.mobilenavbar {
    display: block;
    padding-right: 0px;
  }
  .slidertitle {
    font-size: 48px;
    line-height: 56px;
    text-align: left;
  }
  .ol {
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .i {
    font-size: 16px;
  }
  .a {
    font-size: 14px;
  }
  .citarasaindonesia {
    width: 180px;
  }
  .end {
    width: 12px;
  }
  .menubutton {
    color: #ea291c;
  }
  .menubutton.w--open {
    float: right;
    background-color: #ea291c;
  }
  .navmenu {
    background-color: #fff000;
  }
  .headercontainer {
    position: relative;
    z-index: 10000;
    padding-right: 0px;
    padding-left: 20px;
  }
  .tabslider {
    width: 33.33%;
  }
  .tabslider.hide {
    display: none;
  }
  .contentsection {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }
  .wrapcontent {
    padding-top: 10px;
  }
  .wrapmaincontent {
    width: 100%;
  }
  .post {
    width: 33.33%;
  }
  .header {
    width: 35%;
    text-align: left;
  }
  .aside {
    position: relative;
    left: 0px;
    top: -40px;
    right: 0px;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
  }
  .wrap-line {
    width: 65%;
  }
  .wrap-line.wraplinefooter {
    width: 70%;
  }
  .wrap-line.wraplinefooter.kontakkami {
    width: 50%;
  }
  .titilefooter {
    width: 30%;
    text-align: left;
  }
  .titilefooter.kontakkami {
    width: 50%;
  }
  .txtfooter {
    text-align: left;
  }
  .ads300x250 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .wrapmealplanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tabs {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .tabsmenu {
    width: 60px;
  }
  .tablink {
    font-size: 18px;
    line-height: 18px;
  }
  .recipetitlemealplane {
    text-align: left;
  }
  .wraptitlemealplanner {
    width: 540px;
    height: auto;
  }
  .wrapwidget {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .wrappluginfb {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .slide-1.slide4 {
    background-image: url('../images/Slide4 Tablet.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .wraptitle-mealplanner {
    text-align: left;
  }
  .mealplannerthemetitle {
    text-align: left;
  }
  .p {
    text-align: left;
  }
  .wrapsosmed {
    position: fixed;
    top: 66px;
    z-index: 100;
    display: none;
  }
  .btnstandard {
    float: right;
  }
  .wrapfilter {
    text-align: left;
  }
  .dropdownsort {
    text-align: left;
  }
  .modal-background {
    top: 64px;
  }
  .textfieldsearch {
    font-size: 20px;
  }
  .formsearch {
    width: 540px;
  }
  .breadcrumbssection {
    height: 200px;
  }
  .pathbreadcrumb {
    left: 20px;
  }
  .titilebreadcrumb {
    left: 20px;
  }
  .wrapcontentdetile {
    display: block;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .linetitlecategory {
    width: 83%;
  }
  .linetitlecategory.bumbupenyedapline {
    width: 66%;
  }
  .linetitlecategory.sausline {
    width: 87%;
  }
  .linetitlecategory.bumbuinstanline {
    width: 75%;
  }
  .mobilnavbar {
    z-index: 1000;
    border-top-width: 4px;
  }
  .navmenumobile {
    background-color: #fffede;
  }
  .wrapthumbproduct {
    text-align: center;
  }
  .wrapthumbproductitem {
    width: 33.33%;
  }
  .titilebg {
    width: 680px;
  }
  .wraph1 {
    top: -40px;
  }
  .h1 {
    padding-right: 40px;
    font-size: 34px;
    line-height: 34px;
    text-align: left;
  }
  .h3 {
    text-align: left;
  }
  .h5 {
    text-align: left;
  }
  .wrapdetailingradient.howtomake {
    width: 600px;
  }
  .left {
    width: 50%;
  }
  .right {
    width: 50%;
  }
  .wrapthumbdesc {
    width: 402px;
    text-align: left;
  }
  .richtextarticle {
    text-align: left;
  }
  .wraptabsmealplanner {
    height: 450px;
  }
  .wrapmp {
    width: 540px;
  }
  .wrapnewsletterform {
    padding-top: 20px;
  }
  .wraptext {
    width: 40%;
    padding-right: 0px;
  }
  .wrapformemail {
    width: 60%;
    padding-left: 15px;
  }
  .formwrapper {
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .error-message {
    width: auto;
    padding-top: 7px;
  }
  .form {
    display: block;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .wraptextcontact {
    width: 50%;
  }
  .contactnumber {
    font-size: 40px;
    line-height: 40px;
  }
  .wrapform {
    padding: 20px;
  }
  .richtextblock {
    text-align: left;
  }
  .texttabmealplanner {
    line-height: 18px;
  }
  .wraplogoonslide1 {
    text-align: left;
  }
  .wrapsosmedinslide1 {
    text-align: left;
  }
  .wrapslide2 {
    padding-top: 140px;
  }
  .wrapslide3 {
    padding-top: 105px;
  }
}

@media (max-width: 767px) {
  .maggilogo {
    width: 64px;
  }
  .indofoodlogo {
    width: 76px;
  }
  .navlink {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .container.footercontainer {
    padding-top: 10px;
  }
  .container.containerbottomfooter {
    padding-bottom: 20px;
  }
  .container.sliddercontainer {
    padding-right: 20px;
    padding-left: 20px;
  }
  .brand {
    padding-top: 10px;
    padding-left: 0px;
  }
  .slidersection {
    height: 400px;
  }
  .wrapctaslider {
    width: 400px;
    margin-top: 40px;
  }
  .wrapctaslider.ctaslide1 {
    width: 100%;
    margin-top: 16px;
  }
  .slidertitle {
    font-size: 42px;
    line-height: 52px;
  }
  .slidertitle.slide1 {
    margin-top: 8px;
    font-size: 46px;
    line-height: 48px;
  }
  .wrapinfo {
    padding-right: 10px;
  }
  .citarasaindonesia {
    width: 140px;
  }
  .end {
    width: 10px;
  }
  .menubutton {
    padding: 16px;
  }
  .headercontainer {
    padding-right: 0px;
    padding-left: 10px;
  }
  .wrapsliderarrow {
    position: absolute;
    right: 15px;
    bottom: -70px;
  }
  .sliderprev {
    margin-right: 1px;
    margin-left: 1px;
    padding: 11px 14px;
    background-color: hsla(0, 0%, 100%, .4);
    -webkit-transition: background-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, color 200ms ease;
    font-family: 'Fontawesome webfont', sans-serif;
    color: #fff;
    text-decoration: none;
  }
  .sliderprev:hover {
    background-color: #fff;
    color: #ea291c;
  }
  .post {
    width: 50%;
  }
  .recipetitile {
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 18px;
  }
  .header {
    width: 25%;
    font-size: 20px;
  }
  .aside {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    float: left;
    text-align: center;
  }
  .wrap-line {
    width: 75%;
  }
  .wrap-line.wraplinefooter {
    width: 80%;
  }
  .wrap-line.wraplinefooter.kontakkami {
    width: 75%;
  }
  .wrap-line.ingradientline {
    width: 60%;
  }
  .wrap-line.linereciperelatedproduct {
    width: 48%;
  }
  .wraptitile.wraptitlefooter {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .wrapsorting {
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 18px;
  }
  .titilefooter {
    width: 20%;
  }
  .titilefooter.kontakkami {
    width: 25%;
  }
  .ads300x250 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .wrapmealplanner {
    padding-top: 20px;
  }
  .tabsmenu {
    width: 50px;
  }
  .tabsmenu.inhomepage {
    width: 52px;
  }
  .tablink {
    font-size: 14px;
    line-height: 14px;
  }
  .recipetitlemealplane {
    font-size: 16px;
    line-height: 16px;
  }
  .wrapiconmealplanner {
    height: 50px;
  }
  .slider {
    height: 400px;
  }
  .slide-1.slide4 {
    background-image: url('../images/Slide4 Horizontal.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .iiconleft {
    margin-top: 190px;
    margin-bottom: 190px;
  }
  .iiconright {
    margin-top: 190px;
    margin-bottom: 190px;
  }
  .wrapsosmed {
    display: none;
  }
  .titilefilter {
    display: block;
    padding-top: 0px;
    padding-bottom: 8px;
    float: none;
    text-align: left;
  }
  .ddwtogelfilter {
    z-index: 1000;
    display: block;
    width: 100%;
  }
  .ddwtogelfilter.w--open {
    display: block;
    width: 100%;
  }
  .ddwlistfilter.w--open {
    z-index: 1000;
  }
  .ddwlinkfilter.articlefilter {
    z-index: 1000;
  }
  .dropdownfilter {
    display: block;
    width: 100%;
    float: none;
  }
  .titlesorting {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 18px;
    padding-bottom: 8px;
    float: none;
    text-align: left;
  }
  .dropdownsort {
    display: block;
  }
  .ddwtogglesort {
    display: block;
    width: 100%;
  }
  .ddwtogglesort.w--open {
    display: block;
  }
  .modal-background {
    top: 60px;
    height: 140px;
    background-color: #fff;
  }
  .formsearch {
    top: 28px;
    width: 500px;
  }
  .close-modal {
    padding-top: 10px;
    padding-right: 10px;
  }
  .breadcrumbssection {
    height: 130px;
  }
  .pathbreadcrumb {
    font-size: 16px;
    line-height: 16px;
  }
  .titilebreadcrumb {
    font-size: 36px;
  }
  .wrapcontentdetile {
    width: 460px;
  }
  .linetitlecategory {
    width: 78%;
  }
  .linetitlecategory.bumbupenyedapline {
    width: 56%;
  }
  .linetitlecategory.sausline {
    width: 82%;
  }
  .linetitlecategory.bumbuinstanline {
    width: 64%;
  }
  .wrapthumbproductitem {
    width: 50%;
  }
  .titilebg {
    width: 420px;
  }
  .wraph1 {
    top: -47px;
  }
  .h1 {
    font-size: 26px;
    line-height: 26px;
  }
  .wrapdetail {
    padding: 10px 0px;
  }
  .wraph3 {
    width: 40%;
  }
  .wraph3.reciperelatedproduct {
    width: 52%;
  }
  .wrapdetailingradient.howtomake {
    width: 380px;
  }
  .left {
    width: 100%;
  }
  .right {
    width: 100%;
  }
  .thumblainnya {
    width: 100%;
    height: auto;
  }
  .wrapthumbdesc {
    width: 100%;
  }
  .wrapthumbother {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .richtextarticle {
    text-align: left;
  }
  .wraptabsmealplanner {
    height: 296px;
  }
  .wrapmp {
    width: 540px;
  }
  .wrapnewsletterform {
    padding-top: 10px;
    padding-bottom: 8px;
  }
  .wraptext {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .h4 {
    margin-top: 0px;
  }
  .wrapformemail {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .textfield {
    width: 100%;
    margin-bottom: 8px;
    float: none;
    text-align: center;
  }
  .submitbutton {
    width: 100%;
    float: none;
  }
  .error-message {
    width: 100%;
  }
  .wrapproductdetail {
    height: 600px;
  }
  .imageproduct {
    padding: 20px;
  }
  .wraptextcontact {
    width: 100%;
    margin-bottom: 20px;
  }
  .wrapcontactform {
    width: 100%;
  }
  .contactnumber {
    margin-bottom: 12px;
  }
  .wrapsyaratketentuan {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .texttabmealplanner {
    line-height: 14px;
  }
  .label {
    padding-top: 2px;
    font-size: 14px;
  }
  .linkcitarasaindonesia {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .wrapsosmedinslide1 {
    margin-top: 10px;
  }
  .linksosmedinslide1 {
    display: inline-block;
    margin-right: 10px;
  }
  .wrapslide2 {
    padding-top: 105px;
  }
  .wrapslide3 {
    padding-top: 76px;
  }
  .wrapleftinslide3 {
    padding-top: 58px;
    float: left;
  }
  .wraprightslide3 {
    float: left;
  }
}

@media (max-width: 479px) {
  .maggilogo {
    width: 50px;
    margin-right: 5px;
  }
  .indofoodlogo {
    width: 60px;
    margin-right: 4px;
    margin-left: 5px;
  }
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .container.sliddercontainer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .brand {
    z-index: 1000;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    float: none;
  }
  .brand.w--current {
    z-index: 2;
    float: none;
  }
  .slidersection {
    height: 380px;
  }
  .wrapctaslider {
    width: 100%;
  }
  .wrapctaslider.ctaslide1 {
    margin-top: 26px;
    text-align: left;
  }
  .slidertitle {
    font-size: 30px;
    line-height: 40px;
  }
  .slidertitle.slide1 {
    font-size: 30px;
    line-height: 36px;
  }
  .ol {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .i {
    font-size: 14px;
  }
  .a {
    font-size: 13px;
  }
  .wrapinfo {
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
  }
  .citarasaindonesia {
    float: none;
  }
  .end {
    width: 10px;
  }
  .navmenu {
    float: none;
  }
  .headercontainer {
    padding-right: 0px;
    padding-left: 0px;
  }
  .wrapsliderarrow {
    right: 10px;
  }
  .wrapmaincontent {
    padding-top: 10px;
  }
  .post {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .header {
    width: 42%;
    font-size: 18px;
  }
  .wrap-line {
    width: 55%;
  }
  .wrap-line.wraplinefooter {
    width: 70%;
  }
  .wrap-line.wraplinefooter.kontakkami {
    width: 55%;
  }
  .wrap-line.ingradientline {
    width: 40%;
  }
  .wrap-line.linereciperelatedproduct {
    width: 18%;
  }
  .wrapsorting {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
  }
  .txtrightsreserved {
    display: block;
    text-align: center;
  }
  .titilefooter.kontakkami {
    width: 45%;
  }
  .ads300x250 {
    width: 100%;
    height: auto;
  }
  .wrapmealplanner {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .tabsmenu {
    width: 40px;
  }
  .tabsmenu.inhomepage {
    width: 42px;
  }
  .tablink {
    font-size: 13px;
    line-height: 13px;
  }
  .tablink.w--current {
    padding-top: 0px;
    font-size: 13px;
  }
  .recipetitlemealplane {
    padding-left: 10px;
    font-size: 14px;
    line-height: 14px;
  }
  .wraptitlemealplanner {
    width: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .wrapiconmealplanner {
    width: 50px;
  }
  .slider {
    height: 380px;
  }
  .slide-1.slide4 {
    background-image: url('../images/Slide4 Vertical.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .leftarrow {
    margin: auto;
  }
  .iiconleft {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .iiconright {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .mealplannertitle {
    display: inline-block;
    width: 220px;
    margin-top: 0px;
    float: left;
    font-size: 20px;
  }
  .mealplannerthemetitle {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 26px;
    line-height: 26px;
  }
  .wrapsosmed {
    display: none;
  }
  .wrapsosmedfooter {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    float: none;
    text-align: center;
  }
  .fbbtn {
    display: inline-block;
    padding-top: 10px;
    float: none;
  }
  .twbtn {
    display: inline-block;
    padding-top: 10px;
    float: none;
  }
  .ytbtn {
    display: inline-block;
    padding-top: 10px;
    float: none;
  }
  .btnstandard {
    width: 100%;
  }
  .titlesorting.articlecategory {
    padding-top: 4px;
  }
  .modal-background {
    height: 130px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .textfieldsearch {
    font-size: 18px;
  }
  .formsearch {
    width: 100%;
  }
  .searchbutton {
    width: 50px;
    font-size: 24px;
  }
  .pathbreadcrumb {
    left: 10px;
    font-size: 15px;
  }
  .titilebreadcrumb {
    left: 10px;
    font-size: 26px;
    line-height: 26px;
  }
  .wrapcontentdetile {
    width: 300px;
  }
  .linetitlecategory {
    width: 68%;
  }
  .linetitlecategory.bumbupenyedapline {
    width: 20%;
  }
  .linetitlecategory.sausline {
    width: 75%;
  }
  .linetitlecategory.bumbuinstanline {
    width: 38%;
  }
  .wrapthumbproduct {
    padding-right: 9px;
    padding-left: 9px;
  }
  .wrapthumbproductitem {
    width: 100%;
  }
  .titilebg {
    width: 260px;
  }
  .wraph1 {
    top: -44px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
  }
  .h1 {
    font-size: 22px;
    line-height: 23px;
    font-weight: 300;
  }
  .wrapdetail {
    display: block;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .wrapdetailpost {
    padding-right: 10px;
    padding-left: 10px;
  }
  .h3 {
    font-size: 22px;
    line-height: 25px;
  }
  .wraph3 {
    width: 58%;
  }
  .wraph3.reciperelatedproduct {
    width: 80%;
  }
  .wrapdetailingradient {
    width: 240px;
  }
  .wrapdetailingradient.howtomake {
    width: 240px;
  }
  .insidetextproductingradient {
    width: 220px;
  }
  .wrapthumbdesc {
    height: auto;
    padding: 10px;
  }
  .richtextarticle {
    text-align: left;
  }
  .wrapfiltermp {
    width: 23%;
  }
  .wraptabsmealplanner {
    height: 188px;
  }
  .wrapmp {
    width: 100%;
    height: 194px;
  }
  .wrapnewsletterform {
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
  }
  .submitbutton.contactform {
    width: 100%;
    float: none;
  }
  .error-message {
    font-size: 14px;
    line-height: 16px;
  }
  .wrapproductdetail {
    height: 360px;
  }
  .wraptextcontact {
    margin-bottom: 10px;
  }
  .wrapcontactform {
    margin-bottom: 10px;
  }
  .titilekontak {
    font-size: 28px;
  }
  .contactnumber {
    font-size: 38px;
    line-height: 38px;
  }
  .boldbigger {
    margin-bottom: 6px;
    font-size: 20px;
  }
  .contacttextfield.textarea {
    min-height: 130px;
  }
  .wrapform {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .wrapsyaratketentuan {
    padding: 10px;
  }
  .texttabmealplanner {
    line-height: 13px;
  }
  .label {
    padding-right: 0px;
    float: none;
    text-decoration: none;
  }
  .linkcitarasaindonesia {
    padding: 0px 0px 8px;
    text-decoration: none;
  }
  .wraplogoonslide1 {
    width: 100px;
  }
  .linksosmedinslide1 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 18px;
  }
  .wrapslide2 {
    display: block;
    padding-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .wrapleftinslide2 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    float: none;
  }
  .wraprightslide2 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .wrapslide3 {
    padding-top: 26px;
  }
  .wrapleftinslide3 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    float: none;
  }
  .wraprightslide3 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
}

@font-face {
  font-family: 'Arvo regular';
  src: url('../fonts/Arvo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans bold';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans light';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto medium';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Opensans semibold';
  src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Opensans regular';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Qlassik tb webfont';
  src: url('../fonts/qlassik_tb-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Cocon light regular';
  src: url('../fonts/Cocon Light Regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}