@font-face {
  font-family: 'Chalkduster';
  src: url('../fonts/chalkduster.ttf') format('truetype');
}

body,
html {
  font-family: protipo, sans-serif;
  scroll-behavior: smooth;
}

a:hover {
  text-decoration: none;
}

.icons-wrapper a:hover,
.sort-settings a:hover,
.filter-category-wrapper a:hover,
.home-recepies-list-section .recepies-list-item:hover .recepie-name a,
.home-recepies-list-section .recepies-list-item .recepie-name a:hover {
  color: #e37c2c;
}

._quote_message_ a,
._quote_message_ a:hover {
  color: #e37c2c;
}

.not-found {
  background: #f5eee5;
  min-height: calc(100vh - 89px);
}

.not-found-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.not-found-content h1 {
  text-align: left;
  font: normal normal normal 80px/41px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  margin-bottom: 45px;
  text-align: center;
}

.not-found-content h2 {
  margin: 35px 0 0;
  font-size: 45px;
  line-height: 1.222em;
  text-align: center;
  font-family: Chalkduster;
}

.not-found-content p {
  margin: 10px 0 0;
}

.not-found-content a {
  width: 245px;
  height: 60px;
  background-image: url(../img/orange-button.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #ffffffe6;
  display: block;
  margin: auto;
  text-transform: capitalize;
  margin-top: 35px;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* Body border */
.body-border-left,
.body-border-right,
.body-border-bottom {
  position: fixed;
  background: #f5eee5;
  z-index: 10;
}

.body-border-left {
  left: 0;
  top: 89px;
  height: calc(100vh - 89px);
  width: 24px;
}

.body-border-right {
  right: 0;
  top: 89px;
  height: calc(100vh - 89px);
  width: 24px;
}

.body-border-bottom {
  left: 0;
  bottom: 0;
  height: 24px;
  width: 100%;
}

.tt-container {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 8.5%;
}

footer .tt-container {
  width: 1558.39px;
}

@media (max-width: 1558px) {
  .tt-container {
    width: 100%;
  }

  footer .tt-container {
    width: 100%;
  }
}

.custom-navbar {
  height: 89px;
  background-color: #f5eee5;
  opacity: 1;
}

.custom-navbar .nav-item {
  text-align: left;
  margin-bottom: -20px;
  padding-bottom: 20px;
}

.custom-navbar .navbar-nav {
  justify-content: space-between;
  width: 34%;
}

@media (min-width: 1023px) {
  #navbarNav {
    justify-content: space-between;
  }
}

.custom-navbar .left-navbar {
  width: 33.5%;
  justify-content: space-between;
}

.custom-navbar .left-navbar li.icon {
  margin-right: 0px;
  display: flex;
  align-items: center;
}

#navbar_main .search-icon {
  height: 24px;
  margin-right: 21px;
}

.custom-navbar .nav-item a.nav-link {
  padding: 0px;
  font: normal normal 18px/30px Protipo;
  letter-spacing: 0.27px;
  color: #000000;
  opacity: 1;
  font-size: 18px;
  line-height: 30px;
  padding-top: 5px;
  display: flex;
  white-space: nowrap;
}

.custom-navbar .nav-item a.nav-link:hover {
  color: #e37c2c;
}

.custom-navbar .nav-item.icon img {
  width: 18px;
  height: 18px;
}

.dropdown-overlay {
  position: fixed;
  z-index: 12;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.custom-navbar .nav-item a.active {
  color: #e37c2c;
}

.dropdown-content:hover,
.products-nav:hover .dropdown-content {
  display: block;
}

.dropdown-content--wrapper {
  width: 100%;
  padding-left: 182px;
  padding-right: 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.dropdown-content-links--wrapper {
  width: 653px;
  margin-top: 99px;
  padding-bottom: 4.8%;
}

.dropdown-content-links--wrapper ul {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.dropdown-content-links--wrapper ul li {
  width: 50%;
  margin-bottom: 30px;
}

.dropdown-content-links--wrapper ul li a,
.products-item {
  font: normal normal normal 35px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  opacity: 1;
}

.dropdown-content-divider {
  width: 595px;
  height: 1px;
  background: #3b3b3b;
  margin-left: 3px;
  margin-top: 17px;
  margin-bottom: 47px;
}

.dropdown-content-links--wrapper ul li a.active-dropdown-item,
.products-item.active-dropdown-item {
  font: normal normal normal 35px Ultra;
  letter-spacing: 0px;
  color: #ee8923;
  opacity: 1;
  text-decoration: none;
}

.dropdown-content-links--wrapper ul li a:hover {
  color: #ee8923;
}

a.products-item.active-dropdown-item:hover {
  color: #ee8923;
  opacity: 1;
  text-decoration: none;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f5eee5;
  width: 100%;
  left: 0;
  z-index: 1;
}

.dropdown-content-image--wrapper {
  width: 930px;
  height: auto;
  position: relative;
  margin-top: 28px;
}

.dropdown-content-image--wrapper img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #f5eee5;
  height: 250px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}

.custom-navbar .navbar-brand {
  padding: 0px 4.8%;
  padding-top: 55px;
  margin: 0px;
  z-index: 1;
}

@media (min-width: 1023px) {
  .custom-navbar .navbar-brand {
    padding: 0px;
    margin: 0px;
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 14px;
  }
}

.custom-navbar .navbar-brand img {
  width: 204px;
  height: 118px;
}

/* /////////// LANDING PAGE /////////// */
/* Hero section */
.home-hero-section {
  overflow-y: hidden;
  width: 100%;
  background-color: transparent;
  position: relative;
  overflow-x: hidden;
  background: #F6E7D1;
}

.hero-section-wrapper {
  display: block;
  margin: auto;
  width: 655px;
  padding-top: 228px;
  position: relative;
  z-index: 2;
  margin-top: 10px;
}

.hero-section-wrapper .hero-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-section-wrapper .hero-sub-header img {
  height: 20px;
  width: 62px;
}

.hero-section-wrapper .hero-sub-header.home h2 {
  color: #713429;
}

.hero-section-wrapper .hero-sub-header h2 {
  margin: 0px 23px;
  text-align: center;
  font: normal normal normal 45px/96px Chalkduster;
  letter-spacing: 0px;
  color: #ffffff;
}

.home-hero-section h1 {
  text-align: center;
  font: normal normal normal 80px/100px Ultra;
  letter-spacing: 0px;
  color: #713429;
  margin-bottom: 108px;
  margin-top: 4px;
}

.home-hero-section img.tt-stamp {
  display: block;
  margin: auto;
  margin-bottom: 76px;
  transform: rotate(-90deg);
}

.transition-tt-stamp {
  transition: transform 1.5s;
  transition-delay: 3s;
}

.home-hero-section p {
  text-align: center;
  letter-spacing: -0.27px;
  color: #3e3d3c;
  width: 697px;
  display: block;
  margin: auto;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 18%;
}

.right-image-hero,
.left-image-hero {
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 1;
}

.right-image-hero {
  right: 0px;
}

.left-image-hero {
  left: 0px;
}

/* Dip left text section */
.banner-section-right-text,
.banner-section-left-text {
  height: 800px;
  width: 100%;
  padding: 170px;
  position: relative;
}

.banner-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background: black;
  z-index: 0;
}

.section-dips,
.section-chummus,
.section-spreads,
.section-salads,
.section-blintzes,
.section-frozen,
.section-herring,
.section-lox {
  background-size: 130%;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-attachment: fixed;
}

@media (max-width: 768px) {

  .section-dips,
  .section-chummus,
  .section-spreads,
  .section-salads,
  .section-blintzes,
  .section-frozen,
  .section-herring,
  .section-lox {
    background-size: auto 130%;
    background-attachment: unset;
  }

  .loader-home {
    display: none;
  }
}

.banner-content-wrapper {
  display: flex;
  width: 1220px;
  margin: auto;
}

.banner-section-left-text .banner-content-wrapper .banner-text-wrapper {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  padding-right: 110px;
}

.banner-section-right-text .banner-content-wrapper .banner-text-wrapper {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  padding-left: 110px;
  margin-left: auto;
}

.banner-content-wrapper .banner-text-wrapper {
  height: 461px;
  width: 610px;
  padding-top: 66px;
  z-index: 1;
}

.banner-content-wrapper .banner-text-wrapper .banner-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-text-wrapper .banner-sub-header img {
  width: 47.54px;
  height: 15.75px;
}

.banner-text-wrapper .banner-sub-header span {
  text-align: center;
  font: normal normal normal 35px/35px Chalkduster;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0px 22px;
}

.banner-text-wrapper h2.banner-header {
  font: normal normal normal 38px/75px Ultra;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 26px;
  text-align: center;
}

.banner-text-wrapper p {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  height: 90px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.8;
  margin-bottom: 50px;
}

.banner-text-wrapper a {
  width: 245px;
  height: 60px;
  background-image: url("../img/orange-button.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.95);
  display: block;
  margin: auto;
  transition: 0.5s all;
  position: relative;
  top: 0;
}

.banner-text-wrapper a:hover {
  color: white;
  opacity: 1;
  position: relative;
  top: -5px;
  color: rgba(255, 255, 255, 0.85);
}

/* About us small info wrapper */
.about-info-section {
  height: 635px;
  background: #f5eee5;
  padding: 116px 13%;
  justify-content: center;
  display: flex;
}

.about-info-section .info-card {
  margin-right: 7%;
}

.about-info-section .info-card:last-child {
  margin-right: 0px;
}

.about-info-section .info-card img {
  width: 111px;
  height: 111px;
  display: block;
  margin: auto;
  margin-bottom: 32px;
}

.about-info-section .info-card h2 {
  text-align: center;
  font: normal normal normal 28px/35px Ultra;
  letter-spacing: 0px;
  color: #ee8923;
  margin-bottom: 22px;
}

.about-info-section .info-card p {
  width: 413px;
  text-align: center;
  font: normal normal normal 20px/30px Protipo;
  letter-spacing: 0px;
  color: #3e3d3c;
  margin-bottom: 35px;
}

.about-info-section .info-card a {
  background-image: url("../img/brown-button.png");
  background-size: contain;
  width: 245px;
  height: 60px;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #ffffffe6;
  display: block;
  margin: auto;
}

/* Recepies section */
.home-recepies-section {
  height: 750px;
  padding-top: 228px;
  background-image: url("../img/banners/recipe-home.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s;
  background-size: 120%;
}

.home-recepies-section .home-recepies-wrapper {
  width: 542px;
  display: block;
  margin: auto;
}

.home-recepies-section .home-recepies-wrapper .recepies-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-recepies-section .home-recepies-wrapper .recepies-sub-header span {
  text-align: center;
  font: normal normal normal 46px/69px Chalkduster;
  letter-spacing: 0px;
  color: #ee8923;
  margin: 0px 28px;
}

.home-recepies-section .home-recepies-wrapper .recepies-sub-header img {
  width: 51px;
  height: 16px;
}

.home-recepies-section .home-recepies-wrapper h2 {
  text-align: center;
  font: normal normal normal 48px/47px Ultra;
  letter-spacing: 0px;
  color: #ee8923;
  margin-bottom: 35px;
}

.home-recepies-section .home-recepies-wrapper p {
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #3e3d3c;
  padding: 0px 40px;
  margin-bottom: 40px;
}

.home-recepies-section .home-recepies-wrapper a {
  background-image: url("../img/brown-button.png");
  background-size: contain;
  width: 245px;
  height: 60px;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #ffffffe6;
  display: block;
  margin: auto;
}

/* Home recepies list section */
.home-recepies-list-section {
  height: 855px;
  padding-top: 121px;
  background: #f5eee5;
}

.recepies-list-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 102px;
  padding: 0px 10%;
}

.home-recepies-list-section .recepies-list-item {
  margin-right: 39px;
  max-width: 22.82%;
}

.home-recepies-list-section .recepies-list-item:hover img {
  transform: scale(1.2);
}

.home-recepies-list-section .recepies-list-item:last-child {
  margin-right: 0px;
}

.home-recepies-list-section .recepies-list-item .img-wrapper {
  width: 100%;
  height: 229px;
  overflow: hidden;
}

.home-recepies-list-section .recepies-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s all;
}

.home-recepies-list-section .recepies-list-item .recepie-name {
  height: 120px;
  width: 100%;
  background-image: url("../img/recipe-list-item.png");
  background-position: bottom;
  display: flex;
  align-items: center;
  padding: 36px;
  padding-top: 25px;
}

.home-recepies-list-section .recepies-list-item .recepie-name a {
  text-align: center;
  font: normal normal normal 18px/23px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  display: block;
  width: 100%;
}

.home-recepies-list-section .subscribe-form {}

.home-recepies-list-section .subscribe-form h2 {
  text-align: center;
  font: normal normal normal 25px/38px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
}

.home-recepies-list-section .subscribe-form p {
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.27px;
  color: #3e3d3c;
  margin-bottom: 23px;
}

.home-recepies-list-section .subscribe-form input {
  width: 491px;
  height: 55px;
  background: #f3e9db 0% 0% no-repeat padding-box;
  border: 1px solid #8a837b;
  display: block;
  margin: auto;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #000000;
  padding: 16px;
}

.subscribe-input-wrapper {
  width: 491px;
  height: 55px;
  display: block;
  margin: auto;
}

.subscribe-input-wrapper i {
  position: absolute;
  font-size: 18px;
  color: black;
  z-index: 1;
  top: 50%;
  right: 24px;
  transform: translateX(-50%);
  line-height: 0px;
}

.home-recepies-list-section .subscribe-form input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

/* Footer */
footer {
  height: 527px;
  background: #713529;
  background-image: url('../img/footer-background-op.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
}

footer .footer-wrapper {
  padding: 0px 30px;
  padding-top: 133px;
}

footer .footer-upper-row {
  display: flex;
}

footer .footer-upper-row .logo {
  width: 180px;
  height: 96px;
  margin-right: 173px;
}

.footer-upper-row .subscribe-form {
  display: flex;
  flex-direction: column;
  margin-right: 147px;
  position: relative;
}

.footer-upper-row .subscribe-form span {
  text-align: left;
  font: normal normal normal 18px/22px Ultra;
  letter-spacing: 0px;
  color: #ee8923;
  margin-bottom: 19px;
}

.footer-upper-row .subscribe-form input {
  width: 375px;
  height: 55px;
  background: rgba(255, 255, 255, 0.15);
  padding: 17px 16px;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #ffffff;
  border: none;
}

.footer-upper-row .subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer-upper-row .footer-menu {
  display: flex;
}

.footer-upper-row .footer-menu ul {
  list-style: none;
  padding: 0px;
  width: 145px;
  margin-right: 33px;
}

.footer-upper-row .footer-menu ul:last-child {
  margin-right: 0px;
}

.footer-upper-row .footer-menu ul.footer-parent {
  border-right: 2px solid rgba(255, 255, 255, 0.4);
  margin-right: 68px;
}

.footer-upper-row .footer-menu ul li {
  margin-bottom: 9px;
}

.footer-upper-row .footer-menu ul a {
  text-align: left;
  font-size: 18px;
  letter-spacing: -0.27px;
  color: #ffffff;
}

.footer-lower-row {
  padding-top: 27px;
  display: flex;
  justify-content: space-between;
}

.footer-lower-row .footer-lower-left {
  display: flex;
}

.footer-lower-row .copyright {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #ffffff;
  margin-right: 227px;
  padding-top: 61px;
}

.footer-lower-row .external-links {
  padding-top: 28px;
}

.footer-lower-row .external-links a {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.35px;
  color: #ffffff;
  margin-bottom: 17px;
}

.footer-lower-row .footer-lower-right {
  display: flex;
  padding-right: 44px;
}

.footer-lower-right .footer-contact-item:first-child {
  margin-right: 49px;
}

.footer-lower-right .footer-contact-item:nth-child(2) {
  margin-right: 58px;
}

.footer-contact-item span {
  text-align: left;
  font: normal normal normal 18px/38px Ultra;
  letter-spacing: 0px;
  color: #ee8923;
}

.footer-contact-item p {
  margin: 0px;
  text-align: left;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #ffffff;
}

.offcanvas-header {
  display: none;
}

.screen-overlay {
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
}

.screen-overlay.show {
  transition: opacity 0.5s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

@media all and (max-width: 992px) {
  footer {
    background-size: 100%;
  }

  .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: 20px;
  }

  .offcanvas-header button {
    font-size: 30px;
    padding: 0;
    order: 2;
    line-height: 1;
    margin-left: auto;
  }

  .offcanvas-header p {
    margin: 0 !important;
    line-height: 1;
    padding: 0 !important;
    font-size: 14px;
  }

  .mobile-nav {
    background-color: #f5eee5;
    padding-top: 11px;
    position: fixed;
    width: 100%;
    z-index: 1000;
  }

  .navbar-spacer {
    height: 74px;
  }

  .mobile-nav .navbar-toggler {
    padding-left: 21px;
  }

  .mobile-nav .navbar-toggler:focus {
    outline: none;
  }

  .mobile-nav .navbar-toggler .line {
    margin-bottom: 6px;
  }

  .mobile-nav .navbar-brand {
    padding: 0px 74px;
    padding-top: 55px;
    margin: 0px;
    z-index: 1;
  }

  .mobile-nav .navbar-brand img {
    width: 163px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    width: 60%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
    background-color: #f6f2ed;
    color: #32312f;
    box-shadow: 5px 0px 6px 0px rgb(0 0 0 / 5%);
  }

  .mobile-offcanvas-sub {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1199;
    width: 40%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
    background-color: #f5eee5;
    color: #32312f;
  }

  .mobile-offcanvas a,
  .mobile-offcanvas-sub a {
    color: #32312f;
    font-size: 18px;
  }

  .mobile-offcanvas a:active,
  .mobile-offcanvas a:focus,
  .mobile-offcanvas a:hover {
    color: #E37927;
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }

  .mobile-offcanvas-sub.show {
    visibility: visible;
    transform: translateX(150%);
  }
}

@media (max-width: 767px) {
  nav.navbar.mobile-offcanvas.show {
    width: 50%;
  }
  nav.navbar.mobile-offcanvas-sub {
    width: 50%;
    transform: translateX(100%);
  }
  .home-hero-section p {
    background: #f5eee5;
    padding: 10px 31px 0px;
    font-size: 14px;
    line-height: 22px;
    width: auto;
    letter-spacing: 0;
    margin: auto;
    align-items: center;
    height: 300px;
  }

  /* About info section */
  .about-info-section {
    padding: 65px 29px 41px;
    flex-direction: column;
    height: auto;
  }

  .banner-content-wrapper {
    width: auto;
    padding-top: 124px;
  }

  /* Home Recepies */
  .home-recepies-section {
    height: 648px;
    padding-top: 162px;
    background-position: 50% 50%;
    height: auto 130%;
  }
}

/* Mobile devices (landscape tablets, 768px and up) */
@media (max-width: 768px) {
  .tt-container {
    width: 100%;
  }

  .body-border-left {
    left: 0;
    top: 70px;
    height: calc(100% - 70px);
    width: 10px;
  }

  .body-border-right {
    right: 0;
    top: 70px;
    height: calc(100% - 70px);
    width: 10px;
  }

  .body-border-bottom {
    left: 0;
    bottom: 0;
    height: 10px;
    width: 100%;
  }

  .custom-navbar {
    background-color: #f5eee5;
    position: fixed;
    height: 70px;
    width: 100%;
  }

  .navbar-toggler {
    width: 47px;
    height: 34px;
    background-color: none;
  }

  .navbar-toggler .line {
    width: 24.9px;
    float: left;
    height: 2px;
    background-color: #302f2d;
    margin-bottom: 8.46px;
  }

  .home-hero-section {
    padding-bottom: 0px;
    height: auto;
  }

  .left-image-hero {
    top: -130px;
    transform: rotate(90deg);
    height: 50%;
    width: 100%;
    object-fit: contain;
  }

  .right-image-hero {
    transform: rotate(90deg);
    width: 100%;
    top: 270px;
    height: 50%;
    object-fit: contain;
  }

  .hero-section-wrapper {
    width: auto;
    margin-bottom: 219px;
    padding-top: 208px;
  }

  .hero-section-wrapper .hero-sub-header {
    justify-content: center;
  }

  .hero-section-wrapper .hero-sub-header img {
    width: 31px;
    height: 11px;
  }

  .hero-section-wrapper .hero-sub-header h2 {
    font-size: 23px;
    line-height: 33px;
  }

  .home-hero-section h1 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 22.61px;
  }

  .home-hero-section img.tt-stamp {
    width: 111px;
    height: 111px;
    transform: rotate(0deg);
  }

  .banner-section-right-text,
  .banner-section-left-text {
    width: auto;
    padding: 0px;
    height: 528px;
  }

  .banner-text-wrapper .banner-sub-header span {
    font-size: 25px;
  }

  .banner-section-left-text .banner-content-wrapper .banner-text-wrapper,
  .banner-section-right-text .banner-content-wrapper .banner-text-wrapper {
    width: 100%;
    padding: 0px;
    height: auto;
    border: none;
  }

  .banner-text-wrapper h2.banner-header {
    font-size: 28px;
    margin-bottom: 17px;
    line-height: 55px;
  }

  .banner-text-wrapper p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0px;
    padding: 0px 35px;
    letter-spacing: 0px;
    height: 100px;
  }

  .banner-text-wrapper a {
    font-size: 16px;
  }

  .about-info-section .info-card {
    margin: 0px;
    margin-bottom: 65px;
  }

  .about-info-section .info-card img {
    margin-bottom: 0px;
  }

  .about-info-section .info-card h2 {
    font-size: 22px;
    line-height: 65px;
    margin-bottom: 0px;
  }

  .about-info-section .info-card p {
    width: auto;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 19px;
  }

  .about-info-section .info-card:nth-child(2) p {
    margin-bottom: 27px;
  }

  .about-info-section .info-card:last-child p {
    margin-bottom: 27px;
  }

  .about-info-section .info-card a {
    width: 228px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    background-repeat: no-repeat;
  }

  .home-recepies-section .home-recepies-wrapper {
    width: auto;
  }

  .home-recepies-section .home-recepies-wrapper .recepies-sub-header img {
    width: 31px;
    height: 11px;
  }

  .home-recepies-section .home-recepies-wrapper .recepies-sub-header span {
    line-height: 33px;
    font-size: 23px;
    margin: 0px 13px;
  }

  .home-recepies-section .home-recepies-wrapper h2 {
    font-size: 28px;
    line-height: 35px;
    padding: 0px 102px;
    margin-bottom: 32px;
  }

  .home-recepies-section .home-recepies-wrapper p {
    padding: 0px 29px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    margin-bottom: 25px;
  }

  .home-recepies-section .home-recepies-wrapper a {
    width: 228px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    background-repeat: no-repeat;
  }

  .home-recepies-list-section {
    height: auto;
    padding-top: 43px;
    padding-bottom: 70px;
  }

  .recepies-list-wrapper {
    flex-direction: column;
    margin-bottom: 36px;
    padding: 0 7.75%;
  }

  .home-recepies-list-section .recepies-list-item {
    margin-right: 0px;
    margin-bottom: 28px;
    width: 100%;
    max-width: 100%;
  }

  .home-recepies-list-section .recepies-list-item .img-wrapper {
    width: 100%;
    height: 187px;
  }

  .home-recepies-list-section .recepies-list-item .recepie-name {
    width: 100%;
    height: 110px;
  }

  .home-recepies-list-section .subscribe-form h2 {
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 10px;
  }

  .home-recepies-list-section .subscribe-form p {
    font-size: 16px;
    line-height: 22px;
    padding: 0px 15px;
  }

  .home-recepies-list-section .subscribe-form input {
    width: 317px;
    height: 50px;
  }

  .subscribe-input-wrapper {
    width: 317px;
    height: 50px;
  }

  footer {
    height: auto;
  }

  footer .footer-wrapper {
    padding: 48px 40px 53px;
  }

  footer .footer-upper-row,
  footer .footer-lower-row {
    flex-direction: column;
  }

  footer .footer-upper-row .logo {
    width: 129px;
    height: 68px;
    margin-right: 0px;
    margin-bottom: 45px;
  }

  .footer-upper-row .footer-menu {
    flex-direction: column;
  }

  .footer-upper-row .footer-menu ul {
    margin: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .footer-upper-row .footer-menu ul li {
    flex: 1 0 50%;
  }

  .footer-upper-row .footer-menu ul.footer-parent {
    margin: 0px;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 30px;
  }

  #footer>div>div.footer-upper-row>div.footer-menu>ul:nth-child(2) {
    padding-top: 17px;
  }

  .footer-lower-row .footer-lower-right {
    flex-direction: column;
    padding-right: 0px;
  }

  .footer-lower-row .footer-lower-left {
    flex-direction: column;
  }

  .footer-lower-row .external-links {
    margin-bottom: 48px;
  }

  .footer-lower-row .external-links a {
    font-weight: 600;
  }

  .footer-lower-right .footer-contact-item:first-child,
  .footer-lower-right .footer-contact-item:nth-child(2),
  .footer-lower-right .footer-contact-item {
    margin: 0px;
    display: flex;
  }

  .footer-lower-right .footer-contact-item:first-child span {
    margin-right: 56px;
    margin-bottom: 25px;
  }

  .footer-lower-right .footer-contact-item:nth-child(2) span {
    margin-right: 63px;
    margin-bottom: 25px;
  }

  .footer-lower-right .footer-contact-item span {
    margin-right: 15px;
    margin-bottom: 47px;
  }

  .footer-lower-row .footer-lower-right {
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  }

  .footer-lower-left .subscribe-form span {
    text-align: left;
    font: normal normal normal 18px/22px Ultra;
    letter-spacing: 0px;
    color: #ee8923;
  }

  .footer-lower-row .subscribe-form input {
    width: 295px;
    height: 50px;
    background: rgba(255, 255, 255, 0.15);
    padding: 17px 16px;
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.27px;
    color: #ffffff;
    border: none;
    margin-top: 8px;
    margin-bottom: 47px;
  }

  .footer-lower-row .copyright {
    margin-right: 0px;
    padding-top: 34px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .footer-upper-row .footer-menu ul.footer-parent {
    padding-top: 30px;
  }

  footer .footer-lower-row {
    flex-direction: column-reverse;
  }

  .home-recepies-list-section .recepies-list-item {
    width: 47%;
  }

  .left-image-hero {
    top: -33%;
    height: 100%;
    width: 100%;
    object-fit: contain;
  }

  .left-image-hero {
    top: -35%;
    height: 100%;
    width: 100%;
    object-fit: contain;
    z-index: 2;
  }

  .right-image-hero {
    top: 40%;
    height: 100%;
  }

  .home-hero-section h1 {
    margin-bottom: 1% !important;
  }

  .home-hero-section img.tt-stamp {
    margin-bottom: 1%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .banner-content-wrapper {
    width: 100%;
    padding: 130px 150px;
  }

  .about-info-section {
    height: auto;
    flex-wrap: wrap;
    padding: 65px;
  }

  .about-info-section .info-card {
    width: 50%;
    padding: 0px 2.3%;
  }

  .about-info-section .info-card:last-child {
    padding: 0px 10%;
    margin-bottom: 0px;
    width: 100%;
  }

  .home-recepies-section {
    align-items: center;
    padding: 0px;
    display: flex;
    height: 600px;
    background-position: 50% 50%;
  }

  .home-recepies-section .home-recepies-wrapper {
    padding: 0px 73px;
  }

  .home-recepies-list-section {}
}

@media (min-width: 768px) and (max-width: 991px) {
  .banner-content-wrapper {
    width: 100%;
    padding: 130px 150px;
  }

  .about-info-section {
    height: auto;
    flex-wrap: wrap;
    padding: 65px;
  }

  .about-info-section .info-card {
    width: 50%;
    padding: 0px 2.3%;
  }

  .about-info-section .info-card:last-child {
    padding: 0px 10%;
    margin-bottom: 0px;
    width: 100%;
  }

  .home-recepies-section {
    align-items: center;
    padding: 0px;
    display: flex;
    height: 600px;
    background-position: 50% 50%;
  }

  .home-recepies-section .home-recepies-wrapper {
    padding: 0px 73px;
  }

  .home-recepies-list-section .recepies-list-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0px;
  }

  .home-recepies-list-section .recepies-list-item:nth-child(odd) {
    margin-right: 10px;
  }

  .home-recepies-list-section .recepies-list-item:nth-child(even) {
    margin-left: 10px;
  }
}

/* /////////// OUR BRANDS /////////// */
.our-brands-template .hero-header-section {
  height: 615px;
  width: 100%;
  padding-top: 145px;
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  position: relative;
}

.brands-overlay.hero-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.45;
  background: black;
  z-index: 0;
}

.our-brands-template .hero-header-section .hero-header-section-container {
  width: 824px;
  z-index: 2;
  padding-top: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.our-brands-template .hero-header-section .brands-hero-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.our-brands-template .hero-header-section .brands-hero-sub-header img {
  width: 81px;
  height: 26px;
}

.our-brands-template .hero-header-section .brands-hero-sub-header h2 {
  margin: 0px 17px;
  text-align: center;
  font: normal normal normal 46px/59px Chalkduster;
  letter-spacing: 0px;
  color: white;
}

.our-brands-template .hero-header-section h1 {
  text-align: center;
  font: normal normal normal 55px/75px Ultra;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 44px;
}

.our-brands-template .hero-header-section p {
  text-align: center;
  font: normal normal normal 18px/28px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.86;
}

/* Brands list */
.brands-list {
  padding: 135px 11% 41px;
  background: #f5eee5;
}

.brands-list .brand-container {
  width: 100%;
}

.brands-list .brand-item {
  height: 580px;
  display: flex;
  margin-bottom: 100px;
}

.brand-item .brand-item-image {
  width: 57.5%;
  object-fit: cover;
}

.brand-item .brand-item-text {
  /* width: 636px; */
  padding: 0px 6%;
  background: #f3e1cd;
}

.brand-item .brand-item-text .img-container {
  width: 228px;
  height: 124px;
  display: flex;
  margin: auto;
  align-items: center;
  margin-bottom: 26px;
}

.brand-item .brand-item-text .img-container.tt-logo {
  width: 190px;
  height: 101px;
  margin-top: 82px;
}

.brand-item .brand-item-text .img-container.royal-logo {
  width: 167px;
  height: 102px;
  margin-top: 85px;
}

.brand-item .brand-item-text .img-container.shloimys-logo {
  width: 228px;
  height: 82px;
  margin-top: 92px;
}

.brand-item .brand-item-text .img-container.kosher-logo {
  width: 139px;
  height: 124px;
  margin-top: 71px;
}

.brand-item .brand-item-text .img-container.wiiliamsburg-logo {
  width: 195px;
  height: 98px;
  margin-top: 85px;
}

.brand-item .brand-item-text img {
  display: block;
  margin: auto;
  width: 100%;
}

.brand-item .brand-item-text h2 {
  text-align: center;
  font: normal normal normal 30px/75px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  margin-bottom: 5px;
  white-space: nowrap;
}

.brand-item .brand-item-text p {
  text-align: center;
  font: normal normal normal 18px/28px Protipo;
  letter-spacing: 0px;
  color: #3e3d3c;
  margin-bottom: 36px;
}

.brand-item .brand-item-text a {
  width: 245px;
  height: 60px;
  background-image: url("../img/orange-button.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #ffffffe6;
  display: block;
  margin: auto;
  text-transform: capitalize;
}

@media all and (max-width: 1919px) {

  /* .brand-item .brand-item-image {
    width: 50%;
    object-fit: cover;
  } */
  .brands-list .brand-container {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .our-brands-template .hero-header-section {
    height: 470px;
    padding-top: 70px;
    background-size: auto 120%;
    background-position: bottom;
    transition: 2s all;
  }

  .our-brands-template .hero-header-section .brands-hero-sub-header h2 {
    font-size: 23px;
    margin: 0px 9px;
    line-height: 33px;
  }

  .our-brands-template .hero-header-section h1 {
    font: normal normal normal 28px/35px Ultra;
    text-transform: none;
    padding: 0px 61px;
    margin-bottom: 34px;
  }

  .our-brands-template .hero-header-section p {
    font-size: 16px;
    line-height: 25px;
    padding: 0px 36px;
  }

  .our-brands-template .hero-header-section .hero-header-section-container {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }

  .our-brands-template .hero-header-section .brands-hero-sub-header img {
    width: 31px;
    height: 11px;
  }

  .brands-list {
    padding: 62px 28px 37px;
  }

  .brands-list .brand-item.tt-item {
    height: 640px;
  }

  .brands-list .brand-item {
    flex-direction: column;
    padding: 0px;
    margin-bottom: 28px;
    min-height: 618px;
  }

  .brands-list .brand-container {
    width: 100%;
  }

  .brand-item .brand-item-image {
    width: auto;
    height: 200px;
  }

  .brand-item .brand-item-text {
    width: 100%;
    padding: 0px 24px;
    padding-top: 42px;
    background: #f3e1cd;
    padding-bottom: 45px;
  }

  .brand-item .brand-item-text .img-container img {
    width: 100%;
  }

  .brand-item .brand-item-text .img-container {
    width: 124px;
    height: 72px;
    margin-bottom: 0px;
  }

  .brand-item .brand-item-text h2 {
    font-size: 20px;
    line-height: 55px;
    white-space: wrap;
  }

  .brand-item .brand-item-text p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 23px;
  }

  .brand-item .brand-item-text a {
    height: 55px;
    width: 222px;
    font-size: 16px;
    line-height: 55px;
  }

  .brand-item .brand-item-text .img-container.tt-logo {
    width: 124px;
    height: 66px;
    margin-top: 5px;
  }

  .brand-item .brand-item-text .img-container.royal-logo {
    width: 113px;
    height: 69px;
    margin-top: 0px;
  }

  .brand-item .brand-item-text .img-container.shloimys-logo {
    width: 162px;
    height: 58px;
    margin-top: 0px;
  }

  .brand-item .brand-item-text .img-container.kosher-logo {
    width: 81px;
    height: 72px;
    margin-top: 0px;
  }

  .brand-item .brand-item-text .img-container.wiiliamsburg-logo {
    width: 139px;
    height: 71px;
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-item .brand-item-text {
    width: 50%;
  }

  .brands-list .brand-item {
    flex-direction: row;
    margin-bottom: 62px;
  }

  .brands-list .brand-item.tt-item,
  .brands-list .brand-item {
    min-height: 390px;
    height: 390px;
    display: flex;
    flex-wrap: wrap;
  }

  .brand-item .brand-item-image {
    width: 50%;
    height: auto;
  }
}

/* /////////// CONTACT US /////////// */
.contact-us-section {
  display: flex;
  background: #f5eee5;
}

.contact-us-section .side-image {
  width: 34%;
  height: 866px;
  margin-right: 15%;
}

.contact-us-section .form-area {
  padding-top: 120px;
  width: 673px;
}

.contact-us-section .form-area h1 {
  text-align: left;
  font: normal normal normal 48px/60px Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  margin-bottom: 45px;
}

.contact-us-section .form-area .contact-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  margin-bottom: 61px;
}

.contact-us-section .form-area .contact-information h2 {
  text-align: left;
  font: normal normal normal 20px/26px Ultra;
  letter-spacing: 0px;
  color: #714229;
}

.contact-us-section .form-area .contact-information p {
  text-align: left;
  font: normal normal normal 17px/28px Protipo;
  letter-spacing: 0px;
  color: #3b3b3b;
  margin-bottom: 0px;
}

.contact-us-section .information-item .fab {
  font-size: 18px;
  margin-right: 16px;
}

.contact-us-section .form-area .contact-form {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

.contact-form label {
  color:#999;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

/* active state */
.contact-us-section .form-area .input-wrapper.dirty {
  background: #F9F4EF;
}

.contact-us-section .form-area .input-wrapper input:focus ~ label,
.contact-us-section .form-area .input-wrapper input:valid ~ label {
  text-align: left;
  font: normal normal normal 12px/14px Protipo;
  letter-spacing: 0px;
  top: 10px;
  transform: none;
}

.contact-us-section .form-area .input-wrapper {
  width: 335px;
  height: 70px;
  position: relative;
  flex: 0 1 50%;
  border: 1px solid #8a837b;
}

.contact-us-section .form-area .input-wrapper:nth-child(1) {
  border-right: 0.5px solid #8a837b;
  border-bottom: 0.5px solid #8a837b;
}

.contact-us-section .form-area .input-wrapper:nth-child(2) {
  border-left: 0.5px solid #8a837b;
  border-bottom: 0.5px solid #8a837b;
}

.contact-us-section .form-area .input-wrapper:nth-child(3) {
  border-right: 0.5px solid #8a837b;
  border-top: 0.5px solid #8a837b;
  border-bottom: 0.5px solid #8a837b;
}

.contact-us-section .form-area .input-wrapper:nth-child(4) {
  border-top: 0.5px solid #8a837b;
  border-left: 0.5px solid #8a837b;
  border-bottom: 0.5px solid #8a837b;
}

.contact-us-section .form-area .input-wrapper label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  text-transform: capitalize;
  opacity: 0.5;
  text-align: left;
  font: normal normal normal 18px/21px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
}

.contact-us-section .form-area .input-wrapper input:focus,
.contact-us-section .form-area .input-wrapper input:active,
.contact-us-section .form-area .input-wrapper input:hover {
  box-shadow: none;
  outline: none;
}

.contact-us-section .form-area .input-wrapper input {
  width: 100%;
  height: 100%;
  border: none;
  text-align: left;
  font: normal normal normal 18px/21px Protipo;
  letter-spacing: 0px;
  color: #3b3b3b;
  text-transform: capitalize;
  opacity: 1;
  padding: 0px 15px;
  background: transparent;
}

.contact-us-section .form-area .textarea-wrapper {
  width: 673px;
  height: 151px;
  border: 1px solid #8a837b;
  border-top: 0.5px solid #8a837b;
}

.contact-us-section .form-area .textarea-wrapper textarea {
  width: 100%;
  height: 100%;
  border: none;
  text-align: left;
  font: normal normal normal 18px/21px Protipo;
  letter-spacing: 0px;
  color: #3b3b3b;
  text-transform: capitalize;
  opacity: 1;
  padding: 0px 15px;
  resize: none;
  padding-top: 24px;
  background: transparent;
}

.contact-us-section .form-area .input-wrapper input:focus,
.contact-us-section .form-area .input-wrapper input:hover,
.contact-us-section .form-area .input-wrapper input:active,
.contact-us-section textarea:focus,
.contact-us-section textarea:hover,
.contact-us-section textarea:active {
  outline: none;
  box-shadow: none;
}

.contact-us-section .form-area .input-wrapper input::placeholder,
.contact-us-section textarea::placeholder {
  text-align: left;
  font: normal normal normal 18px/21px Protipo;
  letter-spacing: 0px;
  color: #3b3b3b;
  text-transform: capitalize;
  opacity: 0.5;
}

.contact-us-section .form-area button {
  width: 673px;
  height: 68px;
  background: #ee8923 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  cursor: pointer;
}

.contact-us-section .form-area button:hover {
  color: rgba(255,255,255,0.85);
}

@media (max-width: 767px) {
  .contact-us-section {
    display: block;
  }

  .contact-us-section .side-image {
    width: 100%;
    height: 281px;
    margin: 0px;
    object-fit: cover;
  }

  .contact-us-section .form-area {
    width: 100%;
    padding: 30px;
    padding-top: 55px;
    background: #F5EEE5;
  }

  .contact-us-section .form-area h1 {
    font: normal normal normal 22px/29px Ultra;
    margin-bottom: 13px;
  }

  .contact-us-section .form-area .contact-information {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 14px;
    padding-right: 0px;
  }

  .contact-us-section .form-area .contact-information .information-item {
    width: 50%;
    margin-bottom: 12px;
  }

  .contact-us-section .form-area .contact-information .information-item:nth-child(2) {
    padding-left: 52px;
  }

  .contact-us-section .form-area .contact-information .information-item:last-child {
    width: 100%;
  }

  .contact-us-section .form-area .contact-information h2 {
    font: normal normal normal 18px/38px Ultra;
    margin-bottom: 0px;
  }

  .contact-us-section .form-area .contact-information p {
    font: normal normal normal 15px/22px Protipo;
  }

  .contact-us-section .form-area .input-wrapper {
    flex: 0 1 100%;
    height: 55px;
  }

  .contact-us-section .form-area .input-wrapper input,
  .contact-us-section .form-area .textarea-wrapper textarea {
    font: normal normal normal 16px/19px Protipo;
  }

  .contact-us-section .form-area .textarea-wrapper {
    width: 100%;
    height: 176px;
  }

  .contact-us-section .form-area .input-wrapper label {
    font-size: 16px;
    line-height: 19px;
  }

  .contact-us-section .form-area button {
    height: 55px;
    font: normal normal normal 15px/18px Protipo;
  }

  .contact-us-section .form-area .contact-form {
    margin-bottom: 43px;
  }

  /* Borders */
  .contact-us-section .form-area .input-wrapper:nth-child(1) {
    border: 1px solid #8a837b;
    border-bottom: none;
  }

  .contact-us-section .form-area .input-wrapper:nth-child(2) {
    border: 1px solid #8a837b;
    border-bottom: none;
    border-top: 0.5px solid #8a837b;
  }

  .contact-us-section .form-area .input-wrapper:nth-child(3) {
    border: 1px solid #8a837b;
    border-bottom: none;
    border-top: 0.5px solid #8a837b;
  }

  .contact-us-section .form-area .input-wrapper:nth-child(4) {
    border: 1px solid #8a837b;
    border-bottom: none;
    border-top: 0.5px solid #8a837b;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contact-us-section .side-image {
    width: 100%;
    height: 224px;
    object-fit: cover;
  }

  .contact-us-section .form-area {
    margin: auto;
    padding: 65px 0px;
  }

  .contact-us-section {
    display: block;
  }
}

/* /////////// PRODUCTS LIST /////////// */
.products-list-template .hero-header-section {
  height: 582px;
  width: 100%;
  padding-top: 145px;
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  position: relative;
}

.products-list-overlay.hero-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.45;
  background: black;
  z-index: 0;
}

.products-list-template .hero-header-section .hero-header-section-container {
  width: 824px;
  z-index: 2;
  padding-top: 46px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.products-list-template .hero-header-section .products-list-hero-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.products-list-template .hero-header-section .products-list-hero-sub-header img {
  width: 81px;
  height: 26px;
}

.products-list-template .hero-header-section .products-list-hero-sub-header h2 {
  margin: 0px 32px;
  text-align: center;
  font: normal normal normal 57px/76px Chalkduster;
  letter-spacing: 0px;
  color: white;
}

.products-list-template .hero-header-section h1 {
  text-align: center;
  font: normal normal normal 62px/75px Ultra;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 44px;
}

.products-list-template .hero-header-section p {
  text-align: center;
  font: normal normal normal 18px/28px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.86;
}

.products-list-template .products-list-shop {
  background: #F5EEE5;
  padding: 0px 11%;
  padding-top: 45px;
  display: flex;
}

.products-list-template .products-list-shop .filter-panel-wrapper {
  width: 17%;
  margin-right: 52px;
  flex-shrink: 0;
}

.filter-category-wrapper #brand-toggle-wrapper,
.filter-category-wrapper #size-toggle-wrapper,
.filter-category-wrapper #product-toggle-wrapper,
.filter-category-wrapper #category-toggle-wrapper {
  transition: all 0.5s;
  overflow: hidden;
}

.products-list-template .products-list-shop .filter-panel-wrapper .filters-panel-header {
  height: 52px;
  background: #EFE4D8 0% 0% no-repeat padding-box;
  border: 1px solid #C2BAB1;
  opacity: 1;
  text-align: left;
  font: normal normal normal 18px/20px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  opacity: 1;
  padding: 15px;
}

.products-list-template .products-list-shop .products-list-wrapper {
  width: 100%;
  margin-bottom: 87px;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration span {
  display: block;
  text-align: left;
  font: normal normal normal 18px/30px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration .sort-settings {
  display: flex;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration .sort-settings span {
  margin-right: 26px;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration .sort-settings span.active {
  color: #EE8923;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration .sort-settings span:last-child {
  margin-right: 0px;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration span.title {
  font-weight: 600;
}

.products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration {
  display: flex;
  justify-content: space-between;
  height: 52px;
  align-items: center;
  border: 1px solid #C2BAB1;
  border-left: none;
  border-right: none;
  margin-bottom: 38px;
}

.products-list-wrapper .products-list-items {
  display: flex;
  flex-wrap: wrap;
}

.products-list-wrapper .products-list-items .product-item-wrapper {
  width: 33.333%;
  padding-bottom: 33px;
}

.products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n - 2) {
  padding-right: 20px;
}

.products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n + 2) {
  padding: 0px 9.5px 33px;
}

.products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n) {
  padding-right: 0px;
  padding-left: 20px;
}

.products-list-wrapper .products-list-items .product-item:hover {
  background: url('../img/products-list/product-list-item.png');
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.products-list-wrapper .products-list-items .product-item {
  background: url('../img/products-list/product-list-item-op.png');
  min-width: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 38px;
  transition: all 0.5s;
}

.products-list-wrapper .products-list-items .product-item h2 {
  text-align: center;
  font: normal normal normal 18px/27px Ultra;
  letter-spacing: 0px;
  padding: 0px 42px;
  max-width: 350px;
  color: #3B3B3B;
}

.products-list-wrapper .products-list-items .product-item:hover img {
  top: -5px;
}

.products-list-wrapper .products-list-items .product-item:hover h2 {
  color: #EE8923;
}

.products-list-wrapper .products-list-items .product-item:hover a,
.products-list-wrapper .products-list-items .product-item a:hover {
  color: #EE8923;
  text-transform: none;
}

.products-list-wrapper .products-list-items .product-item img {
  display: block;
  margin: auto;
  width: 100%;
  padding: 0px 11.5%;
  position: relative;
  top: 0px;
  transition: all 0.5s;
}

.products-list-holder .page-controller {
  display: flex;
  width: 336px;
  margin: auto;
  margin-top: 51px;
}

.products-list-holder .page-controller .pages {
  width: 226px;
  display: flex;
  padding: 0px 15px;
  justify-content: space-around;
  border-top: 1px solid #8A837B;
  border-bottom: 1px solid #8A837B;
  height: 55px;
}

.products-list-holder .page-controller .pages span {
  font-weight: medium;
  line-height: 55px;
  font-size: 22px;
  font-family: Protipo;
  letter-spacing: 0px;
  text-transform: capitalize;
  color: #676461;
}

.products-list-holder .page-controller .pages span.current {
  color: #EE8923;
  font-weight: bold;
}

.products-list-holder .page-controller .right,
.products-list-holder .page-controller .left {
  display: block;
  width: 55px;
  height: 55px;
  background: #ECD3B5 0% 0% no-repeat padding-box;
  border: 1px solid #8A837B;
  font-size: 29px;
  line-height: 55px;
  text-align: center;
}

.products-list-shop .filter-panel-wrapper .header {
  font: normal normal 600 20px/30px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

.products-list-shop .filter-panel-wrapper .header img {
  width: 16px;
}

.products-list-shop .filter-panel-wrapper .filter-category-wrapper {
  border: 1px solid #C2BAB1;
  border-top: none;
}

.products-list-shop .filter-panel-wrapper .filter-category-wrapper ul {
  list-style: none;
  padding-left: 15px;
  margin: 0px;
  padding-bottom: 21px;
}

.products-list-shop .filter-panel-wrapper .filter-category-wrapper ul li {
  text-align: left;
  font: normal normal normal 18px/31px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
}

@media (max-width: 768px) {
  .products-list-template .products-list-shop {
    flex-direction: column;
    padding: 30px 0px;
  }

  .products-list-template .hero-header-section {
    height: 281px;
    padding-top: 0px;
    transition: 2s all;
    background-size: auto 120%;
  }

  .products-list-template .hero-header-section .hero-header-section-container {
    width: auto;
    padding-top: 36px;
  }

  .products-list-template .hero-header-section .products-list-hero-sub-header {
    margin-bottom: 0px;
  }

  .products-list-template .hero-header-section .products-list-hero-sub-header h2 {
    font-size: 23px;
    line-height: 33px;
    margin: 0px 13px;
  }

  .products-list-template .hero-header-section .products-list-hero-sub-header img {
    width: 31px;
    height: 11px;
  }

  .products-list-template .hero-header-section h1 {
    font-size: 28px;
    line-height: 35px;
  }

  .products-list-template .products-list-shop .filter-panel-wrapper {
    width: 100%;
    padding: 0px 30px;
  }

  .products-list-template .products-list-shop .filter-panel-wrapper .filters-panel-header {
    height: 45px;
    font-size: 16px;
    padding: 10px;
  }

  .products-list-shop .filter-panel-wrapper .filter-category-wrapper {
    height: 0px;
    overflow: hidden;
    border: none;
  }

  .products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration .sort-settings {
    display: none;
  }

  .products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration {
    padding: 14px;
    padding-bottom: 0px;
    margin: 0px 30px;
  }

  .products-list-template .products-list-shop .products-list-wrapper .product-shop-configuration span.title {
    font-size: 16px;
    line-height: 30px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper {
    width: 50%;
    padding-bottom: 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:first-child {
    padding-right: 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:last-child {
    padding-right: 0px;
    padding-left: 20px;
  }

  .products-list-wrapper .products-list-items .product-item {
    padding-top: 3.5px;
    min-height: 195px;
    box-sizing: border-box;
    margin-bottom: 5px;
    background-size: 100% 100%;
    padding-bottom: 0px;
  }

  .products-list-template .products-list-items {
    padding: 0px 10px;
    padding-top: 25px;
  }

  .products-list-wrapper .products-list-items .product-item h2 {
    font-size: 12px;
    line-height: 18px;
    padding: 0px 5px;
  }

  .products-list-holder .page-controller {
    margin-top: 46px;
    width: 316px;
    margin-left: 30px;
  }

  .products-list-holder .page-controller .pages {
    width: 208px;
  }

  .products-list-holder .page-controller .pages span {
    font-size: 20px;
  }

  .products-list-template .products-list-shop .products-list-wrapper {
    margin-bottom: 20px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n - 2) {
    padding-right: 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n + 2) {
    padding: 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n) {
    padding-right: 0px;
    padding-left: 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(odd) {
    padding-right: 3.5px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(even) {
    padding-left: 3.5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .products-list-template .products-list-items {
    padding: 25px 30px 0px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper {
    width: 33.333%;
    padding-bottom: 15px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n - 2) {
    padding-right: 20px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n + 2) {
    padding: 0px 9.5px 15px;
  }

  .products-list-wrapper .products-list-items .product-item-wrapper:nth-child(3n) {
    padding-right: 0px;
    padding-left: 20px;
  }

  .products-list-wrapper .products-list-items .product-item h2 {
    font-size: 15px;
  }

  .products-list-wrapper .products-list-items .product-item {
    min-height: auto;
    padding-bottom: 15px;
  }

  .products-list-holder .page-controller {
    margin: auto;
    margin-top: 32px;
  }
}

/* /////////// PRODUCT DETAIL /////////// */
.product-detail {
  padding-top: 103px;
  background: #F5EEE5;
}

.product-detail .product-detail-item {
  height: 641px;
  position: relative;
  padding: 0px 15%;
}

.product-detail .product-detail-item .next,
.product-detail .product-detail-item .prev {
  width: 125px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #FFFFFFE6;
}

.product-detail .product-detail-item .next {
  background-image: url("../img/product-detail/next.png");
  left: 26px;
}

.product-detail .product-detail-item .prev {
  background-image: url("../img/product-detail/prev.png");
  right: 26px;
}

.background-detail-wrapper {
  background-image: url("../img/product-detail/background.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  right: 15%;
  width: 52%;
  padding-left: 20.5%;
  padding-right: 7.8%;
  padding-top: 82px;
}

.product-detail-image {
  width: 637px;
  height: 637px;
  margin-left: 21px;
  position: absolute;
  z-index: 2;
}

.background-detail-wrapper h1 {
  text-align: center;
  font: normal normal normal 30px/40px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  margin-bottom: 35px;
}

.background-detail-wrapper .item-desc-table {
  display: block;
}

.background-detail-wrapper .item-desc-table .desc-item {
  height: 70px;
  width: 50%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 18px;
  border: 1px solid #8A837B;
}

.background-detail-wrapper .item-desc-table .desc-item span {
  font: normal normal normal 18px/21px Protipo;
}

.background-detail-wrapper .item-desc-table .desc-item span:first-child {
  color: #676461;
}

.background-detail-wrapper .item-desc-table .desc-item span:last-child {
  font-weight: bold;
  color: #3B3B3B;
}

.background-detail-wrapper .item-desc-table .desc-item.full {
  width: 100%;
}

.background-detail-wrapper .item-desc-table .desc-item.full.actions {
  padding: 0px;
}

.background-detail-wrapper .item-desc-table .desc-item .counter {
  display: flex;
  padding: 0px 25px;
  align-items: center;
  justify-content: space-between;
  width: 158px;
}

.background-detail-wrapper .item-desc-table .desc-item .counter {
  font: normal normal bold 22px/26px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
  text-transform: capitalize;
}

.background-detail-wrapper .item-desc-table .desc-item .minus-click,
.background-detail-wrapper .item-desc-table .desc-item .plus-click {
  font: normal normal bold 35px/26px Protipo;
}

.background-detail-wrapper .item-desc-table .desc-item button {
  width: 66.6666%;
  background: #714229;
  height: 100%;
  border: none;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: capitalize;
}

.product-detail .related-products-wrapper {
  padding: 150px 17.1% 0px;
}

.product-detail .related-products-wrapper .related-products-header {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.product-detail .related-products-wrapper .related-products-header h2 {
  text-align: center;
  font: normal normal normal 25px/29px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  margin: 0px 44px 90px;
}

.product-detail .related-products-wrapper .related-products-header img {
  width: 309px;
  height: 16px;
  margin-top: 10px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items {
  padding-bottom: 4%;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item {
  width: 100%;
  min-width: 100%;
  min-height: 332px;
  box-sizing: border-box;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item h2 {
  text-align: center;
  font: normal normal normal 15px/23px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  padding: 20px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item img {
  width: 212px;
  padding: 0px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:first-child {
  padding-right: 18px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(2),
.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(3) {
  padding: 0px 9px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:last-child {
  padding-left: 18px;
  padding-right: 0px;
}

.products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper {
  width: 25%;
}

@media (max-width: 1871px) {
  .product-detail .related-products-wrapper {
    padding: 150px 12.1% 0px;
  }
}

@media (max-width: 1441px) {
  .product-detail .related-products-wrapper {
    padding: 150px 7.1% 0px;
  }
}

@media (max-width: 768px) {
  .product-detail {
    padding: 0px 12px;
    padding-top: 168px;
  }

  .product-detail.my-profile,
  .product-detail.quote {
    padding-top: 45px;
  }

  .product-detail .product-detail-item .next,
  .product-detail .product-detail-item .prev {
    display: none;
  }

  .product-detail .product-detail-item {
    padding: 0px;
    height: 503px;
  }

  .background-detail-wrapper {
    padding: 109px 17px;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: 100%;
    height: 503px;
    background-size: 100% 100%;
  }

  .product-detail-image {
    height: auto;
    width: 75%;
    top: -150px;
    margin-left: 0px;
    transform: translateX(-50%);
    left: 50%;
  }

  .background-detail-wrapper h1 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper {
    width: 50%;
    min-height: 194px;
    background-size: 100% 100%;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item img {
    width: 116px;
  }

  .background-detail-wrapper .item-desc-table .desc-item {
    width: 100%;
    height: 50px;
    padding: 0px 14px;
  }

  .background-detail-wrapper .item-desc-table .desc-item span {
    font-size: 14px;
    line-height: 16px;
  }

  .background-detail-wrapper .item-desc-table .desc-item button {
    width: 50%;
    font-size: 14px;
  }

  .background-detail-wrapper .item-desc-table .desc-item .counter {
    font-size: 16px;
    line-height: 19px;
  }

  .background-detail-wrapper .item-desc-table .desc-item .minus-click,
  .background-detail-wrapper .item-desc-table .desc-item .plus-click {
    font-size: 26px;
  }

  .product-detail .related-products-wrapper {
    padding: 0px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item {
    min-height: 194px;
  }

  .product-detail .related-products-wrapper .related-products-header h2 {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 0px;
    padding: 11px 7%;
  }

  .product-detail .related-products-wrapper .related-products-header {
    padding: 50px 0px 50px;
    flex-direction: column;
  }

  .product-detail .related-products-wrapper .related-products-header img {
    margin-top: 0px;
    display: block;
    margin: auto;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:first-child,
  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(3) {
    padding: 0px 3.75px 0px 0px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(2),
  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:last-child {
    padding: 0px 0px 0px 3.75px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item h2 {
    font-size: 12px;
    line-height: 18px;
    padding: 17px 14px 22px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items {
    padding-bottom: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .background-detail-wrapper .item-desc-table .desc-item {
    width: 50%;
  }

  .background-detail-wrapper .item-desc-table .desc-item.full {
    width: 50%;
  }

  .background-detail-wrapper .item-desc-table .desc-item:nth-child(5) {
    width: 100%;
  }

  .background-detail-wrapper .item-desc-table .desc-item.full.actions {
    width: 100%;
  }

  .background-detail-wrapper .item-desc-table .desc-item button {
    width: 75%
  }

  .background-detail-wrapper {
    padding: 203px 17px 110px;
  }

  .product-detail-image {
    width: 50%;
  }

  .background-detail-wrapper br {
    display: none;
  }

  .background-detail-wrapper h1 {
    margin-bottom: 0px;
  }

  .background-detail-wrapper .item-desc-table {
    padding: 25px;
  }

  .product-detail .related-products-wrapper .related-products-header {
    flex-direction: row;
    padding-bottom: 20px;
  }

  .product-detail .related-products-wrapper .related-products-header img {
    width: 106px;
  }

  .product-detail .related-products-wrapper .related-products-header h2 {
    padding: 0px;
    margin: 0px 10px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper {
    width: 25%;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(2) {
    padding: 0px 3.75px 0px 0px;
  }

  .products-list-wrapper.recomended-detail-list-wrapper .products-list-items .product-item-wrapper:nth-child(3) {
    padding: 0px;
  }
}

/* /////////// RECIPES /////////// */
.recipes-template .hero-header-section {
  height: 552px;
  padding-top: 168px;
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: padding-box;
}

.recipes-template .hero-header-section-container .recipes-hero-sub-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recipes-template .hero-header-section-container .recipes-hero-sub-header img {
  width: 51px;
  height: 16px;
}

.recipes-template .hero-header-section-container .recipes-hero-sub-header h2 {
  color: #713429;
}

.recipes-template .hero-header-section-container .recipes-hero-sub-header h2 {
  text-align: center;
  font: normal normal normal 46px/65px Chalkduster;
  letter-spacing: 0px;
  color: #EE8923;
  margin: 0px 29px;
}

.recipes-template .hero-header-section-container h1 {
  text-align: center;
  font: normal normal normal 48px/52px Ultra;
  letter-spacing: 0px;
  color: #EE8923;
  margin-bottom: 38px;
}

.recipes-template .hero-header-section-container p {
  text-align: center;
  font: normal normal normal 18px/30px Protipo;
  letter-spacing: -0.27px;
  color: #000000BF;
  width: 617px;
  display: block;
  margin: auto;
}

.recipes-content-holder {
  padding: 0px 11%;
  padding-top: 90px;
  background: #F5EEE5;
  padding-bottom: 100px;
}

.recipes-content-holder .filter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 90px;
}

.recipes-content-holder .filter-wrapper.category {
  padding-bottom: 0px;
}

.recipes-content-holder .filter-wrapper .filter-settings {
  width: 68%;
  margin-right: 25px;
  height: 53px;
  display: flex;
  padding: 16px 18px;
  background: #EFE4D8;
  flex-shrink: 0;
}

.recipes-content-holder .filter-wrapper .filter-settings span,
.recipes-content-holder .filter-wrapper .filter-settings a {
  margin-right: 25.9px;
}

.recipes-content-holder .filter-wrapper .filter-settings span {
  font: normal normal 600 18px/22px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
}

.recipes-content-holder .filter-wrapper .filter-settings a {
  font: normal normal normal 18px/22px Protipo;
  letter-spacing: 0px;
  color: #3B3B3B;
  text-decoration: none;
}

.recipes-content-holder .filter-wrapper .filter-settings a.active,
.recipes-content-holder .filter-wrapper .filter-settings a:hover {
  color: #EE8923;
}

.recipes-content-holder .filter-wrapper .filter-search-bar {
  width: calc(100% - 67% - 25px);
  height: 53px;
  display: flex;
}

.recipes-content-holder .filter-wrapper .filter-search-bar button {
  width: 115px;
  height: 100%;
  background: #714229 0% 0% no-repeat padding-box;
  border: 1px solid #C2BAB1;
  font: normal normal normal 18px/30px Protipo;
  letter-spacing: 0px;
  color: #FFFFFF;
  flex-shrink: 0;
}

.recipes-content-holder .filter-wrapper .filter-search-bar input {
  height: 100%;
  width: 100%;
  background: #F5EEE5 0% 0% no-repeat padding-box;
  border: 1px solid #C2BAB1;
  color: #3B3B3B;
  padding: 15px;
  border-right: 0px;
}

.recipes-content-holder .filter-wrapper .filter-search-bar input:focus,
.recipes-content-holder .filter-wrapper .filter-search-bar input:active,
.recipes-content-holder .filter-wrapper .filter-search-bar input:hover {
  outline: none;
  box-shadow: none;
}

.recipes-content-holder .filter-wrapper .filter-search-bar input::placeholder {
  color: rgba(59, 59, 59, 0.3);
}

.recipe-featured-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.recipe-featured-wrapper img {
  width: 57.5%;
  flex-shrink: 0;
  object-fit: cover;
}

.recipe-featured-wrapper .featured-text-wrapper {
  width: 42.5%;
  background: white;
  padding: 73px 87px 95px;
}

.recipe-featured-wrapper .featured-text-wrapper span {
  text-align: center;
  font: normal normal normal 18px/28px Protipo;
  letter-spacing: 0px;
  color: #714229;
  display: block;
}

.recipe-featured-wrapper .featured-text-wrapper a {
  width: 245px;
  height: 60px;
  background-image: url("../img/orange-button.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  font: normal normal normal 18px/60px Ultra;
  letter-spacing: 0px;
  color: #ffffffe6;
  display: block;
  margin: auto;
}

.recipe-featured-wrapper .featured-text-wrapper .small-hr {
  left: 1364px;
  width: 53px;
  height: 0px;
  border: 2px solid #714229;
  display: block;
  margin: auto;
  margin-bottom: 36.5px;
}

.recipe-featured-wrapper .featured-text-wrapper h1 {
  text-align: center;
  font: normal normal normal 30px/38px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  padding: 0px 20px;
  margin-bottom: 40px;
}

.recipe-featured-wrapper .featured-text-wrapper p {
  text-align: center;
  font: normal normal normal 18px/32px Protipo;
  letter-spacing: -0.27px;
  color: #4C4A47;
  margin-bottom: 38px;
}

.recipes-other-list {
  padding-top: 110px;
}

.recipes-other-list .recepies-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
  padding: 0px;
  justify-content: flex-start;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper {
  width: 33.333%;
  margin-bottom: 70px;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n - 2) {
  padding: 0px 28.5px 0px 0px;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n + 2) {
  padding: 0px 14.5px;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n) {
  padding: 0px 0px 0px 28.5px;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper img {
  width: 100%;
  height: 313px;
  object-fit: cover;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper .recepie-name {
  background-image: url("../img/recipe-list-item.png");
  background-position: bottom;
  display: flex;
  align-items: center;
  padding: 45px 72px;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper .recepie-name a {
  font: normal normal normal 1.1458vw/1.6666vw Ultra;
  letter-spacing: 0px;
  color: #3b3b3b;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
}

.recipes-other-list .recepies-list-wrapper .recepies-item-wrapper .recepie-name a:hover {
  color: #EE8923;
  transition: all 0.25s;
}

@media (max-width: 767px) {

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n - 2),
  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n + 2),
  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n) {
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .recipes-template .hero-header-section {
    height: 466px;
    padding-top: 116px;
    background-position: 50% 50%;
    background-size: auto 120%;
    transition: 2s all;
    background-repeat: no-repeat;
  }

  .recipes-template .hero-header-section-container .recipes-hero-sub-header h2 {
    font-size: 23px;
    line-height: 33px;
    margin-bottom: 10px;
  }

  .recipes-template .hero-header-section-container h1 {
    font-size: 28px;
    line-height: 35px;
    padding: 0px 34px;
    background-position: 50% 50%;
    margin-bottom: 25px;
  }

  .recipes-template .hero-header-section-container p {
    width: 100%;
    line-height: 22px;
    font-size: 16px;
    padding: 0px 30px;
  }

  .recipes-content-holder .filter-wrapper {
    flex-direction: column-reverse;
    padding-bottom: 48px;
  }

  .recipes-content-holder {
    padding: 30px;
  }

  .recipes-content-holder .filter-wrapper .filter-search-bar {
    width: 100%;
  }

  .recipes-content-holder .filter-wrapper .filter-settings {
    width: 100%;
    height: 45px;
    margin-right: 0px;
    padding: 14px;
  }

  .recipes-content-holder .filter-wrapper .filter-settings span {
    font-size: 16px;
    line-height: 20px;
  }

  .recipes-content-holder .filter-wrapper .filter-search-bar input,
  .recipes-content-holder .filter-wrapper .filter-search-bar button {
    height: 45px;
  }

  .recipes-content-holder .filter-wrapper .filter-search-bar button {
    width: 80px;
  }

  .recipe-featured-wrapper img {
    width: 100%;
    height: 200px;
  }

  .recipe-featured-wrapper .featured-text-wrapper {
    width: 100%;
    padding: 25px 10px 44px;
  }

  .recipe-featured-wrapper .featured-text-wrapper span {
    font-size: 15px;
    line-height: 28px;
  }

  .recipe-featured-wrapper .featured-text-wrapper h1 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
  }

  .recipe-featured-wrapper .featured-text-wrapper .small-hr {
    margin-bottom: 17.5px;
  }

  .recipe-featured-wrapper .featured-text-wrapper p {
    font-size: 15px;
    line-height: 22px;
    padding: 0px 10px;
    margin-bottom: 28px;
  }

  .recipe-featured-wrapper .featured-text-wrapper a {
    font-size: 16px;
    height: 55px;
    width: 233px;
    background-size: 100%;
  }

  .recipes-other-list {
    padding-top: 42px;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper {
    width: 100%;
    margin-bottom: 29px;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper img {
    height: 186px;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper .recepie-name {
    padding: 28px 45px 36px;
    background-size: 100%;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper .recepie-name a {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .recipes-other-list .recepies-list-wrapper {
    flex-direction: row;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper {
    width: 33.333%;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n - 2) {
    padding-right: 7.5px;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child(3n + 2) {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }

  .recipes-other-list .recepies-list-wrapper .recepies-item-wrapper:nth-child:nth-child(3n) {
    padding-right: 0px;
    padding-left: 7.5px;
  }
}

/* /////////// RECIPES SINGLE PAGE /////////// */
.recipes-single-template {
  background: #F5EEE5;
  padding: 0px 11%;
  display: flex;
}

.recipes-single-template .recipe-single-featured-wrapper {
  width: 50%;
  background: #EFE4D8;
  flex-shrink: 0;
  max-height: 105vh;
  position: -webkit-sticky;
  /* Required for Safari */
  position: sticky;
  top: 89px;
}

.recipes-single-template .recipe-single-featured-wrapper img {
  width: 100%;
  height: 553px;
  object-fit: cover;
}

.recipes-single-template .recipe-single-featured-wrapper .text-wrapper {
  padding: 62px 72px 72px;
}

.recipe-single-featured-wrapper h1 {
  text-align: center;
  font: normal normal normal 25px/38px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  margin-bottom: 20px;
}

.recipe-single-featured-wrapper p {
  text-align: center;
  font: normal normal normal 18px/34px Protipo;
  letter-spacing: -0.27px;
  color: #4C4A47;
  margin: 0px;
}

.recipes-single-template .recipe-content {
  width: 50%;
  background: #FAF6F2;
  flex-shrink: 0;
  padding: 102px;
}

.recipe-content h2 {
  font: normal normal normal 20px/38px Ultra;
  letter-spacing: 0px;
  color: #3B3B3B;
  margin-bottom: 0px;
}

.recipe-content p,
.recipe-content span {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  font-family: Protipo;
  font-weight: 400;
  letter-spacing: 0px;
  color: #3B3B3B;
  display: block;
}

.recipe-content .author-social-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.recipe-content .author-social-wrapper span {
  line-height: 22px;
}

.recipe-content .prep-servers-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 7px;
  border-bottom: 2px solid #714229;
}

.prep-servers-wrapper .prep-wrapper {
  margin-right: 100px;
}

.recipe-content .ingredients-wrapper {
  padding-top: 50px;
  padding-bottom: 29px;
  border-bottom: 2px solid #714229;
}

.ingredients-wrapper h2 {
  margin-bottom: 20px;
}

.ingredients-wrapper ul {
  padding-left: 21px;
  list-style: square;
}

.ingredients-wrapper ul li {
  text-align: left;
  font-size: 18px;
  line-height: 39.5px;
  font-family: Protipo;
  font-weight: 400;
  letter-spacing: 0px;
  color: #3B3B3B;
}

.recipe-content .instructions-wrapper {
  padding-top: 55px;
}

.instructions-wrapper h2 {
  margin-bottom: 20px;
}

.instructions-wrapper p {
  line-height: 28px;
  margin-bottom: 28px;
}

@media (max-width: 768px) {
  .recipes-single-template {
    flex-direction: column;
    padding: 0px;
  }

  .recipes-single-template .recipe-single-featured-wrapper {
    display: flex;
    position: relative;
    top: 0;
    flex-direction: column;
    width: 100%;
    top: 0;
    max-height: auto;
  }

  .recipes-single-template .recipe-single-featured-wrapper .text-wrapper {
    padding: 54px 28px 33px;
  }

  .recipe-single-featured-wrapper h1 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 17px;
  }

  .recipe-single-featured-wrapper p {
    font-size: 15px;
    line-height: 22px;
  }

  .recipes-single-template .recipe-single-featured-wrapper img {
    height: 256px;
  }

  .recipes-single-template .recipe-content {
    width: 100%;
    padding: 47px 29px 28px;
  }

  .recipes-single-template .recipe-content h2 {
    font-size: 16px;
    line-height: 34px;
  }

  .recipes-single-template .recipe-content span {
    font-size: 16px;
    line-height: 19px;
  }

  .recipes-single-template .recipe-content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0px;
  }

  .recipe-content .author-social-wrapper {
    margin-bottom: 12px
  }

  .recipe-content .prep-servers-wrapper {
    padding-bottom: 23px;
  }

  .prep-servers-wrapper .prep-wrapper {
    margin-right: 0px;
  }

  .recipe-content .ingredients-wrapper {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  .recipes-single-template .recipe-content .ingredients-wrapper h2,
  .recipes-single-template .recipe-content .instructions-wrapper h2 {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .ingredients-wrapper ul li {
    line-height: 33px;
  }

  .recipe-content .instructions-wrapper {
    padding-top: 21px;
  }

  .recipes-single-template .recipe-content .instructions-wrapper h2 {
    margin-bottom: 10px;
  }

  .recipes-single-template .recipe-content .instructions-wrapper p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1179px) {
  .tt-container {
    padding: 0px 10px;
  }

  .custom-navbar .nav-item a.nav-link {
    font-size: 14px;
  }
}

@media (min-width: 1180px) and (max-width: 1550px) {
  .tt-container {
    padding: 0px 10px;
  }

  .products-list-template .hero-header-section,
  .about-template .hero-header-section {
    background-size: auto 140%;
    transition: all 1s;
  }

  .products-list-template .products-list-shop .filter-panel-wrapper {
    width: 20%;
  }

  .home-style-image {
    object-fit: contain;
  }
}

/* Additional CSS - queries */
/* @media (min-width: 1300px) and (max-width: 1599px) {
  .tt-container {
    padding: 0px 10px;
  }
}

 */
@media (min-width: 1023px) and (max-width: 1350px) {
  .banner-content-wrapper {
    width: 100%;
  }

  .banner-section-left-text .banner-content-wrapper .banner-text-wrapper,
  .banner-section-right-text .banner-content-wrapper .banner-text-wrapper {
    width: 100%;
    border: none;
    padding: 0px;
    height: auto;
  }

  .about-info-section {
    height: auto;
    flex-wrap: wrap;
    padding: 65px;
  }

  .about-info-section .info-card {
    margin: 0;
    width: 50%;
  }

  .about-info-section .info-card {
    margin-bottom: 30px;
  }

  .home-recepies-section {
    height: 600px;
    padding-top: 114px;
  }

  .home-recepies-list-section {
    height: auto;
    padding-top: 121px;
    padding-bottom: 121px;
    background: #f5eee5;
  }

  .banner-section-right-text, .banner-section-left-text {
    height: 500px;
    padding: 0px 20%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .recepies-list-wrapper {
    flex-wrap: wrap;
  }

  .home-recepies-list-section .recepies-list-item {
    padding: 2%;
    width: 50%;
    margin: 0;
    max-width: 50%;
  }

  footer#footer {
    height: auto;
    padding-bottom: 50px;
  }

  footer .footer-upper-row {
    flex-wrap: wrap;
  }

  .footer-upper-row .footer-menu {
    width: 100%;
    margin-top: 50px;
  }

  .footer-lower-row {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .footer-lower-row .footer-lower-left {
    width: 100%;
    padding-bottom: 50px;
  }

  .contact-us-section .side-image {
    width: 100%;
    height: 224px;
    object-fit: cover;
  }

  .contact-us-section .form-area {
    margin: auto;
    padding: 65px 0px;
  }

  .contact-us-section {
    display: block;
  }
}

/* /////////// WOOCOMMERCE /////////// */
.woocommerce form.login {
  margin: 0 0 103px;
  max-width: 780px;
  border: none;
  padding-left: 0px;
}

.woocommerce h2 {
  font: normal normal normal 38px/75px Ultra;
  letter-spacing: 0px;
  margin-bottom: 26px;
}

.woocommerce form.login .form-row input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.woocommerce form.login .form-row input {
  height: 55px;
  background: #f3e9db 0% 0% no-repeat padding-box;
  border: 1px solid #8a837b;
  display: block;
  margin: auto;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #000000;
  padding: 16px;
}

.woocommerce form.login .form-row.form-row-wide {
  display: flex;
  flex-direction: column;
}

.woocommerce form.login .show-password-input {
  top: 50%;
  right: 0.7em;
  transform: translateY(-50%);
}

.woocommerce form.login .lost_password a {
  color: #e37c2c;
}

.woocommerce form.login .lost_password a:hover,
.woocommerce form.login .lost_password a:focus,
.woocommerce form.login .lost_password a:active {
  text-decoration: none;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  width: 50%;
  justify-content: start;
  align-items: center;
}

.woocommerce form.login .form-row .woocommerce-form-login__rememberme input {
  margin: 0px;
  margin-right: 15px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  margin-left: auto;
  display: block;
  background: #ee8923 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 0px;
  border-radius: 0;
}

.woocommerce.quote table.shop_table th.product-name {
  text-transform: capitalize;
}

._quoteall_buttons_wrapper button#_email_quote_trigger {
  display: block;
  background: #ee8923 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 10px;
  min-width: 150px;
  border-radius: 0;
}

#clear_quotes .button {
  display: block;
  background: #F9F4EF 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: black;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 10px;
  min-width: 150px;
  border-radius: 0;
}

#TB_window {
  border-radius: 0;
}

#TB_title {
  border: none;
}

#TB_ajaxContent {
  display: flex;
  margin: auto;
  align-items: center;
}

._send_quote_form_wrapper {
  margin-top: 0px;
}

.woocommerce-MyAccount-navigation ul {
  padding: 0 15px 0 0;
  margin: 0;
  list-style: none;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.woocommerce-MyAccount-navigation ul li {
  margin: 0 0 18px;
}

.woocommerce-MyAccount-content p {
  font-size: 14px;
}

#waqt_user_quote_detail .delete_saved_quotes {
  margin-top: 17.5px;
  display: block;
  background: #F9F4EF 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: black;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 10px;
  min-width: 150px;
  border-radius: 0;
}

#waqt_user_quote_detail ._tab_panel_items ._tab_col.title,
#waqt_user_quote_detail ._tab_col_heading {
  text-align: left;
}

#waqt_user_quote_detail ._tab_col_heading.price,
#waqt_user_quote_detail ._tab_col_heading.total_price { display: none; }

.woocommerce-EditAccountForm.edit-account input,
.woocommerce-ResetPassword input {
  height: 55px;
  background: #f3e9db 0% 0% no-repeat padding-box;
  border: 1px solid #8a837b;
  display: block;
  margin: auto;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #000000;
  padding: 16px;
}

.lost_reset_password.woocommerce-ResetPassword button.button,
.woocommerce-MyAccount-content button.button {
  display: block;
  background: #ee8923 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: white;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 10px;
  min-width: 150px;
  border-radius: 0;
}

.woocommerce-EditAccountForm.edit-account fieldset legend {
  padding-top: 45px;
}

.woocommerce-EditAccountForm.edit-account fieldset p {
  display: flex;
  flex-direction: column;
}

.woocommerce-EditAccountForm.edit-account fieldset p .show-password-input {
  top: 50%;
  right: 0.7em;
  transform: translateY(-50%);
}

.icons-wrapper a {
  font-size: 14.5px;
  color: #3B3B3B;
  margin-left: 17px;
}

.no-results-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.no-results-wrapper h1 {
  margin: 0 0 35px;
  font-size: 45px;
  line-height: 1.222em;
  text-align: center;
  font-family: Chalkduster;
}

.no-results-wrapper [type=search] {
  margin: 0px;
  margin-right: 15px;
  height: 55px;
  background: #f3e9db 0% 0% no-repeat padding-box;
  border: 1px solid #8a837b;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.27px;
  color: #000000;
  padding: 16px;
}

.no-results-wrapper [type=submit] {
  background: #ee8923 0% 0% no-repeat padding-box;
  opacity: 1;
  border: none;
  outline: none;
  text-align: center;
  font: normal normal 600 18px/21px Protipo;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  margin-right: 0px;
  border-radius: 0;
  height: 55px;
  padding: 0px 15px;
}

@media (min-width: 1023px) {
  .product-detail-image {
    -webkit-animation: 1s ease 0s normal forwards 1 slideProductImage;
    animation: 1s ease 0s normal forwards 1 slideProductImage;
    left: 10%;
  }
}

@keyframes slideProductImage {
  0% {
    left: 10%;
  }

  100% {
    left: 15%;
  }
}

#ss-search-page-form input:focus,
#ss-search-page-form input:active {
  outline: none;
  box-shadow: none;
}

.my-profile a {
  color: #e37c2c;
}

.my-profile li a {
  color: #3B3B3B;
}

.my-profile a:hover {
  color: #e37c2c;
}

#waqt_user_quote_detail ._table_content_wrapper {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 0px;
}

#waqt_user_quote_detail ._table_content_wrapper:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}


.dropdown-content1 label {
  position: relative;
}

.dropdown-content1 i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateX(-50%);
  line-height: 0px;
}

#waqt_user_quote_detail ._table_div_wrapper ._table_heading_wrapper {
  display: none;
}

@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation ul li {
    text-align: center;
  }

  #ss-search-page-form {
    top: 48px;
    right: -15px;
    left: auto;
    z-index: -1;
    padding-top: 30px;
  }

  .woocommerce form.login {
    margin-bottom: 35px;
  }

  .contact-us-section .form-area .contact-information .information-item:last-child p {
    display: inline-block;
  }

  .contact-us-section .form-area .contact-information .information-item:last-child p:last-child {
    margin-left: 40px;
  }

  .contact-us-section .form-area .input-wrapper input:focus ~ label,
  .contact-us-section .form-area .input-wrapper input:valid ~ label {
    font: normal normal normal 10px/12px Protipo;
    letter-spacing: 0px;
    top: 6px;
  }
}

#waqt_user_quote_detail ._table_content_wrapper:first-child {
  display: none;
}

#waqt_user_quote_detail ._tab_menu_option {
  position: absolute;
  right: 3%;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  width: auto;
}

#waqt_user_quote_detail ._tab_menu_option ._first_line,
#waqt_user_quote_detail ._tab_menu_option ._second_line,
#waqt_user_quote_detail ._tab_menu_option ._third_line {
  display: none;
}

#waqt_user_quote_detail ._tab_menu_option:after {
  content: 'See Quote'
}

.subscribe-form i {
  position: absolute;
  top: 31%;
  right: 5%;
  color: white;
  font-size: 17px;
}

.home-recepies-list-section .subscribe-form i {
  color: #3B3B3B;
  position: absolute;
  font-size: 18px;
  z-index: 1;
  top: 50%;
  right: 24px;
  transform: translateX(-50%);
  line-height: 0px;
}