/* General */
html {
   margin-top: 0 !important;
}

body {
   font-family: Arima Madurai, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Asap Condensed", sans-serif;
}

img {
   max-width: 100%;
   height: auto;
}
/* General End */

/* Helper Classes */
.d-flex {
   display: flex !important;
}

.align-items-center {
   align-items: center !important;
}

.justify-content-center {
   justify-content: center !important;
}

.m-20 {
   margin: 20px !important;
}

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

.mb-20 {
   margin-bottom: 20px !important;
}

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

.mr-20 {
   margin-right: 20px !important;
}

.text-main {
   font-size: 18px;
   font-weight: 700;
   color: #1e5064;
}

.heading-main {
   font-weight: 700;
   font-size: 64px;
   color: #1e5064;
}

@media (min-width: 768px) and (max-width: 991px) {
   .heading-main {
      font-size: 54px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .heading-main {
      font-size: 44px;
   }
}

.heading-small {
   font-weight: 700;
   font-size: 40px;
   color: #1e5064;
}

@media (min-width: 768px) and (max-width: 991px) {
   .heading-small {
      font-size: 35px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .heading-small {
      font-size: 30px;
   }
}

.section-main {
   padding-top: 80px;
   padding-bottom: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
   .section-main {
      padding-top: 60px;
      padding-bottom: 60px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .section-main {
      padding-top: 40px;
      padding-bottom: 40px;
   }
}
/* Helper Classes End */

/* Header */
.navbar .navbar-header .logo-main {
   width: 176px;
   height: 100%;
   display: flex;
   justify-content: space-between;
}

@-moz-keyframes spin {
   100% {
      -moz-transform: rotate(360deg);
   }
}
@-webkit-keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
   }
}
@keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@media (min-width: 320px) and (max-width: 1000px) {
   #logo-animation-wrapper {
      margin-right: 10px;
   }
}

/* .navbar .navbar-header .logo-main img:first-child:hover {
   -webkit-animation: spin 0.7s linear infinite;
   -moz-animation: spin 0.7s linear infinite;
   animation: spin 0.7s linear infinite;
} */

.woocommerce #on-scroll-nav {
   display: none !important;
}

.woocommerce .navbar {
   background-color: #ffffff;
   position: fixed;
}

.woocommerce .navbar-nav {
   width: 61%;
}

.woocommerce .social-header .social-span:hover img:first-child {
   opacity: 1;
   visibility: visible;
}

.woocommerce .social-header .social-span:hover img:last-child {
   opacity: 0;
   visibility: hidden;
}

.woocommerce .navbar .navbar-nav > li > a {
   color: #272727 !important;
}

.woocommerce .navbar .navbar-nav > li > a:hover,
.woocommerce-shop .navbar li.dropdown:hover > a {
   color: #faa258 !important;
}

.woocommerce-store-notice {
   display: none !important;
}
/* Header End */

/* Footer */
footer.footer {
   display: block !important;
}

footer.footer .footer-col-4 p {
   font-size: 12px;
   color: #ffffff;
   float: none;
   font-weight: 400;
}

footer.footer .footer-col-4 p:last-child {
   margin-bottom: 0;
}

footer.footer .footer-col-4 p a {
   color: #ffffff;
   transition: all 0.3s;
}

footer.footer .footer-col-4 p a:hover,
footer.footer .footer-col-4 p a:active {
   color: #faa258;
   text-decoration: none;
}

@media (min-width: 320px) and (max-width: 991px) {
   footer.footer {
      background-image: none;
      display: block;
   }

   footer.footer .footer-row {
      display: flex;
      flex-direction: column;
   }

   footer.footer .footer-col-1 {
      order: 3;
      display: flex;
   }

   footer.footer .footer-col-2 {
      order: 2;
   }

   footer.footer .footer-col-3 {
      order: 1;
   }

   footer.footer .footer-col-4 {
      order: 4;
      margin-top: 40px;
   }

   footer.footer .footer-sitemap {
      padding-top: 20px;
      overflow: hidden;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      padding-bottom: 20px;
      margin-top: 65px;
      margin-bottom: 20px;
   }
}
/* Footer End */

/* Home */
.home .revo-products {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 576px) and (max-width: 991px) {
   .home .revo-products {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (min-width: 320px) and (max-width: 575px) {
   .home .revo-products {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
   }
}

.home .revo-products .product {
   background: no-repeat center center / cover;
   text-align: center;
   color: #ffffff;
   padding: 70px 0;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   position: relative;
}

.home .revo-products .product img:first-child {
   display: none;
}

@media (min-width: 320px) and (max-width: 991px) {
	.home .revo-products .product img:first-child {
   		display: block;
	}
	
	.home .revo-products .product img:nth-child(2) {
   		display: none;
	}
}

.home .revo-products .product:nth-child(1) img {
   max-width: 90%;
}

.home .revo-products .product:nth-child(2) img {
   max-width: 75%;
}

.home .revo-products .product .tag {
   display: none;
}

.home .revo-products .product:nth-child(4) .tag {
   display: block;
}

.home .revo-products .title {
   font-weight: 700;
   font-size: 48px;
   max-width: 315px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
   .home .revo-products .title {
      font-size: 43px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .home .revo-products .title {
      font-size: 38px;
   }
}

.home .revo-products .content-wrapper {
   visibility: hidden;
   opacity: 0;
   height: 0;
   transition: all 0.3s;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.home .revo-products .product:hover .content-wrapper {
   visibility: visible;
   opacity: 1;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 2;
   cursor: pointer;
}

.home .revo-products .description {
   max-width: 300px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 40px;
}

.home .revo-products .button-wrapper a {
   border-radius: 25px;
   background: #9bd6d7;
   font-weight: 700;
   color: #1e5064;
   transition: all 0.3s;
   padding: 12px 31px 8px 31px;
   font-size: 16px;
}

.home .revo-products .button-wrapper a:hover {
   background: #f0555e;
   color: #ffffff;
   text-decoration: none;
}

@media (min-width: 320px) and (max-width: 767px) {
   .home .tasty {
      background-image: url("../img/tasty-responsive-bg.jpg");
   }
}
/* Home */

/* Sustainability */
.sustainability {
   background-color: #1b5363;
   position: relative;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   overflow: hidden;
}

.fish {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 45%;
   z-index: 1;
}

.waves {
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}

.sustainability .wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-top: 80px;
   padding-bottom: 80px;
}

@media (min-width: 992px) {
   .sustainability .wrapper {
      height: 1000px;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .sustainability .wrapper {
      padding-top: 60px;
      padding-bottom: 60px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .sustainability .wrapper {
      padding-top: 40px;
      padding-bottom: 40px;
   }
}

@media (min-width: 1200px) {
   .sustainability #sustainability-animation {
      position: absolute;
      bottom: 11%;
      right: 0;
      width: 65%;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .sustainability #sustainability-animation {
      position: absolute;
      top: 0;
      bottom: -12%;
      right: -9%;
      width: 65%;
   }
}

.sustainability .title {
   color: #ffffff;
   position: relative;
   font-weight: 400;
   margin-top: 0;
   z-index: 1;
}

@media (min-width: 320px) and (max-width: 991px) {
   .sustainability .title {
      margin-bottom: 60px;
   }
}

.sustainability .title img {
   position: absolute;
   bottom: 3px;
   left: 50%;
   transform: translateX(-47%);
   z-index: -1;
}

.sustainability .boxes {
   z-index: 1;
}

@media (min-width: 992px) {
   .sustainability .boxes {
      margin-left: 70px;
   }
}

@media (min-width: 320px) and (max-width: 991px) {
   .sustainability .boxes {
      margin-left: auto;
      margin-right: auto;
   }
}

.sustainability .box-1,
.sustainability .box-2 {
   margin-bottom: 60px;
}

.sustainability .image-wrapper {
   margin-right: 30px;
}

.sustainability .image-wrapper img {
   height: 108px;
   width: auto;
}

.sustainability .box-3 .image-wrapper img {
   width: 108px;
}

.sustainability .box .subtitle {
   font-weight: 700;
   font-size: 48px;
   color: #9bd6d7;
   margin-top: 0;
   margin-bottom: -5px;
}

@media (min-width: 768px) and (max-width: 991px) {
   .sustainability .box .subtitle {
      font-size: 40px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .sustainability .box .subtitle {
      font-size: 32px;
   }
}

.sustainability .box .description {
   font-family: "Asap Condensed", sans-serif;
   font-weight: 700;
   font-size: 20px;
   color: #fafdff;
   margin-bottom: 0;
   max-width: 300px;
}

.sustainability .link-wrapper {
   text-align: center;
   z-index: 1;
}

@media (min-width: 320px) and (max-width: 991px) {
   .sustainability .link-wrapper {
      margin-top: 60px;
   }
}

.sustainability .link-wrapper a {
   font-size: 24px;
   font-weight: 700;
   color: #ffffff;
   text-decoration: underline;
   transition: all 0.3s;
}

.sustainability .link-wrapper a:hover {
   color: #f9a259;
}

.sustainability .note {
   z-index: 2;
   font-family: "Asap Condensed", sans-serif;
   font-weight: 700;
   font-size: 16px;
   color: #fafdff;
   margin-bottom: 0;
   text-align: center;
}

@media (min-width: 992px) {
   .sustainability .note {
      position: absolute;
      right: 50px;
      bottom: 15px;
   }
}

@media (min-width: 320px) and (max-width: 991px) {
   .sustainability .note {
      margin-top: 0;
      margin-bottom: 20px;
      position: relative;
   }
}
/* Sustainability End */

/* Online Store */
.online-stores .store-list {
   overflow: visible;
}

.online-stores .store-country {
   border-bottom: none;
   padding-bottom: 0;
   overflow: visible;
}

.online-stores .store-country:not(:first-child) {
   border-top: none;
}

.online-stores .stores {
   display: flex;
   flex-wrap: wrap;
   margin-left: auto;
   float: none;
   margin-top: 10px;
}

@media (min-width: 768px) {
   .online-stores .stores {
      margin-left: -20px;
   }
}

.online-stores .country-title {
   float: none;
   padding-left: 0;
   display: flex;
   margin-bottom: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
   .online-stores .country-title {
      margin-left: 20px;
   }
}

.online-stores .country-title img {
   height: 32px;
   width: auto;
   margin: 0;
   border-radius: 10px;
}

.online-stores .country-title h3 {
   padding-top: 0;
   margin-left: 15px;
}

.online-stores .country-title h3::before {
   content: none;
}

.online-stores .stores .store-wrapper {
   width: 160px;
   height: 160px;
   padding: 15px;
   border: 1px solid #f4f4f4;
   margin: 20px;
   transition: all 0.3s;
}

@media (min-width: 320px) and (max-width: 400px) {
   .online-stores .stores .store-wrapper {
      width: 120px;
      height: 120px;
   }
}

.online-stores .stores .store-wrapper:hover {
   box-shadow: 0 2px 50px 0 rgb(0 0 0 / 10%);
}

.online-stores .stores .store-wrapper a {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.online-stores .stores .store-wrapper img {
   width: auto;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 0;
}
/* Online Store End */

/* Press */
.page-id-22 .press-download .col {
   max-width: 555px;
   margin-left: auto;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   float: none;
}

.page-id-22 .press-form {
   text-align: center;
}

.page-id-22 .press-form #nf-form-3-cont {
   margin-top: 40px;
}

.page-id-22 .press-form #nf-field-15-container .nf-field-element {
   border-radius: 32px;
   background-color: #f0555e;
   width: 210px;
   height: 55px;
   overflow: hidden;
   cursor: pointer;
   position: relative;
   transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s,
      border-color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s,
      transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
   margin-top: 25px;
}

@keyframes wave {
   0% {
      -webkit-transform: translateX(-50%) rotate(0);
      transform: translateX(-50%) rotate(0);
   }
   to {
      -webkit-transform: translateX(-50%) rotate(1turn);
      transform: translateX(-50%) rotate(1turn);
   }
}

.page-id-22 .press-form #nf-field-15-wrap {
   justify-content: center;
}

.page-id-22 .press-form #nf-field-15-container .nf-field-element::before {
   position: absolute;
   z-index: 0;
   bottom: -230px;
   left: 50%;
   width: 250px;
   height: 200px;
   -webkit-animation: wave 10s linear infinite;
   animation: wave 10s linear infinite;
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
   background-color: #70c6c8;
   border-radius: 40%;
   content: "";
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.page-id-22 .press-form #nf-field-15-container .nf-field-element:hover {
   background-color: #9bd6d7;
}

.page-id-22 .press-form #nf-field-15-container .nf-field-element:hover::before {
   bottom: -180px;
   -webkit-animation-play-state: running;
   animation-play-state: running;
}

.page-id-22 .press-form #nf-field-15-container .nf-field-element input {
   background: transparent !important;
   background-color: transparent !important;
   width: 100% !important;
   margin-bottom: 0 !important;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none;
   color: #ffffff !important;
   border: none !important;
}

.page-id-22 .press-form .nf-form-fields-required {
   display: none;
}
/* Press End */

/* Resellers */
.page-template-reseller .reseller-info {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}

@media (min-width: 1200px) {
   .page-template-reseller .reseller-info {
      position: relative;
   }

   .page-template-reseller .reseller-info .container,
   .page-template-reseller .reseller-info .col-img {
      position: static;
   }
}

.page-template-reseller .reseller-info .title {
   margin-top: 0;
   margin-bottom: 20px;
}

.page-template-reseller .reseller-info .description {
   margin-bottom: 30px;
   max-width: 480px;
}

.page-template-reseller .reseller-info .button:first-of-type {
   margin-bottom: 20px;
}

.page-template-reseller .reseller-info .button {
   display: flex;
   align-items: center;
   width: max-content;
   background: #ffffff;
   border-radius: 32px;
   color: #1e5064;
   font-weight: 700;
   font-size: 20px;
   font-family: "Asap Condensed", sans-serif;
   transition: all 0.3s;
   overflow: hidden;
   position: relative;
   padding: 19px 32px;
}

@media (min-width: 320px) and (max-width: 399px) {
   .page-template-reseller .reseller-info .button {
      width: auto;
   }
}

.page-template-reseller .reseller-info .button:hover,
.page-template-reseller {
   color: #ffffff;
   text-decoration: none;
   background-color: #f9a259;
}

@keyframes wave {
   0% {
      -webkit-transform: translateX(-50%) rotate(0);
      transform: translateX(-50%) rotate(0);
   }
   to {
      -webkit-transform: translateX(-50%) rotate(1turn);
      transform: translateX(-50%) rotate(1turn);
   }
}

.page-template-reseller .reseller-info .button::before {
   position: absolute;
   z-index: 0;
   bottom: -230px;
   left: 50%;
   width: 250px;
   height: 200px;
   -webkit-animation: wave 10s linear infinite;
   animation: wave 10s linear infinite;
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
   background-color: #de975c;
   border-radius: 40%;
   content: "";
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.page-template-reseller .reseller-info .button:hover::before {
   bottom: -180px;
   -webkit-animation-play-state: running;
   animation-play-state: running;
}

.page-template-reseller .reseller-info .button svg,
.page-template-reseller .reseller-info .button span {
   position: relative;
}

.page-template-reseller .reseller-info .button svg {
   margin-right: 20px;
}

.page-template-reseller .reseller-info .button:hover svg path {
   fill: #ffffff;
}

.page-template-reseller .reseller-info .image-wrapper,
.page-template-reseller .reseller-info .image-wrapper-2 {
   margin-top: 40px;
   filter: drop-shadow(0px 2px 50px rgba(0, 0, 0, 0.25));
}

@media (min-width: 320px) and (max-width: 1199px) {
   .page-template-reseller .reseller-info .image-wrapper {
      display: none;
   }
}

@media (min-width: 1200px) {
   .page-template-reseller .reseller-info .image-wrapper {
      position: absolute;
      right: 0;
      width: 642px;
      top: -18%;
      margin-top: 0;
   }

   .page-template-reseller .reseller-info .image-wrapper-2 {
      display: none;
   }
}

@media (min-width: 320px) and (max-width: 1000px) {
   .page-template-reseller .reseller-blocks .pos-relative:first-of-type p {
      margin-bottom: 40px;
   }

   .page-template-reseller .reseller-blocks .pos-relative:first-of-type a {
      margin-top: 0;
      margin-bottom: 70px;
   }

   .page-template-reseller .our-goals {
      padding-bottom: 75px;
   }

   .page-template-reseller .our-goals .pos-relative:nth-of-type(2) h1 {
      margin-top: 80px;
   }

   .page-template-reseller .get-in-touch {
      padding-bottom: 0;
   }

   .page-template-reseller .get-in-touch p {
      margin-bottom: 30px;
   }

   .page-template-reseller .get-in-touch h1 {
      margin-top: 50px;
   }
}

@media (min-width: 601px) and (max-width: 1000px) {
   .page-template-reseller .nf-cell {
      padding: 0 5px !important;
   }
}

/* Distributors Block */
.section-distributors {
   background-color: #ffffff;
}

.section-distributors .description {
   max-width: 640px;
   margin-left: auto;
   margin-right: auto;
}

.section-distributors .content p {
   font-weight: 900;
}

.section-distributors .content a {
   display: flex;
   align-items: center;
   font-size: 18px;
   color: #1e5064;
   margin-bottom: 10px;
}

.section-distributors .content a svg {
   margin-right: 10px;
}

#distributors-1 h3,
#distributors-1 .name,
#distributors-2 h3,
#distributors-2 .name {
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: flex-start;
}

#distributors-1 h3::before,
#distributors-2 h3::before {
   content: none;
}

#distributors-1 img,
#distributors-2 img {
   margin-right: 15px;
   max-width: 50px;
}
/* Distributors Block End */

/* Resellers End */

/* Single Product */
.page-template-product .product-tabs-image {
   position: absolute;
   bottom: 20px;
   right: 30px;
   border-radius: 20px;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.page-template-product .our-mission ul {
   padding-left: 0;
}

.page-template-product .our-mission h1 {
   margin-top: 0;
}

.page-template-product .our-mission li {
   max-width: 460px;
   font-weight: 500;
   display: flex;
   align-items: flex-start;
   margin-bottom: 10px;
   font-size: 18px;
}

.page-template-product .our-mission li img {
   margin-right: 10px;
   flex-shrink: 0;
   transform: translateY(5px);
}

@media (min-width: 1001px) {
   .page-template-product .our-mission .row {
      display: flex;
      align-items: center;
   }
}

.page-template-product .nutritional-tab img {
   max-width: 350px;
   padding-left: 10px;
   padding-right: 10px;
   width: 100%;
}

.page-id-10 .product-main-details .vise-button.button-recipes a {
   display: block;
}

@media (min-width: 1001px) {
   .page-id-10 .product-main-details .vise-button {
      width: 190px;
   }

   .page-id-10 .product-main-details .vise-button.button-recipes {
      width: 290px;
   }
}

@media (min-width: 1200px) {
   .page-id-10 .product-main-details .vise-button.button-recipes {
      margin-left: 20px;
   }
}

@media (min-width: 1001px) and (max-width: 1299px) {
   .page-id-10 .product-main-details .vise-button.button-recipes {
      margin-top: 20px;
   }
}
/* Single Product End */

/* Products Page */
.page-id-3300 .title {
   font-weight: 700;
   font-size: 100px;
   color: #9bd6d7;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.page-id-3300 .title svg {
   transform: translateY(20px);
   margin-left: 10px;
   margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
   .page-id-3300 .title {
      font-size: 80px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .page-id-3300 .title {
      font-size: 60px;
   }
}

.page-id-3300 .title span {
   color: #1e5064;
}

.page-id-3300 .description {
   max-width: 614px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-bottom: 40px;
}

.page-id-3300 .product {
   margin-bottom: 50px;
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
}

.page-id-3300 .product img {
   transition: all 0.3s;
}

.page-id-3300 .product .title-wrapper {
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
}

.page-id-3300 .product .title-wrapper h4 {
   margin: 0;
   margin-right: 20px;
   transition: all 0.3s;
}

.page-id-3300 .product .icon-wrapper {
   height: 40px;
   width: 40px;
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s;
}

.page-id-3300 .product a {
   text-decoration: none !important;
}

.page-id-3300 .product:hover img {
   transform: scale(1.06);
}

.page-id-3300 .product:hover .title-wrapper h4 {
   color: #f0555e;
}

.page-id-3300 .product:hover .icon-wrapper {
   background: #f9a259;
}

.page-id-3300 .product:hover .icon-wrapper svg path {
   fill: #1e5064;
}
/* Products Page End*/

/* Back To Top */
#back-to-top {
   position: fixed;
   bottom: 30px;
   right: 30px;
   transition: all 0.5s;
   opacity: 0;
   visibility: hidden;
   z-index: 99999999;
   cursor: pointer;
   border-radius: 50%;
   background: #272727;
   padding: 2px;
   border: 1px solid #272727;
}

#back-to-top.show {
   opacity: 1;
   visibility: visible;
}

#back-to-top .image-wrapper {
   width: 57px;
   height: 57px;
   border: 1px solid #1e5064;
   display: flex !important;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
}

#back-to-top:hover {
   background: #f9a259;
   border: 1px solid #ffffff;
}

#back-to-top:hover .image-wrapper {
   border: 1px solid #f9a259;
}

#back-to-top:hover .image-wrapper img {
   filter: brightness(0) invert(1);
}
/* Back To Top End */

/* Blog */
@media (min-width: 768px) {
   .page-id-323 .page-header-template {
      height: 420px;
   }
}

#blog_listing {
   display: flex;
   flex-wrap: wrap;
}
/* Blog End */

/* Newsletter Form */
.mce_inline_error:not(.required) {
   position: absolute;
   bottom: -37px;
   left: 29px;
   position: absolute;
   bottom: -37px;
   left: 29px;
   font-weight: 700;
   font-size: 16px;
   color: #000000;
}

#mce-success-response {
   position: absolute;
   bottom: -66px;
   left: 0px;
   font-weight: 700;
   font-size: 14px;
   color: #ffffff;
}
/* Newsletter Form End */

/* Single Product */
.single-product.woocommerce .fashon-subscribe {
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
}

.single-product.woocommerce div.product {
   position: static;
}

.single-product.woocommerce #primary {
   margin-top: 117px;
   border-top: 1px solid #e4f4f8;
   padding-top: 50px;
   overflow-x: hidden;
}

.single-product.woocommerce #primary .wcgs-carousel {
   box-shadow: 0 0 11px rgb(0 0 0 / 10%);
   border-radius: 20px;
   margin-bottom: 20px;
}

.single-product.woocommerce #primary .slick-track img {
   padding: 60px;
}

.single-product.woocommerce #primary .gallery-navigation-carousel,
.single-product.woocommerce #primary .slick-list {
   overflow: visible;
}

.single-product.woocommerce #primary .wcgs-thumb img {
   padding: 20px;
   border: none;
   box-shadow: 0 0 11px rgb(0 0 0 / 10%);
   border-radius: 4.28571px;
}

.single-product.woocommerce #primary .product_title {
   font-weight: 700;
   font-size: 48px;
   color: #1e5064;
}

@media (min-width: 768px) and (max-width: 991px) {
   .single-product.woocommerce #primary .product_title {
      font-size: 44px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .single-product.woocommerce #primary .product_title {
      font-size: 40px;
   }
}

.single-product.woocommerce #primary .price {
   font-weight: 700;
   font-size: 24px;
   color: #1e5064;
   border-bottom: 1px solid #e4f4f8;
   padding-bottom: 30px;
   margin-bottom: 25px;
}

.single-product.woocommerce #primary .label {
   font-weight: 700;
   font-size: 18px;
   color: #aabcc3;
   text-align: left;
}

.single-product.woocommerce #primary .variable-item:not(.radio-variable-item) {
   margin-left: 1px;
   border: 2px solid #e4f4f8;
   border-radius: 8px;
   transition: all 0.3s;
   box-shadow: none;
}

.single-product.woocommerce
   #primary
   .variable-item:not(.radio-variable-item)
   span {
   color: #1e5064;
   font-size: 18px;
   font-weight: 700;
}

.single-product.woocommerce
   #primary
   .variable-item:not(.radio-variable-item):hover,
.single-product.woocommerce
   #primary
   .variable-item:not(.radio-variable-item):focus {
   border-color: #f9a259;
}

.single-product.woocommerce #primary .variations tbody tr:first-child .value {
   margin-bottom: 25px;
}

.single-product.woocommerce #primary .variations tbody tr li {
   width: auto;
   height: 40px;
   min-width: 60px;
}

.single-product.woocommerce #primary .woocommerce-variation-add-to-cart {
   display: flex;
   align-items: center;
   border-top: 1px solid #e4f4f8;
   padding-top: 30px;
   margin-top: 25px;
}

.single-product.woocommerce #primary .quantity {
   margin-right: 10px;
   height: auto;
}

.single-product.woocommerce #primary .single_add_to_cart_button {
   background-color: #1e5064;
   border-radius: 32px;
   font-size: 24px;
   padding: 20px 72px;
   font-family: "Asap Condensed", sans-serif !important;
   background-image: url("../img/cart.svg");
   background-repeat: no-repeat;
   background-position: 37px;
   background-size: 24px;
   transition: all 0.3s;
}

.single-product.woocommerce #primary .single_add_to_cart_button:hover {
   background-color: #faa258;
}

.single-product.woocommerce #primary .product_meta {
   display: none;
}

.single-product.woocommerce #primary .tabs {
   position: static;
   padding-left: 0;
   overflow: visible;
   display: grid;
   gap: 5px 15px;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.single-product.woocommerce #primary .tabs li {
   border: 3px solid #e4f4f8;
   background-color: white;
   font-family: "Asap Condensed", sans-serif;
   text-transform: capitalize;
   text-align: center;
   padding: 0;
}

.single-product.woocommerce #primary .tabs li.active {
   border-color: #f9a259;
}

.single-product.woocommerce #primary .tabs li::before,
.single-product.woocommerce #primary .tabs li::after {
   content: none;
}

.single-product.woocommerce #primary .tabs li a {
   color: #1e5064;
   font-weight: 400 !important;
   font-size: 24px;
   width: 100%;
}

.single-product.woocommerce #primary .related.products {
   margin-left: 0px !important;
   margin-right: 0px !important;
   margin-top: 60px;
   margin-bottom: 50px;
}

.single-product.woocommerce #primary .related.products h2 {
   font-weight: 700;
   font-size: 48px;
   color: #1e5064;
   text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
   .single-product.woocommerce #primary .related.products h2 {
      font-size: 44px;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .single-product.woocommerce #primary .related.products h2 {
      font-size: 40px;
   }
}

.single-product.woocommerce #primary .related.products .add_to_cart_button {
   display: none;
}

.single-product.woocommerce
   #primary
   .related.products
   .woocommerce-loop-product__title {
   font-weight: 700;
   font-size: 24px;
   color: #1e5064;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 15px;
   top: auto;
   left: auto !important;
   position: static;
   width: auto !important;
}

.single-product.woocommerce #primary .related.products .price {
   font-weight: 700;
   font-size: 18px;
   color: #aabcc3;
   padding-left: 15px;
   padding-right: 15px;
}

.single-product.woocommerce #primary .related.products .products {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.single-product.woocommerce #primary .related.products .product {
   width: 28%;
   background: #fafdff;
   border-radius: 20px;
   text-align: center;
   margin: 25px;
   transition: all 0.3s;
}

@media (min-width: 992px) and (max-width: 1199px) {
   .single-product.woocommerce #primary .related.products .product {
      width: 44%;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .single-product.woocommerce #primary .related.products .product {
      width: 42%;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
   .single-product.woocommerce #primary .related.products .product {
      width: 100%;
   }
}

.single-product.woocommerce #primary .related.products .product:hover {
   box-shadow: 0 2px 50px 0 rgb(0 0 0 / 10%);
}

.single-product.woocommerce
   #primary
   .related.products
   .size-woocommerce_thumbnail {
   border-bottom: 1px solid #e3f3f5;
   padding: 40px;
}
/* Single Product End */

/* Games Page */
/* asap-condensed-regular - latin */
@font-face {
   font-family: "Asap Condensed";
   font-style: normal;
   font-weight: 400;
   src: local(""),
      url("../fonts/asap-condensed-v15-latin-regular.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
         url("../fonts/asap-condensed-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* asap-condensed-700 - latin */
@font-face {
   font-family: "Asap Condensed";
   font-style: normal;
   font-weight: 700;
   src: local(""),
      url("../fonts/asap-condensed-v15-latin-700.woff2") format("woff2"),
      /* Chrome 26+, Opera 23+, Firefox 39+ */
         url("../fonts/asap-condensed-v15-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.game {
   background: url("../img/bg.jpg");
   background-size: cover;
   background-repeat: repeat;
   background-position: center center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-family: "Asap Condensed", sans-serif;
   padding-top: 30px;
   padding-bottom: 30px;
}

.game h1,
.game h2 {
   font-weight: 700;
   font-size: 74px;
   color: #ffffff;
   text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {
   .game h1,
   .game h2 {
      font-size: 60px;
   }
}

.game h1 {
   margin-top: 0;
   margin-bottom: -10px;
}

.game h2 {
   color: #f9a259;
   margin-bottom: 30px;
}

.game__player-show {
   color: white;
   font-size: 25px;
   text-align: center;
}

.game__player-hide {
   display: none;
}

.game__field {
   margin: 0 auto;
   display: grid;
   grid-template-columns: 33% 33% 33%;
   grid-template-rows: 33% 33% 33%;
   width: 572px;
   margin-top: 40px;
   margin-bottom: 40px;
}

@media (min-width: 320px) and (max-width: 767px) {
   .game__field {
      width: 90%;
   }
}

.game__tile {
   border: 5px solid white;
   min-width: 100px;
   min-height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 50px;
   cursor: pointer;
   height: 170px;
}

@media (min-width: 320px) and (max-width: 767px) {
   .game__tile {
      height: 110px;
   }
}

.game__tile:nth-child(1),
.game__tile:nth-child(4),
.game__tile:nth-child(7) {
   border-left: none;
   border-right: none;
}

.game__tile:nth-child(3),
.game__tile:nth-child(6),
.game__tile:nth-child(9) {
   border-right: none;
   border-left: none;
}

.game__tile:nth-child(1),
.game__tile:nth-child(2),
.game__tile:nth-child(3) {
   border-top: none;
   border-bottom: none;
}

.game__tile:nth-child(7),
.game__tile:nth-child(8),
.game__tile:nth-child(9) {
   border-bottom: none;
   border-top: none;
}

.playerX {
   color: #f9a259;
}

.playerO {
   color: #f9a259;
}

.game__controls {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin-top: 1em;
}

.game__controls button {
   color: white;
   padding: 8px;
   border-radius: 8px;
   border: none;
   font-size: 20px;
   cursor: pointer;
}

#game__reset {
   background-color: #f9a259;
   padding: 10px 60px;
   transition: all 0.3s;
}

#game__reset:hover {
   color: #f9a259;
   background-color: white;
}

.game__field .playerX {
   color: transparent;
   background-image: url("../img/image-Pasta.svg");
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 130px;
}

.game__field .playerO {
   color: transparent;
   background-image: url("../img/image-Salad.svg");
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 130px;
}

@media (min-width: 320px) and (max-width: 499px) {
   .game__field .playerX,
   .game__field .playerO {
      background-size: 60px;
   }
}

.game__legend {
   display: flex;
   justify-content: center;
   margin-top: 48px;
}

@media (min-width: 320px) and (max-width: 499px) {
   .game__legend {
      flex-direction: column;
      align-items: center;
   }
}

.game__legend div {
   display: flex;
   align-items: center;
}

.game__legend div span {
   font-weight: 700;
   font-size: 40px;
   margin-right: 20px;
   color: white;
}

@media (min-width: 320px) and (max-width: 499px) {
   .game__legend div img {
      width: 100px;
   }
}

.game__legend div:first-child {
   margin-right: 60px;
}

@media (min-width: 320px) and (max-width: 499px) {
   .game__legend div:first-child {
      margin-right: 0;
      margin-bottom: 20px;
   }
}
/* Games Page End */