/*
 Theme Name:   Storefront Child Theme
 Theme URI:    http://logics.rs
 Description:  Storefront Child Theme
 Author:       Wetality
 Author URI:   http://logics.rs
 Template:     storefront
 Version:      1.0.0.
 Text Domain:    storefront
*/

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600&display=swap");

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham-Book.eot");
  src:
    url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Book.woff2") format("woff2"),
    url("fonts/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book.ttf") format("truetype"),
    url("fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham-Light";
  src: url("fonts/Gotham-Light.eot");
  src:
    url("fonts/Gotham-Light.otf") format("opentype"),
    url("fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Light.woff2") format("woff2"),
    url("fonts/Gotham-Light.woff") format("woff"),
    url("fonts/Gotham-Light.ttf") format("truetype"),
    url("fonts/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Affectionately-Yours";
  src: url("fonts/Affectionately-Yours.eot");
  src:
    url("fonts/Affectionately-Yours.otf") format("opentype"),
    url("fonts/Affectionately-Yours.woff") format("woff"),
    url("fonts/Affectionately-Yours.ttf") format("truetype"),
    url("fonts/Affectionately-Yours.svg#Affectionately-Yours") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGaramondProRegular";
  src: url("fonts/AdobeGaramondProRegular.eot");
  src:
    url("fonts/AdobeGaramondProRegular.eot?#iefix") format("embedded-opentype"),
    url("fonts/AdobeGaramondProRegular.woff2") format("woff2"),
    url("fonts/AdobeGaramondProRegular.woff") format("woff"),
    url("fonts/AdobeGaramondProRegular.ttf") format("truetype"),
    url("fonts/AdobeGaramondProRegular.svg#AdobeGaramondProRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GothamBold";
  src: url("fonts/Gotham-Bold.eot");
  src:
    url("fonts/Gotham-Bold.otf") format("opentype"),
    url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Bold.woff2") format("woff2"),
    url("fonts/Gotham-Bold.woff") format("woff"),
    url("fonts/Gotham-Bold.ttf") format("truetype"),
    url("fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "GothamMedium";
  src: url("fonts/Gotham-Medium.eot");
  src:
    url("fonts/Gotham-Medium.otf") format("opentype"),
    url("fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Medium.woff2") format("woff2"),
    url("fonts/Gotham-Medium.woff") format("woff"),
    url("fonts/Gotham-Medium.ttf") format("truetype"),
    url("fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

body {
  font-family: "Gotham-Light", Arial, sans-serif !important;
  font-size: 18px;
  line-height: 23px;
}

body #primary {
  float: none;
  width: 100%;
}

.woo-multi-currency.wmc-right.style-1.wmc-bottom.wmc-sidebar {
  display: none;
}

a:focus,
a:hover {
  text-decoration: none !important;
  outline: none;
}

table.acf_input input[type="text"],
.acf-input-wrap input,
.acf-input-wrap input.label:empty {
  display: block !important;
}

/* General style */

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

.w-btn,
button,
input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="range"],
select {
  border: 1px solid #414042;
  background-color: #f9f9f9;
  margin: 0 0 10px;
  outline: none;
}

input[type="text"].error-input,
input[type="password"].error-input,
input[type="email"].error-input,
input[type="url"].error-input,
input[type="tel"].error-input,
input[type="number"].error-input,
input[type="date"].error-input,
input[type="search"].error-input,
input[type="range"].error-input,
select.error-input {
  -webkit-box-shadow:
    2px 2px 0px #e74c3c,
    -2px -2px 0px #e74c3c,
    2px -2px 0px #e74c3c,
    -2px 2px 0px #e74c3c;
  -moz-box-shadow:
    2px 2px 0px #e74c3c,
    -2px -2px 0px #e74c3c,
    2px -2px 0px #e74c3c,
    -2px 2px 0px #e74c3c;
  box-shadow:
    2px 2px 0px #e74c3c,
    -2px -2px 0px #e74c3c,
    2px -2px 0px #e74c3c,
    -2px 2px 0px #e74c3c;
}

input[type="text"].input-error {
  border-color: red;
  -webkit-box-shadow: 0 0 2px rgba(255, 0, 4, 0.42);
  -moz-box-shadow: 0 0 2px rgba(255, 0, 4, 0.42);
  box-shadow: 0 0 2px rgba(255, 0, 4, 0.42);
}

.public-registration-content input,
.public-registration-content select,
.main-section-setting input,
.row-fluid.half-wrap.bankinfo-wrap input,
.request_information.half-wrap.row-fluid input {
  width: 100%;
  line-height: 40px;
  height: 40px;
  padding: 0 12px;
  width: 100%;
  border-radius: 5px;
  box-shadow:
    0 0 0 2px transparent,
    0 1px 0 rgba(0, 0, 0, 0.08) inset;
  transition: all 0.3s;
}

.public-registration-content input[type="checkbox"] {
  line-height: 0;
  height: auto;
  padding: 0px;
  width: 100%;
  border-radius: 0px;
  box-shadow: none;
  transition: none;
  position: relative;
  float: left;
  width: auto;
}

.public-registration-content .btn.calendarbtnspec {
  background-color: #0490dd;
  border: 0px;
}

.public-registration-content .btn.calendarbtnspec:focus,
section:focus {
  outline: none;
}

body input:focus,
body textarea:focus,
body select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: none;
}

.btn.btn-primary {
  background-color: #449d44;
  border: none;
  padding: 10px 17px;
  -webkit-transition: 0.55s ease-in-out;
  -moz-transition: 0.55s ease-in-out;
  -o-transition: 0.55s ease-in-out;
  -ms-transition: 0.55s ease-in-out;
  transition: 0.55s ease-in-out;
  outline: none;
  text-decoration: none !important;
}

.btn.btn-primary:hover {
  background-color: #28662dc9;
  color: #ffffff;
}

.btn.btn-primary:focus {
  outline: none;
}

a.def-link {
  color: #208736;
  border-bottom: 1px dashed #208736;
  -o-transform: 0.25s ease-in-out;
  -ms-transform: 0.25s ease-in-out;
  -moz-transform: 0.25s ease-in-out;
  -webkit-transform: 0.25s ease-in-out;
  transform: 0.25s ease-in-out;
}

a.def-link:hover {
  color: #28662d;
  border-bottom: 1px dashed #28662d;
}

img {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.fa,
.fas {
  font-family: "FontAwesome" !important;
  font-weight: normal !important;
}

p {
  margin: 0 0 0.7em;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

ul li,
ol li {
  margin: 0 0 6px;
}

a {
  color: #0490dd;
}

h1 {
  font-size: 2.1em;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

p+h4 {
  margin-top: 1.2em;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.theme-storefront #main article header.entry-header {
  display: none;
}

.search #main article header.entry-header {
  display: block;
}

/* end General */

/* Remove the breadcrumbs */
nav.woocommerce-breadcrumb {
  display: none;
}

.hide-product-info {
  display: none;
}

body.page-template-template-default-no-sidebar,
body.archive.category {
  margin-top: 100px;
}

/* overwritten upper style, for some pages: promotion material, autoship-details, omega4free, 5+1, memeberfee, customer invitation, company information, registration page, home page */
body.page-template-template-default-no-sidebar.page-id-38011,
body.page-template-template-default-no-sidebar.page-id-10885,
body.page-template-template-default-no-sidebar.page-id-1309,
body.page-template-template-default-no-sidebar.page-id-1248,
body.page-template-template-default-no-sidebar.page-id-42756,
body.page-template-registration-form-for-customer-invitation,
.theme-storefront #main article,
body.home #content {
  margin-top: 35px;
}

/* registration for wwater section */
body.page-template-registration-form-for-customer-invitation-php.page.page-id-55919 {
  margin-top: 55px;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
  font-size: 20px;
  line-height: 25px;
}

/* cookie */
#cookie-law-info-bar span {
  font-size: 14px;
}

.cookie-law-info-bar a.medium {
  margin: 0px 5px;
  border-radius: 3px;
}

div.wpcf7 input[type="file"] {
  width: 100%;
  margin-bottom: 5px;
  background: none;
  font-size: 15px;
}

/*------------------------------------------*/
/*       Navigation
/*------------------------------------------*/

.navbar.navbar-default.navbar-fixed-top.qwetality-nav {
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
  min-height: 70px;
}

.navbar-default.qwetality-nav {
  background-color: #fafafa;
  border: none;
  border-bottom: 1px solid #e9e8e8;
}

.navbar-brand>img {
  display: block;
  margin: 1px 20px;
  width: 170px;
}

.qwetality-nav .navbar-brand {
  padding: 13.5px 15px 12.5px;
}

.qwetality-nav .navbar-nav>li {
  margin-bottom: 0px;
}

.qwetality-nav .navbar-nav>li>a {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #414141;
  font-size: 16px;
}

.qwetality-nav #navbar-main .navbar-nav>li>a:hover,
.qwetality-nav #navbar-main .navbar-nav>li>a:focus,
.qwetality-nav #navbar-main .navbar-nav>li>a:active {
  color: #de3818;
}

.qwetality-nav .mobileNav {
  position: absolute;
  right: 0px;
  top: 0px;
}

.qwetality-nav .mobileNav li.li-lang a img {
  width: 25px;
}

.qwetality-nav .mobileNav ul#qtranslate-chooser {
  display: none;
}

.qwetality-nav .mobileNav li.li-lang:hover #qtranslate-chooser {
  display: block;
}

.qwetality-nav .mobileNav li.li-lang.titleLeng {
  line-height: 90px;
  padding: 0px 10px;
  background-color: #eeeeee;
  margin-left: 15px;
}

.qwetality-nav.is-logged .mobileNav li.li-lang.titleLeng {
  margin-left: -5px;
  background: #fafafa;
}

.qwetality-nav .mobileNav ul#qtranslate-chooser {
  margin: 0px;
  list-style: none;
}

.qwetality-nav .mobileNav .qtranxs_language_chooser li {
  line-height: 5px;
  margin-bottom: 12px;
}

.qwetality-nav .mobileNav .qtranxs_language_chooser li img,
.qwetality-nav .mobileNav img#custom-flag {
  width: 25px;
}

.qwetality-nav .mobileNav li.li-lang.titleLeng img#custom-flag {
  padding-top: 28px;
  padding-bottom: 25px;
}

.qwetality-nav .mobileNav .register-red-btn {
  background: #de3818;
  width: 230px;
  padding-left: 15px;
  padding-right: 10px;
  display: table;
  line-height: 70px;
  color: #fff;
  cursor: pointer;
}

.qwetality-nav .mobileNav .register-red-btn:hover,
.qwetality-nav .mobileNav .register-red-btn:focus,
.show-on-mobile-div.the-red-btn:hover,
.show-on-mobile-div.the-red-btn:focus {
  background: #de3818b8;
}

.qwetality-nav .mobileNav li.register-red-btn a {
  color: #fff;
  font-size: 16px;
  padding-top: 19px !important;
  padding-bottom: 15px !important;
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  line-height: 18px;
}

/*
.qwetality-nav.not-logged .mobileNav li.register-red-btn.pc-menu a{
  padding-bottom: 23px !important;
}*/

.qwetality-nav .mobileNav li.register-red-btn a span {
  display: block;
  font-size: 16px;
}

.qwetality-nav .mobileNav .pc-menu .w-cart a i,
.ush_cart_1 .w-cart-link {
  line-height: 90px;
}

.w-cart-dropdown {
  display: none;
  right: 0px;
}

.w-cart-quantity {
  margin-left: 3px;
  font-size: 17px;
  color: #000;
}

.qwetality-nav .mobile-toogle {
  display: none;
}

li .fa.fa-envelope-o {
  line-height: 70px;
  padding-left: 15px;
  padding-right: 0px;
}

.fep_unread_message_count {
  background: #e94d0f;
  width: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  top: 26px;
  right: -8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.the-login-btn {
  background-color: #c3c3c3;
  padding-left: 7px;
  padding-right: 7px;
}

.the-login-btn a {
  color: #000 !important;
  cursor: pointer;
}

.the-login-btn:hover,
.the-login-btn:focus,
.show-on-mobile-div:hover,
.show-on-mobile-div:focus {
  background-color: #c3c3c39c;
}

.the-login-btn:hover a,
.the-login-btn:focus a {
  color: #777;
}

.show-on-mobile {
  display: none;
}

span.fep_unread_message_count_hide_if_zero,
.fep-font-red.fep_unread_message_count.fep_unread_message_count_hide_if_zero.fep-hide,
#fep-menu-message_box .fep-font-red.fep_unread_message_count.fep_unread_message_count_hide_if_zero {
  display: none !important;
}

span.fep-font-red.fep_unread_message_count.fep_unread_message_count_hide_if_zero {
  display: block !important;
}

/* new btn for logged in user, with first, last letter and image avatar */
.currentuser-btn {
  width: 50px;
  padding: 0px;
  cursor: pointer;
  margin-left: -3px;
}

.currentuser-btn .circle-initials {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 4px solid #ffe088;
  line-height: 66px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  z-index: 9999;
  position: relative;
  background-color: white;
  color: #e55025;
  left: 16px;
  overflow: hidden;
  text-transform: uppercase;
}

.circle-initials img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.circle-initials a {
  display: block;
  cursor: pointer;
  height: 100%;
  width: 100%;
  color: #eb5b20;
  text-transform: uppercase;
}

.circle-initials a:hover,
.circle-initials a:focus,
.circle-initials a:active {
  color: #000;
}

.qwetality-nav.is-logged .loyalty-btn {
  width: 185px;
}

.wlp-add-button {
  background-color: #ffe088;
  color: #e55025;
}

.qwetality-nav.is-logged .mobileNav li.li-lang.titleLeng:hover {
  box-shadow: 0px 7px 9px -9px rgb(57 57 57 / 78%);
  -webkit-box-shadow: 0px 7px 9px -9px rgb(57 57 57 / 78%);
  -moz-box-shadow: 0px 7px 9px -9px rgb(57 57 57 / 78%);
}

#month-progress-bar {
  background: #fff;
  float: right;
  height: 12px;
}

/*
********** Mega menu
*/

.qwetality-nav .navbar-nav>li.megamenu {
  position: static;
  padding-right: 10px;
}

.qwetality-nav .navbar-nav>li.megamenu>a {
  padding-right: 7px;
  padding-left: 7px;
}

.qwetality-nav .navbar-nav>li.megamenu:hover .dropdown-menu {
  display: block;
}

.qwetality-nav .navbar-nav>li.megamenu .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0;
  border: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #f3f3f3;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-shadow: 0px 5px 7px -5px rgba(201, 201, 201, 1);
  -moz-box-shadow: 0px 5px 7px -5px rgba(201, 201, 201, 1);
  box-shadow: 0px 5px 7px -5px rgba(201, 201, 201, 1);
}

.dropdown-menu>li {
  display: table-cell;
}

.p-border {
  border-bottom: 1px solid #9c9898;
  padding-bottom: 5px;
}

.p-select {
  color: rgba(68, 68, 68, 0.37);
  font-size: 15px;
}

.p-title {
  color: rgba(68, 68, 68, 0.93);
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 30px;
}

.dropdown-menu ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 10px;
}

.shop-megamenu .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shop-megamenu ul {
  margin-left: 0px;
}

.shop-megamenu .text-left ul li {
  margin-top: 20px;
  margin-bottom: 0px;
  line-height: 20px;
}

.dropdown-menu ul li {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
}

.dropdown-menu ul li a,
li.dropdown.open ul.dropdown-menu a,
.megamenu .dropdown-menu a {
  color: #2b2b2b;
}

.dropdown-menu ul li a:hover,
.dropdown-menu ul li a:active,
.dropdown-menu ul li a:focus,
.megamenu .dropdown-menu a:hover,
.megamenu .dropdown-menu a:active,
.megamenu .dropdown-menu a:focus,
.no-touch footer ul li a:hover,
.no-touch footer ul li a:focus,
.no-touch footer ul li a:active {
  color: #de3818;
}

.qvg-shop-products ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}

.qvg-shop-products ul li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin-bottom: 0px;
}

.qvg-shop-products li a {
  display: table;
  height: 100%;
  width: 100%;
}

.qvg-shop-products li a:hover div img,
.qvg-shop-products li a:focus div img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.qvg-shop-products li a div {
  display: table-cell;
  vertical-align: bottom;
}

.qvg-shop-products li a div img {
  max-width: 100%;
  margin: 0 auto;
}

.qvg-shop-products li a div p {
  margin-top: 13px;
  line-height: 18px;
  font-family: "Gotham-Light", Arial, sans-serif !important;
}

.megamenu .caret {
  margin-left: 7px;
}

#navbar-main ul li:hover .dropdown-menu {
  display: block;
}

a.for-dropdown {
  float: left;
}

span.downArrFull {
  display: inline-block;
  padding-top: 26px;
}

span.downArr {
  display: none;
}

.qwetality-nav .navbar-nav>li>a.envelop {
  padding-top: 0px;
  padding-bottom: 0px;
  padding: 0px 2px;
}

/* Offer button */

.qwetality-nav .navbar-nav>li.megamenu.offer-btn {
  padding-right: 5px;
}

.qwetality-nav .navbar-nav>li.megamenu.offer-btn>a {
  background: #e8e8e8;
  border-radius: 17px;
  padding: 6px 20px;
  color: #d83314;
  margin: 19px 5px;
}

.qwetality-nav .navbar-nav>li.megamenu.offer-btn>a:hover,
.qwetality-nav .navbar-nav>li.megamenu.offer-btn>a:focus {
  background: #efefef;
  color: #000000 !important;
}

/*
********** Shoping cart in header
*/

ul#site-header-cart {
  /*padding-top: 0.6em;
  padding-bottom: 0.9em;*/
  position: relative;
}

#site-header-cart .cart-contents .count {
  opacity: 1;
  font-size: 17px;
  position: relative;
  color: #000;
  text-align: center;
  overflow: hidden;
  padding-left: 1px;
  margin-left: 7px;
}

#site-header-cart .cart-contents.cart-full::after {
  color: #058fdd !important;
}

#site-header-cart .cart-contents .count {
  display: none !important;
}

#site-header-cart .cart-contents::after {
  font-size: 18px;
  color: #000000d9;
  content: "\f07a";
  margin-top: -3px;
  float: left;
  font-family: FontAwesome !important;
  font-weight: 400;
}

#site-header-cart a.cart-contents .woocommerce-Price-amount.amount {
  display: none;
}

ul.site-header-cart .widget.woocommerce.widget_shopping_cart {
  width: 250px;
  left: -203px;
  padding: 10px;
  height: auto;
  display: none;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  background: #fff;
  top: 99%;
}

ul#site-header-cart:hover li div.widget_shopping_cart {
  display: block;
}

/*
********** Shoping cart in header - dropdown
*/

#site-header-cart .widget_shopping_cart .product_list_widget li {
  padding-left: 0em;
}

#site-header-cart.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
  float: right;
  left: 5px;
}

#site-header-cart.site-header-cart .widget_shopping_cart .product_list_widget img {
  max-width: 5em;
  float: left;
  margin-left: 0em;
}

#site-header-cart.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
  background-color: transparent;
}

#site-header-cart.site-header-cart .cart-contents {
  padding: 1.4em 0 1.19em;
  display: inline-block;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart-item.mini_cart_item a {
  color: #0490dd;
  font-size: 0.875em;
  line-height: 19px;
}

.site-header-cart .widget a.button.checkout {
  background-color: #0490dd;
  border-color: #0490dd;
  color: #ffffff;
}

/*
********** Search div
*/

#search {
  z-index: 1050;
  position: fixed;
  top: 0px;
  background-color: #f5f5f5;
  width: 100%;
  height: 70px;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}

#search input[type="text"] {
  position: absolute;
  top: 15%;
  width: 100%;
  color: rgb(130, 130, 130);
  background: transparent;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  line-height: 60px;
  height: 47px;
  border: 0;
  box-shadow: none;
}

#search .close-search {
  position: fixed;
  top: 5px;
  right: 50px;
  opacity: 1;
  padding: 10px 17px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #313133;
  text-shadow: none;
  z-index: 10;
  outline: none;
  line-height: 40px;
}

#search button.close {
  border: 2px solid #e0e1e3;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 19px;
  text-align: center;
  margin-left: 15px;
  opacity: 1;
  font-weight: normal;
  outline: none;
  width: 40px;
  height: 40px;
  padding-top: 1px;
}

#search button.close:focus,
#search button.close:hover {
  background: transparent;
  opacity: 0.5;
}

#search input::-webkit-input-placeholder {
  color: rgb(64, 62, 62);
}

#search input:-moz-placeholder {
  color: rgb(64, 62, 62);
}

#search input::-moz-placeholder {
  color: rgb(64, 62, 62);
}

#search input:-ms-input-placeholder {
  color: rgb(64, 62, 62);
}

.fa.fa-search {
  margin-top: 2px;
}

/*For Log Ud - to log ud*/
.menu-top-menu-container ul li:last-child a {
  text-transform: none !important;
}

/**
* Search page
*/
body.search-results h2.alpha.entry-title {
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 30px;
}

body.search-results .entry-content {
  display: none;
}

body.search-results #primary {
  padding-top: 90px;
  font-size: 12px;
  text-align: center;
}

body.search-results aside.entry-taxonomy {
  display: none;
}

body.search-results article.hentry {
  margin: 0;
}

/* Loyalty discount section in header */
.loyalty-btn {
  text-align: center;
  /*background-color: #95c8d0;
  background-color: #5f99a06b;*/
  background-color: #e55025;
}

.loyalty-btn-not-logged,
a.loyalty-link,
a.loyalty-link:hover,
a.loyalty-link:focus {
  background-color: #ffe088 !important;
}

.qwetality-nav .navbar-nav>li.loyalty-btn a {
  padding-top: 18px;
  padding-bottom: 12px;
  color: #414141;
  font-size: 13px;
  line-height: 12px;
  padding: 17px 15px 20px;
}

.qwetality-nav.is-logged .navbar-nav>li.loyalty-btn a {
  /* padding: 11px 15px 10px 30px; */
  padding: 20px 15px 14px 30px;
}

.loyalty-btn a span {
  font-size: 16px;
  font-weight: bold;
  line-height: 15px;
  width: 100%;
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 4px;
}

/* loyalty button in header, for not logged in users */
.qwetality-nav.not-logged .navbar-nav>li.loyalty-btn a {
  font-size: 14px;
  line-height: 10px;
  padding: 23px 13px 12px;
}

/*
.qwetality-nav.not-logged .loyalty-btn a span{
  font-size: 18px;
}*/

/* free shipping red div */
/* .shipping-notification-bar{
  position: fixed;
  width: 100%;
  top: 70px;
  background-color: #E55025;
  clear: both;
  z-index: 10;
  text-align: center;
  height: 30px;
}

.shipping-notification-bar .fa-truck {
  font-size: 19px;
  margin-right: 10px;
  color: #fff;
  line-height: 30px;
  float: left;
}

.shipping-notification-bar p {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin: 0 25px 0 0;
  padding: 0;
  line-height: 32px;
  color: #fff;
  vertical-align: top;
}

.shipping-notification-bar .fa.fa-times-circle{
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
} */

/*-----------------------------*/
/*   Registration page
/*-----------------------------*/

#register-now-section [class*="col-"] {
  margin-bottom: 5px;
}

#register-now-section input {
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: none;
}

#register-now-section input[type="checkbox"] {
  width: auto;
  vertical-align: top;
}

#register-now-section span.input-group-addon {
  height: 43px;
  width: 43px;
}

#register-now-section .sub-content div.button {
  background: transparent;
}

/*-------------------------------------------*/
/*      Single page style for child pages
/*-------------------------------------------*/

.page-template-child-page-template .cpage-image img {
  margin: 0 auto 40px;
}

.page-template-child-page-template .w-blog-post-body {
  margin-bottom: 30px;
}

.page-child p a.read-more-btn {
  display: inline-block;
  margin-top: 20px;
}

.w-image.omfor4,
.omfor4 img {
  padding-top: 100px;
}

/*-----------------------------*/
/*       FOOTER
/*-----------------------------*/

footer {
  overflow: hidden;
  padding: 0px 0px 2px;
}

footer h3 {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #000;
  font-family: "Gotham-Book";
}

footer ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}

footer ul li {
  line-height: 17px;
  margin-bottom: 7px;
}

footer ul li a {
  color: #000;
  font-size: 15px;
}

footer img.footer-logo {
  margin: 10px 0px 15px;
  display: block;
  width: 150px;
}

ul.footer-all-info li {
  font-size: 15px;
  margin-bottom: 10px;
  color: #000;
  line-height: 18px;
}

ul.footer-all-info li a {
  color: #0490dd;
}

ul.footer-all-info li a:hover,
ul.footer-all-info li a:focus {
  color: #444;
}

.wrap-input3 {
  width: 100%;
  position: relative;
  border-bottom: 2px solid rgb(46 46 46);
  margin-bottom: 15px;
}

span.wpcf7-form-control-wrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

/**** Footer contact form *****/

.footer-contact-section {
  background: #dadada;
  padding: 85px 0px 35px;
  margin-bottom: 25px;
  color: #000;
  position: relative;
}

.footer-contact-section p.homepage-section-title {
  margin-bottom: 0px;
}

.footer-contact-section h2 {
  margin-top: 0px;
  font-weight: bold;
}

.footer-contact-section h2 span {
  color: #de3818;
}

.footer-contact-section .home-read-more {
  padding-left: 0px;
  padding-right: 0px;
}

.footer-contact-section .home-read-more .fa,
.join-us-register-section .home-read-more .fa {
  margin-left: 10px;
}

img.contact-section-img {
  width: 230px;
  float: right;
  margin-top: -30px;
}

#footer-qvg .footer-contact-form {
  margin-top: 15px;
}

form.footer-contact-form {
  margin-top: 40px;
  position: relative;
  padding: 0px 20px;
}

button.footer-contact-form-btn {
  font-size: 13px;
  font-weight: 700;
  color: #000;
  letter-spacing: 1px;
  border: 1px solid #000;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: transparent;
  transition: all 0.3s ease 0s;
  padding: 15px 35px;
  outline: none;
}

button.footer-contact-form-btn:hover,
button.footer-contact-form-btn:active,
button.footer-contact-form-btn:focus {
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
}

.focus-input3 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input3::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: rgba(222, 56, 24, 0.8);
}

input.input3 {
  height: 17px;
  display: block;
  width: 100%;
  background: transparent;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  padding: 0 5px;
  border: 0;
  box-shadow: none;
  margin-bottom: 5px;
}

textarea.input3 {
  min-height: 51px;
  box-shadow: none;
  background-color: transparent;
  font-size: 15px;
  padding: 13px 10px 13px 5px;
  height: 51px;
  resize: none;
  color: white;
}

footer input.input3,
footer textarea.input3 {
  color: #2e2e2e;
  font-family: inherit;
}

.input3:focus+.focus-input3::before {
  width: 100%;
}

.has-val.input3+.focus-input3::before {
  width: 100%;
}

textarea:focus,
input:focus {
  border-color: transparent !important;
}

.footer-contact-form input[type="submit"],
#share-form input[type="submit"] {
  word-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  padding: 0.9rem 3rem;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.7rem;
  background-color: #0490dd;
  color: #fff;
}

.footer-contact-form input[type="submit"]:hover,
.footer-contact-form input[type="submit"]:focus,
#share-form input[type="submit"]:hover,
#share-form input[type="submit"]:focus {
  outline: 0;
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #0490ddad;
}

#about-page-row input::-webkit-input-placeholder {
  color: #000;
}

#about-page-row input:-moz-placeholder {
  color: #000;
}

#about-page-row input::-moz-placeholder {
  color: #000;
}

#about-page-row input:-ms-input-placeholder {
  color: #000;
}

#about-page-row textarea::-webkit-input-placeholder {
  color: #000;
}

#about-page-row textarea:-moz-placeholder {
  color: #000;
}

#about-page-row textarea::-moz-placeholder {
  color: #000;
}

#about-page-row textarea:-ms-input-placeholder {
  color: #000;
}

footer input::-webkit-input-placeholder {
  color: rgb(64, 62, 62);
}

footer input:-moz-placeholder {
  color: rgb(64, 62, 62);
}

footer input::-moz-placeholder {
  color: rgb(64, 62, 62);
}

footer input:-ms-input-placeholder {
  color: rgb(64, 62, 62);
}

footer textarea::-webkit-input-placeholder {
  color: rgb(64, 62, 62);
}

footer textarea:-moz-placeholder {
  color: rgb(64, 62, 62);
}

footer textarea::-moz-placeholder {
  color: rgb(64, 62, 62);
}

footer textarea:-ms-input-placeholder {
  color: rgb(64, 62, 62);
}

#footer input::-webkit-input-placeholder {
  color: rgb(64, 62, 62);
}

#footer input:-moz-placeholder {
  color: rgb(64, 62, 62);
}

#footer input::-moz-placeholder {
  color: rgb(64, 62, 62);
}

#footer input:-ms-input-placeholder {
  color: rgb(64, 62, 62);
}

#footer textarea::-webkit-input-placeholder {
  color: rgb(64, 62, 62);
}

#footer textarea:-moz-placeholder {
  color: rgb(64, 62, 62);
}

#footer textarea::-moz-placeholder {
  color: rgb(64, 62, 62);
}

#footer textarea:-ms-input-placeholder {
  color: rgb(64, 62, 62);
}

footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active {
  color: #de3818;
}

footer p.footer-l {
  text-align: center;
  padding-top: 2px;
  margin-bottom: 0px;
}

footer .social-icons li {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}

.social-icons li:first-child {
  margin-left: 0px;
  margin-right: 5px;
}

.social-icons .fa {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-right: 1px;
  text-align: center;
  border: 2px solid #333333;
  line-height: 22px;
  font-size: 14px;
  color: #333333;
}

.social-icons .fa:hover,
.social-icons .fa:focus,
.social-icons .fa:active {
  border: 2px solid transparent;
  background-color: #333;
  color: #fff;
}

.social-icons a {
  font-size: 12px;
}

.social-icons li a:hover,
.social-icons li a:focus,
.social-icons li a:active {
  color: #333;
}

footer .row [class*="col-"],
footer ul.social-icons {
  margin-bottom: 0px;
}

footer .footer-bottom-part {
  margin-top: 0px;
  color: #000;
  font-size: 15px;
  border-top: 1px solid #d6d6d6;
  padding-top: 9px;
}

h3.cf-ttitle,
.footer-contact-form.validate-form {
  padding-left: 40px;
}

.footer-contact-form.validate-form {
  padding-right: 24px;
}

#footer span.wpcf7-form-control-wrap,
#about-page-row span.wpcf7-form-control-wrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

#footer #select-category-footer select,
#about-page-row select,
#footer-qvg #select-category-footer select {
  height: 40px;
  width: 100%;
  margin-top: 10px;
}

#footer input:focus,
#about-page-row input:focus,
#footer-qvg input:focus {
  background-color: transparent;
}

#footer-qvg #select-category-footer select {
  height: 30px;
  width: 100%;
  margin-top: 0px;
  border: none;
  background: transparent;
  border-bottom: 2px solid #2e2e2e;
}

#footer-qvg #select-category-footer {
  margin-bottom: -7px;
}

#select-country-footer {
  margin-top: 0px;
  color: #000;
  font-size: 15px;
}

#select-country-footer select {
  border: none;
  border-bottom: 2px solid #414042;
  background: transparent;
  width: 100%;
  height: 30px;
}

#order-id-footer {
  margin-top: 28px;
}

footer #select-category-footer {
  margin-bottom: 0px;
  font-size: 15px;
}

footer #select-country-footer {
  margin: 0px;
}

#footer-qvg input[type="submit"] {
  max-width: 100%;
  width: 100%;
  background: #c7c7c7;
}

/* contact us page form */

.page-id-10869 .wrap-input3 {
  border-bottom: none;
  margin-bottom: 10px;
}

.page-id-10869 input.input3 {
  height: 20px;
  line-height: 16px;
  margin-bottom: 0px;
  border-bottom: 2px solid rgb(46 46 46);
}

.page-id-10869 textarea {
  height: 20px;
  line-height: 16px;
  margin-bottom: 0px;
  border-bottom: 2px solid rgb(46 46 46);
}

.page-id-10869 .wpcf7-not-valid-tip {
  font-size: 0.7em;
}

.page-id-10869 #select-category {
  font-size: 15px;
  color: #000;
}

.page-id-10869 input:focus {
  border-bottom: 2px solid rgb(46 46 46) !important;
}

.page-id-10869 .wpcf7-submit {
  -webkit-box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
  padding: 8px 25px;
  font-size: 16px;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  margin: 0.375rem;
  border: 0;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  cursor: pointer;
  text-transform: uppercase;
  white-space: normal;
  word-wrap: break-word;
  outline: 0;
  background-color: #de3818;
  color: #fff;
}

.page-id-10869 input.wpcf7-submit:focus {
  border-bottom: none !important;
  background-color: #de3818 !important;
}

.page-id-10869 span.wpcf7-list-item-label {
  font-size: 13px;
}

/*------------------------------------------*/
/*       Single Product Page
/*------------------------------------------*/

body.single #content {
  max-width: 1140px;
  margin: 150px auto 50px;
}

body.single section.l-section.for_shop {
  padding-top: 140px !important;
}

.woocommerce div.product .images img {
  /*z-index: 999;*/
  position: relative;
}

.woocommerce .woocommerce-product-rating span.count {
  position: relative;
  margin: 0 4px;
  vertical-align: top;
}

span.tagged_as {
  display: none;
}

.single-c {
  height: 430px;
  width: 430px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin: 0px auto;
  top: -5px;
  padding: 20px;
  display: inline-block;
  box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  -moz-box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  -webkit-box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  background: rgba(250, 248, 245, 1);
  background: -moz-linear-gradient(-45deg,
      rgba(250, 248, 245, 1) 0%,
      rgba(250, 248, 245, 1) 45%,
      rgba(237, 228, 220, 1) 67%,
      rgba(226, 209, 195, 1) 100%);
  background: -webkit-gradient(left top,
      right bottom,
      color-stop(0%, rgba(250, 248, 245, 1)),
      color-stop(45%, rgba(250, 248, 245, 1)),
      color-stop(67%, rgba(237, 228, 220, 1)),
      color-stop(100%, rgba(226, 209, 195, 1)));
  background: -webkit-linear-gradient(-45deg,
      rgba(250, 248, 245, 1) 0%,
      rgba(250, 248, 245, 1) 45%,
      rgba(237, 228, 220, 1) 67%,
      rgba(226, 209, 195, 1) 100%);
  background: -o-linear-gradient(-45deg,
      rgba(250, 248, 245, 1) 0%,
      rgba(250, 248, 245, 1) 45%,
      rgba(237, 228, 220, 1) 67%,
      rgba(226, 209, 195, 1) 100%);
  background: -ms-linear-gradient(-45deg,
      rgba(250, 248, 245, 1) 0%,
      rgba(250, 248, 245, 1) 45%,
      rgba(237, 228, 220, 1) 67%,
      rgba(226, 209, 195, 1) 100%);
  background: linear-gradient(135deg,
      rgba(250, 248, 245, 1) 0%,
      rgba(250, 248, 245, 1) 45%,
      rgba(237, 228, 220, 1) 67%,
      rgba(226, 209, 195, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf8f5', endColorstr='#e2d1c3', GradientType=1);
}

.single-smallc {
  width: 390px;
  height: 390px;
  background: #424242;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 20px;
  background: rgba(242, 198, 167, 1);
  background: -moz-radial-gradient(center,
      ellipse cover,
      rgba(242, 198, 167, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(108, 107, 106, 1) 100%);
  background: -webkit-gradient(radial,
      center center,
      0px,
      center center,
      100%,
      color-stop(0%, rgba(242, 198, 167, 1)),
      color-stop(40%, rgba(255, 255, 255, 1)),
      color-stop(100%, rgba(108, 107, 106, 1)));
  background: -webkit-radial-gradient(center,
      ellipse cover,
      rgba(242, 198, 167, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(108, 107, 106, 1) 100%);
  background: -o-radial-gradient(center,
      ellipse cover,
      rgba(242, 198, 167, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(108, 107, 106, 1) 100%);
  background: -ms-radial-gradient(center,
      ellipse cover,
      rgba(242, 198, 167, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(108, 107, 106, 1) 100%);
  background: radial-gradient(ellipse at center,
      rgba(242, 198, 167, 1) 0%,
      rgba(255, 255, 255, 1) 40%,
      rgba(108, 107, 106, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c6a7', endColorstr='#6c6b6a', GradientType=1);
}

.single-smallerc {
  width: 350px;
  height: 350px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 18px;
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.56);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.56);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.56);
}

figure.woocommerce-product-gallery__wrapper:hover .single-c {
  box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  -moz-box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  -webkit-box-shadow: -1px 1px 12px rgba(0, 0, 0, 0.34901960784313724);
  background: rgba(180, 210, 111, 1);
  background: -moz-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(160, 195, 99, 1) 31%,
      rgba(112, 160, 71, 1) 68%,
      rgba(69, 126, 45, 1) 100%);
  background: -webkit-gradient(left top,
      right bottom,
      color-stop(0%, rgba(180, 210, 111, 1)),
      color-stop(31%, rgba(160, 195, 99, 1)),
      color-stop(68%, rgba(112, 160, 71, 1)),
      color-stop(100%, rgba(69, 126, 45, 1)));
  background: -webkit-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(160, 195, 99, 1) 31%,
      rgba(112, 160, 71, 1) 68%,
      rgba(69, 126, 45, 1) 100%);
  background: -o-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(160, 195, 99, 1) 31%,
      rgba(112, 160, 71, 1) 68%,
      rgba(69, 126, 45, 1) 100%);
  background: -ms-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(160, 195, 99, 1) 31%,
      rgba(112, 160, 71, 1) 68%,
      rgba(69, 126, 45, 1) 100%);
  background: linear-gradient(135deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(160, 195, 99, 1) 31%,
      rgba(112, 160, 71, 1) 68%,
      rgba(69, 126, 45, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d26f', endColorstr='#457e2d', GradientType=1);
}

figure.woocommerce-product-gallery__wrapper:hover .single-smallc {
  background: rgba(180, 210, 111, 1);
  background: -moz-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(119, 142, 76, 1) 31%,
      rgba(92, 122, 61, 1) 68%,
      rgba(74, 123, 48, 1) 100%);
  background: -webkit-gradient(left top,
      right bottom,
      color-stop(0%, rgba(180, 210, 111, 1)),
      color-stop(31%, rgba(119, 142, 76, 1)),
      color-stop(68%, rgba(92, 122, 61, 1)),
      color-stop(100%, rgba(74, 123, 48, 1)));
  background: -webkit-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(119, 142, 76, 1) 31%,
      rgba(92, 122, 61, 1) 68%,
      rgba(74, 123, 48, 1) 100%);
  background: -o-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(119, 142, 76, 1) 31%,
      rgba(92, 122, 61, 1) 68%,
      rgba(74, 123, 48, 1) 100%);
  background: -ms-linear-gradient(-45deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(119, 142, 76, 1) 31%,
      rgba(92, 122, 61, 1) 68%,
      rgba(74, 123, 48, 1) 100%);
  background: linear-gradient(135deg,
      rgba(180, 210, 111, 1) 0%,
      rgba(119, 142, 76, 1) 31%,
      rgba(92, 122, 61, 1) 68%,
      rgba(74, 123, 48, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4d26f', endColorstr='#4a7b30', GradientType=1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e6ac', endColorstr='#4d7b32', GradientType=1);
}

.woocommerce div.product .images img:hover {
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

span.subtitle-attribute {
  margin-bottom: 15px;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 400;
}

span.singleRestrict {
  margin-bottom: 23px;
  margin-top: 10px;
  position: relative;
  display: block;
  color: #0490dd;
  font-weight: 600;
}

body.single button.single_add_to_cart_button.button.alt {
  box-shadow: 0 0 0 2px #0490dd inset;
  background: #0490dd;
  color: #fff !important;
  font-size: 12px;
  margin-top: 1px;
}

body.single button.single_add_to_cart_button.button.alt:hover,
body.single button.single_add_to_cart_button.button.alt:focus {
  background-color: #fdfdfd !important;
  color: #0490dd !important;
}

p.form-submit input#submit:hover {
  background-color: #0490dd !important;
  color: white !important;
}

.woocommerce div.product .summary {
  padding-left: 35px;
  margin-bottom: 15px;
}

.woocommerce div.product .summary span.woocommerce-Price-amount.amount {
  font-weight: 400;
  color: #666262;
  font-size: 35px;
}

.woocommerce .stock {
  display: none;
}

.woocommerce-product-details__short-description {
  margin-top: 25px;
  margin-bottom: 25px;
}

.woocommerce .comment-respond {
  border: none;
  border-left: 2px solid;
}

p.form-submit input#submit {
  padding: 11px 30px 8px 30px;
  margin: 15px 0 0 0;
  color: #7c7c83;
  -webkit-box-shadow: 2px 2px 2px #0000004a;
  -moz-box-shadow: 2px 2px 2px #0000004a;
  box-shadow: 2px 2px 2px #0000004a;
  text-decoration: none;
  background: rgba(224, 226, 227, 1);
  background: -moz-linear-gradient(left,
      rgba(224, 226, 227, 1) 0%,
      rgba(245, 245, 245, 1) 100%);
  background: -webkit-gradient(left top,
      right top,
      color-stop(0%, rgba(224, 226, 227, 1)),
      color-stop(100%, rgba(245, 245, 245, 1)));
  background: -webkit-linear-gradient(left,
      rgba(224, 226, 227, 1) 0%,
      rgba(245, 245, 245, 1) 100%);
  background: -o-linear-gradient(left,
      rgba(224, 226, 227, 1) 0%,
      rgba(245, 245, 245, 1) 100%);
  background: -ms-linear-gradient(left,
      rgba(224, 226, 227, 1) 0%,
      rgba(245, 245, 245, 1) 100%);
  background: linear-gradient(to right,
      rgba(224, 226, 227, 1) 0%,
      rgba(245, 245, 245, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e2e3', endColorstr='#f5f5f5', GradientType=1);
}

textarea#comment {
  -webkit-box-shadow: inset -4px -5px 21px -1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset -4px -5px 21px -1px rgba(0, 0, 0, 0.24);
  box-shadow: inset -4px -5px 21px -1px rgba(0, 0, 0, 0.24);
}

section.related.products {
  border: none;
}

.single-product-desc {
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
}

hr.style-four {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0),
      rgb(212, 212, 212),
      rgba(0, 0, 0, 0));
}

.woocommerce .star-rating span:before,
.woocommerce .stars span a:after,
.star-rating:before,
.star-rating span:before {
  color: #0490dd !important;
}

span.posted_in a {
  color: black;
  font-size: 16px;
}

span.posted_in {
  font-size: 18px;
}

a.woocommerce-review-link {
  color: #0490dd !important;
}

body.single nav.woocommerce-breadcrumb {
  color: #0490dd !important;
}

.w-cart-notification {
  display: none !important;
}

body.single .product_cat-membership-single .cart {
  overflow: visible;
}

.pswp__bg {
  background: #efefef;
}

.pswp__caption__center {
  color: #000;
  text-align: center;
}

/* Buttons for Vita Gold Nail and Skin single product page, button for wetality trademark */
.vg-read-more {
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 12px 20px;
  font-size: 13px;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  margin: 0.375rem;
  border: 0;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  cursor: pointer;
  text-transform: uppercase;
  white-space: normal;
  word-wrap: break-word;
  background-color: #78909c;
  color: #fff;
  display: inline-block;
  margin: 10px 0px;
}

.vg-read-more:hover,
.vg-read-more:active,
.vg-read-more:focus {
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
}

body.single .read-more-btn {
  -webkit-box-shadow: 1px 0px 8px 1px #0000002e;
  -moz-box-shadow: 1px 0px 8px 1px #0000002e;
  box-shadow: 1px 0px 8px 1px #0000002e;
}

/* ticket product css*/
#product-39867 p.stock.in-stock {
  display: block;
}

body.single-product.postid-39867 #reviews,
body.single-product.postid-39867 hr.style-four {
  display: none;
}

.single-product div.product .woocommerce-product-rating a {
  font-weight: 400 !important;
  text-decoration: none !important;
  font-size: 0.7em;
}

.star-rating {
  font-size: 0.7em !important;
}

#main #reviews .commentlist li .comment_container .comment-text {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}

#reviews .commentlist {
  margin-top: 30px;
}

#main #reviews .commentlist li {
  margin-bottom: 1.5em;
}

#main #reviews .commentlist li .avatar {
  height: auto;
  width: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

a.button.add_to_cart_button.simple_product_css {
  margin: 0 !important;
  background: #de3818;
  color: #ffffff;
}

a.button.add_to_cart_button.simple_product_css:hover {
  margin: 0 !important;
  background: #bfa9a9;
}

body.single .single-buttons-wrap {
  display: inline-block;
}

body.single .single-buttons-wrap a.button.add_to_cart_button {
  margin: 0px auto 10px !important;
  background: #de3818;
  color: #fff;
}

body.single .single-buttons-wrap a.button.add_to_cart_button:hover,
body.single .single-buttons-wrap a.button.add_to_cart_button:focus {
  background: #eeeeee;
  color: #000000;
}

body.single .single-buttons-wrap a.button.add_to_cart_button.smartship_product_btn {
  background: #f5dd9a;
  color: #000000;
}

body.single .single-buttons-wrap a.button.add_to_cart_button.smartship_product_btn:hover,
body.single .single-buttons-wrap a.button.add_to_cart_button.smartship_product_btn:focus {
  background: #ffc107;
}

.postid-45173 video#myvideo_html5_api,
.postid-45174 video#myvideo_html5_api,
.postid-45175 video#myvideo_html5_api {
  width: 560px;
  height: 360px;
  padding-top: 0px !important;
}

.postid-45173 div#myvideo,
.postid-45174 div#myvideo,
.postid-45175 div#myvideo {
  width: 560px;
  height: 360px;
  margin: 50px auto;
  padding-top: 0px !important;
}

a.compare-list-link {
  display: block;
}

.single-product div.product form.cart {
  display: inline-block;
}

.single-product div.product form.jgtb-add-to-subscription {
  display: inline-block;
}

.single-product div.product #add_to_smartship_btn_id {
  margin: 0px 5px 0px;
}

span#first-payment-span {
  font-size: 75%;
  font-weight: 700;
}

/* hidden smartship label for simple product */
body.single-product.postid-600 .first-payment-date {
  display: none;
}

/*------------------------------------------*/
/*       Shopping cart page
/*------------------------------------------*/
.cart-collaterals table.shop_table_responsive tr td {
  border-bottom: 1px solid #e4e4e4;
}

.wp-video {
  margin: 0 auto;
}

/* reCapcha */
.grecaptcha-badge {
  visibility: hidden;
}

body.woocommerce-cart td.product-quantity .quantity input {
  margin-top: 6px;
}

.memberfee4-title h1 {
  color: #59656d;
  line-height: 80px;
  padding-top: 15%;
  font-size: 70px;
}

.brochure {
  margin-top: 15px;
  display: inline-block;
  background-color: #fbc02d;
}

/* for wcommerce notification bar */
.woocommerce-error {
  background-color: #e2401cbf !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: #0f834dbd !important;
  margin: 15px !important;
}

/*request wire transfer*/
#tabla-balancewiretransfer_wrapper,
#tabla-balancenbaccount_wrapper,
#tabla-balancepointaccount_wrapper,
#tabla-balancertaccount_wrapper,
#tabla-balanceovaccount_wrapper {
  padding-bottom: 40px;
}

/*------------------------------------------*/
/*      New easy registration Page
/*------------------------------------------*/

input[name="SubmitButton"] {
  text-transform: inherit;
}

.birthday-customer {
  display: inline-block;
  position: relative;
  margin-right: 12px;
}

.easy-register {
  float: left !important;
}

#registration-section {
  padding-top: 95px;
  margin-bottom: 50px;
}

body.page-id-58 .l-section-h {
  padding: 0px;
}

/*------------------------------------------*/
/*      My orders Page
/*------------------------------------------*/

nav.woocommerce-MyAccount-navigation {
  float: left;
  margin-right: 15px;
}

.woocommerce-MyAccount-content {
  float: left;
  width: 80%;
  padding-left: 20px;
  border-left: 1px solid #8f8888cc;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul {
  margin-left: 0;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li {
  list-style: none;
}

.woocommerce ul li.woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 15px 10px;
  background: #0490dd;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid black;
  color: #fff;
}

.woocommerce ul li.woocommerce-MyAccount-navigation-link a:hover {
  box-shadow:
    0 8px 16px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #fff;
  border: 1px solid #0490dd;
  color: #0490dd !important;
}

/* for water part */

body.page-id-63907 .woocommerce ul li.woocommerce-MyAccount-navigation-link a {
  background: #0490dd;
}

body.page-id-63907 .woocommerce ul li.woocommerce-MyAccount-navigation-link a:hover {
  box-shadow:
    0 8px 16px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #fff;
  border: 1px solid #0490dd;
  color: #0490dd !important;
}

body.page-id-63907 table.woocommerce-orders-table tr td a,
body.page-id-63907 table.woocommerce-table tr td a,
body.page-id-63907 table.shop_table tr td a {
  color: #0490dd !important;
}

body.page-id-63907 table.woocommerce-orders-table tr td a:hover,
body.page-id-63907 table.woocommerce-orders-table tr td a:focus,
body.page-id-63907 table.woocommerce-orders-table tr td a:active,
body.page-id-63907 table.woocommerce-table tr td a:hover,
body.page-id-63907 table.woocommerce-table tr td a:focus,
body.page-id-63907 table.woocommerce-table tr td a:active,
body.page-id-63907 table.shop_table tr td a:hover,
body.page-id-63907 table.shop_table tr td a:focus,
body.page-id-63907 table.shop_table tr td a:active {
  color: #fff !important;
  background: #0490dd;
}

body.page-id-63907 p.order-again a:hover {
  background-color: #0490dd;
}

p.additional-fusnote {
  margin-top: 15px;
  font-size: 13px;
  line-height: 15px;
}

p.download-agree a {
  color: black;
}

p.download-agree a:hover {
  color: #df601b;
}

/*------------------------------------------*/
/*      Cart Page
/*------------------------------------------*/

table.shop_table.shop_table_responsive.cart td,
table.shop_table.shop_table_responsive.cart th {
  vertical-align: middle;
  font-size: 16px;
}

table.shop_table.shop_table_responsive.cart th.product-price,
table.shop_table.shop_table_responsive.cart td.product-price,
table.shop_table.shop_table_responsive.cart th.product-subtotal,
table.shop_table.shop_table_responsive.cart td.product-subtotal {
  text-align: right;
}

table.shop_table.shop_table_responsive.cart th.product-quantity {
  text-align: center;
}

.woocommerce .shop_table.cart .product-quantity {
  min-width: 130px;
  text-align: center;
}

table.shop_table.shop_table_responsive.cart td.product-quantity .qty {
  padding: 0.1em;
  /* width: auto;*/
  width: 2.5em;
}

table.shop_table.shop_table_responsive.cart span.woocommerce-Price-amount.amount {
  font-size: 16px;
}

a.button.back-to-shop {
  margin-left: 5px;
}

/*------------------------------------------*/
/*      Checkout Page
/*------------------------------------------*/
.smartship-error {
  background: red;
  color: #ffff;
  padding: 20px 0 18px;
  text-align: center;
  margin: 15px 0 20px;
}

a.checkout-button.button.alt.wc-forward {
  font-size: 1.6rem;
  background: #de3817;
}

span.subscription-details {
  display: block;
}

body.woocommerce-checkout #order_review tr.order-total.recurring-total td {
  font-size: 15px !important;
}

p#shipping_company_field {
  display: none;
}

#order_review {
  width: 100% !important;
}

h3#order_review_heading {
  float: left;
}

#order_review table.shop_table {
  float: left;
  width: 48%;
  margin: 0;
}

table.shop_table td,
table.shop_table th {
  padding: 0.8rem 1em !important;
}

#order_review #payment {
  float: right;
  width: 48%;
}

body.woocommerce-checkout #order_review tr.order-total.recurring-total td strong {
  font-size: 1.4em !important;
}

.form-row input[type="checkbox"],
.form-row input[type="radio"] {
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 12px;
}

.shipmondo_select_button {
  font-size: 1.4rem !important;
  background: #de3816 !important;
}

/* button#place_order {
  font-size: 1.6rem !important;
  background: #de3817;
} */

/* css for link coupon button */
td.actions .coupon {
  display: none !important;
}

td.actions .coupon.showCoupon {
  display: block !important;
}

.codeBtn {
  position: relative;
  float: left;
}

.codeBtn.downLink {
  position: relative;
  float: left;
}

table#omegaTable {
  width: 55%;
  padding-top: 10px;
  margin-top: 25px;
}

table#omegaTable th,
table#omegaTable td {
  border: 1px solid black;
  padding: 8px 5px;
  font-size: 17px;
}

.haveCoupon {
  background-color: #cef0;
  margin-bottom: 0px !important;
}

/* Visa card */
#order_review {
  position: relative;
}

/**** Restrict product flag for DK ***/
.restrictForDk {
  width: 0px;
  height: 0px;
  border-style: outset;
  border-width: 0 0px 145px 145px;
  border-color: transparent transparent #de4a45 transparent;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  font-family: Arial;
  color: #fff;
  position: absolute;
  opacity: 0.8;
  z-index: 111;
  font-size: 16px;
  right: 0;
  top: 0;
}

.dk-restict-text {
  position: absolute;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  z-index: 51;
  color: #fff;
  width: 104px;
  text-align: center;
  font-weight: bold;
  height: 55px;
  overflow: visible;
  right: -12px;
  top: 80px;
  font-size: 14px !important;
  line-height: 18px !important;
  text-shadow: none;
  text-transform: uppercase;
  background: transparent;
}

.openEmptyForm,
.openForm {
  display: none;
}

.deleteBtn,
.openDiv,
.openEmptyDiv {
  background: none;
  border: 2px solid #444;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 4px 10px;
  margin-top: 7px;
  color: #444;
  cursor: pointer;
}

.deleteBtn:hover,
.openDiv:hover,
.openEmptyDiv:hover,
.deleteBtn:focus,
.openDiv:focus,
.openEmptyDiv:focus {
  color: rgb(98, 136, 73) !important;
  border: 2px solid rgb(98, 136, 73);
}

button.reset {
  background: #ee4712de;
  border: 2px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 4px 10px;
  margin-top: 7px;
  color: #000;
  cursor: pointer;
}

button.reset:hover,
button.reset:focus {
  color: #ee4712de !important;
  border: 2px solid #ee4712de;
  background: transparent;
}

#payment .form-row.place-order .terms label {
  display: inline-block;
}

.woocommerce-checkout div#data_getpoint_order,
.woocommerce-checkout div#data_wpl_order {
  background-color: #fbe8b7;
  border: 1px solid #dbbf75;
  color: #000;
  font-weight: 400;
  padding: 10px 11px 6px;
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*      Custom style for single shop page
/*------------------------------------------*/

section#shop-section {
  padding: 20px;
}

section#promotions-section {
  position: relative;
  display: block;
  padding: 10px 50px;
}

.promotions-div {
  max-width: 1700px;
  margin: 0 auto;
}

.promotions-div ul.products li.product {
  margin: 0px 25px 25px;
  width: 345px !important;
  padding: 0 !important;
}

.member-promotions-div ul.products li.product,
.memberfee-div ul.products li.product {
  width: 100%;
  padding: 0 !important;
}

.compare.button {
  display: none;
}

body.postid-37263 a.compare.button,
body.postid-37257 a.compare.button,
body.postid-37135 a.compare.button,
body.postid-37133 a.compare.button,
body.postid-37143 a.compare.button,
body.postid-37125 a.compare.button,
body.postid-37131 a.compare.button {
  display: inline-block;
}

.woocommerce-message.woocommerce-message--info a.woocommerce-Button {
  display: none;
}

.hookdiv {
  margin-top: 150px;
}

.return-to-shop a.wc-backward {
  display: none;
}

.new-banerShop {
  margin-bottom: 30px;
  padding-right: 37px;
}

.new-banerShop img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

body.page-template-single-shop .woocommerce-loop-product__title span.smaller-title {
  font-size: 20px;
}

.w-cart-dropdown li.mini_cart_item span.smaller-title {
  font-size: 14px;
}

.cart_item span.smaller-title {
  font-size: 16px;
}

/* li.post-37323.product {width: 344px!important;padding: 0px!important;} */
/*
p#billing_company_field,
p#shipping_company_field {
    display: none;
} */

/*--------------------------------------------------------------
# Header ( Wetality Water )
--------------------------------------------------------------*/

#header-ww,
#footer {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.7em;
  color: #575757;
  line-height: 1.4;
}

#header-ww {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 4px 0 3px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.21);
  -webkit-backface-visibility: hidden;
  transition: all 0.5s;
  height: 54px;
}

.back-to-wetality {
  position: absolute;
  left: 3%;
  top: 50%;
  color: #e55025;
  font-size: 20px;
  transform: translate(-50%, -50%);
}

.back-to-wetality:hover {
  cursor: pointer;
  color: #c13d07;
}

li.back-to-wetality-link {
  display: none !important;
}

li.back-to-wetality-link a {
  color: #e55025 !important;
}

li.back-to-wetality-link a:hover {
  color: #c13d07 !important;
}

img.back-to-wetality-img {
  display: inline-block;
  margin-left: 5px;
  width: 30%;
}

#header-ww .logo {
  float: left;
  margin: 0 auto;
  height: 47px;
}

#header-ww .logo img {
  max-width: 100%;
  height: 100%;
}

#header-ww #nav {
  /*overflow: hidden;*/
  text-align: right;
  font-size: 0;
  letter-spacing: -4px;
  white-space: nowrap;
}

#header-ww #nav .nav-drop {
  overflow: hidden;
}

#header-ww #nav ul {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: flex-end;
  padding: 13px 0 5px;
  margin: 0;
}

#header-ww #nav ul li svg {
  width: 12px;
  margin-right: 5px;
}

#header-ww #nav li {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  vertical-align: top;
  line-height: 19px;
  letter-spacing: 0;
  white-space: normal;
  margin: 0 0 0 25px;
}

#header-ww #nav li a {
  display: block;
  color: #333;
  font-weight: 300;
  font-size: 13px;
}

#header-ww #nav li a:hover {
  text-decoration: none;
  color: #8d81ac;
}

#header-ww .nav-opener {
  display: none;
  float: right;
  width: 31px;
  height: 31px;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
}

#header-ww .nav-opener:before,
.nav-opener:after,
.nav-opener span {
  background: #333;
  border-radius: 4px;
  position: absolute;
  top: 17px;
  left: 3px;
  right: 3px;
  height: 3px;
  margin-top: -2px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#header-ww .nav-opener:before {
  content: "";
  top: 8px;
  left: 30%;
}

#header-ww .nav-opener:after {
  content: "";
  top: 26px;
}

#header-ww .nav-active .nav-opener span {
  opacity: 0;
}

#header-ww .nav-opener:hover {
  opacity: 0.9;
}

#header-ww .nav-active .nav-opener:after,
#header-ww .nav-active .nav-opener:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  left: 5%;
  right: 5%;
}

#header-ww .nav-active .nav-opener:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#header-ww #nav li a:hover,
#header-ww #nav li a:focus {
  color: #058fdd;
  cursor: pointer;
}

/* language and cart */

#header-ww .right-nav {
  display: block;
  position: relative;
  float: right;
}

#header-ww a.cart-link {
  float: left;
  margin-left: 20px;
  font-size: 17px;
  color: black;
  font-weight: 400;
}

#header-ww a.cart-link svg {
  width: 16px;
  padding-top: 15px;
  margin-right: 5px;
}

#header-ww .choose-language-div {
  position: relative;
  float: left;
  padding-top: 10px;
  margin-left: 17px;
}

#header-ww .ush_cart_1 .w-cart-link {
  line-height: 44px;
  display: block;
  padding: 0 12px;
  white-space: nowrap;
  color: inherit;
}

#header-ww a.cart-link svg {
  width: 17px;
  padding-top: 15px;
}

#header-ww .choose-language-div {
  position: relative;
  float: left;
  padding-top: 9px;
  margin-left: 5px;
}

#header-ww .fa.fa-shopping-cart {
  font-size: 18px;
  color: #000;
  padding-right: 7px;
}

#header-ww .language-flags,
#header-ww a.dropdown-item img {
  width: 25px;
}

#header-ww .right-nav .dropdown-menu {
  width: auto;
  min-width: 41px;
  margin-top: 14px;
  padding: 5px 7px;
  left: -8px;
}

#header-ww a.dropdown-item {
  position: relative;
  display: block;
}

#header-ww .w-cart {
  position: relative;
  float: left;
  letter-spacing: normal;
  margin-left: 5px;
}

#header-ww .w-cart-quantity {
  font-weight: 400;
}

/* registration button */
#header-ww .w-registrer-btn a {
  line-height: 13px;
}

#header-ww .w-registrer-btn a span {
  display: block;
  text-align: left;
  font-size: 11px;
  line-height: 13px;
}

.ulForLoggedIn {
  padding: 0 !important;
}

.testForMobileDropdown {
  display: flex !important;
  flex-direction: column;
  visibility: visible;
  opacity: 1;
  animation: fade 1s;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

#testForDropdown a.water-menu {
  display: flex;
  margin: 0;
  padding: 20px 10px;
  padding-bottom: 8px !important;
  padding-top: 10px !important;
  line-height: 1;
}

div#testForDropdown {
  /* z-index: 99999!important; */
  background: white;
}

/*--------------------------------------------------------------
# Wetality-water-products ( Wetality Water Buy page)
--------------------------------------------------------------*/

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  border-color: #7f7f7f !important;
  color: #7f7f7f !important;
}

section#wetality-water-products {
  padding-bottom: 7rem;
}

.product-options h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 1px;
  padding-bottom: 1px;
  margin-left: 8px;
  line-height: 35px;
}

.rules-options-section .product-options h2 {
  font-size: 25px;
  line-height: 30px;
}

.product-options h3 {
  font-size: 16px;
  margin-bottom: 2rem;
  margin-top: 10px;
  margin-left: 8px;
  line-height: 23px;
}

.product-options ul {
  margin-left: 40px;
}

.product-options ul li {
  margin-bottom: 15px;
}

#price_for_service_agreenment {
  display: none;
}

.form-choice-selector-label,
.refurbished-form-choice-selector-label {
  border: 2px solid #eee;
  border-radius: 3px;
  padding: 3rem 2rem 1rem;
  margin-bottom: 10px;
}

.form-choice-selector-label:hover,
.refurbished-form-choice-selector-label:hover {
  border: 2px solid #0490dd !important;
}

span.machine-price,
span.purchase-price {
  text-align: right;
  float: right;
  padding-right: 0.5rem;
  font-weight: 700;
}

span.purchase-price {
  font-size: 14px;
  margin-bottom: 5px;
  clear: both;
}

.form-choice-selector-label input[type="radio"] {
  margin: 0;
  width: 25px;
  height: 25px;
  vertical-align: text-bottom;
}

.form-choice-selector-label label {
  margin-left: 0.5rem;
}

span.view-more-div {
  text-align: right;
  display: block;
  font-size: 14px;
  color: #0490dd;
  cursor: pointer;
}

span.view-more-div:hover {
  color: #0490dd;
}

.view-more-about {
  display: none;
  margin-top: 9px;
}

.form-choice-selector-label label {
  font-weight: 400px !important;
}

.form-choice-selector-label hr {
  display: inline-block;
  width: 100%;
  margin: 15px 0 7px;
}

.view-more-about p {
  font-size: 15px;
  font-weight: 700;
  color: black;
}

.view-more-about table tr td {
  border: none;
  font-size: 15px;
  padding: 5px 0 10px;
}

table tr td:last-child {
  text-align: right;
}

a.classForStyle {
  border: 2px solid #0490dd;
  padding: 1.2rem 1.5rem;
  border-radius: 3px;
  color: #0490dd;
  font-size: 18px !important;
  cursor: pointer;
  display: none;
}

a.classForStylePurchase {
  border: 2px solid #0490dd;
  padding: 1.2rem 1.5rem;
  border-radius: 3px;
  color: #0490dd;
  font-size: 18px !important;
  cursor: pointer;
  display: inline-block;
}

a#for-contract-checkbox,
a#for-cache-checkbox {
  font-size: 18px !important;
}

a.classForStyle:hover,
a.classForStylePurchase:hover {
  background: #0490dd;
  color: #fff;
}

@media only screen and (min-width: 1200px) {
  .product-options.service-rules-div {
    padding-right: 60px;
  }
}

@media only screen and (max-width: 1200px) {
  .product-options.service-rules-div {
    padding-right: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .product-options.service-rules-div {
    padding-right: 0px;
  }

  .rules-options-section .product-options h2 {
    font-size: 23px;
    line-height: 27px;
  }

  #zoom-contact-form form#contact-form [class*="col-"] {
    margin-bottom: 20px;
  }

  #zoom-contact-form .file-area {
    margin-top: 0px;
  }
}

/* Wetality filter page */

body.page-template-wetality-water-filters .shop-page-header {
  padding: 57px 0px 5px;
}

body.page-template-wetality-water-filters .shop-page-header h1 {
  font-size: 39px;
}

/* Faucets and other products on wetality product page  */

.wwater-more-products-wrap {
  height: 100%;
  position: relative;
}

.wwater-more-products {
  display: flex;
  flex-wrap: wrap;
}

.wwater-more-products-item {
  margin-bottom: 55px;
}

.wwater-more-products-item-btns {
  position: absolute;
  bottom: -10px;
  width: 100%;
}

.wwater-more-products-item-img {
  margin-bottom: 20px;
}

.wwater-more-products-item-img:hover,
.wwater-more-products-img:focus {
  opacity: 0.6;
  cursor: pointer;
}

.wwater-more-products-item-img img {
  display: block;
  margin: 0 auto;
}

.wwater-more-products-item p.wwater-more-products-title {
  color: #333;
  font-weight: 600;
  font-size: 0.85em;
  margin-bottom: 15px;
  line-height: 18px;
}

.wwater-more-products-item p.wwater-more-products-title span.spant {
  display: block;
  min-height: 40px;
  margin-bottom: 3px;
}

.filters-connectors .wwater-more-products-item p.wwater-more-products-title span.spant {
  display: block;
  min-height: 25px;
  margin-bottom: 3px;
}

p.wwater-more-products-text {
  font-size: 16px;
  color: #222;
  line-height: 19px;
}

p.wwater-more-products-title span.spanprice {
  color: #e4582b;
}

.spanprice-retail-price {
  display: block;
  font-weight: 400;
  margin-bottom: 3px;
  font-size: 14px;
}

.wwater-more-products-item-btns .button.add_to_cart_button {
  margin: 0px !important;
  text-transform: uppercase;
  word-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  border: 0;
  border-radius: 0.125rem;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  padding: 0.8rem 2rem;
  font-size: 0.8em;
  color: #fff;
  background-color: #048edd;
  display: inline;
  font-weight: 400;
}

.wwater-more-products-item-btns .buy-tds {
  text-transform: uppercase;
  word-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  border: 0;
  border-radius: 0.125rem;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  padding: 0.8rem 2rem;
  font-size: 0.8em;
  color: #fff;
  background-color: #048edd;
}

.wwater-more-products-item-btns .buy-tds:hover,
.wwater-more-products-item-btns .btn:focus,
.wwater-more-products-item-btns .btn:active {
  outline: 0;
  color: #fff;
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.wwater-more-products-item-btns .read-more {
  float: right;
  font-size: 0.8em;
  color: #0490dd;
  border-bottom: 2px solid;
  margin-right: 10px;
}

.wwater-more-products-title.with-mt {
  margin-top: 43px;
}

/* Nipples */

section#nippel-connectors {
  padding: 50px 0px;
  background: #f6f6f6;
  margin: 50px auto;
}

section.filters-connectors {
  padding: 50px 0px;
  background: #ffffff;
  margin: 50px auto;
}

#nippel-connectors .wwater-more-products-wrap,
.filters-connectors .wwater-more-products-wrap {
  width: 20%;
  height: auto;
  max-width: 100%;
  padding: 15px;
  margin-bottom: 35px;
}

#nippel-connectors .wwater-more-products-item-img {
  background: #ffffff;
  border-radius: 5px;
}

.filters-connectors .wwater-more-products-item-img {
  background: #f6f6f6;
  border-radius: 5px;
}

#nippel-connectors .wwater-more-products-item,
.filters-connectors .wwater-more-products-item {
  margin-bottom: 35px;
}

/* Filters and packages */

.wwater-filters-wrap .woocommerce .products .product img {
  background: #f6f6f6;
}

.wwater-filters-wrap h2.woocommerce-loop-product__title {
  font-size: 16px !important;
}

.wwater-filters-wrap h2.show-shop-category {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #aba9a9;
  position: relative;
  letter-spacing: 3px;
  margin: 40px auto;
}

.wwater-filters-wrap h2.show-shop-category:after {
  content: " ";
  position: absolute;
  top: 140%;
  left: 50%;
  width: 75px;
  border: 1px solid #dcdcdc;
  transform: translateX(-50%);
}

@media only screen and (max-width: 992px) {

  #nippel-connectors .wwater-more-products-wrap,
  .filters-connectors .wwater-more-products-wrap {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  section#nippel-connectors {
    padding: 15px 0px;
    margin: 10px auto;
  }

  #nippel-connectors .wwater-more-products-wrap,
  .filters-connectors .wwater-more-products-wrap {
    width: 50%;
  }

  .wwater-more-products-item p.wwater-more-products-title span.spant {
    min-height: auto;
  }

  .wwater-more-products-title.with-mt {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 500px) {

  #nippel-connectors .wwater-more-products-wrap,
  .filters-connectors .wwater-more-products-wrap {
    width: 100%;
  }

  .wwater-more-products-item-img img {
    height: 150px;
  }
}

/*--------------------------------------------------------------
# Wetality Water Cart page
--------------------------------------------------------------*/

body.page-id-55603 .woocommerce-message,
body.page-id-55603 .woocommerce-error {
  display: none !important;
}

body.page-id-55603 .woocommerce-notices-wrapper {
  width: 1170px;
  max-width: 100%;
  background: #048fdd !important;
  margin: 0 auto 30px !important;
  text-align: center;
}

body.page-id-55603 .woocommerce-info {
  background-color: #048fdd !important;
}

body.page-id-55603 a.checkout-button.button.alt.wc-forward {
  background: #048fdd;
}

body.page-id-55603 a.checkout-button.button.alt.wc-forward:hover {
  background: #296282;
}

body.page-id-55603 td.product-name a {
  color: #1273a9;
}

body.page-id-55603 .quantity-button {
  border: 2px solid #048fdd;
}

td.product-quantity {
  text-align: center !important;
  font-weight: 700;
  font-size: 17px !important;
}

/*--------------------------------------------------------------
# Footer Section ( Wetality Water )
--------------------------------------------------------------*/

#footer {
  width: 100%;
  overflow: hidden;
  height: 1%;
  background: #f9f9f9 url("./images/drink-footer.png") right bottom no-repeat;
  background-size: contain;
  padding: 0px;
}

#footer h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 34px;
  color: #635c73;
}

#footer p {
  font-size: 0.55em;
  margin-bottom: 30px;
}

.footer-holder {
  position: relative;
  width: 86%;
  margin: 0 auto;
}

.footer-holder .logo {
  margin: 0 0 23px;
  float: none;
  display: block;
  height: 85px;
}

.footer-info {
  padding-top: 120px;
}

hr.footer-hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #eeeeee;
  background: none;
}

.footer-navigation ul,
.copyright ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.5rem;
  line-height: 1.55;
}

.footer-navigation ul li,
.copyright ul li {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0px;
}

.footer-navigation ul li a,
.copyright ul li a {
  color: #575757;
  font-weight: 300;
  font-size: 1.5rem;
}

.footer-navigation ul li a:hover,
.footer-navigation ul li a:focus,
.copyright ul li a:hover,
.copyright ul li a:focus {
  color: #058fdd !important;
  cursor: pointer;
}

.copyright {
  padding: 70px 0px 25px;
}

.copyright ul li a {
  font-size: 1.3rem;
}

#footer .contact3-form-title {
  display: block;
  font-size: 0.7em;
  color: #565656;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 25px;
}

#footer .wrap-input3 {
  border-bottom: 2px solid rgb(34, 154, 224);
  margin-bottom: 20px;
  height: 34px;
}

#footer .wrap-input3 input {
  height: 30px;
  font-weight: 300;
  color: #333333;
}

#footer .wrap-input3.fortarea {
  height: 90px;
}

#footer textarea.input3 {
  font-weight: 300;
  color: #333333;
}

#footer .logo img {
  max-width: 100%;
  height: 100%;
}

#footer .contact3-form .button-wrapp {
  padding-top: 23px;
  line-height: 0px;
}

#footer .contact3-form .button-wrapp p {
  display: none;
}

#footer .contact3-form .button-wrapp .footer-contact-form-btn {
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  min-width: 120px;
  height: 50px;
  border-radius: 2px;
  position: relative;
  z-index: 1;
  background: #048fdd;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  border: 0px;
  letter-spacing: 2px;
  font-weight: 400;
}

#footer span.wpcf7-not-valid-tip {
  font-size: 0.45em;
  font-weight: 300;
}

#footer div.wpcf7-response-output {
  line-height: 1.2;
  font-size: 0.6em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #footer .footer-info {
    padding-top: 85px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #footer .footer-info {
    padding-top: 15px;
  }

  #footer .footer-holder {
    padding-bottom: 10px;
  }

  #footer .footer-navigation {
    margin-bottom: 30px;
  }

  #footer .copyright {
    padding-bottom: 5px;
  }

  #footer .copyrigh ul {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) {
  #header-ww #water-mini-cart #site-header-cart {
    padding-top: 10px;
    margin-right: 6px;
  }

  #header-ww #water-mini-cart #site-header-cart li {
    margin-left: 15px;
    margin-right: 7px;
  }

  #header-ww #water-mini-cart #site-header-cart a.cart-contents {
    padding: 0em 0 1.3em;
  }

  #header-ww #water-mini-cart #site-header-cart .cart-contents .count {
    font-weight: 300;
    vertical-align: sub;
    margin-left: 5px;
    font-family: "Poppins", sans-serif;
    color: #333333;
  }

  #header-ww span#arrowExpandUl {
    top: 3px;
  }
}

@media only screen and (min-width: 1000px) {
  #testForDropdown {
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.175);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    position: absolute;
    top: 57px;
  }

  /* if username is to long */
  #testForHover li:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block !important;
    max-width: 70px;
    white-space: nowrap !important;
  }

  .ulForLoggedIn #testForHover li {
    color: #333;
  }
}

/* beacuse of the new link */
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  #water-buy-button {
    margin: 7px 0 0 20px;
  }

  #header-ww #nav li {
    margin: 0 0 0 15px;
  }
}

/* new mobile menu detection */
@media only screen and (max-width: 1000px) {
  #header-ww .nav-opener {
    display: inline-block;
    vertical-align: top;
  }

  #header-ww .opener-holder {
    float: right;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 25px;
    margin: 7px 25px 0;
  }

  #header-ww .opener-holder:before {
    position: absolute;
    content: "";
    width: 1px;
    left: 0;
    top: 0;
    bottom: -6px;
    background: #f4f4f4;
  }

  #header-ww #nav {
    overflow: visible;
    font-size: 1.8rem;
    line-height: 1.3333333;
    letter-spacing: 0;
    font-weight: normal;
  }

  #header-ww #nav .nav-drop {
    display: block;
    clear: both;
    width: 100%;
    max-width: 400px;
    position: absolute;
    right: 0;
    top: 100%;
    pointer-events: none;
    opacity: 0;
    -webkit-transition:
      -webkit-transform 0.3s,
      opacity 0.3s;
    transition:
      transform 0.3s,
      opacity 0.3s;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  #header-ww #nav .nav-drop>ul {
    display: block;
    padding: 0;
    text-align: left;
  }

  #header-ww #nav .nav-drop>ul li {
    position: relative;
    margin: 0;
    /*padding: 0 35px;*/
    display: block;
    font-size: 1.8rem;
    line-height: 1.3333333;
    font-weight: normal;
  }

  #header-ww #nav .nav-drop>ul li.active:before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    width: 4px;
    left: 0;
    background: #058fdd;
  }

  #header-ww #nav .nav-drop>ul li a {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #3e3d3f;
    color: #fff;
    background: rgba(51, 51, 51, 0.98);
  }

  #header-ww #nav .nav-drop>ul li a:active,
  #header-ww #nav .nav-drop>ul li a:focus,
  #header-ww #nav .nav-drop>ul li a:hover {
    text-decoration: none;
    color: #058fdd;
  }

  #header-ww #nav .nav-drop>ul li.active {
    position: relative;
  }

  #header-ww #nav .nav-drop>ul li.active a {
    color: #058fdd;
  }

  #header-ww #nav .nav-drop .drop-holder {
    margin: 0 -9999px;
    padding: 20px 10014px;
    background: #333;
    text-align: left;
    color: #9a9a9a;
  }

  #header-ww #nav .nav-drop .drop-holder span {
    display: block;
    margin: 0 0 20px;
  }

  #header-ww #nav .nav-drop .drop-holder ul {
    padding: 0;
  }

  #header-ww #nav .nav-drop .drop-holder ul li {
    padding: 0;
    margin: 0;
  }

  #header-ww #nav .nav-drop .drop-holder ul li+li {
    margin: 0 0 0 20px;
  }

  #header-ww #nav .nav-drop .drop-holder ul a {
    font-size: 3rem;
    color: #fff;
  }

  #header-ww #nav .nav-drop .drop-holder ul a:hover {
    color: #058fdd;
  }

  .nav-active #header-ww #nav .nav-drop {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .ulForLoggedIn {
    padding: 20px !important;
    background: rgba(51, 51, 51, 0.98);
    color: #cdcdcd;
  }

  .ulForLoggedIn :hover {
    color: #337ab7;
  }
}

@media only screen and (max-width: 992px) {
  #footer .contact3-form-title {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
  #header-ww #nav li {
    margin-left: 13px;
  }
}

@media only screen and (max-width: 767px) {
  #header-ww {
    padding: 0;
  }

  #header-ww>.container {
    padding: 4px 0 0;
  }

  #header-ww .logo {
    margin: -1px 0 0px 25px;
    height: 50px;
  }

  .nav-active #header-ww .nav-opener:after,
  .nav-active #header-ww .nav-opener:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    left: 5%;
    right: 5%;
  }

  .nav-active #header-ww .nav-opener:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .nav-active #header-ww .nav-opener span {
    opacity: 0;
  }

  #header-ww .ush_cart_1 .w-cart-link {
    line-height: 47px !important;
    padding-right: 0px;
  }

  #header-ww a.hiddenMob span.w-cart-quantity {
    margin-left: -2px;
  }

  #header-ww .choose-language-div {
    padding-top: 11px;
    margin-right: 2px;
    margin-left: 17px;
  }

  #header-ww #water-buy-button {
    float: none;
    height: 37px;
    font-size: 1.4rem;
    line-height: 15px;
    margin: 0;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    letter-spacing: 1px;
    margin-left: 20px;
  }

  #header-ww .fa.fa-shopping-cart {
    color: #000;
    padding-right: 5px;
  }

  #header-ww #water-mini-cart #site-header-cart {
    padding: 12px 0 5px;
  }

  #header-ww #water-mini-cart #site-header-cart span.count {
    font-family: "Poppins", sans-serif;
    color: #333333;
  }

  #footer .footer-info {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 479px) {
  #header-ww .logo {
    margin: 5px 0 0px 8px;
    height: 37px;
  }

  #header-ww .opener-holder {
    padding: 0 0 0 15px;
    margin: 11px 5px 0;
  }

  #header-ww #water-buy-button {
    height: 30px;
    margin: 8px 0 0;
    font-size: 1.19rem;
    line-height: 24px;
    padding: 3px 15px;
    min-width: 0;
    margin-left: 15px;
  }

  #header-ww .choose-language-div {
    margin-left: 11px;
    padding-top: 12px;
    margin-right: 0px;
  }

  #header-ww .fa.fa-shopping-cart {
    font-size: 17px;
    padding-right: 7px;
  }
}

/*--------------------------------------------------------------
#  Wetality Water memeber page for downloading product list and other images
--------------------------------------------------------------*/

#water-product-list {
  padding-top: 70px;
  padding-bottom: 50px;
}

#water-product-list h2 {
  overflow: hidden;
  text-align: center;
}

#water-product-list h2>span {
  position: relative;
  display: inline-block;
  font-size: 25px;
  text-transform: uppercase;
}

#water-product-list h2>span:before,
#water-product-list h2>span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 2px solid;
  width: 100%;
  margin: 0 20px;
}

#water-product-list h2>span:before {
  right: 100%;
}

#water-product-list h2>span:after {
  left: 100%;
}

#water-product-list h3 {
  padding-top: 50px;
  margin-bottom: 30px;
  font-size: 27px;
  font-family: "Gotham-Book";
  font-weight: bold;
  line-height: 35px;
}

#water-product-list .btnDownload {
  background-color: #0490dd;
  border: none;
  color: white;
  padding: 12px 25px;
  cursor: pointer;
  font-size: 13px;
  border-radius: 10em;
  word-wrap: break-word;
  -webkit-box-shadow:
    0 3px 10px 0 rgb(130, 204, 247),
    0 5px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 10px 0 rgb(130, 204, 247),
    0 5px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  letter-spacing: 1px;
  display: inline-block;
  margin-top: 50px;
  cursor: pointer;
}

#water-product-list .btnDownload:hover,
#water-product-list .btnDownload:focus {
  background-color: #14799e !important;
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#water-product-list .wrrap-blob-bg {
  background-image: url(./images/blob-shape.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 445px;
  position: relative;
}

#water-product-list .blob-bg2 {
  background-image: url(./images/blob-shape2.svg);
  background-position: left;
}

#water-product-list .wrrap-blob-bg img {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 55%;
}

#water-product-list .blob-bg2 img {
  top: 52%;
  left: 41%;
  height: 50%;
}

#water-product-list .wrapp-filters-images {
  text-align: center;
}

#water-product-list .wrapp-filters-images.machine-and-logo img {
  display: block;
  margin: 20px auto;
}

#water-product-list .wrapp-filters-images p {
  font-size: 16px;
  color: #000;
  height: 46px;
}

#water-product-list .front-m {
  height: 360px;
}

#water-product-list .tobrochure img {
  height: 70px;
  margin: 30px auto 20px;
}

#water-product-list .pdf-si {
  text-align: center;
  margin: 20px auto;
}

#water-product-list .pdf-si p {
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

#water-product-list .pdf-si .btnDownload {
  margin-top: 20px !important;
}

#water-buy-button {
  float: right;
  margin: 7px 0 0 25px;
  padding: 6px 20px 4px;
  font-weight: 300;
  letter-spacing: 0;
  color: #fff;
  background-color: #0490dd;
  border-color: #0490dd;
  font-size: 13px;
  border-radius: 50px;
}

/*------------------------------------------*/
/*   404 page
/*------------------------------------------*/

.content-area.for-404 {
  margin-top: 150px;
}

.error-404 {
  position: relative;
  padding: 100px 0px;
  margin: 100px auto;
}

.error-404 .not-found {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 750px;
  width: 100%;
  padding-left: 160px;
  color: #000;
}

.error-404 .not-found .notfound-404 {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 140px;
  height: 140px;
  background-image: url(./images/emoji.png);
  background-size: cover;
}

.error-404 .not-found.notfound-404:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(2.4);
  -ms-transform: scale(2.4);
  transform: scale(2.4);
  border-radius: 50%;
  background-color: #f2f5f8;
  z-index: -1;
}

.error-404 .not-found h1 {
  margin-top: -7px;
}

.error-404 .not-found h2 {
  font-size: 70px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.error-404 .not-found p {
  line-height: 23px;
}

/*------------------------------------------*/
/*  Blog page
/*------------------------------------------*/

body.archive.category article {
  border-bottom: 4px double #c3c3c3;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

body.archive.category article .entry-content img.attachment- {
  object-fit: cover;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  float: left;
  margin-right: 25px;
}

.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
  font-size: 0.75em;
}

.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
  text-decoration: none;
  cursor: default;
}

.hentry .entry-header .post-comments a {
  cursor: pointer;
}

article .alpha {
  font-size: 1.8em;
}

body.single.single-post article .entry-content img.attachment- {
  width: 100%;
}

.hentry .entry-header {
  margin-bottom: 1em;
}

@media screen and (min-width: 992px) {
  .category-post-sidebar {
    padding-left: 50px;
    padding-top: 25px;
  }

  #promo-offers h3 {
    padding-left: 1.8%;
  }
}

.category-post-sidebar h3 {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.category-post-sidebar ul {
  margin-left: 20px;
  list-style: circle;
}

.category-post-sidebar ul li {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px 0 10px 8px;
}

/*------------------------------------------*/
/*  Top ten ranking
/*------------------------------------------*/
.div-general-info-topten table:not(.has-background) th {
  background-color: inherit;
}

.div-general-info-topten table tr td {
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}

/* delete empty space in bottom when sold out */
.woocommerce.columns-4 .products .product.outofstock .priceDiv {
  /*padding-bottom: 46px;*/
  padding-bottom: 0px;
}

/*------------------------------------------*/
/*  The Wetality way - packages section
/*------------------------------------------*/

.new-packages-section h3 {
  text-align: center;
  margin: 40px auto 20px;
}

.w-w-about h3 {
  text-align: center;
}

.new-packages-section [class*="col-"] {
  margin-bottom: auto;
}

.new-packages-section ul {
  margin-left: 5px;
  list-style: none;
}

.new-packages-section p {
  text-align: left;
  font-weight: normal;
  line-height: 23px;
  font-size: 18px;
  margin-bottom: 10px;
  color: #000;
}

.new-packages-section .bordered-package {
  border: 2px solid #e2e2e2;
  border-radius: 25px;
  font-size: 18px;
  line-height: 20px;
  color: #333;
  margin: 15px auto;
  padding-bottom: 20px;
}

.new-packages-section .bordered-package p {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.new-packages-section .contains-wrap {
  padding-top: 30px;
  padding-bottom: 5px;
  border-left: 2px solid #e2e2e2;
  margin: 30px auto !important;
}

.new-packages-section .contains-wrap p {
  text-align: center;
  font-size: 18px;
}

.new-packages-section p.package_title_border {
  border-bottom: 2px solid #e2e2e2;
  font-size: 21px;
  padding-bottom: 4px;
  text-align: center;
}

.bordered-package a.button.add_to_cart_button {
  display: table;
  background: #0490dd;
  color: #fff;
  font-size: 15px;
  border-radius: 5px;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.bordered-package a.button.add_to_cart_button:hover,
.bordered-package a.button.add_to_cart_button:focus {
  -webkit-box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.new-packages-section p.contains-list {
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
}

.bordered-package a.link-to-package:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

.bordered-package a.linkPormotional {
  background-color: #b1b1b1;
  font-size: 15px;
  font-weight: 600;
  margin: 0 auto;
}

.bordered-package p.preffered-notice {
  background: #ffe9aa;
  padding: 10px;
  border-radius: 5px;
}

@media only screen and (min-width: 992px) {
  .new-packages-section .bordered-package {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
  }
}

@media only screen and (max-width: 992px) {
  .new-packages-section .contains-wrap {
    border-left: none;
    border-top: 2px solid #e2e2e2;
    margin: 25px auto 0px !important;
    padding-top: 20px;
  }
}

/** css for images on shop page (water products) **/

.same-image {
  display: inline-block;
  padding: 25px;
}

a.water-product-buy-now {
  box-shadow: 0 0 0 2px #4d63d2 inset;
  color: #4d63d2;
  background-color: transparent;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 2.4;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 0 1.8em;
  margin: 15px 0;
  border: none !important;
  white-space: nowrap;
  border-radius: 0.33em;
  position: relative;
  overflow: hidden;
  transition:
    color 0.3s,
    background-color 0.3s;
  width: 100%;
}

a.water-product-buy-now:hover {
  color: #fff;
  background-color: #4d63d2;
}

/** css for membership4free text on home and loyalty page **/

section.membership4free-home {
  padding: 100px 0px 20px;
}

.mf-free h5 {
  font-size: 1.12em;
  line-height: 1.3;
}

.mf-free img {
  display: block;
  margin: 0 auto;
}

section.membership4free-home .home-read-more {
  border-bottom: 5px solid #ffcb88;
}

section.membership4free-home .home-read-more:after {
  background: #de3818;
}

/* Christmas evenet tickeet on wway page */
#christmas-event {
  background-image: url(./images/christmas-event.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
  padding-top: 50px;
  color: #000;
}

#christmas-event .info-div {
  text-align: center;
  margin-bottom: 50px;
}

#christmas-event .info-div h2 {
  color: #b19f6a;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px;
}

#christmas-event .info-div h3 {
  text-align: left;
  font-weight: bold;
  line-height: 33px;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #000;
  margin-top: 5px;
}

#christmas-event .info-div h3 span {
  color: #a59463;
}

#christmas-event .info-div .refund-info {
  text-align: left;
  margin-top: -20px;
  border: 2px dashed #ec5b3f;
  border-radius: 5px;
  padding: 15px;
}

#christmas-event .info-div p {
  font-size: 19px;
  line-height: 25px;
  color: #000;
  font-weight: 400;
}

#christmas-event .info-div p.canceled-event {
  border: 2px solid #ec5b3f;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  transform: rotate(-11deg);
  background: white;
  letter-spacing: 1px;
}

.c-event-timing {
  background-color: rgba(176, 159, 105, 0.52);
  margin-top: 40px;
  padding: 25px;
  text-align: center;
}

.c-event-timing h3 {
  text-align: center;
  margin: 25px auto;
}

.c-event-timing p {
  margin-bottom: 30px;
}

.c-event-timing span {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

.noticethat {
  text-transform: uppercase;
  font-size: 22px;
}

#christmas-event img {
  margin: 0 auto;
  width: 250px;
  max-width: 100%;
}

#christmas-event a.button.add_to_cart_button {
  font-size: 14px;
  background: #d3c6a6;
  padding: 5px 25px;
  cursor: pointer;
  border: 2px solid #ada68c;
  border-radius: 2px;
}

#christmas-event a.button.add_to_cart_button:hover {
  background: #e6e6e4;
}

/** css for single video page**/
.vjs-load-progress {
  background: #de3818;
}

.vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
  background: #de3818;
}

button.vjs-play-control.vjs-control.vjs-button.vjs-paused,
button.vjs-play-control.vjs-control.vjs-button.vjs-playing,
.vjs-current-time-display,
.vjs-duration-display,
.vjs-volume-menu-button,
.vjs-volume-bar.vjs-slider-bar.vjs-slider.vjs-slider-horizontal {
  color: #de3818;
}

.vjs-play-progress.vjs-slider-bar {
  background: #494950 !important;
}

/* Face masks on shop page */
.face-mask-wrapp {
  border-radius: 5px;
  margin: 25px;
  box-shadow: 0 0 0 2px #ffc107 inset;
  color: #000;
  background-color: #ffedb9;
}

.face-mask-wrapp img {
  display: block;
  margin: 0 auto;
}

.face-mask-wrapp img.Woman-with-mask,
.promo-ticket-section-shop-wrapp img.Woman-with-mask {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 0px;
  max-width: 100%;
}

.face-mask-wrapp img.face-mask-img {
  margin: 5px auto;
}

.face-mask-wrapp [class*="col-"],
.wetality-water-wrapp [class*="col-"],
.promo-ticket-section-shop-wrapp [class*="col-"] {
  margin-bottom: 0px;
}

.face-mask-wrapp p span {
  font-weight: bold;
  font-size: 19px;
}

.face-mask-wrapp .row,
.wetality-water-wrapp .row,
.promo-ticket-section-shop-wrapp .row {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}

.promo-ticket-section-shop-wrapp .linkPormotional {
  background-color: #e55025;
}

.promo-ticket-section-shop-wrapp .linkPormotional:hover,
.promo-ticket-section-shop-wrapp .linkPormotional:focus {
  background-color: #e55025b0;
}

.w-air-for-mobile {
  display: none;
}

.face-mask-text {
  margin-top: 5%;
}

.face-mask-text-price {
  text-align: center;
  margin-top: 15%;
}

.face-mask-text-price p {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.face-mask-text-price p span {
  font-size: 26px;
}

.face-mask-text-price p.face-mask-price {
  font-size: 13px;
}

.face-mask-text-price a.button {
  color: #fff;
  background-color: #0490dd;
  border-radius: 3px;
  border: 2px solid transparent;
  line-height: 15px;
  margin-top: 0px !important;
}

.face-mask-text-price a.button:hover,
.face-mask-text-price a.button:focus {
  border: 2px solid #0490dd;
  background-color: transparent;
  color: #000;
}

.wetality-water-wrapp {
  border-radius: 5px;
  margin: 25px;
  box-shadow: 0 0 0 2px #0490dd inset;
  color: #000;
  background-color: #0490dd21;
}

.wair-wrapp {
  background-color: #b2d2e4;
}

.wetality-water-wrapp-text {
  margin: 5% 0 5%;
}

.wetality-water-wrapp p {
  font-size: 15px;
  line-height: 18px;
}

.wetality-water-wrapp img.water-section-image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 2px;
  max-width: 100%;
}

.wetality-water-wrapp img.wair-section-image {
  position: absolute;
  left: 37%;
  transform: translate(-50%, 0%);
  bottom: 2px;
  max-width: 100%;
}

.promo-ticket-section-shop-wrapp {
  background: #ececec;
  border-radius: 5px;
  margin: 25px;
  box-shadow: 0 0 0 2px #d2d2d2 inset;
  color: #000;
}

.promo-ticket-section-shop-wrapp img {
  margin: 0 auto;
}

.promo-ticket-section-shop-wrapp img.tickets-img {
  margin-top: 17px;
  margin-bottom: 20px;
  max-width: 275px;
  width: 100%;
}

.promo-ticket-section-shop-wrapp p {
  font-size: 17px;
  line-height: 21px;
}

.promo-ticket-section-shop-wrapp p.title {
  font-size: 20px;
  font-weight: bold;
  color: #e55025;
}

@media only screen and (max-width: 1430px) {
  .face-mask-wrapp img.face-mask-img {
    margin-top: 11%;
  }

  .face-mask-text p {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1250px) and (min-width: 992px) {
  .face-mask-wrapp img.Woman-with-mask {
    left: 60%;
  }

  .face-mask-wrapp,
  .wetality-water-wrapp {
    padding-right: 10px;
  }

  .face-mask-text p,
  .wetality-water-wrapp-text p {
    font-size: 14px;
    line-height: 18px;
  }

  .face-mask-wrapp p span {
    font-weight: bold;
    font-size: 17px;
  }

  .face-mask-wrapp img.face-mask-img {
    margin-top: 15%;
  }
}

@media only screen and (max-width: 1200px) {
  .face-mask-text-price {
    margin-top: 21%;
  }
}

@media only screen and (max-width: 1100px) {
  .face-mask-wrapp img.face-mask-img {
    margin-top: 25%;
  }

  .promo-ticket-section-shop-wrapp p.title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 993px) {

  .face-mask-wrapp .row,
  .wetality-water-wrapp .row,
  .promo-ticket-section-shop-wrapp .row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  .face-mask-wrapp,
  .wetality-water-wrapp,
  .promo-ticket-section-shop-wrapp {
    padding: 15px;
  }

  .face-mask-text,
  .wetality-water-wrapp-text {
    margin-top: auto;
  }

  .face-mask-wrapp img.face-mask-img,
  .face-mask-text-price {
    margin-top: 10px;
  }

  .wwater-explore {
    text-align: center;
  }

  .wetality-water-wrapp img.wwater-img {
    margin: 0px auto 20px;
  }

  .w-air-for-mobile {
    display: block;
  }

  .w-air-for-desktop {
    display: none;
  }

  .wwater-explore-full {
    width: 100%;
    text-align: center;
  }

  .wwater-explore-full a {
    width: 97%;
    display: block;
    padding: 1px;
    background-color: #f1f1f1;
    color: #007bff;
    border: 2px solid #b2d2e4;
    margin: 0 auto;
  }

  img.img-responsive.wair-img {
    padding: 0 15px 0;
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 993px) {
  .wwater-explore {
    position: relative;
    height: 100%;
  }

  .wwater-explore a.linkPormotional {
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    padding: 12px 20px;
  }

  .wetality-water-wrapp img.wwater-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .wetality-water-wrapp img.wair-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 2px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {

  #face-mask .container,
  #wwater-shop-section .container,
  #wwair-shop-section .container,
  .promo-ticket-section-shop .container {
    width: auto;
  }

  .face-mask-wrapp {
    margin: 15px 10px;
  }
}

p.preferred-retail-price,
p.preferred-real-price {
  margin-bottom: 2px;
}

a.blog-visit-product {
  font-size: 22px !important;
  border: 5px solid #dcd9d9;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  line-height: 45px;
  padding: 7px 25px;
  text-transform: none;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: #898e66;
  text-decoration: none !important;
}

a.blog-visit-product:hover {
  border: 5px solid #898e66;
  background: white;
  color: #898e66;
}

/* NEW MOBILE MENU */

#menu:not(.mm-menu) {
  display: none;
}

#user-profile-menu:not(.mm-menu) {
  display: none;
}

.mobile-bottom-nav {
  display: -webkit-box;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 999;
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 -2px 3px -2px #21212140;
  height: 50px;
}

.mobile-bottom-nav-item {
  display: -webkit-box;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
  color: #cccccc;
  flex: 1 1;
  position: relative;
}

.mobile-bottom-nav-link {
  display: -webkit-box;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
}

.mobile-bottom-nav-item img {
  display: block;
  margin: 6px auto 0px;
  width: 24px;
  height: 24px;
}

.mobile-bottom-nav-item ul li {
  margin-bottom: 0px;
  height: 24px;
  height: 100%;
  width: 100%;
}

.mobile-bottom-nav a,
.mobile-bottom-nav a span.bottom-text,
.mobile-bottom-nav span.bottom-text {
  color: #707070;
  font-size: 11px;
}

.mobile-bottom-nav a {
  height: 100%;
}

.mobile-bottom-nav span.bottom-text {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
}

/*.mobile-bottom-nav-item.mobile-loyalty-btn{
  background: #ffe088;
} */

.mobile-bottom-nav-item.mobile-login-btn {
  background: #de3818;
}

.mobile-bottom-nav-item.mobile-loyalty-btn a p {
  margin: 0;
  font-size: 18px;
  margin-top: 9px;
  font-weight: bold;
  color: #4c4c4c;
}

.mobile-bottom-nav-item.mobile-login-btn span.bottom-text {
  color: #ffffff;
}

.cart-nav-item {
  border-right: 1px solid #e2e2e2;
}

.qwetality-nav .mobileNav span#languageTitle {
  margin-left: 7px;
  font-size: 14px;
  display: inline-block;
  padding-top: 2px;
}

/* user avatar when user is logged in */
.my-settings-link-menu .circle-avatar {
  height: 85px;
  width: 85px;
  border-radius: 50%;
  border: 2px solid #eb5b20;
}

.my-settings-link-menu .circle-avatar img {
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.my-settings-link-menu .circle-avatar a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 84px;
  font-size: 28px;
  color: #eb5b20;
  text-transform: uppercase;
}

.my-settings-link-menu {
  padding: 7px;
}

@media screen and (max-width: 767px) {
  .page-template-template-searching-page .wrap img {
    width: 50%;
    display: block;
    margin: 20px auto 50px;
  }

  .searching-wrap {
    padding-top: 10px;
    height: 50vh;
  }

  .searching-wrap h3 {
    margin-bottom: 25px;
    margin-top: 0px;
  }

  form.searchform.group label,
  form.searchform.group input {
    width: 100%;
  }

  form.searchform.group input[type="submit"] {
    background: #f3a07c;
  }

  .mm-navbars_bottom .mm-navbar a {
    color: #eb5b20;
  }

  .mm-navbars_bottom .mm-navbar:first-child {
    border-top: none !important;
    height: 50px;
  }

  a.mm-navbar__title {
    color: #464b4c;
  }

  .mm-navbars_top .mm-navbar span {
    color: #0490dd;
  }

  .mm-iconbar i.fa {
    font-size: 19px;
    color: #e94f11;
  }

  span.mm-counter {
    border-left: 1px solid #bdb7b7;
  }

  li.mm-listitem {
    font-size: 14px;
  }

  li.mm-listitem a.mm-listitem__text {
    line-height: 25px;
  }

  li.mm-listitem a.mm-listitem__text img {
    height: 25px;
    float: right;
  }

  li.offer-btn.mm-listitem a.mm-listitem__text {
    font-weight: bold;
    color: #e95129;
  }

  a.mobile-logout {
    color: white !important;
    background: #0490dd;
  }

  .navbar-default.qwetality-nav {
    background-color: #fff;
  }

  .navbar.navbar-default.qwetality-nav {
    min-height: 55px;
    margin-bottom: 0px;
  }

  .navbar-toggle .icon-bar {
    background-color: #000000;
  }

  .navbar-toggle {
    padding: 0px;
    float: none;
  }

  .mm-panel {
    background: #ffffff;
  }

  #site-header-cart .cart-contents::after {
    content: url("images/mobile-menu-icons/Icon-Shop-1.svg");
    height: 24px;
    width: 24px;
    float: none;
  }

  .mm-listitem_selected>.mm-listitem__text {
    background-color: transparent;
  }

  .mobile-bottom-nav-item.menu-burger {
    border-right: 1px solid #e2e2e2;
  }

  .wetality-water-wrapp.wair-wrapp {
    margin: 25px 10px 10px;
  }

  .wwater-explore-full a {
    width: 95%;
    display: block;
    padding: 1px;
    background-color: #f1f1f1;
    color: #007bff;
    border: 2px solid #b2d2e4;
    margin: 0 auto;
  }

  .w-air-for-mobile {
    padding: 0;
    margin: 0;
  }

  .wwater-explore-full {
    width: 100%;
    text-align: center;
    margin: 0 0 25px 0;
    font-size: 12px;
  }
}

/* MOBILE HOME PAGE */

.homepage-section.mobile-version {
  padding-top: 15px;
}

.homepage-section.mobile-version p.homepage-section-title {
  font-size: 17px;
  color: #de3818;
}

.homepage-section.mobile-version h2 {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 0px;
  color: #000;
}

.homepage-section.mobile-version h3 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 12px;
}

.homepage-section.mobile-version p {
  font-size: 14px;
  line-height: 17px;
  color: #000;
}

.homepage-section.mobile-version p.bigger-intro-p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 10px;
}

.homepage-section.mobile-version .float-right {
  margin-right: -15px;
  margin-top: 19px;
}

.homepage-section.mobile-version .home-videodiv .video-js {
  margin-bottom: 15px;
}

.homepage-section.mobile-version .home-full-section {
  padding: 0px;
}

.homepage-section.mobile-version .home-full-section .container-fluid {
  padding-right: 15px;
}

.row.higlight-text-product {
  margin: 0px;
  background: #f1f8e9;
  border-radius: 15px;
  padding-top: 13px;
  margin-bottom: 10px;
}

.home-read-more-video {
  display: block;
  margin: 0 auto;
  width: 170px;
  height: 55px;
  padding: 0;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 57px;
  text-align: center;
  letter-spacing: 0.5px;
  border: none;
  background-color: #87754c;
  box-shadow: 0 15px 20px 0 rgb(212 210 206);
}

.home-read-more-video:focus,
.home-read-more-video:active,
.home-read-more-video:hover {
  background-color: #87754c9e;
  color: #ffffff;
}

.homepage-section.mobile-version .zoom-date-tag ul {
  margin-left: 5px;
  margin-bottom: 0px;
}

.homepage-section.mobile-version .zoom-speaker-info {
  padding: 17px 15px 0px 12px;
}

.homepage-section.mobile-version .z-info-top p span {
  font-size: 23px;
}

.homepage-section.mobile-version img.zoom-logo-mobile {
  top: 10px;
  right: 15px;
}

.homepage-section.mobile-version .z-info-top p,
.homepage-section.mobile-version .z-event-box p,
.homepage-section.mobile-version .left-metting-info p {
  font-size: 13px;
}

.homepage-section.mobile-version p.event-title-p {
  font-size: 16px;
}

.homepage-section.mobile-version .right-metting-info p {
  margin-bottom: 10px;
  line-height: 15px;
}

.homepage-section.mobile-version .home-videodiv {
  text-align: center;
}

.homepage-section.mobile-version .home-videodiv a.zoom-join-btn {
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #c5c5c5;
}

.homepage-section.mobile-version .home-read-more {
  font-size: 14px;
  margin-top: 5px;
  padding-bottom: 0px;
}

.homepage-section.mobile-version .join-us-gray {
  padding: 10px 0px 30px;
  background: #f3f3f3;
}

.homepage-section.mobile-version .join-us-tips-box img {
  margin: 0 auto 10px;
}

/* products */
.mobile-home-page-all-product {
  width: 100%;
  max-width: 100%;
}

.mobile-product-two-coll {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  height: 225px;
  margin-bottom: 10px;
}

.mobile-product-one-coll {
  min-height: 140px;
  max-height: 140px;
  height: 140px;
  margin-bottom: 10px;
}

.rounded-box {
  border-radius: 14px;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.mobile-product-one-coll .rounded-box-info {
  right: 20px;
  bottom: 20px;
  text-align: right;
  top: auto;
  left: auto;
}

.homepage-section.mobile-version .rounded-box-info {
  top: 15px;
  left: 15px;
}

.rounded-box-info {
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 18px;
  z-index: 1;
}

.rounded-box-info h2,
.homepage-section.mobile-version .rounded-box-info h2 {
  margin: 0px;
  font-size: 16px;
  color: #414141;
  font-weight: 600;
  line-height: 16px;
}

.rounded-box-info p,
.homepage-section.mobile-version .rounded-box-info p {
  margin: 0px;
  font-size: 12px;
  color: #414141;
}

.whit-text-white h2,
.whit-text-white p {
  color: #ffffff;
}

.rounded-box img {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: auto;
}

.homepage-section.mobile-version .rounded-box img {
  height: auto;
}

.homepage-section.mobile-version .rounded-box.orange-color img {
  height: 95%;
}

.homepage-section.mobile-version .rounded-box.yellow-color img {
  height: 100%;
}

.rounded-box.green-color img,
.rounded-box.brown-color img {
  height: 93%;
}

.images-right .rounded-box img {
  right: 0px;
}

.rounded-box.yellow-color {
  background-color: #ffe088;
}

.rounded-box.orange-color {
  background-color: #ffcb88;
}

.rounded-box.black-color {
  background-color: #a9afba;
}

.rounded-box.green-color {
  background-color: #5eaf66;
}

.rounded-box.tizian-color {
  background-color: #a5d2cc;
}

.rounded-box.brown-color {
  background-color: #67260e;
}

.rounded-box.blue-color {
  background-color: #c8eeff;
}

.rounded-box.darkgray-color {
  background-color: #474c56;
}

.rounded-box.gray-color,
.gray-color-r {
  background-color: #eef3f3;
}

.homepage-section.mobile-version .whit-text-white h2,
.homepage-section.mobile-version .whit-text-white p {
  color: #ffffff;
}

/*.homepage-section.mobile-version .rounded-box.black-color img{height: 82%;}*/

/* delete when air comes */
.homepage-section.mobile-version .mobile-product-one-coll .rounded-box.blue-color img {
  height: 100%;
}

.homepage-section.mobile-version .mobile-product-one-coll .rounded-box.gray-color img {
  height: 100%;
  left: 0px;
}

.mm-btn_next:after {
  border-color: #e94f26;
}

.preloader-link,
.preloader-link-in-nav {
  /*display: flex;*/
  display: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background: rgb(255 255 255 / 80%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  /*transition: opacity 0.3s linear;*/
}

.preloader-water-machine {
  /*display: flex;*/
  display: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background: rgb(255 255 255 / 80%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  /*transition: opacity 0.3s linear;*/
}

.preload-paragraph {
  position: absolute;
  top: 70%;
}

.msgc-notifications-count {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  background-color: red;
  color: white;
  padding: 5px;
}

@media only screen and (max-width: 359px) {
  .rounded-box-info {
    top: 17px;
    left: 12px;
  }

  .mobile-product-one-coll .rounded-box-info {
    right: 12px;
    bottom: 17px;
  }
}

/* SPECIAL OFFER DIV ON OFFERS PAGE */

.special-offer-div {
  background: #e2e8e2;
  border-radius: 10px;
}

.special-offer-div [class*="col-"] {
  margin-bottom: 0px;
}

.special-offer-div .row {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .special-offer-div-text {
    position: absolute;
    top: 12%;
    color: #000;
  }

  .special-offer-div-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-around;
    width: 80%;
    color: #000;
  }
}

.special-offer-div-text p i {
  font-size: 16px;
  line-height: 17px;
}

.special-offer-div-price {
  margin-bottom: 0px;
  line-height: 22px;
  color: #af572d;
  font-size: 32px;
  margin: 10px auto;
}

.special-offer-div-price span {
  font-size: 14px;
  color: #000000;
}

.special-offer-div-btn img {
  margin: 10px 30px 20px;
  -webkit-animation: fadein 4s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 4s;
  /* Firefox < 16 */
  -ms-animation: fadein 4s;
  /* Internet Explorer */
  -o-animation: fadein 4s;
  /* Opera < 12.1 */
  animation: fadein 4s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.special-offer-div-btn .button,
.christmas-offer-pakke .button {
  background-color: #d36936;
  border-color: #de6b35;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.9);
  animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

p.special-offer-div-price-retail {
  margin-top: 15px;
  font-size: 16px;
}

/* #shipping_method_0_shipmondo46:checked + label[for=shipping_method_0_shipmondo46]::after {
    display: block;
    font-size: 12px;
    border: 1px solid red;
    padding: 3px 10px 3px 3px;
    text-align: center;
    content: "GLS delivers your package to you personally. If you are not home, the package will be delivered to your nearest GLS-store, and you will be notified about where to pick it up. If you want the package left on your location, you must visit GLS.com to create a appointment, that GLS must leave the package at your place.";
} */

#shipping_method_0_shipmondo46:checked+label[data-content="eng-content"]::after {
  display: block;
  font-size: 12px;
  border: 1px solid red;
  padding: 3px 10px 3px 3px;
  text-align: center;
  content: "GLS delivers your package to you personally. If you are not home, the package will be delivered to your nearest GLS-store, and you will be notified about where to pick it up. If you want the package left on your location, you must visit GLS.com to create a appointment, that GLS must leave the package at your place.";
}

#shipping_method_0_shipmondo46:checked+label[data-content="dk-content"]::after {
  display: block;
  font-size: 12px;
  border: 1px solid red;
  padding: 3px 10px 3px 3px;
  text-align: center;
  content: "GLS leverer din pakke personligt til dig. Hvis du ikke er hjemme, leveres pakken til din nærmeste GLS-butik, og du får besked om, hvor du skal hente den. Hvis du ønsker at GLS skal efterlade pakken hos dig, skal du besøge GLS.com for at oprette en aftale for at GLS må efterlade pakker hos dig.";
}

/* special christmas package offer */
/*
.christmas-offer-pakke{
	background-image: url(./images/BG-Shop-offer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  position: relative;
  height: 350px;
}

.christmas-offer-pakke p.up-info{
  margin-top: -60px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 33px;
}

.christmas-offer-pakke .text-center img{margin:0 auto;}

.christmas-offer-pakke p.rpr {
  font-size: 15px;
  color: #000;
}

.christmas-offer-pakke p.pkg-title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
*/

/* special offer germany */
.special-offer-div.german-offer {
  margin-bottom: 20px;
  background-color: #f9f9f9;
  padding-bottom: 0 !important;
}

.special-offer-div.german-offer .special-offer-div-btn img {
  margin: 10px auto 20px;
}

table#ergonomic-pillow,
table#msm-collagen {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

#ergonomic-pillow td,
#ergonomic-pillow th,
#msm-collagen td,
#msm-collagen th {
  border: 1px solid #bfbcbc;
  text-align: left;
  padding: 8px;
}

#ergonomic-pillow tr:nth-child(even),
#msm-collagen tr:nth-child(even) {
  background-color: #dddddd;
}

#msm-collagen th {
  text-align: center;
}

#msm-collagen tr td:not(:first-child) {
  text-align: center;
}

/*-----------------------------*/
/*   Home page- zoom section
/*-----------------------------*/

.home .zoom-date-tag ul {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 10px;
}

.zoom-date-tag ul li {
  display: inline-block;
  padding-right: 30px;
  margin-left: 0;
  font-size: 13px;
  margin-bottom: 0px;
}

.zoom-date-tag ul li .fa {
  padding-right: 7px;
}

.zoom-speaker-section {
  box-shadow: 0px 8px 64px #0000001a;
  margin-bottom: 25px;
}

.zoom-speaker-section>.row {
  display: flex;
  flex-wrap: wrap;
}

.zoom-speaker-section [class*="col-"] {
  margin-bottom: 0px;
}

.zoom-speaker-section img {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.zoom-speaker-info {
  padding: 14px 0px 10px 25px;
  height: 100%;
  position: relative;
}

.z-info-bottom {
  position: absolute;
  bottom: 15px;
}

.z-info-top p {
  font-size: 14px;
}

.home .z-info-top p span {
  color: #de3818;
  font-size: 17px;
  font-weight: bold;
  display: block;
  margin-top: 0px;
}

.row-one {
  width: 35%;
  position: relative;
  display: inline-block;
}

.row-two {
  width: 60%;
  position: relative;
  display: inline-block;
}

p.event-title-p {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  margin-top: 4px;
}

.for-zoom-title {
  margin-top: 25px;
}

.z-info-bottom p {
  font-size: 14px;
  line-height: 20px;
}

.z-info-bottom p span {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.z-event-box [class*="col-"] {
  margin-bottom: 0px;
}

.z-event-box {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0px 0px 10px;
  margin-bottom: 10px;
  border-left: 3px solid transparent;
  cursor: pointer;
}

.z-event-box.active,
.z-event-box:hover,
.z-event-box:focus {
  border-left: 3px solid red;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.meeting-h5 {
  font-weight: bold;
  color: #de3818;
  font-size: 19px;
  margin-bottom: 24px;
}

.left-metting-info p {
  font-size: 13px;
  line-height: 17px;
}

.left-metting-info p span {
  font-size: 17px;
  color: #de3818;
  font-weight: bold;
}

.right-metting-info p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
}

.right-metting-info p b {
  font-size: 14px;
  color: #000;
  line-height: normal;
  font-family: "Gotham-Book";
}

.right-metting-info p:last-child {
  margin-bottom: 15px;
}

.home .zoom-join-btns {
  flex-direction: column;
}

.middle-info-bottom {
  position: relative;
  height: 100%;
}

.middle-info-bottom img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  object-fit: contain;
}

/* zoom counter */

.home .zoom-event-counter {
  text-align: center;
  margin-top: 30px;
}

.zoom-event-counter p {
  color: #a5a5a5;
  font-size: 15px;
}

.home #countdown ul {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 15px;
}

#countdown li {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  list-style-type: none;
  padding: 0px 20px 0px 5px;
  border-right: 1px solid #e4e4e4;
}

#countdown li:last-child {
  border-right: 0px;
}

#countdown li span {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.zoom-join-btns {
  display: flex;
  justify-content: center;
}

.home a.zoom-join-btn {
  border: 1px solid #de3818;
  border-radius: 6px;
  font-size: 12px;
  color: #000;
  padding: 7px 20px;
  margin: 0px 8px 10px;
}

a.zoom-join-btn:hover {
  background: #eab09f;
}

.wetality-zoom-count {
  display: block;
}

.wetality-zoom-count~.wetality-zoom-count {
  display: none;
}

/* .z-event-box{
  display: none;
}
.z-event-box:nth-child(-n+3){
  display:block;
} */

.zoom-upcoming-events {
  max-height: 355px;
  overflow: scroll;
  overflow-x: hidden;
}

.zoom-upcoming-events::-webkit-scrollbar {
  width: 3px;
}

.zoom-upcoming-events::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.zoom-upcoming-events::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/** CSS FOR BLOG POSTS **/
article.type-post header.entry-header,
article.type-post .edit-link,
article.type-post aside.entry-taxonomy,
article.type-post nav#post-navigation,
article.type-post section#comments {
  display: none !important;
}

article.type-post {
  margin-bottom: 0;
}

/*-----------------------------*/
/*   Zoom Template Page
/*-----------------------------*/

#wetality-zoom {
  padding-top: 80px;
}

#wetality-zoom h2 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  color: #000;
  margin-bottom: 30px;
}

.with-main-zoom-info {
  padding: 0px 15px;
}

.with-main-zoom-info ul {
  list-style: none;
  margin: 0px;
  line-height: 27px;
}

.with-main-zoom-info ul li {
  font-size: 12px;
  color: #000;
  margin-bottom: 0px;
}

.with-main-zoom-info ul li i {
  padding-right: 7px;
}

.with-main-zoom-info .zoom-join-btns {
  flex-direction: column;
  flex-wrap: wrap-reverse;
}

.with-main-zoom-info .zoom-join-btns a.zoom-join-btn {
  font-size: 11px;
  padding: 4px 15px;
  margin: 0px 8px;
  width: fit-content;
  margin-bottom: 7px;
  background: #de3818;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .z-info-bottom {
    position: relative;
    bottom: 15px;
    padding-top: 20px;
  }

  .with-main-zoom-info .zoom-join-btns {
    flex-direction: row;
    margin: 20px auto;
  }
}

@media screen and (max-width: 767px) {
  .zoom-speaker-info {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .zoom-join-btns {
    display: flex;
  }

  #wetality-zoom .z-info-top {
    padding-right: 25px;
  }

  #wetality-zoom .z-info-top p {
    margin-bottom: 3px;
  }

  #wetality-zoom p.event-title-p {
    font-size: 16px;
    line-height: 18px;
  }

  #wetality-zoom .zoom-speaker-section img {
    height: 200px;
    width: auto;
  }
}

/*------------------------------------------*/
/*  My Settings page
/*------------------------------------------*/

body.page-template-template-user-settings .woocommerce {
  top: 8.5%;
  left: 30%;
  width: 45.6%;
  position: absolute;
  z-index: 999999;
  visibility: hidden;
}

#selected-account-div .row {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}

#selected-account-div .row>[class*="col-"] {
  display: flex;
  flex-direction: column;
}

.page-template-template-user-settings .panel-default {
  height: 100%;
}

.edit-buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-buttons-wrapper button {
  margin: 5px;
}

.exist-profile-wrapp img {
  width: 200px;
}

.page-template-template-user-settings .edit-buttons-wrapper button:hover,
.page-template-template-user-settings .edit-buttons-wrapper button:focus,
.page-template-template-user-settings .edit-buttons-wrapper button:active {
  outline: none;
}

.hide_not_exist_image {
  visibility: hidden;
  height: 0px;
}

.hide_exist_image {
  display: none !important;
}

#selected-account-div,
#selected-billing-div,
#selected-shipping-div,
#selected-gdpr-div,
#selected-smartship-div,
#selected-kyc-div,
#kyc-not-validate,
#kyc-yes-validate {
  display: none;
}

#selected-account-div button,
#selected-billing-div button,
#selected-shipping-div button,
#selected-gdpr-div button,
#selected-smartship-div button {
  margin: 20px auto 0;
  position: relative;
  display: block;
}

.active-edit-div {
  display: block !important;
}

.remove-woo-notice {
  display: none !important;
}

section.member-settings {
  margin-top: 100px;
}

section.member-settings .panel-heading {
  background: #de3818e6;
  color: white;
  font-size: 14px;
  padding: 3px 5px;
}

section.member-settings input {
  font-size: 14px;
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 5px;
}

section.member-settings label {
  font-size: 14px;
}

section.member-settings form {
  margin-bottom: 0px;
}

input.cr-slider {
  border: none;
}

.edit-buttons-wrapper {
  margin: 0px auto 30px;
}

.billing-shipping-forms {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 59%;
}

input#submit_button {
  visibility: hidden;
}

p.kyc-notice {
  color: red;
  font-size: 12px;
  line-height: 15px;
}

p.kyc-notice u {
  cursor: pointer;
}

.page-template-template-user-settings .form-row-wide {
  margin-bottom: 3px;
}

.page-template-template-user-settings .form-row-wide select {
  height: 35px;
}

/*** FILE INPUT */

.file-upload {
  display: block;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.file-upload .file-select {
  display: block;
  border: 2px solid #dce4ec;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  width: 92%;
  margin: 0 auto;
}

.file-upload .file-select .file-select-button {
  background: #dce4ec;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.file-upload .file-select .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px;
}

.file-upload .file-select:hover {
  border-color: #34495e;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
  background: #34495e;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select {
  border-color: #3fa46a;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
  background: #3fa46a;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select input[type="file"] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
  opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
  cursor: default;
  display: block;
  border: 2px solid #dce4ec;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
  background: #dce4ec;
  color: #666666;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px;
}

form#upload-new-profile-form {
  height: 0px;
  margin: 0 0 0.7em;
}

/*** END FILE INPUT CSS */

#my-close-div {
  width: 25px;
  height: 25px;
  background-color: #e14c2f;
  border: 1px solid black;
  border-radius: 3px;
  position: absolute;
  right: 21px;
  top: 50px;
}

.my-close-div {
  height: 24px;
  width: 2px;
  margin-left: 11px;
  background-color: white;
  transform: rotate(45deg);
  z-index: 1;
}

.my-c-div {
  height: 25px;
  width: 2px;
  background-color: white;
  transform: rotate(90deg);
  z-index: 2;
}

.croppie-container .cr-boundary {
  max-width: 100%;
}

.hidden-inputs {
  visibility: hidden;
  height: 0px;
}

span#strong_pass_1,
span#password_error_notice {
  font-size: 14px;
}

.exist-profile-wrapp {
  display: block;
  position: relative;
}

.exist-profile-wrapp img {
  margin: 0 auto;
}

button.btn.settings-nav-btn.active-nav-btn {
  background: #e14c2f;
  color: white;
}

.billing-shipping-forms select#shipping_country,
#selected-billing-div select#billing_country,
#pd-country,
#pd-gender {
  border-radius: 4px;
  padding: 8px 5px;
  font-size: 14px;
}

input.phonearea-class {
  width: 20% !important;
}

input.phone-class {
  width: 75% !important;
  float: right;
}

p.info-personal-page {
  font-size: 14px;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

.kyc-text p,
.kyc-text ul li {
  font-size: 14px;
  list-style: none;
}

/* popup modal */

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition:
    opacity 0.15s linear,
    z-index 0.15;
  -o-transition:
    opacity 0.15s linear,
    z-index 0.15;
  transition:
    opacity 0.15s linear,
    z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.alert-model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}

.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
}

.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  color: #fff;
}

.alert-model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}

.alert-model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}

.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

input#kyc_cancel {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 10px;
  float: right;
}

button#kyc_ok {
  position: relative;
  display: inline-block;
  margin: 0;
  border-radius: 4px;
}

.kyc_button-group {
  margin-top: 20px;
}

.gdpr-box-inputs {
  border-bottom: 1px solid #eee;
  margin: 10px 0;
  padding: 10px 0;
}

.gdpr-forms p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
}

.gdpr-forms h4 {
  font-size: 16px;
  font-weight: 700;
}

.gdpr-box-inputs:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

.gdpr-checkbox {
  font-size: 13px !important;
  line-height: 16px;
}

/* The switch - the box around the slider */
.gdpr-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 21px;
}

/* Hide default HTML checkbox */
.gdpr-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.gdpr-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.gdpr-slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.gdpr-slider {
  background-color: #2196f3;
}

input:focus+.gdpr-slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.gdpr-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.gdpr-slider.round {
  border-radius: 34px;
}

.gdpr-slider.round:before {
  border-radius: 50%;
}

.gdpr-checkbox {
  display: block;
}

.gdpr-accept {
  margin-top: 18px;
}

input.gdpr-btn {
  background: green;
  color: white;
  margin-top: 15px;
}

@media screen and (min-width: 800px) {
  .custom-model-main:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin-right: -0px;
    height: 100%;
  }
}

@media screen and (max-width: 799px) {
  .custom-model-inner {
    margin-top: 45px;
  }
}

/*------------------------------------------*/
/*  END css for My Settings page
/*------------------------------------------*/

/*------------------------------------------*/
/*  Sponsor tool Section
/*------------------------------------------*/

.sponsor-tool-section {
  padding: 50px 0px 0px;
  border-top: 3px solid #f3f3f3;
}

.sponsor-tool-text {
  padding-right: 55px;
}

.sponsor-tool-text img {
  height: 280px;
  margin: 50px auto 10px;
}

#visitor-contact-form [class*="col-"] {
  margin-bottom: 12px;
}

#visitor-contact-form label.control-label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 14px;
}

#visitor-contact-form input {
  background: transparent;
  box-shadow: none;
  border: 1px solid #c5c5c5;
}

#visitor-contact-form textarea:focus,
#visitor-contact-form input:focus {
  border-color: #c5c5c5 !important;
  outline: none;
}

#visitor-contact-form textarea {
  height: 100px;
  resize: none;
  box-shadow: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#visitor-contact-form textarea:focus,
#visitor-contact-form textarea:active {
  border-radius: inherit !important;
  outline: none !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

#visitor-contact-form input.the-visitor-areaphone {
  margin-right: 1%;
  width: 15%;
}

#visitor-contact-form input.the-visitor-phone {
  width: 84%;
}

#visitor-contact-form button {
  z-index: 2;
}

#visitor-contact-form .button-send-div p {
  text-align: center;
  display: inline-block;
  padding-left: 15px;
}

#visitor-contact-form button:focus,
#visitor-contact-form button:active {
  outline: none;
  border: none;
}

#success-model-wrap {
  background: #38bf38;
  color: #fff;
}

div#success-content p {
  color: #fff;
}

.error_ajax_msg {
  font-size: 12px;
  color: red;
}

#lock-modal {
  display: none;
  position: absolute;
  top: -5px;
  left: -15px;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: #fdeee9;
  opacity: 0.7;
  z-index: 3;
}

#loading-circle {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  border: 4px solid #ffe088;
  border-top: 4px solid #de3819;
  border-radius: 50%;
  animation: spin 0.6s ease-in infinite;
  z-index: 4;
}

.eliquids-wrap {
  padding-top: 145px;
}

/**
* Style for badge Eliqid
*/

/*li.product.post-32286 .woocommerce_promotion_badge_text,
li.product.post-46341 .woocommerce_promotion_badge_text,
li.product.post-45529 .woocommerce_promotion_badge_text {
    top: 39px;
    left: 14px;
} */

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 767px) {
  #visitor-contact-form [class*="col-"] {
    padding-left: 0px;
  }
}

@media screen and (max-width: 1260px) and (min-width: 992px) {
  #visitor-contact-form input.the-visitor-areaphone {
    width: 20%;
  }

  #visitor-contact-form input.the-visitor-phone {
    width: 79%;
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  #visitor-contact-form input.the-visitor-areaphone {
    width: 25%;
  }

  #visitor-contact-form input.the-visitor-phone {
    width: 74%;
  }

  .sponsor-tool-text img {
    height: 230px;
    margin: 10px auto;
  }
}

@media screen and (max-width: 767px) {
  .sponsor-tool-section {
    padding: 20px 0px 0px;
  }

  .sponsor-tool-text {
    padding-right: 0px;
  }

  .sponsor-tool-text img {
    display: none;
  }

  #visitor-contact-form input.the-visitor-areaphone {
    width: 30%;
  }

  #visitor-contact-form input.the-visitor-phone {
    width: 69%;
  }
}

.footer-notice {
  color: #000000;
  font-size: 15px;
  line-height: 17px;
}

/*------------------------------------------*/
/*  Wetality Air purifier page
/*------------------------------------------*/

.site-main.wetality-air-purifier {
  scroll-behavior: smooth;
}

.page-template-template-wetality-air-purifier .site-main,
.page-template-template-wetality-air-purifier #primary {
  margin-bottom: 0em;
}

.page-template-template-wetality-air-purifier {
  margin-top: 70px;
  position: relative;
}

.page-template-template-wetality-air-purifier [class*="col-"] {
  margin-bottom: 0px;
}

#air-hero {
  width: 100%;
  height: 90vh;
  height: calc(100vh - 70px);
  background: url(./images/air-purifier/Air-banner.jpg) center center;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}

.air-hero-infotext {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.air-hero-infotext p.air-title {
  border: 2px solid #333;
  padding: 20px;
  margin-bottom: 10px;
}

.wetality-air-purifier p {
  color: #3a3a3a;
  font-size: 17px;
  line-height: 23px;
}

.wetality-air-purifier p.air-title {
  margin: 0px;
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1.15;
  color: #3a3a3a;
  margin-bottom: 20px;
  display: inline-block;
}

.wair-post {
  display: flex;
  min-height: 45em;
  margin: 0px;
  height: 100vh;
}

.air-absolute-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-animation: fade-in 0.8s ease-in-out both 1s;
  animation: fade-in 0.8s ease-in-out both 1s;
}

.air-post-content {
  position: absolute;
  top: 50%;
  left: 12%;
  right: 12%;
  transform: translate(0%, -50%);
}

.air-machine-div {
  margin-top: 45px;
}

.air-icon-box {
  display: flex;
  align-items: center;
}

.air-icon-box img {
  height: 60px;
  margin-right: 10px;
}

.air-icon-box p {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 17px;
}

.gray-bg-air {
  background: #bbb;
  position: relative;
}

.marine-bg-air {
  background: #3a424c;
  position: relative;
}

.marine-bg-air p {
  color: #fff;
}

.marine-bg-air p.graphicon-section {
  width: 500px;
  margin: 0 auto;
  color: #fff;
}

.air-graphicon {
  max-height: 450px;
  margin: 0 auto;
}

.air-filter-section {
  padding: 90px 5% 75px;
  background-color: #eee;
  height: 100% !important;
}

.air-purifier-filters {
  display: flex;
  justify-content: center;
  padding-top: 100px;
}

.air-purifier-filters p {
  font-size: 13px;
  line-height: 17px;
  margin-top: 30px;
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.air-table {
  padding-top: 50px;
}

.air-table table {
  border-collapse: collapse;
  font-size: 13px;
  line-height: 14px;
  table-layout: fixed;
}

.air-table table thead th {
  background-color: #3a434c;
  padding-bottom: 10px;
}

.air-table table td {
  border: 2px solid #fff;
  padding: 10px;
  vertical-align: middle;
  color: #333;
  text-align: center;
}

.air-table table tr td:last-child {
  text-align: center;
}

.air-table table td b {
  color: #000;
}

.page-template-template-wetality-air-purifier .visible-xs {
  display: none;
}

.air-table table tr td:last-child {
  text-align: center;
}

.air-table table tr td:first-child {
  text-align: left;
}

.air-table table:not(.has-background) tbody tr:nth-child(2n) td {
  background-color: inherit;
}

.air-table table tr {
  background-color: #ffcbbb;
}

.air-filter-box {
  position: relative;
}

.air-filter-box {
  overflow: hidden;
  cursor: pointer;
}

.air-filter-box .content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.air-filter-box:hover .content-overlay {
  opacity: 1;
}

.air-filter-box .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.air-filter-box:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}

.air-filter-box p:not(:last-child):after {
  content: "\f061";
  position: relative;
  font-family: "FontAwesome";
  font-size: 20px;
  display: inline-block;
  right: -15px;
}

.spacer {
  width: 0;
  height: 100vh;
  float: left;
  clear: both;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven {
  width: 100%;
  height: 100vh;
  position: relative;
  float: left;
}

.latched {
  position: fixed;
  top: 55px;
}

#footer-qvg {
  position: relative;
  background-color: #fff;
}

.air-purifier-filters .pulse {
  position: absolute;
  top: 10%;
  left: 77%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: #de3819;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  font-size: 14px;
}

.air-purifier-filters .pulse::before,
.air-purifier-filters .pulse::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid #de3819;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  border-radius: 50%;
  animation: animate 1.9s linear infinite;
  backface-visibility: hidden;
}

.air-purifier-filters .pulse::after {
  animation-delay: 0.6s;
}

.air-purifier-filters .pulse.three-different {
  bottom: 53%;
  left: 60%;
  top: auto;
}

@keyframes animate {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.air-filter-section .tablink {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
  padding: 5px;
  position: relative;
  border: 1px dashed transparent;
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.air-filter-section .tablink.active {
  border: 1px dashed #e15915;
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Style the tab content (and add height:100% for full page content) */
.air-filter-section .tabcontent {
  display: none;
  height: 100%;
  border: 1px dashed #e15915;
  padding: 30px 10px 10px;
  border-radius: 5px;
}

.air-filter-section .tablink.active:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #e15915;
  left: 0;
  right: 0;
  top: 100%;
  margin: auto;
  position: absolute;
  display: block;
}

.air-purifier-filters p:after {
  content: "\2192";
  right: 0;
  top: 30%;
  margin: auto;
  position: absolute;
  display: block;
  transform: translate(20px, 0px);
  font-size: 30px;
}

.air-filter-section .tablink:last-child p:after {
  content: "";
}

@-webkit-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }

  15% {
    opacity: 1;
    top: 50%;
  }

  50% {
    opacity: 0;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 29%;
  }
}

@-moz-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }

  15% {
    opacity: 1;
    top: 50%;
  }

  50% {
    opacity: 0;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 29%;
  }
}

@keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }

  15% {
    opacity: 1;
    top: 50%;
  }

  50% {
    opacity: 0;
    top: 50%;
  }

  100% {
    opacity: 0;
    top: 29%;
  }
}

#air-hero .scroll-btn {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0px;
}

#air-hero .scroll-btn>* {
  display: inline-block;
  line-height: 17px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  letter-spacing: 2px;
}

#air-hero .scroll-btn .mouse {
  position: relative;
  display: block;
  width: 35px;
  height: 55px;
  margin: 0 auto 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #333333;
  border-radius: 20px;
}

#air-hero .scroll-btn .mouse>* {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #333333;
  border-radius: 50%;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  -moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;
}

.wetality-air-shop-btn-wrapper {
  display: flex;
  justify-content: space-between;
}

a.wetality-air-shop-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  margin-top: 10px;
  border-radius: 3px;
  padding: 10px 20px 8px;
  background-color: #e55026;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-box-shadow:
    0 3px 3px -2px rgb(0 0 0 / 20%),
    0 3px 4px 0 rgb(0 0 0 / 14%),
    0 1px 8px 0 rgb(0 0 0 / 12%);
  box-shadow:
    0 3px 3px -2px rgb(0 0 0 / 20%),
    0 3px 4px 0 rgb(0 0 0 / 14%),
    0 1px 8px 0 rgb(0 0 0 / 12%);

  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

a.wetality-air-shop-btn:hover,
a.wetality-air-shop-btn:focus {
  background-color: #e55026db;
}

a.wetality-air-shop-btn.tizian-btn {
  background-color: #3a424c;
}

a.wetality-air-shop-btn.tizian-btn:hover,
a.wetality-air-shop-btn.tizian-btn:focus {
  background-color: #5b6879;
}

a.wetality-air-shop-btn.grun-btn {
  background-color: #6a8c42;
}

a.wetality-air-shop-btn.grun-btn:hover,
a.wetality-air-shop-btn.grun-btn:focus {
  background-color: #84ad53;
}

a.wetality-air-shop-btn.oker-btn {
  margin-top: 20px;
  background-color: #c19866;
}

a.wetality-air-shop-btn.oker-btn:hover,
a.wetality-air-shop-btn.oker-btn:focus {
  background-color: #e7b577;
}

#wetalityairpurifierpromo {
  display: block;
  max-height: 500px;
  width: auto;
  margin: 30px auto 0px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgb(0 0 0 / 18%);
}

#wetalityairpurifierpromo:active,
#wetalityairpurifierpromo:hover,
#wetalityairpurifierpromo:focus,
#wetalityairpurifierpromohomevideo:active,
#wetalityairpurifierpromohomevideo:hover,
#wetalityairpurifierpromohomevideo:focus {
  outline: none;
}

#wetalityairpurifierpromohomevideo {
  cursor: pointer;
  /*box-shadow: 0 4px 8px rgb(0 0 0 / 18%);*/
  border-radius: 15px;
}

.eight {
  width: 100%;
  position: relative;
  float: left;
  background: #3a444c;
  color: #fff;
  padding: 40px 0px;
}

.eight .container {
  width: 70%;
}

.eight .wair-post {
  min-height: 5em;
  height: auto;
}

.eight a {
  color: #fff;
}

.eight ul {
  margin: 0px;
  list-style: none;
}

.eight ul li {
  display: inline;
  margin-right: 35px;
}

p.bigger-infotext {
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  line-height: 28px;
  border-bottom: 2px solid white;
  padding-bottom: 15px;
}

@media screen and (max-width: 1440px) {
  .wetality-air-purifier p.air-title {
    margin-bottom: 10px;
    font-size: 1.3em;
  }

  .wetality-air-purifier p {
    font-size: 16px;
    line-height: 21px;
  }

  .air-graphicon {
    max-height: 350px;
    margin: 0 auto;
  }

  .air-icon-box img {
    height: 50px;
  }

  .air-filter-section {
    padding: 50px 5%;
  }

  .wetality-air-purifier .air-purifier-filters p {
    font-size: 13px;
    line-height: 16px;
  }

  .air-purifier-filters {
    padding-top: 70px;
  }

  .air-table {
    padding-top: 20px;
  }

  .air-table table td {
    padding: 8px;
  }

  /*.latched {top: 90px;}*/
}

@media screen and (max-width: 1366px) {
  .air-table table td {
    padding: 4px;
  }

  .air-table table {
    font-size: 11px;
  }

  .air-post-content {
    position: absolute;
    top: 45%;
    left: 10%;
    right: 10%;
    transform: translate(0%, -50%);
  }

  .wetality-air-purifier p.air-title {
    font-size: 1em;
  }

  .latched {
    top: 70px;
  }

  .air-purifier-filters {
    padding-top: 20px;
  }

  .logged-in .latched {
    top: 105px;
  }

  .logged-in .air-table table td {
    padding: 3px 4px;
  }

  .wetality-air-purifier p {
    font-size: 15px;
    line-height: 19px;
  }

  .wetality-air-shop-btn a {
    font-size: 14px;
  }

  .wetality-air-shop-btn {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 1366px) and (min-width: 1300px) {
  .air-post-content {
    position: absolute;
    top: 33%;
    left: 5%;
    right: 5%;
    transform: translate(0%, -50%);
  }

  .air-graphicon {
    max-height: 320px;
  }

  .air-icon-box img {
    height: 45px;
  }

  .air-table table img {
    height: 70px;
  }

  .air-table {
    padding-top: 5px;
  }
}

@media screen and (max-width: 1280px) {
  .air-filter-section {
    padding: 55px 5% 50px;
  }

  .air-table {
    padding-top: 10px;
  }

  .air-table table {
    font-size: 12px;
    line-height: 14px;
  }

  .air-table table td {
    padding: 4px;
  }

  .wetality-air-purifier .air-purifier-filters p {
    font-size: 10px;
    line-height: 13px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 1189px) and (min-width: 768px) {
  .latched {
    position: fixed;
    top: 118px;
  }

  #air-hero {
    height: 85vh;
  }

  .air-hero-infotext {
    top: 15%;
  }
}

@media screen and (max-width: 1024px) {
  .wetality-air-purifier p.air-title {
    font-size: 1.1em;
    line-height: 1.1;
  }

  .air-machine {
    height: 260px;
    margin: 0 auto 20px;
  }

  .air-icon-box img {
    height: 40px;
    margin-right: 10px;
  }

  .air-machine-div {
    margin-top: 0px;
  }

  .wetality-air-purifier .air-icon-box p {
    font-size: 14px;
  }

  .air-purifier-filters p:after {
    content: none;
  }

  .air-table table {
    font-size: 11px;
    line-height: 13px;
  }

  .page-template-template-wetality-air-purifier {
    margin-top: 0px;
  }
}

@media screen and (max-width: 767px) {

  .one,
  .two,
  .three,
  .four,
  .five,
  .six,
  .seven,
  .wair-post,
  .spacer {
    height: 100%;
    overflow-x: hidden;
  }

  .page-template-template-wetality-air-purifier {
    margin-top: 0px;
  }

  #air-hero {
    height: calc(100vh - 104px);
    background: url(./images/air-purifier/Air-banner-mobile.jpg) center center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
  }

  .air-hero-infotext p.air-title br {
    display: none;
  }

  .wair-post {
    flex-direction: column;
    height: 100%;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 1em;
  }

  .wair-post.col-reverse {
    flex-direction: column-reverse;
  }

  .air-absolute-bg {
    position: relative;
    height: 320px;
  }

  .air-post-content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    padding: 20px;
  }

  .latched,
  .logged-in .latched {
    top: 0px;
    position: relative;
  }

  .page-template-template-wetality-air-purifier .visible-xs {
    display: table-row;
  }

  .page-template-template-wetality-air-purifier td:first-child,
  .page-template-template-wetality-air-purifier th:first-child {
    display: none;
  }

  .air-purifier-filters-wrapper {
    display: flex;
    flex-direction: row;
  }

  .air-purifier-filters {
    display: flex;
    flex-direction: column;
  }

  .air-filter-section .tablink.active {
    border: none;
  }

  .air-purifier-filters-wrapper {
    display: none;
  }

  .air-purifier-filters.filter-mobile-accordion {
    display: block !important;
  }

  .air-hero-infotext p.air-title {
    padding: 10px;
  }

  .air-filter-section {
    padding: 25px 5% 0px;
  }

  .air-filter-section .panel.panel-default {
    border: none;
  }

  .air-filter-section .panel-title {
    position: relative;
  }

  .air-filter-section .panel-title img {
    height: 150px;
    margin: 0 auto;
  }

  .air-purifier-filters .pulse {
    left: 65%;
  }

  .wetality-air-purifier .air-purifier-filters p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
  }

  #wetalityairpurifierpromo {
    max-height: 370px;
    width: auto;
    margin: 10px auto 20px;
  }

  .air-hero-infotext {
    width: 83%;
    top: 20%;
  }

  .wetality-air-purifier p.air-title {
    font-size: 1em;
  }

  /* wetality air image issue on ios device */
  @supports (-webkit-touch-callout: none) {
    #air-hero {
      background-attachment: scroll;
    }
  }
}

/*------------------------------------------*/
/*  END css for Wetality Air purifier page
/*------------------------------------------*/

/*------------------------------------------*/
/*  Wetality Air purifier technical specification page
/*------------------------------------------*/

.gray-bg-spec-wrapp {
  background: #dedede;
  padding: 20px;
  position: relative;
  margin-top: 120px;
  margin-bottom: 40px;
}

.gray-bg-spec-wrapp>.row {
  display: flex;
}

.gray-bg-spec-wrapp [class*="col-"] {
  margin-bottom: 0px;
}

.gray-bg-spec-wrapp img {
  height: 300px;
  margin: 10px 40px 0 auto;
}

.gray-bg-spec-wrapp p.info-bubble {
  background: #e55026;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  position: absolute;
  top: 35%;
  left: 90%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  padding: 10px;
  padding-top: 33px;
  font-size: 15px;
  line-height: 18px;
}

.gray-bg-spec-wrapp p span {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: -3px;
  display: block;
}

.tech-spec-top-text {
  position: absolute;
  top: 65%;
  left: 33%;
  transform: translate(-50%, -50%);
}

.gray-bg-spec-wrapp p.air-title {
  margin-bottom: 5px;
}

.technical-spec-wa .air-icons {
  padding: 40px 0px 0px 50px;
}

.technical-spec-wa .air-table {
  padding-top: 0px;
}

.technical-spec-wa .air-title.text-center {
  display: block;
  margin: 40px auto;
}

.technical-spec-wa .air-machine {
  margin: 0 auto;
}

.technical-spec-wa .air-table table {
  font-size: 15px;
  line-height: 17px;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .gray-bg-spec-wrapp {
    margin-top: 130px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1440px) {
  .technical-spec-wa .air-table table td {
    padding: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .technical-spec-wa .air-machine {
    height: auto;
  }

  .technical-spec-wa .air-icons {
    padding: 0px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .technical-spec-wa .air-table table td {
    padding: 4px;
  }

  .technical-spec-wa .air-table table {
    font-size: 14px;
    line-height: 16px;
  }

  .gray-bg-spec-wrapp p.info-bubble {
    height: 145px;
    width: 145px;
    top: 35%;
    left: 81%;
  }
}

@media screen and (max-width: 767px) {
  .gray-bg-spec-wrapp {
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .gray-bg-spec-wrapp>.row {
    flex-direction: column;
  }

  .tech-spec-top-text {
    position: relative;
    top: 15px;
    left: auto;
    transform: none;
  }

  .gray-bg-spec-wrapp p.info-bubble {
    height: 120px;
    width: 120px;
    top: 35%;
    left: 75%;
    padding-top: 23px;
    font-size: 13px;
    line-height: 15px;
  }

  .gray-bg-spec-wrapp p span {
    font-size: 27px;
  }

  .technical-spec-wa .air-title.text-center {
    margin: 25px auto;
  }

  .technical-spec-wa .air-machine {
    height: 200px;
    margin-bottom: 20px;
  }

  .technical-spec-wa .air-table table {
    font-size: 13px;
    line-height: 15px;
  }
}

/*------------------------------------------*/
/*  END css Wetality Air purifier technical specification page
/*------------------------------------------*/

/*------------------------------------------*/
/*  Wetality AIR shop page
/*------------------------------------------*/

form.check-cart {
  margin: 0;
}

.wetality-air-shop-top {
  margin-top: 60px;
}

.wetality-air-shop-banner {
  width: 100%;
  height: 400px;
  background: url(./images/Purifier-airflow-banner.jpg) center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.wetality-air-shop-banner p {
  color: #e55026;
  font-size: 16px;
  line-height: 23px;
  position: absolute;
  top: 7%;
  left: 25%;
  transform: translate(-50%, -50%);
  text-align: left;
}

.wetality-air-shop-product [class*="col-"] {
  margin-bottom: 0px;
}

.wetality-air-shop-product-all {
  display: flex;
  flex-direction: column;
  margin: 50px auto;
  overflow: hidden;
}

.wetality-air-shop-product-all .row {
  display: flex;
  flex-wrap: wrap;
}

.wetality-air-shop-product-all p {
  font-size: 16px;
  line-height: 20px;
}

.air-product-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

.air-product-box h3 {
  font-size: 20px;
  text-decoration: none;
}

.wetality-air-shop-product-all .with-gray-bg {
  background-color: #efefef;
  min-height: 355px;
  position: relative;
}

.wetality-air-shop-product-all .with-some-padding {
  padding: 5px 15px 20px;
  border: 1px solid #efefef;
  border-top: none;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.wetality-air-shop-product-all .with-right-border {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid #efefef;
}

img.air-machine-img {
  width: 220px;
  margin: 0 auto;
}

img.air-machine-img-service {
  width: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wetality-air-shop-btn:hover {
  background-color: #a7240c;
}

input#check-products {
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  margin: 0px !important;
  background: none;
}

.wetality-air-shop-btn form input {
  padding: 0px;
}

.wetality-air-shop-btn i.fa {
  color: white;
}

.air-button-wrap {
  text-align: right;
}

button.close-service-fee-modal {
  padding: 9px 20px;
  margin-left: 15px;
}

body.postid-75170 p.single_product_retail_price {
  display: none !important;
}

.wetality-air-shop-product-all .with-some-padding.filter-package-padding {
  padding: 10px 40px;
}

.with-some-padding.filter-package-padding span {
  font-size: 16px;
  display: block;
  margin-top: 5px;
  line-height: 20px;
}

.with-some-padding.filter-package-padding .with-right-border {
  border-right: 2px solid #717171;
}

@media screen and (max-width: 1440px) {
  .wetality-air-shop-product-all .with-some-padding .row a.wetality-air-shop-btn {
    padding: 10px 13px 8px;
  }
}

@media screen and (max-width: 1200px) {
  .wetality-air-shop-product-all a.wetality-air-shop-btn {
    padding: 10px 20px 8px;
    font-size: 12px;
    line-height: 14px;
  }
}

@media screen and (max-width: 992px) {
  .wetality-air-shop-product-all .with-some-padding {
    padding: 0px 20px 20px;
  }

  .wetality-air-shop-product-all .with-some-padding .row a.wetality-air-shop-btn {
    padding: 10px 20px 8px;
  }
}

@media screen and (max-width: 767px) {
  .wetality-air-shop-top {
    margin-top: 0px;
  }

  .wetality-air-shop-banner p {
    font-size: 14px;
    line-height: 17px;
    top: 12%;
    left: 35%;
  }

  .wetality-air-shop-product-all {
    margin: 15px auto;
  }

  .wetality-air-shop-product-all .wetality-air-shop-btn {
    padding: 9px 19px;
    font-size: 13px;
  }

  input#check-products {
    font-size: 13px;
  }

  .row-for-service-fee {
    display: flex;
    flex-direction: column-reverse;
  }

  .with-some-padding .with-right-border {
    border-right: none;
    margin-bottom: 20px;
  }

  .wetality-air-shop-product [class*="col-"] {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 350px) {
  .wetality-air-shop-product-all .wetality-air-shop-btn {
    padding: 9px 13px;
    font-size: 12px;
  }
}

/*------------------------------------------*/
/*  Wetality TOP TEN page
/*------------------------------------------*/

.top-ten-tables {
  margin-top: 60px;
}

.top-ten-tables p {
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  line-height: 27px;
  color: #de3818;
  /*font-family: 'Gotham-Book';*/
  margin-bottom: 10px;
  margin-top: 10px;
}

.top-ten-tables p b {
  color: #000;
}

.top-ten-tables table {
  border: 1px solid rgb(112 112 112 / 20%);
  border-radius: 18px;
  overflow: hidden;
}

.top-ten-tables table td {
  font-size: 17px;
  color: #de3818;
  font-weight: bold;
  border-bottom: 1px solid rgb(112 112 112 / 20%);
  padding: 10px;
  background-color: #fff !important;
  vertical-align: middle;
}

.top-ten-tables table td.top-ten-id {
  font-size: 23px;
  text-align: center;
}

.top-ten-tables table td.top-ten-name {
  color: #000;
}

.top-ten-tables .topten-cicle-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #e2e2e2;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  overflow: hidden;
  text-transform: uppercase;
  margin-right: 14px;
  float: left;
  flex: 50px 0 0;
}

.top-ten-tables .topten-cicle-img a {
  display: block;
  cursor: pointer;
  height: 100%;
  width: 100%;
  color: #000000;
  text-transform: uppercase;
  line-height: 48px;
}

.top-ten-tables table tr:last-child td {
  border-bottom: 0px;
}

.top-ten-name p {
  float: left;
  font-size: 18px;
  color: #000;
  text-align: left;
}

.top-ten-name p span {
  display: block;
  font-size: 12px;
  line-height: 13px;
}

.check-blure {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

.top-ten-tables table tr td:last-child .check-blure {
  text-align: right;
}

.tten-blured .check-blure {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

tr.tten-current td {
  background-color: #e9e9e9 !important;
  border-bottom: 0px;
}

#tten-accordion .panel {
  border: none;
  box-shadow: none;
}

#tten-accordion .panel-heading {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  width: 100%;
  margin-bottom: 25px;
  text-align: left;
  padding: 0px;
  border-radius: 0px;
}

#tten-accordion .panel-heading .accordion-plus-toggle:before {
  font-family: FontAwesome;
  content: "\f077";
  float: right;
}

#tten-accordion .panel-heading .accordion-plus-toggle.collapsed:before {
  content: "\f078";
}

#tten-accordion .panel-heading .accordion-arrow-toggle:before {
  font-family: FontAwesome;
  content: "\f078";
  float: right;
}

#tten-accordion .panel-heading .accordion-arrow-toggle.collapsed:before {
  content: "\f054";
}

#tten-accordion .panel-title>a {
  display: block;
  width: 100%;
  font-size: 22px;
  color: #000;
  padding: 25px 30px;
}

#tten-accordion .panel-body {
  border: none;
}

div#button-press-prev-month {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  width: 100%;
  margin-bottom: 25px;
  padding: 0px;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

div#button-press-prev-month p {
  display: block;
  width: 100%;
  font-size: 22px;
  color: #000;
  padding: 5px 30px;
  text-transform: uppercase;
  text-align: left;
}

div#button-press-prev-month i.fa {
  padding-right: 20px;
}

#prev-months-element {
  display: none;
}

p.congrad-p {
  text-align: left !important;
  margin-top: 5px !important;
  line-height: 20px !important;
}

span.top-ten-span {
  font-size: 14px;
  font-weight: 100;
  display: block;
  color: #8e8e8e;
}

span.name-credential {
  top: 25%;
  position: relative;
}

ul.congradulation-table {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.congradulation-table li {
  border-radius: 20px;
  padding: 15px 30px 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  align-items: center;
}

.congradulation-table .table-header {
  background-color: #95a5a6;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.congradulation-table .table-row {
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.congradulation-table .col-1 {
  flex-basis: 30%;
}

.congradulation-table .col-2 {
  flex-basis: 40%;
}

.congradulation-table .col-3 {
  flex-basis: 30%;
}

.congradulation-table p {
  color: #000;
  font-size: 18px;
  margin-bottom: 0px;
  margin-top: 5px;
}

.congradulation-table .congrat-cicle-img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 2px solid #e2e2e2;
  overflow: hidden;
  margin: 0 auto 10px;
}

.congradulation-table [class*="col-"] {
  margin-bottom: 0px;
  text-align: center;
}

.congradulation-table .congrat-position p {
  color: #de3819;
  font-size: 23px;
  line-height: 24px;
}

.congradulation-table .congrat-gift p {
  padding-top: 9px;
  font-size: 15px;
}

.congradulation-table .congrat-gift img {
  margin: 0 auto;
  height: 85px;
}

.top-ten-tables .congrat-intro {
  display: block;
  height: 16px;
  border-bottom: solid 4px #de3819;
  margin-bottom: 40px;
  color: #000;
}

.top-ten-tables .congrat-intro span {
  display: inline-block;
  background-color: #fff;
  padding: 0 10px;
}

.congradulation-table li.table-row.current-congrat {
  background-color: #ececec;
}

span.congrat-name-credential {
  line-height: 118px;
  font-size: 25px;
}

p.congrad-legend {
  color: #2e2e2e;
  text-align: left;
  font-size: 14px !important;
  margin: 0px;
  font-weight: 400;
  line-height: 25px;
}

.new-reps-div {
  margin-top: 35px;
}

.new-reps-div img {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .top-ten-tables p {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 4px;
  }

  .top-ten-tables table td {
    font-size: 12px;
    line-height: 14px;
  }

  .top-ten-name p {
    font-size: 14px;
    word-break: break-all;
  }

  .top-ten-tables table td.top-ten-id {
    font-size: 18px;
  }

  table.tt-pv-congrad td:last-child {
    width: 33%;
    font-size: 14px;
  }

  .congrad-p {
    text-align: left !important;
    margin-top: 5px !important;
    line-height: 20px !important;
  }

  .top-ten-span {
    font-size: 12px;
    font-weight: 100;
    display: block;
    color: #8e8e8e;
  }

  .congradulation-table.table-header {
    display: none;
  }

  .congradulation-table li {
    display: block;
  }

  .congradulation-table .col {
    flex-basis: 100%;
  }

  .congradulation-table .col {
    display: flex;
    padding: 0px;
    justify-content: center;
    flex-direction: column;
  }

  .congradulation-table .col:before {
    color: #6c7a89;
    padding-right: 10px;
    /*content: attr(data-label);*/
    flex-basis: 50%;
    text-align: right;
  }
}

/*------------------------------------------*/
/*  Wetality TOP TEN page on HOME
/*------------------------------------------*/

section.topten-home [class*="col-"] {
  margin-bottom: 0px;
}

section.topten-home {
  padding-top: 55px;
}

section.topten-home img {
  max-height: 280px;
  margin: -20px auto 0px;
}

section.topten-home p {
  margin-bottom: 5px;
}

/*------------------------------------------*/
/*  Wetality AIR Personal Page
/*------------------------------------------*/

.air-client-info {
  margin-top: 20px;
  border-top: 1px solid #c3c3c3;
}

section#free-pp-air {
  padding: 30px 0 100px 0;
}

section#free-pp-air .client-img {
  margin-top: 60px;
}

/*------------------------------------------*/
/*  Wetality Moroccan oil Page
/*------------------------------------------*/
.page-template-template-moroccan-oil main,
.page-template-template-moroccan-oil #primary {
  margin-bottom: 0px;
}

.moroccan-banner-section {
  width: 100%;
  height: 800px;
  background: url(./images/moroccan-banner.jpg) center center;
  background-size: cover;
  position: relative;
  margin-top: 70px;
}

.moroccan-text-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78%;
}

.moroccan-text-banner .row {
  display: flex;
  align-items: center;
}

.moroccan-text-banner img {
  width: 250px;
  margin: 0 auto;
}

.moroccan-text-banner h1 {
  color: #fff;
  margin-left: 40px;
  font-size: 60px;
  line-height: 65px;
  font-family: "Gotham-Book";
  font-weight: bold;
}

.moroccan-text-section {
  padding: 60px 0px 30px;
  color: #000;
}

.moroccan-text-section .container {
  max-width: 900px;
}

.moroccan-text-section img {
  margin: 20px auto 50px;
  width: 100%;
}

.moroccan-text-section p {
  margin-bottom: 20px;
}

.moroccan-text-section p.bolded-p {
  font-size: 30px;
  line-height: 32px;
  font-family: "Gotham-Book";
  margin-bottom: 15px;
  -webkit-text-stroke: thin;
  -webkit-font-smoothing: antialiased;
}

.bg-oker {
  background: #efeae0;
}

p.grfik-info-p {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}

.moroccan-clinic img {
  width: 500px;
}

.moroccan-clinic .bolded-p {
  margin-top: 50px;
}

.moroccan-clinic p b {
  font-family: "Gotham-Book";
  -webkit-text-stroke: thin;
  -webkit-font-smoothing: antialiased;
  line-height: normal;
}

.moroccan-footer-banner {
  width: 100%;
  height: 500px;
  background: url(./images/moroccan-hands-olive.jpg) center center;
  background-size: cover;
  position: relative;
}

/*------------------------------------------*/
/*  Essential oils landing Page
/*------------------------------------------*/

.page-template-template-eoils-landing-page .content-area,
.page-template-template-eoils-landing-page .site-main {
  margin-bottom: 0px;
}

.eoil-landing-page [class*="col-"] {
  margin-bottom: 0px;
}

.eoil-landing-page {
  padding: 16px;
  padding-bottom: 0px;
  max-width: 1080px;
  width: 100%;
  margin: 70px auto 0px;
}

.eoil-landing-page p {
  font-family: "AdobeGaramondProRegular";
  font-size: 16px;
  line-height: 20px;
  color: #2a3e43;
}

.eoil-landing-page h1,
.eoil-landing-page h3 {
  font-family: "GothamBold";
}

.eoil-landing-page h2 {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 3px;
  margin-bottom: 20px;
  margin-top: -33px;
}

.eoil-landing-page h3 {
  font-size: 33px;
  letter-spacing: 6px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 30px;
}

.eoil-landing-page h4 {
  font-size: 26px;
  letter-spacing: 6px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 20px;
  text-shadow: -3px 3px 8px rgb(0 0 0);
}

.eoil-landing-page img {
  margin: 0 auto;
}

/* main banner */
.eoil-main-banner {
  background: url(./images/essential-oils/Essential-oils-banner.jpg);
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center;
}

.eoil-banner-textblock {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.eoil-banner-textblock p {
  font-size: 22px;
  color: #fff;
  text-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
  font-weight: normal;
}

.eoil-banner-textblock h1 {
  font-size: 50px;
  line-height: 55px;
  color: #fff;
  text-shadow: -3px 3px 8px rgb(0 0 0 / 43%);
  letter-spacing: 9px;
  margin-bottom: 33px;
}

.eoil-brown-button-wrapper {
  position: absolute;
  bottom: 50px;
  left: 0%;
  right: 0%;
  text-align: center;
}

.eoil-brown-btn {
  padding: 8px 15px 6px;
  background: #603913;
  border: 1px solid #fff;
  color: #fff;
  width: auto;
  display: inline-block;
  font-size: 14px;
}

.eoil-brown-btn:hover,
.eoil-brown-btn:focus,
.eoil-brown-btn:active {
  background: #9e5f22;
  color: #fff;
}

/* end of main banner */

.eoil-sections-wrapp {
  padding: 16px 0px;
}

.eoil-halfs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.eoil-half-box-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 95%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}

.eoil-half-box-button {
  bottom: 45px;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
}

.eoil-four {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 16px 0px;
}

.eoil-four img {
  margin-bottom: 15px;
  height: 100px;
}

/*
.eoil-four p {
  font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1024 - 768)));
  line-height: 100%;
  min-height: 65px;
  margin-bottom: 0px;
}*/

/* divs with background */
.paper-bg-big {
  background: url(./images/essential-oils/Paper-bg-big.png);
}

.paper-bg {
  /*background: url(./images/essential-oils/Papier-background.jpg);*/
  background: url(./images/essential-oils/Paper-bg-small.png);
}

.lavanda-woman-bg {
  background: url(./images/essential-oils/eoil-woman-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.eoil-packs-bg {
  background: url(./images/essential-oils/Wood-bg.jpg);
}

.eoil-diffuser-bg {
  background: url(./images/essential-oils/Essential-oils-difusser.jpg);
}

.eoil-massage-bg {
  background: url(./images/essential-oils/Essential-oils-massage.jpg);
}

.eoil-plant-leaf-bg {
  background: url(./images/essential-oils/Essential-oils-plant-leaf.jpg);
}

.woman-sleep-bg {
  background: url(./images/essential-oils/Woman-sleep-bg.jpg);
  margin-bottom: 16px;
}

.with-lavanda-branch {
  background: url(./images/essential-oils/bg-lavanda-branch.jpg);
  margin: 0px 0px 16px;
}

.eucalyptus-main-banner {
  background: url(./images/essential-oils/Eucalyptus-main-banner.jpg);
}

.eucalyptus-desc-bg {
  background: url(./images/essential-oils/Eucalyptus-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.eucalyptus-bottom-banner {
  background: url(./images/essential-oils/Eucalyptus-bottom-banner.jpg);
  margin-bottom: 16px;
}

.basil-main-banner {
  background: url(./images/essential-oils/Basil-main-banner.jpg);
}

.basil-desc-bg {
  background: url(./images/essential-oils/Basil-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.basil-bottom-banner {
  background: url(./images/essential-oils/Basil-bottom-banner.jpg);
  margin-bottom: 16px;
}

.frankincence-main-banner {
  background: url(./images/essential-oils/Frankincence-main-banner.jpg);
}

.frankincence-desc-bg {
  background: url(./images/essential-oils/Frankincence-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.frankincence-bottom-banner {
  background: url(./images/essential-oils/Frankincence-bottom-banner.jpg);
  margin-bottom: 16px;
}

.lemon-main-banner {
  background: url(./images/essential-oils/Lemon-main-banner.jpg);
}

.lemon-desc-bg {
  background: url(./images/essential-oils/Lemon-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.lemon-bottom-banner {
  background: url(./images/essential-oils/Lemon-bottom-banner.jpg);
  margin-bottom: 16px;
}

.peppermint-main-banner {
  background: url(./images/essential-oils/Peppermint-main-banner.jpg);
}

.peppermint-desc-bg {
  background: url(./images/essential-oils/Peppermint-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.peppermint-bottom-banner {
  background: url(./images/essential-oils/Peppermint-bottom-banner.jpg);
  margin-bottom: 16px;
}

.rosemary-main-banner {
  background: url(./images/essential-oils/Rosemary-main-banner.jpg);
}

.rosemary-desc-bg {
  background: url(./images/essential-oils/Rosemary-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.rosemary-bottom-banner {
  background: url(./images/essential-oils/Rosemary-bottom-banner.jpg);
  margin-bottom: 16px;
}

.tea-tree-main-banner {
  background: url(./images/essential-oils/Tea-tree-main-banner.jpg);
}

.tea-tree-desc-bg {
  background: url(./images/essential-oils/Tea-tree-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.tea-tree-bottom-banner {
  background: url(./images/essential-oils/Tea-tree-bottom-banner.jpg);
  margin-bottom: 16px;
}

.roman-chamomile-main-banner {
  background: url(./images/essential-oils/Roman-chamomile-main-banner.jpg);
}

.roman-chamomile-desc-bg {
  background: url(./images/essential-oils/Roman-chamomile-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.roman-chamomile-bottom-banner {
  background: url(./images/essential-oils/Roman-chamomile-bottom-banner.jpg);
  margin-bottom: 16px;
}

.clary-sage-main-banner {
  background: url(./images/essential-oils/Clary-sage-main-banner.jpg);
}

.clary-sage-desc-bg {
  background: url(./images/essential-oils/Clary-sage-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.clary-sage-bottom-banner {
  background: url(./images/essential-oils/Clary-sage-bottom-banner.jpg);
  margin-bottom: 16px;
}

.spanish-origano-main-banner {
  background: url(./images/essential-oils/Spanish-oreganum-main-banner.jpg);
}

.spanish-origano-desc-bg {
  background: url(./images/essential-oils/Spanish-oreganum-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.spanish-origano-bottom-banner {
  background: url(./images/essential-oils/Spanish-oreganum-bottom-banner.jpg);
  margin-bottom: 16px;
}

.chamomile-main-banner {
  background: url(./images/essential-oils/Chamomile-main-banner.jpg);
}

.chamomile-desc-bg {
  background: url(./images/essential-oils/Chamomile-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.chamomile-bottom-banner {
  background: url(./images/essential-oils/Chamomile-bottom-banner.jpg);
  margin-bottom: 16px;
}

.ylang-ylang-main-banner {
  background: url(./images/essential-oils/Ylang-ylang-main-banner.jpg);
}

.ylang-ylang-desc-bg {
  background: url(./images/essential-oils/Ylang-ylang-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.ylang-ylang-bottom-banner {
  background: url(./images/essential-oils/Ylang-ylang-bottom-banner.jpg);
  margin-bottom: 16px;
}

.sweet-orange-main-banner {
  background: url(./images/essential-oils/Sweet-orange-main-banner.jpg);
}

.sweet-orange-desc-bg {
  background: url(./images/essential-oils/Sweet-orange-desc-bg.jpg);
  margin: 0px 0px 16px;
}

.sweet-orange-bottom-banner {
  background: url(./images/essential-oils/Sweet-orange-bottom-banner.jpg);
  margin-bottom: 16px;
}

.geranium-main-banner {
  background: url(./images/essential-oils/Geranium-main-banner.jpg);
}

.geranium-desc-bg {
  background: url(./images/essential-oils/Geranium-desc-bg.jpg);
  background-position: bottom left;
  margin: 0px 0px 16px;
}

.scotch-pine-main-banner {
  background: url(./images/essential-oils/Scotch-main-banner.jpg);
}

.scotch-pine-desc-bg {
  background: url(./images/essential-oils/Scotch-pine-desc-bg.jpg);
  background-position: bottom left;
  margin: 0px 0px 16px;
}

.cinnamon-main-banner {
  background: url(./images/essential-oils/Cinnamon-main-banner.jpg);
}

.cinnamon-desc-bg {
  background: url(./images/essential-oils/Cinnamon-desc-bg.jpg);
  background-position: bottom left;
  margin: 0px 0px 16px;
}

.pink-grapefruit-main-banner {
  background: url(./images/essential-oils/Pinkgrapefruit-main-banner.jpg);
}

.pink-grapefruit-desc-bg {
  background: url(./images/essential-oils/Pinkgrapefruit-desc-bg.jpg);
  background-position: bottom left;
  margin: 0px 0px 16px;
}

.carrier-oils-main-banner {
  background: url(./images/essential-oils/Carrier-oils-main-banner.jpg);
}

.castor-desc-bg {
  background: url(./images/essential-oils/Castor-desc-banner.jpg);
  margin: 16px 0px;
}

.jojoba-desc-bg {
  background: url(./images/essential-oils/Jojoba-desc-banner.jpg);
  margin: 16px 0px;
  background-position: 25% center !important;
}

.almond-desc-bg {
  background: url(./images/essential-oils/Almond-desc-banner.jpg);
  margin: 16px 0px;
}

/* opacity div style */

.bg-with-oppacity {
  padding: 70px 25px 20px;
  background: rgb(0 0 0 / 85%);
}

.roman-chamomile-desc-bg .bg-with-oppacity,
.sweet-orange-desc-bg .bg-with-oppacity,
.ylang-ylang-desc-bg .bg-with-oppacity,
.clary-sage-desc-bg .bg-with-oppacity,
.frankincence-desc-bg .bg-with-oppacity,
.with-lavanda-branch .bg-with-oppacity {
  background: rgb(0 0 0 / 85%);
}

.basil-desc-bg .bg-with-oppacity {
  background: rgb(45 47 50 / 85%);
}

.eucalyptus-desc-bg .bg-with-oppacity {
  background: rgb(23 63 47 / 85%);
}

.lemon-desc-bg .bg-with-oppacity {
  background: rgb(4 22 4 / 75%);
}

.spanish-origano-desc-bg .bg-with-oppacity {
  background: rgb(14 19 28 / 70%);
}

.peppermint-desc-bg .bg-with-oppacity {
  background: rgb(24 26 32 / 80%);
}

.rosemary-desc-bg .bg-with-oppacity {
  background: rgb(24 32 37 / 80%);
}

.tea-tree-desc-bg .bg-with-oppacity {
  background: rgb(20 29 12 / 75%);
}

.eoil-brown-bg-box {
  background: #473732;
}

.with-lavanda-branch p,
.with-lavanda-branch p b .with-lavanda-branch h2,
.text-white p {
  color: #cccccc;
}

.text-white p b,
.text-white p span,
.eoil-massage-bg p,
.eoil-brown-bg-box p {
  color: #ffffff;
}

.eucalyptus-desc-bg .text-white p,
.frankincence-desc-bg .text-white p {
  color: #efefef;
}

.eo-bottles .eoil-half-box-container {
  padding: 0px;
}

.eo-bottles img {
  max-height: 530px;
}

.eoil-svg-single-img {
  height: 160px;
  margin: -65px auto 40px !important;
}

.eoil-packs-bg .eoil-half-box-container p {
  color: #ffffff;
}

.eoil-background-style {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.with-aspect-ratio-1-1 {
  padding-top: 100%;
  position: relative;
}

.with-aspect-ratio-1-2 {
  padding-top: 50%;
  position: relative;
}

.with-aspect-ratio-4-1 {
  padding-top: 30%;
  position: relative;
}

.eoil-half-box-container p {
  margin-bottom: 0px;
}

.single-eo-bottle {
  height: 350px;
}

/* SINGLE EO LANDING PAGE */

.single-eoil-container {
  width: 100%;
  position: relative;
}

.single-eoil-container h2 {
  font-family: "GothamBold";
}

.single-eoil-container h4 {
  font-family: "Gotham-Book";
  letter-spacing: 2px;
  text-shadow: none;
  font-size: 23px;
}

.eoil-single-text {
  padding: 65px 0px 30px;
}

.eoil-single-text p b {
  font-family: "Gotham-Book";
  font-weight: bold;
  color: #000000;
}

.with-aspect-ratio-4-1 p b {
  font-family: "GothamMedium";
  font-weight: 500;
}

.with-flex-def {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center;
}

.single-eoil-description-text p b {
  font-family: "GothamMedium";
  font-weight: normal;
}

.single-eoil-description-text p {
  margin-bottom: 10px;
}

.with-lavanda-branch .single-eoil-description-text {
  padding-top: 0px;
}

.with-lavanda-branch .single-eoil-description-text p b,
.with-lavanda-branch h2 {
  color: #ffffff;
}

.single-eo-shop-option.with-changed-width {
  width: 70%;
  text-align: center;
}

#primary .eo-landing-main,
#main .eo-landing-main,
.content-area.eo-landing-main {
  margin-bottom: 0px;
}

.eo-landing-main .eoil-landing-page {
  padding-bottom: 0px;
  max-width: 1080px;
  width: 100%;
  margin: 70px auto 10px;
}

.ghc-icon {
  height: 70px;
  float: left;
}

.single-eoil-description-text p.testcertificates {
  margin-bottom: 3px;
}

.single-eoil-description-text p.testcertificates a {
  font-family: "GothamMedium";
  font-weight: normal;
  color: #2a3e43;
  text-decoration: underline;
}

/* carrier oils */

.eoil-landing-page .fade.show,
.eoil-landing-page .modal.in .fade {
  opacity: 1;
}

.eoil-landing-page .modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
  max-width: 500px;
}

.eoil-landing-page .modal .close {
  background: #fe7e1a;
  opacity: 1;
  border-radius: 2px;
  padding: 3px 5px;
}

.eoil-landing-page .modal .close span {
  color: #fff;
  text-shadow: none;
}

.eoil-landing-page .modal-header {
  padding: 15px 15px 15px 20px;
  border-bottom: 0px;
}

.eoil-landing-page .modal-header h5 {
  color: #2f2f2f;
  font-family: "GothamBold";
  margin-bottom: 10px;
}

.carrier-oils .single-eo-shop-option.with-changed-width {
  width: 75%;
  text-align: left;
}

.carrier-with-cbd .single-eo-shop-option.with-changed-width {
  width: 95%;
  padding-top: 35px;
}

.white-with-modals {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px 0px;
  margin-left: -6px;
  margin-right: -6px;
}

.modal-button-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.modal-button-wrapper button {
  margin: 5px;
}

.modal-button-wrapper button.eoil-brown-btn {
  padding: 12px 19px 11px;
}

.description-button-wrapper {
  margin-bottom: 20px;
}

.description-button-wrapper .eoil-brown-btn {
  margin-bottom: 6px;
}

.eoil-landing-page div#quantity {
  margin: 0 auto;
}

.eoil-landing-page .quantity-button {
  border: 2px solid #603a13;
}

.single-eo-shop-option a.button.add_to_cart_button {
  font-size: 14px;
  max-width: 145px;
  width: 100%;
}

table.carrier-oil-desc td {
  padding: 5px;
  background-color: transparent !important;
  color: #fff;
  padding-left: 0px;
  padding-bottom: 0px;
  font-family: "AdobeGaramondProRegular";
}

.eoil-buttons-shop-wrrap {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: baseline;
  margin-top: 10px;
}

#main.site-main.eo-landing-main .add_to_cart_button {
  margin: 0px !important;
  font-size: 12px;
  margin-right: 10px !important;
  padding: 6px 15px 5px;
}

#main.site-main.eo-landing-main .smartship-btn,
#main.site-main.eo-landing-main .smartship-btn-add {
  padding: 8px 13px 6px;
  background-color: #ffedb9;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 13px;
  color: #000;
  margin-right: 0px !important;
}

#main.site-main.eo-landing-main .smartship-btn {
  text-transform: uppercase;
  padding: 6px 13px 5px;
}

#main.site-main.eo-landing-main .smartship-btn:hover,
#main.site-main.eo-landing-main .smartship-btn-add:hover,
#main.site-main.eo-landing-main .smartship-btn:focus,
#main.site-main.eo-landing-main .smartship-btn-add:focus {
  background-color: #ffe088;
}

.eoil-shop-buttons {
  position: absolute;
  bottom: 20px;
  left: 41.7%;
}

.eoil-shop-buttons .quantity .qty {
  width: 3.5em;
}

.eoil-buttons-shop-wrrap .modalContent.modalAddSmart p {
  text-align: center;
  font-family: "Gotham-Light", Arial, sans-serif !important;
  font-size: 18px;
  line-height: 19px;
  margin: 5px auto 15px;
}

.eoil-buttons-shop-wrrap .modalContent.modalAddSmart .button-grouped {
  margin-top: 20px;
  float: none;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.eoil-buttons-shop-wrrap .modalContent.modalAddSmart .button-grouped .single_add_to_cart_button {
  background-color: #39863c;
  border-color: #333333;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 25px;
  margin-bottom: 10px;
}

.eoil-buttons-shop-wrrap .modalContent.modalAddSmart .button-grouped .jgtb-add-to-subscription {
  margin-bottom: 0px;
}

.eoil-buttons-shop-wrrap .modalContent.modalAddSmart .button-grouped .single_add_to_cart_button:hover,
.eoil-buttons-shop-wrrap .modalContent.modalAddSmart .button-grouped .single_add_to_cart_button:focus {
  background-color: #4bb14f;
}

.carrier-oils .single-eo-shop-option ul {
  margin: 0px 0px 10px 35px;
}

.carrier-oils .single-eo-shop-option ul li {
  font-family: "AdobeGaramondProRegular";
  font-size: 16px;
  line-height: 17px;
  color: #2a3e43;
}

.eoil-four p {
  margin-bottom: 0px !important;
}

.carrier-oils .baseoil-info {
  padding-top: 16px;
  padding-bottom: 16px;
}

.carrier-oils .baseoil-info img {
  width: 90px;
  float: right;
}

.carrier-oils .baseoil-info p {
  text-transform: uppercase;
  font-family: "GothamMedium";
  font-weight: normal;
}

/* usful tips section */

.tips-sections-wrapp {
  padding: 0px 0px 16px;
}

.tips-container {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: none;
  text-align: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  height: 100%;
}

.tips-div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
}

.tips-div-icon {
  height: 100%;
  flex: 1;
  position: relative;
  border-right: 1px solid #707070;
}

.tips-div-text {
  height: 100%;
  flex: 3;
  position: relative;
}

.tips-div-icon-content,
.tips-div-text p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tips-div-icon-content {
  min-height: 49px;
  width: 100%;
  text-align: center;
}

.tips-div-icon-content p {
  font-family: "GothamMedium";
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 14px;
  color: #6a5345;
}

.tips-div-text p {
  padding: 0px 20px;
  width: 100%;
  color: #6a5345;
  margin-bottom: 0px;
}

.tips-div-icon-content img {
  height: 30px;
}

/*
@media screen and (max-width: 22000px) and (min-width: 1250px){
  .eoil-landing-page p, table.carrier-oil-desc td, .carrier-oils .single-eo-shop-option ul li{
    font-size: calc(19px + (21 - 19) * ((100vw - 1250px) / (22000 - 1250)));
  }
  .eoil-banner-textblock h1{
    font-size: calc(70px + (90 - 70) * ((100vw - 1250px) / (22000 - 1250)));
  }
  .eoil-landing-page h2 {
    font-size: calc(37px + (44 - 37) * ((100vw - 1250px) / (22000 - 1250)));
  }
  .eoil-landing-page .eoil-banner-textblock p{
    font-size: calc(26px + (28 - 26) * ((100vw - 1250px) / (22000 - 1250)));
  }
}

@media screen and (max-width: 1250px) and (min-width: 1065px){
  .eoil-landing-page p, table.carrier-oil-desc td, .carrier-oils .single-eo-shop-option ul li{
    font-size: calc(16px + (19 - 16) * ((100vw - 1065px) / (1250 - 1065)));
  }
  .eoil-landing-page h2 {
    font-size: calc(30px + (37 - 30) * ((100vw - 1065px) / (1250 - 1065)));
  }
  .eoil-landing-page .eoil-banner-textblock p{
    font-size: calc(24px + (26 - 24) * ((100vw - 1065px) / (1250 - 1065)));
  }
}

@media screen and (max-width: 1065px) and (min-width: 300px){
  .eoil-landing-page p, table.carrier-oil-desc td, .carrier-oils .single-eo-shop-option ul li{
    font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1065 - 300)));
  }
  .eoil-landing-page h2 {
    font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1065 - 300)));
  }
  a.eoil-brown-btn{
    font-size: calc(15px + (18 - 15) * ((100vw - 1250px) / (22000 - 1250)));
  }
  .eoil-landing-page .eoil-banner-textblock p{
    font-size: calc(20px + (24 - 20) * ((100vw - 1250px) / (22000 - 1250)));
  }
}

@media screen and (max-width: 1190px) and (min-width: 767px){
  .eo-landing-main .eoil-landing-page{
    margin-top: 118px;
  }
}
*/
@media screen and (min-width: 767px) {
  .show-only-on-mobile {
    display: none;
  }

  .with-aspect-ratio-1-2 .single-eoil-container,
  .with-aspect-ratio-4-1 .container,
  .single-eo-shop-option {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px;
  }

  .with-aspect-ratio-4-1 .container {
    width: 100%;
    padding: 0px 10%;
  }

  .show-only-on-pc .container.single-eoil-container {
    padding: 0px 35px;
  }

  .single-eo-shop-option {
    width: 90%;
  }

  .eoil-four p {
    min-height: 80px;
  }

  :lang(da-DK) .eoil-four p {
    min-height: 88px;
  }
}

@media screen and (max-width: 1450px) {
  .logged-in .eo-landing-main .eoil-landing-page {
    margin-top: 118px;
  }

  .page-template-template-eoils-landing-page .eoil-landing-page {
    margin-top: 120px;
  }
}

@media screen and (max-width: 1440px) {
  .eoil-svg-single-img {
    height: 120px;
  }

  .single-eo-bottle,
  .eo-bottles img {
    height: 350px;
  }
}

@media screen and (max-width: 1400px) {
  .eoil-landing-page p {
    font-size: 15px;
    line-height: 19px;
  }

  .eoil-banner-textblock p {
    font-size: 20px;
    line-height: 21px;
  }

  .single-eoil-description-text p {
    margin-bottom: 14px;
  }

  .eoil-four img {
    height: 95px;
  }

  .eoil-four p {
    min-height: 55px;
  }
}

@media screen and (max-width: 1320px) and (min-width: 1080px) {

  #main.site-main.eo-landing-main .add_to_cart_button,
  #main.site-main.eo-landing-main .smartship-btn {
    padding: 7px 16px 5px;
    font-size: 13px;
  }
}

@media screen and (max-width: 1300px) {
  .eoil-landing-page h4 {
    font-size: 20px;
    line-height: 26px;
  }

  .single-eo-shop-option img {
    max-height: 500px;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 1200px) {

  .single-eo-shop-option.with-changed-width,
  .carrier-oils .single-eo-shop-option.with-changed-width {
    width: 80%;
  }
}

@media screen and (max-width: 1180px) {
  .single-eo-shop-option img {
    max-height: 410px;
  }
}

/*@media screen and (max-width: 1176px){
  .eo-landing-main .eoil-landing-page{
    margin-top: 118px;
  }
}*/

@media screen and (max-width: 1028px) {
  .eoil-four p {
    min-height: 75px;
  }
}

@media screen and (max-width: 1024px) {
  .eoil-banner-textblock h1 {
    font-size: 37px;
    line-height: 41px;
  }

  .page-template-template-eoils-landing-page .eoil-landing-page,
  .logged-in .eo-landing-main .eoil-landing-page {
    margin-top: 0px;
  }
}

@media screen and (max-width: 992px) {
  .eoil-svg-single-img {
    height: 100px;
  }

  .eoil-landing-page h2 {
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 24px;
  }

  .eo-bottles img {
    height: auto;
  }

  .eoil-landing-page h3 {
    font-size: 28px;
    line-height: 30px;
  }

  .with-aspect-ratio-4-1 {
    padding-top: 50%;
  }

  .eoil-landing-page p,
  table.carrier-oil-desc td,
  .carrier-oils .single-eo-shop-option ul li {
    line-height: 15px;
    font-size: 13px;
  }

  .description-button-wrapper {
    margin-bottom: 10px;
  }

  .eoil-landing-page .modal-dialog-centered {
    width: 400px;
  }

  .eoil-four img {
    height: 75px;
  }

  .eoil-landing-page h4 {
    font-size: 17px;
    line-height: 22px;
  }

  .eoil-four img {
    height: 65px;
    margin-bottom: 8px;
  }

  :lang(da-DK) .eoil-four p {
    min-height: 75px;
  }

  .roman-chamomile-desc-bg .bg-with-oppacity {
    padding: 40px 25px 20px;
  }

  .eoil-landing-page .eoil-banner-textblock p {
    font-size: 17px;
    line-height: 100%;
  }
}

@media screen and (max-width: 977px) {
  .eoil-four p {
    min-height: 65px;
  }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
  .single-eoil-description-text p {
    margin-bottom: 6px;
  }

  .eoil-half-box-container {
    width: 97%;
  }

  /*
  .with-flex-def h2{
    font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (992 - 768)));
  }
*/
  .page-template-template-eoils-landing-page .eoil-half-box-button {
    bottom: 20px;
  }

  .page-template-template-eoils-landing-page .eoil-landing-page h3 {
    font-size: 20px;
    line-height: 23px;
  }

  .single-eo-bottle {
    height: 250px;
  }

  .eoil-svg-single-img {
    margin: -20px auto 40px !important;
  }

  #main.site-main.eo-landing-main .smartship-btn {
    padding: 5px 13px 4px;
  }

  #main.site-main.eo-landing-main .add_to_cart_button {
    padding: 4px 15px 3px;
  }

  .eoil-shop-buttons .quantity .qty {
    width: 2.7em;
  }

  .eoil-shop-buttons {
    bottom: 10px;
    left: 40%;
  }
}

@media screen and (min-width: 768px) {
  .show-only-on-pc {
    display: block;
  }

  .show-only-on-mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .show-only-on-pc {
    display: none;
  }

  .show-only-on-mobile {
    display: block;
    margin-bottom: 16px;
  }

  .show-only-on-mobile .container,
  .with-aspect-ratio-1-2.ar-mobile .container,
  .with-aspect-ratio-4-1 .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .eoil-four {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0px;
  }

  .single-eo-shop-option a.button.add_to_cart_button {
    max-width: 142px;
    width: 100%;
  }

  .eoil-landing-page p {
    font-size: 17px;
  }

  .with-aspect-ratio-1-2 {
    padding-top: 100%;
  }

  .page-template-template-eoils-landing-page .eoil-half-box {
    margin-bottom: 16px;
  }

  .eoil-buttons-shop-wrrap #modalOverlayAddSmart .modalPopup {
    width: 90%;
  }

  .single-eo-shop-option.with-changed-width,
  .carrier-oils .single-eo-shop-option.with-changed-width {
    margin: 0 auto;
  }

  .tips-div-text {
    flex: 5;
  }
}

@media screen and (max-width: 767px) {
  .ar-mobile .with-flex-def {
    flex-direction: column;
  }

  .page-template-template-eoils-landing-page .eoil-halfs {
    grid-row-gap: 0px;
  }

  .eoil-halfs {
    grid-template-columns: repeat(1, 1fr);
  }

  .eoil-halfs {
    display: flex;
    flex-direction: column;
  }

  .single-eo-shop-option a.button.add_to_cart_button {
    max-width: 120px;
    width: 100%;
    padding: inherit;
    padding: 9px 19px 7px;
  }
}

@media screen and (max-width: 767px) {

  .eoil-landing-page p,
  table.carrier-oil-desc td,
  .carrier-oils .single-eo-shop-option ul li {
    font-size: calc(13px + (16 - 14) * ((100vw - 300px) / (767 - 300)));
  }

  .eo-landing-main .eoil-landing-page {
    margin-top: 0px;
  }

  .eoil-halfs {
    grid-template-columns: repeat(1, 1fr);
  }

  .eoil-banner-textblock h1,
  .eoil-landing-page h3 {
    line-height: 1.2;
    font-size: 7vw;
    letter-spacing: 2px;
    margin-top: 0px;
  }

  .eoil-banner-textblock.nomb h1 {
    margin-bottom: 10px;
  }

  .eoil-banner-textblock {
    width: 95%;
  }

  .eoil-brown-button-wrapper {
    bottom: 20px;
  }

  .eoil-brown-btn {
    font-size: 12px;
    padding: 6px 11px 5px;
  }

  .eoil-halfs {
    display: flex;
    flex-direction: column;
  }

  .xs-height {
    height: 200px;
  }

  .eoil-svg-single-img {
    height: 80px;
  }

  .eoil-landing-page h4 {
    line-height: 1.2;
    font-size: 4vw;
    margin-bottom: 5px;
    letter-spacing: 1px;
  }

  .eoil-half-box-button {
    bottom: 20px;
  }

  .with-flex-def {
    flex-direction: column;
  }

  .show-only-on-mobile .with-flex-def {
    flex-direction: row;
  }

  .eoil-single-text {
    padding: 25px 0px 10px;
  }

  .page-template-template-eoils-landing-page .eoil-four {
    padding: 0px;
    grid-row-gap: 0px;
  }

  .page-template-template-eoils-landing-page .eoil-landing-page {
    padding-bottom: 0px;
  }

  .page-template-template-eoils-landing-page .eoil-halfs {
    grid-row-gap: 0px;
  }

  .eoil-diffuser-bg {
    background-position: bottom;
  }

  #main .container.single-eoil-container h4 {
    padding-top: 20px;
  }

  .eoil-landing-page .single-eo-bottle {
    margin-top: -60px;
  }

  .with-aspect-ratio-1-2 {
    padding-top: 100%;
  }

  .single-eo-shop-option img {
    max-height: 300px;
  }

  .single-eoil-description-text {
    padding-top: 0px;
  }

  .eoil-landing-page img {
    max-height: 170px;
  }

  .with-aspect-ratio-4-1 {
    padding-top: 100%;
  }

  .with-aspect-ratio-4-1 .container {
    width: 100%;
  }

  .with-aspect-ratio-4-1 .container br {
    display: none;
  }

  .single-eoil-description-text p {
    margin-bottom: 10px;
  }

  .show-only-on-mobile .row {
    display: flex;
    align-items: center;
  }

  .eoil-landing-page p {
    margin-bottom: 5px;
  }

  .eoil-landing-page h2 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
  }

  .eoil-landing-page .eoil-banner-textblock p {
    font-size: 17px;
    line-height: 100%;
  }

  .eoil-landing-page.carrier-oils .single-eoil-container img {
    max-height: 100%;
  }

  .eoil-landing-page.carrier-oils .single-eoil-description-text {
    padding-top: 15px;
  }

  .eoil-landing-page .modal-header {
    padding: 15px;
  }

  .eoil-landing-page .quantity-button {
    width: 27px;
    height: 27px;
  }

  .eoil-landing-page .quantity .qty {
    width: 2em;
  }

  .single-eo-shop-option a.button.add_to_cart_button {
    font-size: 13px;
    max-width: 102px;
    padding-bottom: 7px;
    width: 100%;
  }

  #main.site-main.eo-landing-main .add_to_cart_button {
    margin: 0px !important;
    font-size: 11px;
    margin-right: 0px !important;
    max-width: 100%;
    white-space: normal;
    padding-top: 9px;
    padding-bottom: 7px;
  }

  #main.site-main.eo-landing-main .smartship-btn,
  #main.site-main.eo-landing-main .smartship-btn-add {
    padding: 6px 13px 4px;
    font-size: 11px;
    white-space: normal;
    word-break: normal;
    line-height: 14px;
    margin-top: 10px !important;
    width: 100%;
  }

  .eoil-buttons-shop-wrrap {
    flex-direction: column;
  }

  table.carrier-oil-desc {
    width: 100%;
    max-width: 300px;
  }

  .roman-chamomile-desc-bg .bg-with-oppacity {
    padding: 15px;
  }

  img.tips-image {
    max-height: 100% !important;
    width: 100%;
  }

  .tips-div-text p {
    padding: 0px 10px;
  }

  .tips-div-icon-content img {
    height: 25px;
  }

  .tips-div-icon-content p,
  .tips-div-text p {
    margin-bottom: 0px;
  }

  .eoil-svg-single-img {
    margin: 0px auto 10px !important;
  }

  .logged-in .eo-landing-main .eoil-landing-page,
  .eoil-landing-page {
    margin-top: 0px;
  }

  .carrier-with-cbd .single-eo-shop-option.with-changed-width {
    width: 100%;
    padding-top: 0px;
  }

  .carrier-oils .baseoil-info img {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
}

@media screen and (max-width: 400px) {
  .xs-height {
    height: 200px;
  }

  .eoil-landing-page .single-eo-bottle {
    height: auto;
  }

  .eoil-four .eoil-half-box img {
    max-width: 55px;
    height: auto;
  }

  .eoil-landing-page .quantity-button {
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-size: 29px;
  }

  .eoil-landing-page .quantity .qty {
    height: 12px;
  }

  .eoil-landing-page .quantity-button.quantity-up {
    font-size: 21px;
    line-height: 22px;
  }
}

@media screen and (max-width: 370px) {
  .xs-height {
    height: 150px;
  }

  .eoil-landing-page .single-eo-bottle {
    margin-top: auto;
  }

  .eoil-landing-page p,
  table.carrier-oil-desc td,
  .carrier-oils .single-eo-shop-option ul li {
    font-size: calc(11px + (16 - 12) * ((100vw - 315px) / (767 - 315)));
    line-height: 116%;
  }

  .eoil-four .eoil-half-box img {
    margin-bottom: 5px;
    height: 47px;
  }

  .eoil-four p {
    min-height: 60px;
  }

  .eoil-landing-page h2 {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 19px;
  }

  .eoil-landing-page img {
    max-height: 130px;
  }
}

@media screen and (max-width: 370px) and (min-width: 350px) {
  .eoil-four .eoil-half-box img {
    margin-bottom: 7px;
    height: 50px;
  }

  .eoil-four p {
    min-height: 50px;
  }

  .eoil-landing-page img {
    max-height: 150px;
  }
}

@media screen and (max-width: 350px) {
  :lang(da-DK) .eoil-four p {
    min-height: 72px;
  }

  .eoil-four .eoil-half-box img {
    height: 40px;
  }

  #main.site-main.eo-landing-main .smartship-btn,
  #main.site-main.eo-landing-main .smartship-btn-add {
    padding: 6px 10px 4px;
  }
}

table.shop_table.subscription_details a {
  margin: 5px 0px 5px 5px;
  font-size: 14px;
  width: 49%;
}

/* OCTOBER EVENT */

.october-event-bg {
  background-image: url(./images/october-event-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
  padding-top: 50px;
  color: #000;
}

.october-event-bg .info-div {
  text-align: center;
  margin-bottom: 65px;
}

.october-event-bg .info-div h2,
.october-event-program h2 {
  color: #e55025;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 27px;
  line-height: 27px;
}

.october-event-bg .info-div h5 {
  color: #000;
  line-height: 28px;
}

.october-event-bg h6 {
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 25px;
  color: #000;
}

.october-event-bg p.programinfo {
  font-size: 16px;
  line-height: 21px;
}

.october-event-bg img {
  margin: 35px auto 50px;
  -webkit-box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 0%);
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 0%);
}

.october-event-bg a.buy-october-event {
  display: table;
  background: #0490dd;
  color: #fff;
  font-size: 15px;
  border-radius: 5px;
  -webkit-box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 30%);
}

.october-event-bg a.buy-october-event:hover,
.october-event-bg a.buy-october-event:focus,
.october-event-bg img:hover,
.october-event-bg img:focus {
  opacity: 0.7;
  cursor: pointer;
}

.october-event-program {
  text-align: center;
  padding: 20px 0px;
  background: #f1f1f1;
}

.october-event-program .row {
  -webkit-box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 0%);
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 0%);
  border-radius: 2px;
  display: flex;
  align-content: center;
  margin: 50px auto;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  background: #fff;
}

.october-event-program .row [class*="col-"] {
  margin-bottom: 0px;
  padding: 0px;
}

.october-event-program .program-speaker {
  text-align: left;
  padding: 35px;
  line-height: 23px;
}

.october-event-program .program-speaker p {
  font-size: 16px;
}

@media screen and (max-width: 1310px) and (min-width: 992px) {
  .promo-ticket-section-shop-wrapp .wwater-explore a {
    padding: 12px;
    left: 38% !important;
  }
}

@media screen and (max-width: 1150px) and (min-width: 992px) {

  /*.promo-ticket-section-shop-wrapp .linkPormotional {
    left: 40%!important;
  }*/
  .promo-ticket-section-shop-wrapp img.tickets-img {
    margin-top: 55px;
  }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
  .october-event-program .program-speaker {
    padding: 5px 20px;
    line-height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .october-event-bg {
    padding-top: 15px;
    padding-bottom: 0px;
  }

  .october-event-bg .info-div h2,
  .october-event-program h2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .october-event-bg .info-div h5 {
    line-height: 23px;
  }

  .october-event-bg .info-div {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }

  .october-event-bg h6 {
    line-height: 22px;
    margin-bottom: 18px;
  }

  .october-event-bg img {
    margin: 25px auto 35px;
  }

  .october-event-bg a.buy-october-event {
    margin-bottom: 35px !important;
  }

  .october-event-program .row {
    display: block;
  }

  .october-event-program .program-speaker {
    padding: 20px 15px;
    line-height: 21px;
  }

  .promo-ticket-section-shop-wrapp {
    margin: 25px 10px;
  }

  .october-event-program .row img {
    width: 100%;
  }
}

/* no7 banner upsel promo */

section#no-07-promo {
  margin-top: 40px;
}

.no-07-promo-wrapp {
  background: #c3c7d2;
  border-radius: 5px;
}

section#no-07-promo [class*="col-"] {
  margin-bottom: 0px;
}

#no-07-promo .no-07-promo-img {
  max-height: 175px;
  margin: 20px auto 0px;
  height: 100%;
}

#no-07-promo .no-07-promo-text {
  color: #000;
  padding-top: 10%;
}

#no-07-promo .no-07-promo-text p i {
  font-size: 15px;
  line-height: 16px;
}

.no-07-img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  max-height: 200px;
}

.no-07-promo-text-price {
  text-align: center;
  margin-top: 45%;
  margin-right: 20%;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.no-07-promo-text-price p {
  margin-bottom: 5px;
}

p.no-07-promo-price {
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
}

img.token-top-10 {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}

/** OBRISATI **/

a.bonus-guide-link {
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  background-color: #cec2ab;
  border-radius: 5px;
  cursor: pointer;
  display: table;
  margin: 0 auto;
}

section.new-wetality-activity-page.new-way-style,
.full-div {
  margin-top: 100px;
}

.woocommerce-MyAccount-content {
  width: 100% !important;
  border-left: 0;
  padding: 0;
}

.hidden-wallet,
.hidden-request-wire-transfer,
.hidden-bonus {
  display: none;
}

.wallet-custom,
.request-wire-transfer-custom,
.bonus-custom {
  display: block;
}

.news-activity-content-hidden {
  display: block !important;
}

.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
  font-size: 12px !important;
  padding: 0 10px !important;
  margin: 5px 0 0 5px !important;
}

.my_account_orders .button.view::after {
  content: "" !important;
}

#bank-funding-table:not(.has-background) tbody td {
  background-color: transparent;
}

#bank-funding-table tbody tr:first-child {
  background: #ccc;
}

#bank-funding-table tbody tr:nth-child(2n + 3) {
  background: #ccc;
}

.active-nav-li {
  background: #e8e8e8;
}

#content-of-business .zoom-upcoming-events {
  max-height: none;
  overflow: hidden;
  height: 255px;
  overflow-y: auto;
}

#content-of-business .right-metting-info p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 6px;
}

#content-of-business .right-metting-info p b {
  margin-bottom: 5px;
}

#Glossary {
  display: block;
}

/* Style the tab */
.compensation-tab {
  overflow: hidden;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #f1f1f1;
}

.compensation-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.compensation-tab button:hover {
  background-color: #ddd;
}

.compensation-tab button.active {
  background-color: #ccc;
}

.compensation-tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

button.tablinks {
  width: 50%;
}

button.tablinks.active {
  border-top: 2px solid #446beb;
  color: rgb(0, 174, 239);
  border-color: rgb(0, 174, 239);
  background: rgb(255, 255, 255);
}

.plan-download {
  color: #fff;
  background-color: #ff675b;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 2em;
}

a.back-to-dealer-area {
  background: #e55025;
  color: white;
  padding: 8px 18px;
  border-radius: 20px;
  position: absolute;
  top: 4%;
  left: 1%;
}

section.landing-page a.back-to-dealer-area {
  top: 15%;
}

#edit_section_id a.back-to-dealer-area,
.add-personal-page a.back-to-dealer-area {
  top: 9%;
}

a.back-to-dealer-area:hover {
  background: #872a0f;
}

a.dealer-area {
  font-size: 15px;
  border: 1px solid #e14c2f;
  border-radius: 4px;
  padding: 5px;
}

#content-of-business section#zoom-contact-form {
  background-color: #f1f1f1;
  margin: 50px 0;
  padding: 1px 15px;
}

.personal-info-span.membership-active {
  color: green;
}

.personal-info-span.membership-not-active {
  color: red;
}

.woocommerce_promotion_badge.expired {
  border-color: transparent transparent #e4051a transparent;
}

.specific-product-expired {
  font-size: 14px;
  line-height: 15px !important;
  color: gray;
  margin: 15px 0;
}

.specific-product-expired span {
  background: red;
  color: white;
  padding: 5px 15px;
}

/* HOLIDAY CUSTOM SHOP */

.holidayshop-page-header {
  margin-top: 70px;
  padding-top: 150px;
  background-image: url(./images/holiday-shop-top-bg.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  position: relative;
}

.holidayshop-page-footer {
  padding-bottom: 150px;
  background-image: url(./images/holiday-shop-bottom-bg.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  position: relative;
}

.holiday-shop-products-text {
  padding: 30px 0px 40px;
}

.holiday-shop-products-text p {
  color: #000;
  text-align: center;
  font-size: 27px;
  line-height: 35px;
  font-weight: bold;
  font-family: "AdobeGaramondProRegular";
}

.holiday-shop-products p span {
  color: #d40806;
}

.holiday-shop-products {
  background-image: url(./images/snow-flakes-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 130px;
  margin-bottom: -90px;
}

@media screen and (max-width: 992px) {
  .holidayshop-page-header {
    margin-top: 0px;
    padding-top: 150px;
  }
}

@media screen and (max-width: 767px) {
  .holidayshop-page-header {
    padding-top: 55px;
  }

  .holiday-shop-products-text p {
    font-size: 20px;
    line-height: 23px;
  }

  .holiday-shop-products-text {
    padding: 10px 0px 0px;
  }

  .holidayshop-page-footer {
    padding-bottom: 70px;
  }
}

/*** STOCK UPDATE PAGE ***/

/* Style the tab */
.stock-update-tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the stock-update-tab content */
.stock-update-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.stock-update-tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.stock-update-tab button.active {
  background-color: #ccc;
}

/* Style the stock-update-tab content */
.stock-update-tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

table.simple-products-table tr th,
table.simple-products-table tr td {
  font-size: 14px;
}

table.simple-products-table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

table.simple-products-table td,
table.simple-products-table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

table.simple-products-table tr:nth-child(even) {
  background-color: #dddddd;
}

.stock-row-two {
  display: none;
  position: relative;
}

.stock-row-two input {
  padding: 5px;
  width: 45%;
  margin-bottom: 0;
}

.stock-row-two i.fa {
  border: 1px solid;
  padding: 2px 4px;
  border-radius: 4px;
  margin: 0 0 0 5px;
  cursor: pointer;
}

.stock-row-one i.fa {
  border: 1px solid;
  padding: 2px 4px;
  border-radius: 4px;
  float: right;
  cursor: pointer;
}

label[for="stock-status-checkbox"] {
  float: right;
  margin-right: 10px;
}

span.span-instock {
  background: green;
  color: white;
  padding: 5px 10px;
}

span.span-outofstock {
  background: #999595;
  color: white;
  padding: 5px 10px;
}

button.tablinks:first-child {
  border-right: 1px solid #ccc;
}

.stock-row-one {
  text-align: center;
}

.avatar-cicle-img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 2px solid #e2e2e2;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  overflow: hidden;
  text-transform: uppercase;
}

.avatar-name-credential {
  top: 37%;
  position: relative;
}

.divavatarimages {
  margin-top: 15px;
}

.flag-group img {
  width: 40% !important;
  height: auto !important;
  margin: 0 auto;
}

/** CHECKOUT POPUP FOR MEMBERSHIP **/

div#personal-page-modal,
div#personal-details-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 50%);
  z-index: 99999;
  height: 100%;
  width: 100%;
}

#personal-details-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modalPersonalPage {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 30px 0 0;
  -webkit-box-shadow: 0 2px 10px 3px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 3px rgb(0 0 0 / 20%);
  border-radius: 6px;
  color: #6c6c6b;
}

.modalPersonalDetails {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 3px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 3px rgb(0 0 0 / 20%);
  border-radius: 6px;
  color: #6c6c6b;
  padding: 0;
  width: 680px;
  margin: 30px auto;
  margin-top: 4%;
}

i#close-personal-modal {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  font-size: 21px;
  cursor: pointer;
}

/** MODAL CONTENT FOR PERSONAL DETAILS (GDPR) **/

.modalContent .modal-header {
  background-color: #f2f2f2;
  border-radius: 5px 5px 0 0;
}

.modalContent h4.modal-title {
  color: #414042;
  font-size: 16px;
}

.flag-style img {
  width: 100px;
  max-width: 100px;
  margin: 0 auto;
}

label#gen-country-label {
  text-align: center;
  font-size: 12px;
  display: inherit;
}

.profile-img-style .avatar-cicle-img {
  margin: 15px auto 0;
}

.row.gray-style {
  background-color: #f2f2f2;
  padding-top: 20px;
}

label.info-group-label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

.info-group-text {
  font-size: 14px;
}

.white-style {
  padding-top: 20px;
}

a#pd-modal {
  cursor: pointer;
  text-decoration: underline;
}

#personal-details-modal .white-style,
#personal-details-modal .gray-style {
  padding-top: 10px;
  padding-bottom: 10px;
}

span.oils-coming-soon {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #a54c4c;
}

/* serums landing pages */

.gray-bg-div {
  background: #f0f0f0;
}

.serum-landing-page {
  margin-top: 70px;
  padding-top: 10px;
}

.serum-landing-page .eoil-brown-btn {
  background: #e47346;
}

.serum-retinol-bg.with-aspect-ratio-1-2,
.serum-hyaluron-bg.with-aspect-ratio-1-2 {
  padding-top: 55%;
  position: relative;
}

.serum-retinol-bg {
  background: url(./images/Serums-r-banner.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

:lang(da-DK) .serum-retinol-bg {
  background: url(./images/Serums-r-banner-dk.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serum-hyaluron-bg {
  background: url(./images/Serums-h-banner.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

:lang(da-DK) .serum-hyaluron-bg {
  background: url(./images/Serums-h-banner-dk.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.serum-desc {
  padding-top: 50px;
  margin: 10px auto;
}

.serum-shop-buttons .quantity {
  margin: 20px auto 0px;
}

.s-desc-wrap.right {
  padding-top: 20px;
  padding-right: 60px;
}

.s-desc-wrap.left {
  padding-top: 20px;
  padding-left: 60px;
}

.s-desc-wrap span,
.serum-ingridients span,
.serum-desc span {
  font-family: "GothamMedium";
  font-weight: normal;
}

.s-desc-wrap span:after {
  content: " ";
  display: block;
  border: 1px solid #5883be;
  width: 20%;
  margin: 10px 0px 30px;
}

.serum-h .s-desc-wrap span:after {
  border: 1px solid #e4723e;
}

img.cbd-molecule {
  width: 80%;
  margin: 0 auto;
}

.ingredients-wrapp {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10px;
  justify-content: center;
  text-align: center;
}

.ingredients-box img {
  text-align: center;
  width: 40%;
  margin: 0 auto;
}

.ingredients-box {
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
}

img.smaller-img {
  width: 16%;
}

img.woman-faceskin {
  padding-top: 80px;
}

.usage-desc {
  text-align: left;
  margin-top: 20px;
  background: #f0f0f0;
  margin-bottom: 20px;
  padding: 20px;
  padding-bottom: 0px;
  font-size: 16px;
  line-height: 21px;
  color: #000;
}

.usage-desc>.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.usage-desc>.row .col-md-8.col-sm-8.col-xs-12 {
  margin-bottom: 10px;
}

.usage-desc p.toclick {
  font-size: 14px;
  margin-bottom: 0px;
  font-style: italic;
}

button.btn-ingredients {
  margin-top: 0px;
  font-size: 14px;
  padding: 9px 15px;
  color: #fff;
  cursor: pointer;
  background: #000;
}

button.btn-ingredients:hover,
button.btn-ingredients:active,
button.btn-ingredients:focus {
  background: #e47346;
}

/* serum ingredients modal */

.modal.right.serums-lp .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.right.serums-lp .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.right.serums-lp .modal-body {
  padding: 15px 15px 80px;
}

.serums-lp .modal-title {
  font-size: 18px;
}

.modal.right.serums-lp.fade .modal-dialog {
  right: -500px;
  -webkit-transition:
    opacity 0.3s linear,
    right 0.3s ease-out;
  -moz-transition:
    opacity 0.3s linear,
    right 0.3s ease-out;
  -o-transition:
    opacity 0.3s linear,
    right 0.3s ease-out;
  transition:
    opacity 0.3s linear,
    right 0.3s ease-out;
}

.modal.right.serums-lp.fade.in .modal-dialog {
  right: 0;
}

.serums-lp .modal-content {
  border-radius: 0;
  border: none;
}

.serums-lp .modal-header {
  border-bottom: none;
  text-align: center;
  padding: 20px 15px 0px;
  text-transform: uppercase;
  position: relative;
}

.serums-lp .close {
  color: #000;
  font-size: 25px;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 15px;
}

#accordionIngredients .panel {
  box-shadow: none;
  border: none;
}

#accordionIngredients .panel+.panel {
  margin-top: 0px;
}

#accordionIngredients .panel-heading .accordion-toggle:after {
  font-family: "Glyphicons Halflings";
  float: right;
  color: #111111;
  content: "\e253";
  font-size: 11px;
}

#accordionIngredients .panel-heading a:before {
  content: none;
}

#accordionIngredients .panel-heading .accordion-toggle.collapsed:after {
  content: "\e252";
}

#accordionIngredients .panel-default>.panel-heading {
  background: transparent;
  border: none;
  border-top: 1px solid #ececec;
  padding: 0px;
}

#accordionIngredients .panel-title {
  margin-top: 0;
  margin-bottom: 0;
}

#accordionIngredients .panel-title a {
  color: #000;
  font-size: 14px;
}

#accordionIngredients .panel-body {
  padding: 15px;
  color: #000;
  font-size: 15px;
  line-height: 17px;
}

/* badge quick fix style */

.single-product.postid-75170 .woocommerce_promotion_badge_text {
  left: -9px;
  top: 21px;
}

:lang(da-DK) .single-product.postid-75170 .woocommerce_promotion_badge_text {
  left: 2px;
  top: 30px;
}

.limit-edition span {
  background: #2196f3;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 700;
  color: white;
}

.promo-ribon span {
  background: #11bd32;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 700;
  color: white;
}

a#for-contract-business-package {
  display: table;
  background: #0490dd;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  -webkit-box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 30%);
  margin: 10px auto !important;
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
}

.center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

/** PDF OBJECT ***/

/* .pdfobject-container {
  height: 100rem;
  border: 1rem solid rgba(0, 0, 0, .1);
} */

.business-presentation-wrap {
  margin: 0px 10px 20px;
}

.business-presentation-wrap p {
  margin-bottom: 25px;
}

.business-presentation-wrap object {
  margin: 15px 0 25px;
}

a.activity-btn.gray-activity.gray-buy-btn {
  background-color: #d5d1d1;
  color: black;
}

a.activity-btn.gray-activity.gray-buy-btn:hover {
  background-color: #d5d1d1c7;
}

/*** MODAL FOR SHIPPING NOTICE  ***/

.free-shipping-notice,
.free-shipping-checked-notice {
  display: none;
  border-radius: 3px;
  width: auto;
  height: auto;
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 25px;
  background: white;
  color: white;
  z-index: 999;
  -webkit-box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.3);
}

.close-notice {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: #b1afae;
  font-size: 25px;
}

img.free-ship-img {
  margin: 15px auto;
  width: 170px;
}

.second-step {
  text-align: center;
}

.second-step p {
  color: #535353;
  font-size: 14px;
  margin-bottom: 0px;
}

.second-step h2 {
  font-size: 48px;
  color: #ea6334;
  font-weight: 700;
  margin: 10px;
}

.understand-btn {
  background: #ea6334;
  color: white;
  font-size: 14px;
  margin-top: 20px;
  width: 100%;
}

.congratulation-style {
  font-size: 31px !important;
}

.hidden-mini-cart {
  visibility: hidden;
}

button.turn-off-cookie {
  font-size: 12px;
  background: transparent;
  text-decoration: underline;
  padding: 0;
  margin-top: 20px;
}

/* summer offer n1 n2 */
#summer-n1n2-offer .offer-banner {
  margin-bottom: 20px;
}

#summer-n1n2-offer ul.products.columns-2 li {
  width: 50%;
  padding: 0px 10px;
}

.woocommerce-MyAccount-content h2 {
  font-size: 1.8em !important;
}

/* september event */

.september-event {
  margin-top: 100px;
}

.sep-banner-img {
  /*background-image: url(./images/Event_September_2022_Landing_Page.jpg);*/
  background-image: url(./images/Event_May_2024_banner.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 500px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  align-content: center;
  flex-wrap: wrap;
}

.sep-hero-text {
  text-align: center;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  color: #0490dd;
  font-family: "Gotham-Book";
  font-size: 30px;
  line-height: 40px;
}

.sep-hero-text h1 {
  font-size: 50px;
  line-height: 55px;
}

.sep-event-content {
  padding-top: 15px;
  font-size: 18px;
  line-height: 24px !important;
  color: #000;
}

.sep-event-content b {
  font-family: "Gotham-Book";
  line-height: normal;
}

.sep-event-content h3 {
  line-height: 34px;
}

.eventlogos {
  display: flex;
  align-items: center;
}

.eventlogo1 img {
  height: 33px;
  margin: 0 8px;
}

.eventlogo2 img {
  height: 55px;
  margin: 0 8px;
}

p.content-top-space {
  margin-left: 35px;
  margin-bottom: 0px;
}

.sep-speaker-section {
  max-width: 1500px;
  width: 100%;
  background: #f4f4f4;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 25px;
  margin-top: 100px;
  border-radius: 8px;
}

img.milenap {
  margin-top: -130px;
  border-radius: 8px;
}

.september-event .w-btn.product-test-btn {
  /*background-color: #00adbb;*/
  background-color: #0490dd;
}

.september-event .w-btn.product-test-btn:hover,
.september-event .w-btn.product-test-btn:focus {
  background-color: #0490dd82;
}

.september-event p a {
  color: #0490dd;
}

.where-when {
  padding-top: 30px;
}

.september-event .list-ul {
  margin-left: 0px;
}

.september-event li.content-li {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: [col] 1fr [col] 3fr;
  grid-template-rows: auto;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
}

.september-event .list-div {
  color: #0490dd;
  margin: 7px 0px;
}

.sep-heduler h3 {
  border-bottom: 2px solid #0490dd;
  padding-bottom: 10px;
  margin-bottom: 50px;
  /*color: #01808a;*/
  color: #0490dd;
}

.milena-row {
  padding-top: 50px;
  padding-bottom: 20px;
}

.milena-row-reps {
  background: linear-gradient(to left, #f4f4f4 90%, white 10%);
  margin-bottom: 60px;
  margin-top: 30px;
  padding: 65px 40px 10px;
  background: #e4e1e042 url(./images/qvg-half-logo.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: 12%;
  text-align: center;
  border-radius: 8px;
}

.september-event h2 {
  text-align: center;
  font-weight: bold;
  border: none;
  font-size: 25px;
  line-height: 27px;
}

.september-event h2+h3 {
  border-top: none;
}

@media screen and (max-width: 1450px) {
  .september-event {
    margin-top: 145px;
  }
}

@media screen and (max-width: 1025px) {
  .september-event {
    margin-top: 15px;
  }

  .sep-banner-img {
    height: 360px;
  }

  .sep-hero-text h1 {
    font-size: 42px;
    line-height: 43px;
  }

  .sep-hero-text {
    font-size: 30px;
    line-height: 31px;
  }

  .sep-event-content {
    padding-top: 20px;
    font-size: 16px;
  }

  .sep-event-text h3,
  .sep-heduler h3 {
    font-size: 1.3em;
  }

  .where-when {
    padding-top: 15px;
  }

  .sep-heduler {
    margin-top: -20px;
  }

  .sep-heduler h3 {
    margin-bottom: 15px;
  }

  .sep-speaker-section {
    margin-top: 60px;
    margin-bottom: -47px;
  }

  img.milenap {
    margin: -115px auto 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sep-hero-text h1 {
    font-size: 32px;
    line-height: 33px;
  }

  .sep-banner-img {
    height: 300px;
  }

  .where-when {
    margin-bottom: -55px;
  }

  .sep-heduler {
    margin-top: 0px;
  }

  .september-event li.content-li {
    grid-template-columns: [col] 1fr [col] 2fr;
  }

  .september-event .list-div,
  p.content-top-space {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 0px;
  }

  p.content-top-space {
    margin-left: 0px;
  }

  .milena-row-reps {
    margin-bottom: 20px;
  }

  .milena-row-text {
    padding-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .sep-banner-img {
    height: 200px;
  }

  .sep-hero-text h1 {
    font-size: 16px;
    line-height: 18px;
  }

  .sep-hero-text {
    font-size: 16px;
    line-height: 18px;
  }

  .sep-event-content {
    padding-top: 5px;
  }

  .sep-event-text h3,
  .sep-heduler h3 {
    font-size: 1.2em;
    line-height: 23px;
  }

  .where-when {
    padding-top: 5px;
  }

  .sep-heduler {
    margin-top: 0px;
  }

  .sep-heduler h3 {
    margin-bottom: 0px;
  }

  .sep-heduler h4 {
    margin-top: 20px;
    font-size: 1.1em;
  }

  .september-event li.content-li {
    grid-gap: 5px;
    grid-template-columns: [col] 1fr;
    padding-top: 8px;
    padding-bottom: 9px;
  }

  .september-event .list-div,
  p.content-top-space {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0px;
  }

  p.content-top-space {
    margin-left: 32px;
  }

  img.milenap {
    margin-bottom: 15px;
  }

  .sep-speaker-section ul {
    margin-left: 30px;
  }

  .milena-row-reps {
    margin-bottom: 20px;
    background-size: 35%;
    padding-top: 25px;
  }

  .milena-row-reps img {
    margin-bottom: 15px;
  }

  .milena-row-reps h4 {
    font-size: 1.1em;
    line-height: 21px;
  }

  .sep-speaker-section {
    margin-top: 90px;
  }

  .milena-row-text {
    padding-top: 30px;
  }

  .eventlogo1 img {
    height: 25px;
  }

  .eventlogo2 img {
    height: 40px;
  }
}

/* ad-hock home banner buttons style - delete after event passed */

@media screen and (max-width: 992px) and (min-width: 768px) {
  .home-banner-btn-wrap a.shop-now-button {
    font-size: 18px;
    padding: 9px 30px 7px 27px;
  }
}

@media screen and (min-width: 787px) {
  .home-banner-btn-wrap {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .home-banner-btn-wrap a.shop-now-button {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
  }
}

/* end of september event style - delete it after event passed */

/* MANUKA PAGE STYLE */

body.page-template-template-manuka-page .site-main,
body.page-template-template-manuka-page .content-area {
  margin-bottom: 0px;
}

#manukapage {
  /*background: #f9f7f2;*/
  font-family: "Unica One", cursive;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 24px;
  color: #000;
  overflow: hidden;
}

.manuka-banner {
  padding-top: 160px;
  padding-bottom: 70px;
  background-color: #f2f2f2;
}

.manuka-banner .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.manuka-intro {
  background: #e4e7e8;
  padding-top: 65px;
  padding-bottom: 100px;
}

.manuka-banner h1 {
  font-size: 82px;
  line-height: 66px;
  font-family: "AdobeGaramondProRegular";
}

.manuka-banner h2 {
  font-weight: 500;
  padding-left: 5px;
  margin-top: 0px;
}

#manukapage p.bigone {
  font-family: "AdobeGaramondProRegular";
  font-size: 40px;
  line-height: 48px;
  margin-top: 37px;
}

#manukapage p.colored-bg {
  background: #d6dcde;
  padding: 35px;
  border-radius: 6px;
}

.manuka-texture {
  background:
    url(./images/Blue-circle-opacity.png) center center no-repeat,
    url(./images/textured-bg.jpg) center center repeat;
  padding: 70px 0px 30px;
}

.manuka-beige-circle {
  position: absolute;
  top: -37%;
  left: -38%;
  width: 450px;
  max-width: 100%;
  transform: translate(-50%, -50%);
  opacity: 0.5 !important;
}

.manuka-flover-banner-img {
  position: absolute;
  bottom: -75px;
  left: -53px;
}

.manuka-flover-banner-top-img {
  position: absolute;
  top: -78px;
  left: auto;
  right: 10px;
  bottom: auto;
}

.manuka-creme-left {
  position: absolute;
  left: 30%;
  top: 15%;
  transform: translate(-50%, -50%);
}

.manuka-creme-right {
  position: absolute;
  left: 55%;
  top: 12%;
  transform: translate(-50%, -50%);
}

p.manuka-ingr-list {
  font-size: 15px;
  line-height: 18px;
}

img.manuka-badges {
  width: 330px;
  margin-top: 15px;
  margin-bottom: 20px;
}

img.manuka-product-img {
  margin: -110px auto 0px;
  width: 75%;
}

.manuka-product-overview {
  padding-top: 100px;
}

.manuka-properties {
  background-image: url(./images/Manuka-blue-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 60px 0px 10px;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.manuka-properties img {
  margin: 0 auto 20px;
}

.manuka-product-overview,
.manuka-facts {
  background-image: url(./images/textured-bg.jpg);
  background-position: center center;
  background-repeat: repeat;
  position: relative;
  padding: 60px 0px 40px;
}

.manuka-support-ingredients {
  padding: 100px 0px;
  background-image: url(./images/nz-map.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.manuka-support-ingredients img {
  margin: 0 auto;
  height: 130px;
}

.manuka-product-overview p,
.manuka-support-ingredients p {
  font-size: 16px;
  line-height: 22px;
}

.manuka-support-ingredients .left-side-text {
  padding-top: 194px;
  padding-right: 65px;
}

.manuka-history {
  background-image: url(./images/bg-mauri.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px 100px;
  border-top: 1px solid #ececec;
  background-attachment: fixed;
}

#manuka-more-history {
  padding-top: 20px;
}

.mauri-imgs {
  padding-top: 30px;
}

.mauri-imgs .img-bigger {
  margin-top: -183px;
}

img.mhimg {
  margin: 0 auto -45px;
}

.manuka-honey,
.manuka-facts {
  padding-bottom: 50px;
}

.honeylist {
  padding-top: 70px;
}

.honeylist ul {
  list-style: none;
  margin-left: 25px;
}

.honeylist ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.honeylist ul li img {
  width: 36px;
  margin-right: 15px;
}

.pt-30px {
  padding-top: 30px;
}

#manukaaccordion {
  padding-top: 50px;
  padding-left: 30px;
}

#manukaaccordion .panel {
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  margin-bottom: 25px;
  border-color: #f5f5f5;
}

#manukaaccordion .panel-default>.panel-heading {
  background: none;
}

/*
#manukaaccordion .panel-heading a::before{content: none;}

#manukaaccordion .panel-heading a:after {
  content: "\f063";
  font-family: 'FontAwesome';
  float: right;
  transition: all 0.5s;
}*/

#manukaaccordion .panel-heading a:before {
  content: "\f063";
  font-family: "FontAwesome";
  float: right;
  transition: all 0.5s;
  color: #000;
}

#manukaaccordion .panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

#manukaaccordion img {
  height: 110px;
  margin: 0 auto 38px;
}

#manukaaccordion ul {
  margin-left: 35px;
}

.mshadowimg {
  box-shadow:
    rgb(0 0 0 / 25%) 0px 14px 28px,
    rgb(0 0 0 / 22%) 0px 10px 10px;
}

.manuka-product-overview h4 {
  text-align: center;
  margin-bottom: 70px;
}

.ing-img {
  width: 185px;
  height: auto;
}

.manuka-product-overview ul.nav-tabs {
  margin: 0px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}

.manuka-product-overview ul.nav-tabs li {
  width: auto;
}

.manuka-product-overview ul.nav-tabs a {
  color: #000;
  height: 100%;
}

.manuka-product-overview ul.nav-tabs .ing-img {
  margin: 0 auto;
}

.manuka-product-overview .nav-tabs>li.active>a,
.manuka-product-overview .nav-tabss>li.active>a:focus,
.manuka-product-overview .nav-tabs>li.active>a:hover {
  color: #000;
  background-color: transparent;
}

.manuka-product-overview .nav>li>a:focus,
.manuka-product-overview .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}

.manuka-product-overview .nav>li>a:focus p.m-title,
.manuka-product-overview .nav>li>a:hover p.m-title,
.manuka-product-overview .nav>li>a:focus p.rm-ing,
.manuka-product-overview .nav>li>a:hover p.rm-ing {
  color: #a4987c;
}

p.rm-ing {
  border-bottom: 2px solid #222;
  display: inline-block;
}

.manuka-product-overview .nav-tabs.nav-justified>.active>a,
.manuka-product-overview .nav-tabs.nav-justified>.active>a:focus,
.manuka-product-overview .nav-tabs.nav-justified>.active>a:hover,
.manuka-product-overview .nav-tabs.nav-justified>li>a {
  border: none;
}

.manukaequalHeightdiv {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.manuka-texture .quantity {
  margin: 25px auto;
}

.manuka-texture .quantity-button {
  border: 2px solid #603a13;
  padding-left: 2px;
}

.manuka-texture a.button.add_to_cart_button {
  margin: 0px !important;
  font-size: 14px;
  margin-right: 10px !important;
  padding: 6px 15px 5px;
  font-weight: normal;
}

.manuka-texture .smartship-btn {
  text-transform: uppercase;
  padding: 7px 13px 6px;
  background-color: #ffedb9;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 14px;
  color: #000;
  margin-right: 0px !important;
  font-weight: normal;
}

.manuka-texture .smartship-btn:hover,
.manuka-texture .smartship-btn:focus {
  background-color: #ffe088;
}

@media screen and (max-width: 1200px) {
  .manuka-banner h1 {
    font-size: 65px;
    line-height: 52px;
  }

  .manuka-banner {
    padding-top: 125px;
    padding-bottom: 110px;
  }

  .manuka-intro {
    padding-top: 35px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  img.manuka-product-img {
    margin: 0px auto 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  img.manuka-product-img {
    width: 45%;
  }
}

@media screen and (max-width: 1024px) {
  .manuka-banner {
    padding-top: 35px;
    padding-bottom: 15px;
  }

  .manukacard-body-text h1 {
    font-size: 50px;
    line-height: 57px;
    top: 57%;
  }

  .manuka-creme-left,
  .manuka-creme-right {
    height: 300px;
  }

  .manukacard-body-main p {
    padding-left: 0px;
  }

  .manukacard-body-main {
    padding-bottom: 20px;
  }

  .manuka-support-ingredients .left-side-text {
    padding-top: 30px;
    padding-right: 0px;
  }

  .manuka-banner h1 {
    font-size: 50px;
    line-height: 45px;
  }

  .manuka-intro {
    padding-top: 5px;
    padding-bottom: 20px;
  }

  .manuka-support-ingredients {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .manuka-flover-banner-top-img {
    width: 30%;
    top: -40px;
  }
}

@media screen and (min-width: 992px) {
  .manuka-product-overview .panel-heading {
    display: none;
  }

  .manuka-product-overview .panel {
    border: none;
    box-shadow: none;
    border-top: 1px solid #d6c394;
    border-radius: 0px;
    background: transparent;
  }

  .manuka-product-overview .panel-collapse {
    height: auto;
  }

  .manuka-product-overview .panel-collapse.collapse {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  #manukapage p.bigone {
    font-size: 42px;
    line-height: 45px;
  }

  .manuka-support-ingredients {
    padding-bottom: 0px;
  }

  .manuka-history {
    padding-top: 0px;
    padding-bottom: 30px;
  }

  #manukaaccordion {
    padding-left: 0px;
  }

  .manuka-product-overview ul.nav-pills {
    flex-wrap: wrap;
  }

  .manuka-product-overview ul.nav-pills li {
    width: 49%;
  }

  .manuka-product-overview .tab-content .tab-pane {
    display: block;
    margin-bottom: 40px;
  }

  .manuka-product-overview ul.nav-tabs {
    display: none;
  }

  .manuka-product-overview .panel-title a {
    display: block;
  }

  .manuka-product-overview .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
    border: none;
    background: transparent;
  }

  .manuka-product-overview .panel-heading {
    background-color: transparent;
    border: none;
    text-align: center;
  }

  .manuka-product-overview .panel-heading a,
  .manuka-product-overview .panel-heading a:hover,
  .manuka-product-overview .panel-heading a:focus {
    color: #000;
  }

  .manuka-product-overview .ing-img {
    margin: 0 auto;
  }

  .manuka-product-overview .panel a:focus p.m-title,
  .manuka-product-overview .panel a:hover p.m-title,
  .manuka-product-overview .panel a:focus p.rm-ing,
  .manuka-product-overview .panel a:hover p.rm-ing {
    color: #a4987c;
  }

  .manuka-banner {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .manuka-banner h1 {
    font-size: 38px;
    line-height: 38px;
  }

  #manukapage {
    line-height: 22px;
  }

  .manuka-intro {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .manuka-intro h2 {
    font-size: 20px;
    line-height: 23px;
  }

  .manuka-banner {
    padding-top: 30px;
    padding-bottom: 65px;
  }

  .manuka-banner h2 {
    font-size: 19px;
    padding-left: 3px;
  }

  .manukacard-body {
    margin-bottom: 20px;
  }

  .manukacard-body-text {
    width: 100%;
  }

  .manukacard-body-text img {
    width: 65px;
    margin: 5px auto 0px;
  }

  .manukacard-body-text h1 {
    font-size: 31px;
    line-height: 32px;
    top: 42%;
  }

  .manukacard-body-main,
  .manuka-support-ingredients {
    padding-bottom: 35px;
  }

  .manukacard-body-main img {
    margin: -157px auto 33px;
  }

  .manukacard-body-main p {
    padding-left: 0px;
  }

  #manukapage p.bigone {
    font-size: 30px;
    line-height: 33px;
  }

  .manuka-texture {
    padding-top: 30px;
  }

  img.manuka-product-img,
  .mauri-imgs .img-bigger {
    margin-top: 30px;
  }

  .manuka-properties {
    padding: 30px 0px;
  }

  .honeylist {
    padding-top: 0px;
  }

  .manuka-facts {
    margin-top: 0px;
    padding-top: 0px;
  }

  .manuka-support-ingredients {
    padding: 0px 0px 20px;
  }

  .manuka-product-overview {
    padding-bottom: 10px;
  }

  .ing-img {
    width: 150px;
  }

  .manuka-texture .eoil-buttons-shop-wrrap {
    flex-direction: row;
  }

  .manuka-flover-banner-img {
    width: 65%;
    bottom: -80px;
    left: -12px;
  }

  #manukapage p.colored-bg {
    padding: 20px;
  }
}

/* functional blend page */

.fblend .eoil-main-banner {
  background: url(./images/fuctional-blend-bg.jpg);
}

.eoil-landing-page .functional-blends {
  margin: 16px auto;
}

.eoil-landing-page .functional-blends h2 {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}

.fblend .eoil-banner-textblock {
  width: 90%;
}

.fblend .eoil-half-box-container {
  top: 55%;
}

.fblend .eoil-banner-textblock p {
  color: #25251a;
  font-size: 25px;
  text-shadow: none;
  line-height: 28px;
}

.fblend .single-eo-shop-option.with-changed-width {
  width: 80%;
  text-align: left;
}

.fblend .single-eoil-container img {
  width: 80%;
}

.fblend .single-eoil-container span {
  color: #000;
  text-decoration: underline;
}

.functional-bleng-bg1 {
  background: url(./images/essential-oils/essential-oils-bottles2023.jpg);
}

.functional-bleng-bg2 {
  background: url(./images/essential-oils/good-vibe-woman.jpg);
}

p.fblend-title {
  font-size: 20px;
  color: #426372;
}

ul.functional-b {
  list-style: none;
  text-align: left;
  margin-left: 0px;
}

ul.functional-b li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

ul.functional-b li img {
  width: 80px;
  margin-right: 20px;
  margin-left: 0px;
  width: 100%;
  max-width: 80px;
}

.fblend a.button.add_to_cart_button {
  margin: 10px 10px !important;
}

.fblend .smartship-btn {
  padding: 8px 13px 6px;
  background-color: #ffedb9;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 13px;
  color: #000;
  margin-right: 0px !important;
  text-transform: uppercase;
}

.fblend .smartship-btn:hover,
.fblend .smartship-btn:focus {
  background-color: #ffe088;
}

@media screen and (min-width: 1024px) {
  .eoil-landing-page.fblend .single-eoil-container p {
    font-size: 18px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1024px) {
  .eoil-landing-page.fblend {
    margin-top: auto;
  }

  .eoil-landing-page.fblend h2 {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 18px;
  }

  .fblend .eoil-half-box-container {
    top: 60%;
  }

  ul.functional-b li {
    margin-bottom: 15px;
  }

  ul.functional-b li img {
    width: 50px;
    margin-right: 15px;
  }

  .eoil-landing-page .functional-blends h2 {
    font-size: 15px;
  }

  p.fblend-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .functional-b p br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .eoil-landing-page.fblend .eoil-banner-textblock h1 {
    font-size: 6vw;
  }

  .fblend .eoil-banner-textblock p {
    font-size: 20px;
    line-height: 21px;
  }

  ul.functional-b li {
    margin-bottom: 5px;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends {
    padding-top: 150%;
  }

  ul.functional-b li img {
    width: 40px;
    margin-right: 10px;
  }

  p.fblend-title {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0px;
  }

  .eoil-landing-page.fblend h2 {
    margin-bottom: 8px;
  }

  .fblend .eoil-half-box-container {
    top: 56%;
  }

  .fblend .ar-mobile .with-flex-def {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .functional-bleng-bg1 {
    background-position: right;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:first-child,
  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:nth-child(2) {
    margin-bottom: 70px;
  }

  .fblend .single-eo-shop-option.with-changed-width {
    width: 100%;
  }

  .fblend .single-eoil-container img {
    max-height: 190px;
    width: auto;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:first-child {
    margin-bottom: 10px;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:nth-child(2) {
    margin-bottom: 0px;
  }

  /*.fblend a.button.add_to_cart_button {
    margin: 10px auto!important;
  }*/
  .fblend .eoil-buttons-shop-wrrap {
    flex-direction: row;
  }
}

@media screen and (max-width: 400px) {
  .eoil-landing-page .functional-blends h2 {
    font-size: 13px;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:first-child,
  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:nth-child(2) {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 350px) {
  .eoil-landing-page .functional-blends h2 {
    font-size: 10px;
  }

  .fblend .single-eoil-container img {
    max-height: 150px;
  }

  .with-aspect-ratio-1-2.ar-mobile.functional-blends .with-flex-def div:first-child {
    margin-bottom: 0px;
  }

  ul.functional-b li img {
    width: 33px;
    margin-right: 8px;
  }

  .eoil-buttons-shop-wrrap {
    flex-direction: column;
  }
}

@media screen and (max-width: 340px) {
  .fblend .single-eoil-container img {
    max-height: 130px;
  }

  .fblend .eoil-buttons-shop-wrrap {
    flex-direction: column;
    align-items: center;
  }

  .fblend a.button.add_to_cart_button,
  .fblend .smartship-btn {
    font-size: 10px;
    padding: 3px 11px 2px;
  }
}

/* hand cream single page style */

.singlepage-ing-template .row-flex {
  flex-wrap: wrap;
  /*align-items: center;*/
  padding-top: 25px;
}

.single-ingredients-box {
  /*display: flex;*/
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}

.single-ingredients-box img {
  width: 90px;
  margin: 0px auto;
}

.single-ingredients-box-text p {
  font-size: 17px;
  line-height: normal;
}

@media screen and (max-width: 767px) {
  .singlepage-ing-template .row-flex {
    padding-top: 0px;
  }

  .col-sm-8 .single-ingredients-box:first-of-type {
    margin-top: 23px;
  }
}

/** smarrtship popup btn **/

button.smartship-popup-btn {
  padding: 8px 13px 6px;
  background-color: #ffedb9;
  border: 1px solid #fff;
  border-radius: 0px;
  font-size: 13px;
  color: #000;
  margin-right: 0px !important;
}

.spa-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.spa-overlay-target {
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
}

.spa-popup {
  margin: 110px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.spa-popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.spa-popup #spa-close {
  position: absolute;
  top: 15px;
  right: 15px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: #0490dd;
  padding: 5px 6px;
}

.spa-popup #spa-close:hover {
  color: #323634;
}

.spa-popup .content {
  max-height: 30%;
  overflow: auto;
}

#addcard-wrapp {
  display: inline;
}

a#add-smartship-eo {
  background: #75a23f;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 0px;
  padding: 9px 25px 7px;
  display: inline-block;
  line-height: 1.4;
  margin: 3px 10px 0 0 !important;
}

button.stop-smartship-eo {
  border: transparent;
  border-radius: 0;
  background: #252525;
  color: #eee !important;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 25px;
  text-decoration: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

@media screen and (max-width: 700px) {
  .spa-popup {
    width: 70%;
  }
}

/* FLASH SALE BADGE ON OFFER PAGE */

/* #flash-sale-offer .offer-banner{
  border-radius: 11px;
  margin-top: 25px;
}

.flash-sale-info{
  margin-top: 20px;
}

.flash-sale-info p{
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.flash-sale-info p b, .flash-sale-discount-package p b {
  color: #117878;
  font-family: 'Gotham-Book';
  font-weight: normal;
}

.woocommerce.columns-2 .products .product {
    width: 49%;
}

li.offer-btn span{
    color: #3c8c8c;
    display: inline;
    font-weight: bold;
    animation: blink 1s steps(1) infinite;
    -webkit-animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { color: transparent; } }
@-webkit-keyframes blink { 50% { color: transparent; } }

#offers-shop-section {margin-top: 30px;}

.flash-sale-notification-bar{
    background: #3b8c8c;
    border-radius: 11px;
    text-align: center;
    padding: 10px 20px 8px;
    margin-left: 25px;
    margin-right: 25px;
}

.flash-sale-notification-bar p{
    margin-bottom: 0px;
    color: #fff;
}

.flash-sale-discount-package{
    text-align: left;
    padding: 10px 20px 8px;
}

.flash-sale-discount-package .row{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flash-sale-discount-package p{
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 19px;
    color: #000;
}

@media screen and (min-width: 1024px){
  li.offer-btn span{
    position: absolute;
    top: -7px;
  }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
  .woocommerce.columns-2 .products .product{
    padding: 25px 10px;
  }
}

@media screen and (max-width: 767px){
  .flash-sale-discount-package{
    padding: 0px;
    margin: 0px -15px 10px;
  }

  .flash-sale-discount-package img{
    margin-bottom: 10px;
  }
} */

.dealer-area-videos h2 {
  font-size: 16px;
  line-height: 19px;
}

.dealer-area-videos img.video-screenshot {
  border-radius: 5px;
}

@media screen and (min-width: 1024px) {
  li.offer-btn span {
    position: absolute;
    top: -7px;
  }
}

li.offer-btn span {
  color: #3c8c8c;
  display: inline;
  font-weight: bold;
  animation: blink 1s steps(1) infinite;
  -webkit-animation: blink 1s steps(1) infinite;
}

@keyframes blink {
  50% {
    color: transparent;
  }
}

@-webkit-keyframes blink {
  50% {
    color: transparent;
  }
}

.row.mette-row {
  background: #f4f4f4;
  display: flex;
  align-items: center;
  padding: 30px 20px 0px;
}

.row.mette-row p.specguest {
  text-align: center;
  font-size: 22px;
}

.row.mette-row p.specguest-title {
  text-align: center;
  font-size: 35px;
  line-height: normal;
}

@media screen and (max-width: 1450px) and (min-width: 1024px) {

  .full-div,
  section.member-settings {
    margin-top: 150px;
  }
}

@media screen and (max-width: 1024px) {

  .full-div,
  section.member-settings {
    margin-top: 0px;
  }

  section.member-settings {
    margin-top: 0px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .edit-buttons-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .row.mette-row {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
  }

  .row.mette-row p.specguest-title {
    font-size: 30px;
  }

  img.scandic-img {
    width: 30%;
  }
}

/** LOST PASSWORD PAGE **/

span.sucess-notice-rp {
  background: green;
  color: white;
  padding: 5px 15px;
  border-radius: 3px;
  display: block;
}

span.error-notice-rp {
  background: red;
  color: white;
  padding: 5px 15px;
  border-radius: 3px;
  display: block;
}

p.nopoint-notice {
  font-size: 14px !important;
  line-height: 15px !important;
  color: red !important;
}

/* flash sale shirt exp data*/

section.fs-offer {
  padding-top: 100px;
}

.fs-banner-img img {
  margin: 0px auto;
  border-radius: 10px;
}

.fs-offer-text {
  margin: 0px auto 50px;
  padding: 5% 20% 5% 10%;
  background-image: url(./images/Lighting_Pattern2.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  color: #000;
}

.fs-offer-text p.bb {
  font-size: 35px;
  line-height: 45px;
  color: #444;
}

p.bb b {
  color: #ea6124;
}

p.p-line {
  margin: 0px 25px 20px;
  font-size: 30px;
  line-height: 35px;
  padding-bottom: 20px;
  color: #444;
  border-bottom: 1px solid #b1b1b1;
}

.fs-serums-section {
  border-top: 1px solid #b1b1b1;
  padding-top: 30px;
  margin: 50px auto;
}

.qwetality-nav .navbar-nav>li.megamenu.fs-btn>a {
  background: #ffdfa0;
  border-radius: 17px;
  padding: 6px 20px;
  margin: 19px 5px;
}

li.fs-btn i.fa {
  display: inline;
  color: #ee3a42;
  animation: blink 1s steps(1) infinite;
  -webkit-animation: blink 1s steps(1) infinite;
}

.qwetality-nav .navbar-nav>li.megamenu.fs-btn {
  padding-right: 0px;
}

@media screen and (max-width: 1780px) {
  .qwetality-nav.is-logged .navbar-nav>li>a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1560px) and (min-width: 1190px) {
  .qwetality-nav.not-logged .navbar-nav>li>a {
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) {
  li.fs-btn i.fa {
    position: absolute;
    top: -7px;
  }
}

@media screen and (max-width: 1024px) {
  section.fs-offer {
    padding-top: 20px;
  }

  .fs-banner-img {
    padding: 0 10px;
  }

  .fs-offer-text p.bb {
    font-size: 30px;
    line-height: 35px;
  }

  p.p-line {
    font-size: 25px;
    line-height: 30px;
  }

  li.fs-btn.mm-listitem a.mm-listitem__text {
    font-weight: bold;
    color: #e95129;
  }
}

@media screen and (max-width: 767px) {
  .fs-offer-text {
    padding: 20px 10px;
    margin: 0 auto;
  }

  .fs-offer-text p.bb {
    font-size: 25px;
    line-height: 30px;
  }

  p.p-line {
    margin: 0 auto 20px;
  }

  p.p-line {
    font-size: 20px;
    line-height: 25px;
  }

  li.fs-btn i.fa {
    margin-left: 5px;
    color: #ffc877;
  }
}

/* li.reepay-logo img {
    height: 100%!important;
    max-height: 86px!important;
} */

/* black friday 2023 */
#bf-2023-offer img {
  max-width: 400px;
  width: 100%;
  margin: 20px auto;
}

#bf-2023-offer p {
  color: #000;
  text-align: center;
}

.woocommerce_promotion_badge.black-br-friday-offer {
  border-color: transparent transparent #000 transparent;
}

/* credit card cahange info div */
.creditcard-change-info a {
  background: #2196f3;
  padding: 10px 15px;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
}

@media screen and (min-width: 767px) {
  .creditcard-change-info {
    padding-left: 30px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .creditcard-change-info {
    padding-left: 17px;
    padding-bottom: 20px;
  }

  .woocommerce .products .product img {
    width: 100%;
  }
}

/** STYLE FOR CANCEL WATER RENT **/

.cwr-cancel-btn {
  padding: 5px 25px;
  font-size: 14px;
  background: #de3818;
  color: white;
  border-radius: 4px;
}

.cwr-popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.cwr-popup-content {
  background: #fff;
  max-width: 600px;
  width: 80%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.cwr-popup-content h3 {
  background: #ff5722;
  color: white;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
  font-weight: 700;
  border-radius: 4px;
}

.cwr-button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.cwr-action-btn {
  flex: 1;
  padding: 10px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 4px;
}

.cwr-accept-btn {
  background-color: #4caf50;
  color: #fff;
  border: none;
}

.cwr-close-btn {
  background-color: #e74c3c;
  color: #fff;
  border: none;
}

.cwr-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.cwr-preloader img {
  width: 50px;
  /* Adjust the size of the loader */
}

p#billwerk-quickpay-changing {
  background: #fae4e8;
  color: #000;
  padding: 15px;
  border-radius: 2px;
}

p#billwerk-quickpay-changing a {
  color: #b03d50;
  text-decoration: underline;
  font-weight: bold;
}

p#billwerk-quickpay-changing a:hover,
p#billwerk-quickpay-changing a:focus {
  color: #000;
}

/* modal for register invited - test*/

.page-template-template-registration-for-invited .bootbox.modal.fade,
.page-template-template-registration-for-invited .modal-backdrop.fade {
  opacity: 1;
}

/* new custom save new password form (personal page) */

div#save-new-pass-notice {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 11px;
  padding: 3px;
}

div#save-new-pass-notice.error-save-pass {
  background: red;
  color: white;
  border-radius: 3px;
  border: 1px solid #292525;
}

div#save-new-pass-notice.sucess-save-pass {
  background: #5cb85c;
  color: white;
  border-radius: 3px;
  border: 1px solid #292525;
}

div#save-new-pass-wrapp {
  position: relative;
}

.loader-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,
      255,
      255,
      0.7);
  /* Semi-transparent white background */
  z-index: 9999;
  /* Ensure it's on top of other content */
  display: none;
  /* Initially hidden */
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey border */
  border-top: 16px solid #3498db;
  /* Blue border on top */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  /* Rotate animation */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  /* Half of height */
  margin-left: -60px;
  /* Half of width */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.comming-notice {
  color: black !important;
  font-size: 13px;
  border: 2px solid #0490dd;
  border-radius: 3px;
  margin-top: 45px;
  display: flex;
  height: 80px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}

/** HELPER STRANICA **/

section.wetality-helper-section {
  width: 960px;
  margin: 70px auto 0;
}

.wetality-helper-class {
  border: 1px solid #80808059;
  padding: 5px;
  margin-bottom: 15px;
}

.wetality-helper-class h2 {
  background: #e44815;
  text-align: center;
  color: white;
  padding: 5px;
}

/*** discount block ***/

.discount-calculation-class {
  display: flex;
  align-items: center;
}

.discount-calculation-class p {
  padding: 5px;
}

input.izracunaj-class {
  height: max-content;
}

div#azuriranje-balansa {
  margin: 20px auto;
}

/* input#ordertotal {
    padding: 11px;
    border: 1px solid black;
}

input#ordertotal:focus {
    background: #d1cece;
} */

div#checkboxForm {
  display: flex;
  flex-direction: column;
}

#rental-faucet-preview,
#faucet-preview {
  position: absolute;
  bottom: 65px;
  right: 80px;
}

@media screen and (max-width: 767px) {

  #rental-faucet-preview,
  #faucet-preview {
    bottom: 15px;
    right: 10px;
  }

  .graybg {
    margin-top: 25px;
  }

  .new-machine-choices {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* air cleaner offer style */

.air-purifier-offer .woocommerce .products .product {
  width: 100%;
  max-width: 100%;
}

.air-purifier-offer img.offer-img {
  background: #e2e2e2;
  border-radius: 11px;
  padding: 10px;
}

/*
.p-opt-card{
	background-color: #f2f2f2;
	border-radius: 10px;
	padding: 20px 10px;
	margin-bottom: 15px;
	text-align: center;
}

.purifier-flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 2px solid #d4d3d3;
  border-radius: 10px;
}

.purifier-child {
  flex: 1 1 100%; 
  box-sizing: border-box;
  padding: 1rem;
}
*/
@media (min-width: 768px) {
  .purifier-child {
    flex: 1 1 50%;
  }

  .air-purifier-offer .woocommerce .products .product {
    max-width: 50%;
  }
}

.purifier-offer-title {
  margin-top: 25px;
  font-family: "Gotham-Book";
}

.air-purifier-offer ul {
  margin-left: 25px;
  list-style: none;
}

.air-purifier-offer ul li {
  font-size: 16px;
}

.purifier-offer-price {
  font-family: "GothamMedium";
  color: #333333;
  line-height: normal;
  margin-bottom: 0px;
}

/* novo za offer air cleaner */

.purifier-container {
  background: #f2f2f2;
  padding: 2rem;
  border-radius: 12px;
}

.purifier-offer-title {
  font-family: "GothamMedium";
  color: #444;
  text-align: center;
  font-size: 22px;
}

.product-section {
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.product-section img {
  max-width: 100%;
}

.product-details {
  flex: 1;
}

.product-details ul {
  list-style: none;
  padding: 0;
  margin-left: 20px;
  color: #444;
}

.product-details li {
  margin-bottom: 0.5rem;
  font-size: 16px;
}

.options {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  justify-content: center;
}

.option {
  background: #ffffff;
  border-radius: 12px;
  flex: 1;
  min-width: 280px;
  max-width: 400px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

.option-header {
  padding: 15px 10px;
  background-color: #ffc26e;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.option-header img {
  height: 1.5em !important;
  width: 1.5em !important;
}

.option.standard .option-header {
  background-color: #c2daf6;
}

.option h3 {
  margin-top: 0;
  font-size: 18px;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0px;
  color: #444;
  font-family: "GothamMedium";
  align-items: flex-end;
}

.option strong {
  font-size: 1.8rem;
  display: block;
  margin: 1rem 0;
  font-family: "GothamMedium";
  color: #444;
  text-align: center;
}

.option-body {
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: #555;
  text-align: center;
}

.option-body .btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  text-align: center;
  border-radius: 8px;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  transition: background 0.3s;
}

.option-body .btn-primary {
  background-color: #2a6fbf;
  color: #fff;
  margin-top: auto;
}

.option-body .btn-primary:hover {
  background-color: #1e5ea1;
}

.option-body .btn-orange {
  background-color: #f77f00;
  color: #fff;
}

.option-body .btn-orange:hover {
  background-color: #dd6f00;
}

.note {
  text-align: center;
  font-size: 16px;
  color: #555;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .air-purifier-offer .woocommerce .products .product {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  #faucest-and-other-products .wwater-more-products-wrap {
    border-bottom: 2px solid #048edd;
    padding-bottom: 20px;
    margin-bottom: 29px;
  }

  #faucest-and-other-products>.wwater-more-products-wrap:last-of-type {
    border-bottom: 2px solid transparent;
  }
}

input#place_order {
  background: green;
  font-size: 17px !important;
  width: 100%;
  margin: 15px 0;
}

/** for request transfer **/
/* Ako tema ima .modal { display:none } ili sl. */
.bootbox.modal,
.modal.bootbox {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ako modal "ode" van ekrana zbog custom CSS-a */
.modal-dialog {
  margin-top: 10vh !important;
  /* vidi se na manjim ekranima */
}

/*------------------------------------------*/
/*      Wetality Water My Account Overrides
/*------------------------------------------*/

.water-layout .woocommerce-MyAccount-navigation {
  float: left;
  width: 20%;
  margin-right: 2%;
}

.water-layout .woocommerce-MyAccount-content {
  float: left;
  width: 78% !important;
  padding-left: 20px;
  border-left: 1px solid #8f8888cc;
}

@media (max-width: 768px) {

  .water-layout .woocommerce-MyAccount-navigation,
  .water-layout .woocommerce-MyAccount-content {
    float: none;
    width: 100% !important;
    margin-right: 0;
    padding-left: 0;
    border-left: 0;
  }
}

/* Remove Search Everywhere */
.site-search,
.handheld-navigation .site-search,
.handheld-navigation .search-form,
#handheld-footer-bar .search,
.handheld-navigation .widget_product_search,
#header-ww .site-search,
#secondary .widget_search,
#secondary .widget_product_search,
#secondary .woocommerce-product-search,
.widget_search,
.widget_product_search,
.woocommerce-product-search {
  display: none !important;
}

button#place_order {
  font-size: 16px !important;
  background: #0490dd;
}

button#place_order:hover {
  background: #0871aa;
}

/* Wetality Water Checkout: Two Columns */
@media (min-width: 992px) {
  .water-layout .woocommerce-checkout #customer_details {
    width: 55%;
    float: left;
    margin-right: 5%;
    clear: none;
  }

  .water-layout .woocommerce-checkout #order_review_heading,
  .water-layout .woocommerce-checkout #order_review {
    width: 40%;
    float: right;
    clear: right;
  }

  .water-layout .woocommerce-checkout::after {
    content: "";
    display: table;
    clear: both;
  }
}

/* Ensure customer details columns don't break the layout when narrowed */
.water-layout #customer_details .col-1,
.water-layout #customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  margin-bottom: 25px;
}

/** NOVO ZA WATER OFFERS DEO **/

.offer-box {
  max-width: 600px;
  border: 1px solid #e5bcbc;
  /* background: #f9eded; */
  border-radius: 4px;
  /* font-family: Arial, sans-serif; */
  overflow: hidden;
  margin-bottom: 15px;
}

.offer-header {
  background: #f3dede;
  color: #c94b4b;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #e5bcbc;
}

.offer-content {
  padding: 15px;
  background: #f9f9f900;
}

.offer-box .old-price {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.offer-box .old-price span {
  text-decoration: line-through;
  /* color: #999; */
}

.offer-box .new-price {
  /* font-size: 18px!important; */
  /* color: #d93025; */
  color: #555;
}

.offer-box .new-price strong {
  font-size: 20px;
}