/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION COMMON
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/* body{
  overflow: hidden !important;
} */

/*    -->                                                                                                                                   COMMON > NOTIFICATIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                PRODUCT PAGE > ALERT SUCCESS > CONTAINER
[2]   =========================================================================================================== */

.alert-success {
  position: fixed;
  z-index: 99999999999 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.3),
    0 0px 2000px 0px rgba(0, 0, 0, 1) !important;
  border: 2px solid black !important;
  border-radius: 0px !important;
  width: 400px !important;
  max-width: 100% !important;
  background: white;
  padding: 25px 45px 30px !important;
  margin-bottom: 0px !important;

  color: black;
}

/*    -->                                                             PRODUCT PAGE > ALERT SUCCESS > CLOSE BUTTON                           
[2]   =========================================================================================================== */

.alert-success button.close,
.alert-danger button.close {
  z-index: 99999;
  position: absolute;
  top: 4px;
  right: 10px;
  opacity: 1;
  color: black;
  font-size: 30px;
  transition: all 0.12s;
}

.alert-success button.close:hover,
.alert-danger button.close:hover {
  color: red !important;
}

/*    -->                                                                PRODUCT PAGE > ALERT SUCCESS > ALL LINKS
[2]   =========================================================================================================== */

.alert-success a {
  /* display: block; */
  /* margin: 10px 0px !important; */
  /* padding: 14px; */
  /* background: var(--accent2); */
  /* color: white !important; */
  /* text-transform: uppercase; */
  /* font-weight: bold !important; */
  /* transition: all 0.2s; */
  text-decoration: underline !important;
  font-weight: bold !important;
}

.alert-success a:hover {
  background: var(--accent1) !important;
  color: white !important;
}

/*    -->                                                            PRODUCT PAGE > ALERT SUCCESS > PRODUCT LINK
[2]   =========================================================================================================== */

/* .alert-success a[href*="product"] {
  background: #284e3647;
} */

/*    -->                                                                PRODUCT PAGE > ALERT SUCCESS > CART LINK
[2]   =========================================================================================================== */

/* .alert-success a[href*="cart"] {
  background: var(--accent1);
  color: black;
} */

/*    -->                                                       PRODUCT PAGE > ALERT SUCCESS > FREE SHIPPING MSG
[2]   =========================================================================================================== */

.alert-success strong {
  display: block;
  color: var(--accent2) !important;
  font-weight: 600 !important;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 14px 0px;
  line-height: normal !important;
  margin: 15px;
  margin: 0px;
  margin-top: 10px;
}

.alert.alert-success.alert-dismissible strong {
  display: none !important;
}

/*    -->                                                                                                                                             COMMON > LABELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.labels_container {
  display: flex
}

.labels_container>div {
  height: 30px;
  width: fit-content;
  display: flex;
  align-items: center;
  line-height: 1;
  padding-inline: 6px;
  font-size: 18px;
  font-weight: 600;

}

.labels_container>div.label_new {
  background: white;
  order: 1;
  border: 1px solid black;
}

.labels_container>div.label_sale {
  background: black;
  color: white;
  order: 2;
}

.labels_container>div.label_bestseller {
  order: 3;
  width: min-content
}

.labels_container>div.label_bestseller span {
  font-size: 13px;
}



/*    -->                                                                                                                COMMON > OVERFLOW FOR STICKY MENU TO WORK
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* body{
  overflow:hidden !important;
} */

/*    -->                                                                                                                                           COMMON > INPUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/*    -->                                                                                                                                   COMMON > TRANSLATIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.gp_greek,
.gp_english {
  display: none;
}

html[lang="el"] .gp_greek {
  display: unset;
}

html[lang="en"] .gp_english {
  display: unset;
}

/*    -->                                                                                                                                          COMMON > COLORS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body {
  --accent1: #182418;
  --accent2: #323436;
  --accent3: black;
}

a {
  color: var(--accent2);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

/*    -->                                                                                                                                      COMMON > VARIABLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body {
  --minicart-width: 635px;
  --maxWidth: 1650px;
}

/*    -->                                                                                                                                      COMMON > DIMENSIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.container {
  width: unset;
  width: 100%;
  max-width: var(--maxWidth);
  padding-inline: 0px;
}

#common-home #content {
  max-width: var(--maxWidth) !important;
  margin-inline: auto !important;
  float: none;
}

header>.container,
#content>div,
.breadcrumb {
  padding-inline: 15px !important
}

#product-category #mfilter-content-container {
  padding-inline: 0px !important;
}

/*    -->                                                                                                                                          COMMON > FONTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
body {
  --font1: "Proxima Nova";
  --font2: "Proxima Nova Condensed";
  --maxContainerWidth: 1650px;
  font-size: 16px;
  color: #000;
}

* {
  outline: none !important;
}

*:not(i) {
  font-family: var(--font1);
  text-decoration: none !important;
}





/*    -->                                                                                                                                  COMMON > SECTION TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* .section_title {
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
} */

/* .section_title * {
  text-transform: uppercase;
  text-align: center;
} */

/* .section_title>div:first-child {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 15px !important;
  margin-bottom: 5px;
} */

/* .section_title>div:last-child, */
.section_title,
.carousel_title,
.head-carousel,
.heading-blog .headingmain_sec {
  font-size: 35px;
  /* font-family: var(--font2); */
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  color: black !important;
  margin-bottom: 18px;
  text-align: left;
  margin-right: auto;
  margin-left: 0px;
}

.heading-blog .headingmain {
  display: none !important;
}





/*    -->                                                                                                                                         COMMON > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header+.container .btn:not(#compare-total):not(#grid-view):not(#list-view):not([data-toggle="tooltip"]):not(#button-cart):not(.button-cart) {
  padding: 17px 35px;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  color: black;
  border: 1px solid var(--accent3);
  text-shadow: none !important;
}

.btn-info,
.btn-danger {
  background: none !important;
  border-color: black !important;
  padding: 7.5px 12px !important;
  text-shadow: none !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-transform: uppercase;
}

header+.container .btn-primary.focus,
header+.container .btn-primary:focus {
  color: inherit !important;
  background-color: inherit !important;
  border-color: inhterit !important;
}

/*    -->                                                                            COMMON > BUTTONS > HOVERS                  
[2]   =========================================================================================================== */

header+.container .btn:not(#compare-total):not(#grid-view):not(#list-view):not([data-toggle="tooltip"]),
#cart .dropdown-menu .cart-footer>a,
.footer-column .newsletter_section .news-form #subscribe {
  transition: all 0.2s;
}

header+.container .btn:not(#compare-total):not(#grid-view):not(#list-view):not([data-toggle="tooltip"]):hover,
#cart .dropdown-menu .cart-footer>a:hover,
.footer-column .newsletter_section .news-form #subscribe:hover {
  background: black !important;
  color: white !important;
}

/*    -->                                                                             COMMON > BUTTONS > DISABLES
[2]   =========================================================================================================== */

button[onclick*="compare"] {
  display: none !important;
}

a[href*="reward"],
a[href*="transaction"] {
  display: none;
}

/*    -->                                                                                                                                 COMMON > AROUND THE PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


html .cc-bottom,
html .zopim,
#sa-badge-floating-plugin,
#shopflix-badge,
#launcher,
#shopflix-badge,
#ac-menu {
  transition: all 0.3s !important;
}

html[class*="burger_menu_enabled"] #shopflix-badge,
html[class*="cart_enabled"] #shopflix-badge,
html[class*="filters_enabled"] #shopflix-badge,
html[class*="search_enabled"] #shopflix-badge,
html[class*="burger_menu_enabled"] #launcher,
html[class*="cart_enabled"] #launcher,
html[class*="filters_enabled"] #launcher,
html[class*="search_enabled"] #launcher,
html[class*="burger_menu_enabled"] .cc-bottom,
html[class*="cart_enabled"] .cc-bottom,
html[class*="filters_enabled"] .cc-bottom,
html[class*="search_enabled"] .cc-bottom,
html[class*="burger_menu_enabled"] #sa-badge-floating-plugin,
html[class*="cart_enabled"] #sa-badge-floating-plugin,
html[class*="filters_enabled"] #sa-badge-floating-plugin,
html[class*="search_enabled"] #sa-badge-floating-plugin,
html[class*="burger_menu_enabled"] .zopim,
html[class*="cart_enabled"] .zopim,
html[class*="filters_enabled"] .zopim,
html[class*="search_enabled"] .zopim {
  transform: translateY(250px) !important;
}

html[class*="filters_enabled"] header,
html[class*="search_enabled"] header {
  transform: translateY(calc(-100% - 40px)) !important
}

html[class*="burger_menu_enabled"] #ac-menu,
html[class*="cart_enabled"] #ac-menu,
html[class*="filters_enabled"] #ac-menu,
html[class*="search_enabled"] #ac-menu {
  transform: translateX(-100%) !important;
}


/*    -->                                                                                                                                         COMMON > MODULES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                         COMMON > MODULES > PRODUCT TABS
[2]   =========================================================================================================== */

.module_product_tabs .tab-content .section_title {
  display: none !important;
}

/*    -->                                                                        COMMON > MODULES > ALL CAROUSELS
[2]   =========================================================================================================== */

/*    --> COMMON > MODULES > ALL CAROUSELS > MAKE SPACE FOR HOVER SHADOWS                
[3]   ------------------------------------------------------------- */

.swiper-wrapper {
  margin: 10px 0px;
  /* transform: translateX(-10px) translateY(10px); */
}

/*    -->          COMMON > MODULES > ALL CAROUSELS > PAGER ARROWS      
[3]   ------------------------------------------------------------- */

.swiper-pager>div::before {
  color: black !important;
  font-size: 25px !important;
  font-family: fontAwesome;
}

.swiper-pager>div:first-child::before {
  content: "\f105" !important;
}

.swiper-pager>div:last-child::before {
  content: "\f104" !important;
}

.swiper-pager>div {
  width: 43px !important;
  height: 43px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px;
  background: white;
  border: 1px solid #979797;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto !important;
}

.swiper-pager>div::before {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  transform-origin: center !important;
  padding: 0px 0px 0px 0px;
  width: 12px !important;
  height: 26px !important;
}

/*    -->              COMMON > MODULES > ALL CAROUSELS > VIEW MORE         
[3]   ------------------------------------------------------------- */

.products-carousel-module .view_more,
.carousel .view_more,
.blog_container a.view_more,
#relatedblog a.view_more,
.blog_container a.view_all,
.btnread a,
.latest-posts .view_more,
.manufacturer_section .view_more {
  color: #000000 !important;
  /* font-family: var(--font2) !important; */
  font-size: 16px !important;
  line-height: 25px !important;
  /* letter-spacing: 1px; */
  font-weight: 600;
  border-bottom: 1px solid #00000047 !important;
  /* text-transform: uppercase !important; */
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding-inline: 8px;
}

.manufacturer_section .view_more {
  position: absolute !important;
  top: -80px;
  right: 50px !important;
  left: auto !important;
}

.latest-posts .view_more {
  position: absolute !important;
  top: -50px;
  right: 0px !important;
  left: auto !important;
}

/*    -->                                                                    COMMON > MODULES > PRODUCTS CAROUSEL
[2]   =========================================================================================================== */

/* .blog_container .swiper-button-disabled,
.products-carousel-module .swiper-button-disabled{
  opacity: 0 !important;
  visibility:hidden !important;
} */

/*    -->                                                                             COMMON > MODULES > CAROUSEL
[2]   =========================================================================================================== */

.swiper-slide {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* .swiper-button-disabled{
  opacity:0 !important;   
} */

.swiper-viewport {
  background: transparent !important;
  margin-bottom: 0px !important;
}

/*    -->                    COMMON > MODULES > CAROUSEL > DISABLED             
[3]   ------------------------------------------------------------- */

.carousel.disabled .swiper-wrapper {
  transform: translate3d(0px, 0, 0) !important;
}

.carousel.disabled .swiper-pagination,
.carousel.disabled .swiper-pager {
  display: none !important;
}

/*    --> COMMON > MODULES > CAROUSEL > FIX PAGER HEIGHT WHEN TITLE EXISTS             
[3]   ------------------------------------------------------------- */

.carousel.has-title .swiper-pager {
  transform: translateY(28px);
}

/*    -->                                                                              COMMON > MODULES > BANNERS
[2]   =========================================================================================================== */

div[id^="banner"] {
  padding: 0px !important;
}

div[id^="banner"] a,
div[id^="banner"] a img {
  width: 100% !important;
}

/*    -->                                                                                                                                     COMMON > BREADCRUMBS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.breadcrumb {
  background: transparent;
  margin-bottom: 0px;
}

.breadcrumb a {
  font-size: 13px;
  font-weight: 300 !important;
  color: #000 !important;
}

.breadcrumb li:last-child a {
  font-weight: bold !important;
}



/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


.product-layout .button-group img,
#product-product .btn-group img,
.only-mobile.close-search-toggler svg {
  -webkit-filter: brightness(0) invert(22%) sepia(7%) saturate(4035%) hue-rotate(151deg) brightness(93%) contrast(85%);
  filter: brightness(0) invert(22%) sepia(7%) saturate(4035%) hue-rotate(151deg) brightness(93%) contrast(85%)
}





html:not(.product-category):not(.common-home):not(.home):not(.error-not_found) body {
  padding-top: var(--paddingheader);
}









/*    -->                                                                                                                                          HEADER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header {
  height: var(--headerHeightDesktop)
}

/* header~.container {
  margin-top: var(--headerHeightDesktop);
} */

header>.container {
  max-width: var(--maxContainerWidth);
}



header>.container>.row:before,
header>.container>.row:after {
  display: none;
}

header>.container>.row {
  justify-content: space-between;
}


/*    -->                                                                                HEADER > LAYOUT > STICKY
[2]   =========================================================================================================== */

header {
  background: #fff;
  top: 0px;
  z-index: 12;
  /* position: fixed; */
  width: 100%;
  position: fixed !important;
  transition: all 0.3s !important;
  transform: translateY(calc(-100% - 35px));

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@-webkit-keyframes load_header {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes load_header {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* html.common-home.fixedToTop:not(.sticky_enabled) header,
html.home.fixedToTop:not(.sticky_enabled) header,
html.product-category.fixedToTop:not(.sticky_enabled) header {
  background: linear-gradient(0deg,
      rgba(11, 10, 10, 0) 0%, */

html.sticky_enabled header {
  background: #fff;
}

/* html[class*="home"] header {
  -webkit-animation-name: load_header;
  animation-name: load_header;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transition: all 0.3s !important;
} */

.fixedToTop header {
  transform: translateY(0px) !important;
}

/*    -->                                                                                                                                         HEADER > TOP ROW
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


header>.container.top-header {
  height: 100%;
}

/* header>.container.top-header {
  padding: 10px 0;

} */

header>.container.top-header>div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  flex-wrap: nowrap;
}


/*    -->                                                                           HEADER > TOP ROW > AREAS SETUP
[2]   =========================================================================================================== */

.top-header>.row {
  flex-wrap: nowrap;
  gap: 80px;
}

.top-header>.row>div {
  width: 100%
}

.top-header>.row>div.logo-cont {
  min-width: 300px;
  width: 300px;
}

.top-header>.row>div.logo-cont #logo a,
.top-header>.row>div.logo-cont #logo a img {
  padding: 0px !important;
  width: 100%;
}

.top-header>.row>div.language-cont {
  width: 100px;
}

.top-header>.row>div.search-cont {
  padding-right: 50px;
}

.top-header>.row>div.icons-cont {
  /* width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; */
  width: 259px;
}


/*    -->                                                                                 HEADER > TOP ROW > LOGO
[2]   =========================================================================================================== */

header #logo img {
  margin: 0 auto;
}

/* html header #logo a img {
  -webkit-filter: invert(100);
  filter: invert(100);
} */

/*    -->                                                                            HEADER > TOP ROW > LANGUAGES
[2]   =========================================================================================================== */

.language-cont #form-language>.btn-group {
  display: flex;
  align-items: center;
}


.language-cont #form-language>.btn-group>button img {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}


/*    -->                                                                               HEADER > TOP ROW > SEARCH
[2]   =========================================================================================================== */

#search input::-webkit-input-placeholder {
  color: var(--accent1);
}

#search input::-moz-placeholder {
  color: var(--accent1);
}

#search input:-ms-input-placeholder {
  color: var(--accent1);
}

#search input::-ms-input-placeholder {
  color: var(--accent1);
}

#search input,
#search input::placeholder {
  color: var(--accent1);
}

#search svg {
  width: 18px !important;
  height: 18px !important;
}

.live-search {
  padding: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  border: none !important;
}

.live-search ul {
  display: flex;
  flex-direction: column;
  border: 1px solid black;
  box-sizing: content-box !important;
}

.live-search .result-text {
  padding: 5px;
  font-size: 14px !important;
  background-color: var(--accent2) !important;
  transform: translateY(100%);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}





.live-search ul li {
  margin: 0 !important;
}

.live-search ul li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.live-search ul li a {
  width: 100%;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.live-search ul li .product-price .special {
  color: #999 !important;
}

.live-search ul li a>* {
  margin: 0px !important;
}

.live-search .product-price>.special {
  margin-top: 0 !important;
}

a {
  color: var(--accent4);
}

a:hover {
  color: var(--accent4);
}

.dropdown-menu>li>a {
  padding: 10px 20px;
}

.open>.dropdown-menu {
  padding: 0;
  border-radius: 0;
}

.only-mobile {
  display: none !important;
}

.cc-revoke,
.cc-window {
  z-index: 10;
}

#search {
  width: calc(100% - 12px);
}

.search-input-cont {
  display: flex;
}


/*    -->             HEADER > TOP ROW > SEARCH > FULL PAGE LAYOUT
[3]   ------------------------------------------------------------- */

#search_contents:before {
  content: "Αναζήτηση";
  color: black;
  font-weight: 500;
  font-size: 35px;
  display: block;
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translateX(-50%);
}

#search_contents {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.975);
  z-index: 10;
  padding: 0px 20px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

#search_contents #search {
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  background: #f1f1f1;
  border-radius: 18px;
}

.live-search-div {
  top: 299px !important;
  padding: 5px 0 40px !important;
  width: calc(100vw - 20px) !important;
  max-height: calc(100vh - 339px);
}

.live-search-div ul {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: auto !important;
  height: 415px;
}

.live-search-div ul li {
  flex: 1 1 auto !important;
}

.live-search-div ul li a {
  display: flex !important;
  /* flex-direction: column !important; */
  align-items: center;
  justify-content: space-between !important;
  width: 100%;
}

.live-search-div .product-image img {}

.live-search-div ul li .product-name {
  font-weight: normal !important;
  line-height: normal !important;
  margin-right: auto;
  margin-top: 0px !important;
  margin-left: 20px;
  font-size: 15px;
  color: black !important;
  font-weight: 600 !important;
}

.live-search-div ul li .product-price {
  /* width: 100% !important; */
  text-align: left !important;
  font-size: 15px !important;
  width: 120px !important;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  margin: 0px !important;
  justify-content: flex-end;
}

.live-search-div ul li .product-price>span {
  line-height: 1 !important;
}

.live-search-div ul li .product-price .special {
  color: #999 !important;
  margin-top: 0px;
  order: 99;
  font-size: 12px;
  color: #959595 !important;
  text-decoration: line-through !important;
  font-weight: normal !important;
}

.live-search-div .result-text {
  height: 70px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 15px !important;
  background: white !important;
  transform: translateY(30px);
}

.live-search-div .view-all-results {
  display: block;
  color: black !important;
}

@media (max-width: 615px) {
  .live-search-div ul li {
    flex: unset !important;
    width: 50% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}

.search_enabled #search_contents {
  opacity: 1;
  visibility: visible;
}

/* html.search_enabled{
overflow:hidden !important;
} */

#search_contents .close_button {
  cursor: pointer;
  top: 20px;
  right: 40px;
  position: absolute;
}

#search_contents .close_button svg {
  width: 22px;
  height: 22px;
}

#search {
  margin-bottom: 0px !important;
}

#search,
.live-search-div {
  width: 100% !important;
  max-width: 700px !important;
}

#search .input-lg,
#search .input-group-btn,
#search .btn.btn-default.btn-lg {
  background: none !important;
}

#search .input-lg {
  height: 55px;
  line-height: normal;
  font-size: 16px !important;
  padding-left: 40px;
  /* border-bottom: 1px solid var(--accent1) !important; */
  color: black;
  font-weight: bold;
  /* font-style: italic; */
  border: none;
}

#search .btn.btn-default.btn-lg {
  /* border-bottom: 1px solid var(--accent1) !important; */
  height: 55px;
  width: 100%;
  border: none;
  border-radius: 0px;
  display: flex;
  align-items: center;
}



#search .btn-lg svg {
  width: 24px !important;
  height: 24px !important;
}

#search .input-group-btn {
  width: 55px;
}

.live-search-div {
  margin-top: 27px !important;
  border-radius: 0px !important;
  /* box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.2) !important; */
  border: none !important;
  box-shadow: none !important;
}

.live-search-div ul li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1px !important;
  box-shadow: 0 1px #D8D8D8 !important;
  background: white !important;
  padding-right: 30px;
}






















/*    -->                                                                                HEADER > TOP ROW > ICONS
[2]   =========================================================================================================== */

header #search svg,
header .header-icon-men img:not([src*="angle-down"]):not([src*="el-gr"]):not([src*="en-gb"]),
header #cart>button img {
  -webkit-filter: brightness(0);
  filter: brightness(0)
}

/* header #search svg:hover,
header .header-icon-men img:not([src*="angle-down"]):not([src*="el-gr"]):not([src*="en-gb"]):hover,
header #cart>button img:hover {
  -webkit-filter: brightness(0) invert(53%) sepia(14%) saturate(3233%) hue-rotate(146deg) brightness(91%) contrast(67%);
  filter: brightness(0) invert(53%) sepia(14%) saturate(3233%) hue-rotate(146deg) brightness(91%) contrast(67%);
} */

header .list-inline {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  margin: 0px;
}

.top-header>.row>div.icons-cont.left_side>ul {
  justify-content: flex-start !important;
}





/*    -->  HEADER > TOP ROW > ICONS > DROPDOWNS (LANGUAGE & ACCOUNT)
[3]   ------------------------------------------------------------- */

header .language-cont .dropdown-menu,
header .account_icon .dropdown-menu {
  padding: 15px 25px !important;
  min-width: unset !important;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(-50%) translateY(10px);
  top: 48px;
  display: block !important;

  transition: all 0.4s;
  opacity: 0 !important;
  visibility: hidden !important;
  border: none !important;
  border-radius: 0px !important;

  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.175) !important;
  position: absolute !important;
}

header .language-cont .btn-group.open .dropdown-menu,
header .account_icon.open .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0px);
}

header .language-cont .dropdown-menu:after,
header .account_icon .dropdown-menu:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 10px 10px 0px 10px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform: rotate(180deg) translateX(-50%);
}

header .language-cont,
header .account_icon {
  position: relative;
}

header .language-cont .dropdown-menu li>*,
header .account_icon .dropdown-menu li>* {
  font-size: 13px;
  font-weight: 600;
  color: #2a2a2a !important;
  text-transform: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 0px !important;
  border: none !important;
  line-height: normal !important;
  text-decoration: none !important;
  /* background: #eee !important; */
}

header .language-cont .dropdown-menu li:not(:last-child),
header .account_icon .dropdown-menu li:not(:last-child) {
  margin-bottom: 1px !important;
}

header .language-cont .dropdown-menu li>* img,
header .account_icon .dropdown-menu li>* img {
  margin-right: 7px;
}

header .language-cont .dropdown-menu li>*:hover,
header .account_icon .dropdown-menu li>*:hover {
  color: var(--accent2) !important;
  background: none !important;
}


/*    -->                          HEADER > TOP ROW > ICONS > TEXTS
[3]   ------------------------------------------------------------- */

header .icons-cont>.list-inline>li>a,
header .icons-cont>.list-inline>li.cart-cont>#cart>button,
header .icons-cont>.list-inline>li.language-cont #form-language>.btn-group>button {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 4px !Important;
  padding: 0px !important;
}

header .icons-cont>.list-inline .text_under_icon {
  font-size: 11px !Important;
  line-height: normal !important;
  font-weight: normal;
  color: var(--accent1);
  text-transform: uppercase;
}

.account_icon .text_under_icon {
  margin-top: 2px;
}

header .icons-cont>.list-inline>li>a:hover>.text_under_icon,
header .icons-cont>.list-inline>li.cart-cont>#cart>button:hover>.text_under_icon {
  color: var(--accent2);
}

/*    -->                           HEADER > TOP ROW > ICONS > CART                        
[3]   ------------------------------------------------------------- */

header #cart .btn.btn-inverse #cart-total {
  background-color: var(--accent2);
  display: flex;
  position: absolute;
  top: -8px;
  right: -6px;
  border-radius: 100%;
  width: 19px;
  height: 19px;
  font-size: 12px;
  color: white;
  line-height: 100%;
  text-shadow: unset;
  justify-content: center;
  align-content: center;
  align-items: center;
}

/*    -->                       HEADER > TOP ROW > ICONS > WISHLIST                        
[3]   ------------------------------------------------------------- */

header .wishlist_img_n_counter {
  position: relative;
}

header .wishlist_counter {
  background-color: var(--accent4);
  display: flex;
  position: absolute;
  top: -8px;
  right: -15px;
  border-radius: 100%;
  width: 19px;
  height: 19px;
  font-size: 12px;
  color: white;
  line-height: 100%;
  text-shadow: unset;
  justify-content: center;
  align-content: center;
  align-items: center;
}

/*    -->                                                                                                                                      HEADER > BOTTOM ROW 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header .navbar-nav {
  justify-content: center !important;
  /* background: #d8d8d8; */
}



header .row {
  margin-inline: 0px;
}

header .navbar-collapse {
  padding-inline: 0px !important;
  border-top: none !important;
}

header .navbar-nav:before,
header .navbar-nav:after {
  display: none;
}

/*    -->                                                                                  HEADER > BOTTOM ROW > BG
[2]   =========================================================================================================== */

header .container.bottom-header {
  position: relative;
}

/* header .container.bottom-header:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #d8d8d8;
} */

/*    -->                                                                               HEADER > BOTTOM ROW > ITEMS
[2]   =========================================================================================================== */


/* #menu .nav.navbar-nav li {
  flex: 1 1 auto;
} */

header #menu .nav {
  gap: 20px;
}

header #menu .nav>li {
  position: static;
}

header #menu .nav>li>a {
  color: var(--accent1);
  text-transform: uppercase;
  letter-spacing: normal;
  transition: all .12s;
  text-align: center;
}

#menu .nav>li.open>a {
  color: var(--accent1);
}

/* #menu .nav>li:hover>a {

  box-shadow: inset 0 -3px black
} */








/*    -->                                                                                                                                      HEADER > USP ROW
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header .usp_wrapper {
  min-height: 38px !important;
  position: relative;
  background: #323436;
  width: 100%;
}

header .usp_group {
  background: #323436;
  display: flex;
  width: 100%;
  color: white;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 38px !important;
  gap: 30px;
}

header .usp_wrapper::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #323436;
}

header .usp_group::after {
  display: none
}

header .usp_group>* {
  z-index: 1
}


header .usp_group .separator {
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 100%;
}

header .usp_group .item {
  display: flex;
  gap: 15px;
  align-items: center;
}

header .usp_group .item .text {
  color: rgba(255, 255, 255, .67);
  font-size: 15px;
  text-transform: uppercase;
}

/* header .usp_group .item:first-child img {
  height: 33px !important;

} */

.usp_group>.item>img {
  width: 33px !important;
  height: 33px !important;
  filter: brightness(0) invert(1) !important;
}

/*    -->                                                                             HEADER > USP ROW AS MARQUEE
[2]   =========================================================================================================== */

header .usp_wrapper .text {
  flex-wrap: nowrap !important;
  display: flex !important;
  white-space: nowrap;
}



@media(max-width: 1020px) {
  header .usp_group {
    gap: 10px !important
  }

}

@media(min-width: 931px) {
  .usp_wrapper>.usp_group:last-child {
    display: none;
  }

  .usp_wrapper>.usp_group>div:nth-last-child(-n+2) {
    display: none;
  }

  header .usp_group .separator:last-child {
    display: none !important
  }
}

@media(max-width: 930px) {

  header .usp_wrapper {
    overflow: hidden;
  }

  /* top bar module should have its "GROUP" content duplicated */

  @-webkit-keyframes scroll {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes scroll {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  header .usp_wrapper {

    display: flex;
    flex-wrap: nowrap;
    width: 100% !important;
    overflow: hidden !important;

  }

  header .usp_group .item .text {
    color: white;
    font-size: 14px;
  }

  header .usp_group .item img {
    display: none !important;
  }

  header .usp_group:before {
    display: none !important;
  }

  header .usp_group {
    overflow: hidden;
    display: flex !important;
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
    padding-inline: 5px;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    -webkit-animation: scroll 12s linear infinite;
    animation: scroll 12s linear infinite;
  }

}



/*    -->                                                                                                                                      HEADER > MEGA MENU 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     HEADER > MEGA MENU  > DEMO SETTINGS             
[2]   =========================================================================================================== */

/*    --> HEADER > MEGA MENU > CHILDREN > DEMO SETTINGS > SHOW UP TO 7 IN LISTS                
[3]   ------------------------------------------------------------- */

/*    -->                                                                          HEADER > MEGA MENU > VARIABLES                
[2]   =========================================================================================================== */

#menu .dropdown-menu.mega-menu {
  --mega-menu-parent-list-width: 250px;
  --mega-menu-banner-width: 500px;
  --mega-menu-horizontal-padding-per-side: 20px;
  --mega-menu-vertical-padding-per-side: 20px;
}

/*    -->                                                                             HEADER > MEGA MENU > LAYOUT                
[2]   =========================================================================================================== */
@media (min-width: 1101px) {
  #menu>.collapse>.nav>li .dropdown-menu.mega-menu {
    width: var(--maxWidth);
    max-width: 100%;
    margin-left: 50% !important;
    transform: translateX(-50%);
    border: 1px solid purple;
    padding: 0px !important;
    /* height: 287px; */
    border: none !important;
    height: auto;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
  }

  #menu .dropdown:hover .mega-menu {
    visibility: visible !important;
    opacity: 1 !important;
  }


  #menu>.collapse>.nav>li .dropdown-menu.mega-menu::after {
    content: "";
    width: 200vw;
    height: 100%;
    background: white;
    position: absolute;
    transform: translateX(-50%);
    z-index: -1;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner {
    padding: var(--mega-menu-vertical-padding-per-side) var(--mega-menu-horizontal-padding-per-side) !important;
  }

  .dropdown-menu.mega-menu .dropdown-inner {
    width: calc(100% - 600px)
  }

  /*    -->                                                                     HEADER > MEGA MENU > DEV OPEN FIRST
[2]   =========================================================================================================== */

  /* #menu > .collapse > .nav > li:nth-child(2) .dropdown-menu.mega-menu {
	display: flex !important;
} */

  /*    -->                                                                          HEADER > MEGA MENU > CONTAINER
[2]   =========================================================================================================== */

  #menu .mg-menu-container {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 100%;
    padding-bottom: 20px;
  }




  /*    -->                                                                            HEADER > MEGA MENU > PARENTS
[2]   =========================================================================================================== */

  #menu .mg-menu-container>.mg-menu-cont {
    /* border:1px solid red; */
    width: var(--mega-menu-parent-list-width);
  }

  /*    -->         HEADER > MEGA MENU > PARENTS > WRAP IN BACKGROUND
[3]   ------------------------------------------------------------- */

  #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner {
    box-shadow: -150px 0px 0px var(--accent3);
    padding: 0px !important;
    overflow: hidden;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-title>a>span {
    color: white;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-item-title>a {
    padding-block: 10px;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont:first-child {
    margin-top: 20px;
    position: relative;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont:first-child:before {
    position: absolute;
    content: '';
    background: var(--accent3);
    width: 100%;
    bottom: 100%;
    height: 100vw
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont:last-child {
    position: relative;
  }



  #menu .dropdown-menu.mega-menu .mg-menu-cont:last-child:after {
    position: absolute;
    content: '';
    background: var(--accent3);
    width: 100%;
    top: 100%;
    height: 100vw
  }

  #menu .mg-menu-container>.mg-menu-cont {
    background: var(--accent3);
  }



  /*    -->            HEADER > MEGA MENU > PARENTS > SPECIFIC COLORS
[3]   ------------------------------------------------------------- */

  /* PARENT #3 (ΟΡΘΟΔΟΝΤΙΚΑ) */
  /* 
  #menu .navbar-nav>li:nth-child(3) .mg-menu-container>.mg-menu-cont,
  #menu .navbar-nav>li:nth-child(3) .mg-menu-cont:first-child::before,
  #menu .navbar-nav>li:nth-child(3) .mg-menu-cont:last-child::after {
    background: #751531 !important;
  }

  #menu .navbar-nav>li:nth-child(3) .mg-menu-cont>h3.mg-menu-item-title::after {
    border-color: transparent transparent transparent #751531;
  }

  #menu .navbar-nav>li:nth-child(3) .dropdown-menu.mega-menu .dropdown-inner {
    box-shadow: -150px 0px 0px #751531 !important;
  }

  #menu .navbar-nav>li:nth-child(3) .mg-menu-cont:hover .mg-menu-item-title>a>span {
    color: #ffabc4 !important
  } */

  /* PARENT #4 (ΟΔΟΝΤΟΤΕΧΝΙΚΑ) */
  /* 
  #menu .navbar-nav>li:nth-child(4) .mg-menu-container>.mg-menu-cont,
  #menu .navbar-nav>li:nth-child(4) .mg-menu-cont:first-child::before,
  #menu .navbar-nav>li:nth-child(4) .mg-menu-cont:last-child::after {
    background: #84a489 !important;
  }

  #menu .navbar-nav>li:nth-child(4) .mg-menu-cont>h3.mg-menu-item-title::after {
    border-color: transparent transparent transparent #84a489;
  }

  #menu .navbar-nav>li:nth-child(4) .dropdown-menu.mega-menu .dropdown-inner {
    box-shadow: -150px 0px 0px #84a489 !important;
  }

  #menu .navbar-nav>li:nth-child(4) .mg-menu-cont:hover .mg-menu-item-title>a>span {
    color: #d1ffd8 !important;
  } */

  /* PARENT #5 (DIGITAL) */
  /* 
  #menu .navbar-nav>li:nth-child(5) .mg-menu-container>.mg-menu-cont,
  #menu .navbar-nav>li:nth-child(5) .mg-menu-cont:first-child::before,
  #menu .navbar-nav>li:nth-child(5) .mg-menu-cont:last-child::after {
    background: #7576a2 !important;
  }

  #menu .navbar-nav>li:nth-child(5) .mg-menu-cont>h3.mg-menu-item-title::after {
    border-color: transparent transparent transparent #7576a2;
  }

  #menu .navbar-nav>li:nth-child(5) .dropdown-menu.mega-menu .dropdown-inner {
    box-shadow: -150px 0px 0px #7576a2 !important;
  }

  #menu .navbar-nav>li:nth-child(5) .mg-menu-cont:hover .mg-menu-item-title>a>span {
    color: #d0d1ff !important
  } */

  /*    -->                                                                           HEADER > MEGA MENU > CHILDREN                    
[2]   =========================================================================================================== */

  /*    -->                    HEADER > MEGA MENU > CHILDREN > TITLES                   
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu .mg-menu-item-title {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-item-title>a {
    color: black !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 8px 0px 8px 10px;
    min-width: auto !important;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  /* HEADER > MEGA MENU > CHILDREN > TITLES > LINE */

  #menu .dropdown-menu.mega-menu .mg-menu-item-title.with-children>a:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(15px, -50%);
    width: 0px;
    background: #8d8d8d;
    height: 1px;
  }

  /*    -->                     HEADER > MEGA MENU > CHILDREN > LISTS                   
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list {
    position: absolute;
    left: calc(var(--mega-menu-parent-list-width) + 20px);
    top: 20px;
    /* border: 1px solid blue; */
    height: 100%;
    /* width: calc(100% - var(--mega-menu-banner-width) - var(--mega-menu-parent-list-width)); */
    width: calc(100% - var(--mega-menu-banner-width) - var(--mega-menu-parent-list-width) - ((100vw - 1 * var(--maxContainerWidth)) / 2) - 30px) !important;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-bottom: 20px !important;
    box-sizing: border-box;
    position: fixed;
    top: 0px;
    height: 100%;
    padding: 20px;
  }


  #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list>div {
    /* border: 1px solid green; */
    width: 50%;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list>div>a {
    font-size: 16px;
    padding: 8px;
  }

  /*    -->                     HEADER > MEGA MENU > CHILDREN > LINKS                   
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu a {
    line-height: normal !important;
    font-weight: 600;
    color: var(--accent1) !important;
  }

  /*    -->                     HEADER > MEGA MENU > CHILDREN > BANNER              
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu .see-all {
    padding: 20px !important;
    display: flex;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-left: auto !important;
  }

  .dropdown-menu.mega-menu .see-all .img-responsive {
    /* height: 100%; */
    width: 600px;
    aspect-ratio: 600/350;
  }

  /*    -->                                                                            HEADER > MEGA MENU > EFFECTS
[2]   =========================================================================================================== */

  /*    -->                       HEADER > MEGA MENU > EFFECTS > LINE                 
[3]   ------------------------------------------------------------- */

  /* #menu .dropdown-menu.mega-menu .mg-menu-item-title>a:after {
  transition: all 0.14s;
}

#menu .dropdown-menu.mega-menu .mg-menu-cont:hover .mg-menu-item-title>a:after {
  width: 200px;
  transition: all 1s;
} */

  /*    -->                  HEADER > MEGA MENU > EFFECTS > TRIANGLE              
[3]   ------------------------------------------------------------- */


  #menu .mg-menu-container>.mg-menu-cont:hover>h3.mg-menu-item-title {
    position: relative;
    overflow: visible;
  }

  #menu .mg-menu-container>.mg-menu-cont>h3.mg-menu-item-title:after {
    transition: all .3s;

    content: "";
    position: absolute;

    left: 100%;
    top: 0px;

    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 0 16px 0px;
    border-color: transparent transparent transparent var(--accent3);
    transform: rotate(0deg);
  }

  #menu .mg-menu-container>.mg-menu-cont:hover>h3 a span {
    color: white !important;
  }

  #menu .mg-menu-container>.mg-menu-cont:hover>h3.mg-menu-item-title:after {
    border-width: 16px 0 16px 20px;
  }

  /*    -->              HEADER > MEGA MENU > EFFECTS > CHILDREN LIST                 
[3]   ------------------------------------------------------------- */

  #menu .mg-menu-container>.mg-menu-cont .mg-menu-item-children-list {
    transition: all 0.14s;
  }

  #menu .mg-menu-container>.mg-menu-cont:hover .mg-menu-item-children-list {
    transition: all 0.2s 0.13s;

    transform: translateX(0px);
    visibility: visible;
    opacity: 1;
  }

  /*    -->                                HEADER > MEGA MENU > LINKS                   
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu a {
    transition: all 0.12s;
  }

  #menu .dropdown-menu.mega-menu a:hover {
    color: var(--accent2) !important;
  }

  /*    -->                               HEADER > MEGA MENU > TITLES                   
[3]   ------------------------------------------------------------- */

  #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-title>a>span {
    transform-origin: center center;
    transition: all 0.12s;
    display: block;
    white-space: wrap !important;
    padding-right: 20px;
  }

  #menu .dropdown-menu.mega-menu .mg-menu-cont:hover .mg-menu-item-title>a>span {
    transform: scale(1.05) !important;
    color: #72cee7 !important;
    transform-origin: left;

  }

}


/*    -->                                                                                                                                        HEADER > MINICART             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                              HEADER > MINICART > LAYOUT
[2]   =========================================================================================================== */

#cart .dropdown-menu {
  display: block !important;
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.4s;
  border-radius: 0px;
  padding: 20px;
  width: var(--minicart-width);
  background: white;
  border: none;
  margin: 0px;
}

body:before {
  transition: all 0.4s;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  top: 0px;
}

#cart .dropdown-menu li>div {
  min-width: unset !important;
}

/*    -->                     HEADER > MINICART > LAYOUT > SECTIONS
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu>li.top-section .minicart_content {
  max-height: calc(100vh - 405px);
  overflow: auto;
}

#cart .dropdown-menu>li.bottom-section {
  height: 295px;
}

/*    -->                    HEADER > MINICART > LAYOUT > SCROLLBAR                     
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar {
  width: 6px !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb {
  background: var(--accent2) !important;
  border-radius: 3px !important;
  border: none !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb:hover {
  background: var(--accent2) !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-track {
  background: #d8d8d8 !important;
  border-radius: 3px !important;
}

/*    -->                                                                             HEADER > MINICART > ENABLED                                          
  [2]   =========================================================================================================== */
.cart_enabled #cart .dropdown-menu {
  transform: translateX(0px);
}

.cart_enabled body:before {
  opacity: 1;
  visibility: visible;
  width: calc(100% - var(--minicart-width));
}

.cart_enabled {
  overflow: hidden !important;
}

/*    -->                                                                               HEADER > MINICART > EMPTY                                       
  [2]   =========================================================================================================== */
#cart .dropdown-menu .cart-empty {
  font-size: 18px;
  margin-top: 100px;
  color: black;
}

/*    -->                                                                               HEADER > MINICART > INTRO                                          
  [2]   =========================================================================================================== */
.minicart_intro {
  margin-bottom: 22px;
}

.minicart_intro .title {
  color: #000000;
  font-size: 12.79px;
  letter-spacing: 0.85px;
  line-height: 15px;
  text-align: center;
  font-family: var(--font1);
  text-transform: uppercase;
}

.minicart_intro .subtitle {
  font-family: var(--font2);
  color: #000000;
  font-size: 34.12px;
  line-height: 41px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

/*    -->                         HEADER > MINICART > INTRO > EMPTY
  [3]   ------------------------------------------------------------- */

#cart .dropdown-menu li.cart-empty p {
  margin: 20px 0;
  font-family: var(--font2);
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

/*    -->                                                                        HEADER > MINICART > CLOSE BUTTON                                          
  [2]   =========================================================================================================== */
#cart_close_button {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}

/*    -->                                                                        HEADER > MINICART > PRODUCT LIST                                          
  [2]   =========================================================================================================== */
/*    -->                 HEADER > MINICART > PRODUCT LIST > LAYOUT                        
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .table-products {
  border-collapse: separate;
  border-spacing: 0 25px;
  margin-top: -25px;
  padding-right: 30px;
  padding-left: 10px;
}

#cart .dropdown-menu .table-products td,
#cart .dropdown-menu .table-products th {
  border: none;
}

#cart .dropdown-menu .table-products>tbody>tr {
  position: relative;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > THUMB                        
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-thumb {
  vertical-align: middle;
  width: 150px;
  height: 150px;
  padding: 15px;
}

#cart .dropdown-menu .product-thumb img {
  width: 100%;
  height: auto;
}

#cart .dropdown-menu .product-thumb .img-thumbnail {
  /* width: 150px;
    height: 150px; */
  border-radius: 0px;
  border: none;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > INFO                    
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: 15px 0px 15px 20px;
}

#cart .dropdown-menu .product-info a {
  color: #000000;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-bottom: 12px;
}

/*    -->                HEADER > MINICART > PRODUCT LIST > OPTIONS                             
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info .product-options {
  margin-bottom: 8px;
}

#cart .dropdown-menu .product-info .product-options .option-name {
  font-weight: bold;
  color: black;
  font-size: 14px;
  text-transform: uppercase;
}

#cart .dropdown-menu .product-info .product-options .option-value {
  color: #6c6c6c;
  font-size: 15px;
}

/*    -->                  HEADER > MINICART > PRODUCT LIST > PRICE                             
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info .product-price {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-top: auto;
}

/*    -->                    HEADER > MINICART > PRODUCT LIST > QTY                             
  [3]   ------------------------------------------------------------- */
td.text-right.product-qty {
  vertical-align: bottom;
  font-size: 18px;
  font-weight: bold;
  color: black;
  position: absolute;
  bottom: 6px;
  right: 25px;
  border: none !important;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > REMOVE                             
  [3]   ------------------------------------------------------------- */
td.text-center.product-remove {
  width: 15px;
}

header #cart .btn.btn-danger.btn-xs {
  background: none;
  border-radius: 0px;
  border: none;
  padding: 5px;
  transform: translate(5px, -2px);
}

/*    -->                                                                      HEADER > MINICART > BOTTOM SECTION
  [2]   =========================================================================================================== */
li.bottom-section {
  margin-top: auto;
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #0f0f0f;
  width: 100%;
  padding: 25px 20px;
}

li.bottom-section>div.container {
  width: 390px;
  max-width: 100%;
}

/*    -->              HEADER > MINICART > BOTTOM SECTION > TOTALS              
  [3]   ------------------------------------------------------------- */
/* hide subtotal section */
.bottom-section .container .totals>div:first-child {
  display: none;
}

.bottom-section .container .totals>div {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  color: white;
}

.bottom-section .container .totals>div .total-title {
  font-size: 16px;
  font-weight: 600;
}

.bottom-section .container .totals>div .total-text {
  font-size: 25px;
  font-weight: bold;
}

/*    -->              HEADER > MINICART > BOTTOM SECTION > BUTTONS              
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .cart-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

#cart .dropdown-menu .cart-footer>a {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-items: center;
  max-width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  background: black;
}

#cart .dropdown-menu .cart-footer>a:first-child {
  margin-bottom: 10px;
  background: var(--accent2);
}

#cart .dropdown-menu .cart-footer>a:last-child {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: none;
}

#cart .dropdown-menu .cart-footer>a>* {
  margin: 0 auto;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION ESPA
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


body {
  overflow: visible !important;
}

.espa_section {
  width: 613px;
  max-width: 100%;
  margin-top: 30px;
  border: 5px solid rgba(0, 0, 0, .3);
  margin-inline: auto;
}

.espa_section img {
  width: 100%;
}

.espa_section {
  /* position: sticky; */
  position: relative;
  bottom: 0px;
  z-index: 2;
  /* margin-bottom: 20px */
  margin-bottom: 0px;
}

@media (max-width: 550px) {

  .espa_section,
  .espa_section * {
    width: 100%;
  }
}

/* 
.espa_section {
  display: flex;
  max-width: 100%;
  width: fit-content;
  gap: 6px;
  background: rgba(0, 0, 0, .5) !important
}

.espa_section>img {
  display: block !important;
}

.espa_section img {
  height: 100px;
  width: auto;
}

@media(max-width: 1460px) {
  .espa_section img {
    height: 70px !important;
  }
}

@media(max-width: 1024px) {
  .espa_section img {
    height: 40px !important;
  }

  .espa_section {
    border-width: 2px !important;
    gap: 2px
  }
}

@media(max-width: 600px) {
  .espa_section img {
    height: 30px !important;
  }
}

@media(max-width: 450px) {
  .espa_section {
    flex-direction: column;
    gap: 0px
  }
} */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

footer {
  background: #323436;
  padding-top: 0px;
  --FooterSidePadding: 45px;
  margin-top: 100px;
  z-index: 10;
}

/*    -->                                                                                                                                         FOOTER > COLUMNS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html:not(.product-product) footer {
  margin-top: 80px;
}

/*    -->                                                                               FOOTER > COLUMNS > LAYOUT
[2]   =========================================================================================================== */

footer .container {
  width: 100%;
  padding: 70px 0px 0px;
}

footer .links-row {
  display: flex;
  gap: 20px 60px;
}

footer .footer-column {
  flex: 1;
  padding: 0px 0px;
}

footer .footer-column.newsletter_socials_column {
  flex: 1.5;
}

/*    -->                                                                                FOOTER > COLUMNS > TITLE
[2]   =========================================================================================================== */

footer .footer-column h5 {
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.8px;
}

/*    -->                                                                                FOOTER > COLUMNS > TEXT
[2]   =========================================================================================================== */

/* footer .footer-column span,
footer .footer-column a{
  color: rgba(255,255,255,.7);
} */

footer .footer-column a {
  font-size: 15px;
  margin: 7px 0px !important;
  letter-spacing: 0.5px;
  display: block;
  transition: all 0.12s;
  /* padding: 4px 10px !important; */
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  footer .footer-column a:hover {
    /* color:white !important; */
    text-decoration: underline !important;
    /* background: #333; */
    /* color: var(--accent2); */
  }
}

footer .footer-column span {
  font-size: 15px;
}



footer .links-row>.footer-column:first-of-type strong {
  font-size: 24px !important;
  font-weight: 500;
}

/*    -->                                                                                FOOTER > COLUMNS > LINKS
[2]   =========================================================================================================== */

.footer-column :not(h5) {
  font-size: 15px;
}

footer .links-row>.footer-column:nth-child(-n + 2) a {
  display: inline !important;
}

/*    -->                                                                        FOOTER > COLUMNS > ΠΕΡΙΟΧΗ ΜΕΛΩΝ
[2]   =========================================================================================================== */

/*    -->                FOOTER > COLUMNS > ΠΕΡΙΟΧΗ ΜΕΛΩΝ > CONTACT           
[3]   ------------------------------------------------------------- */

.contact_link_footer {
  margin-top: 37px;
}

.contact_link_footer a {
  color: var(--accent1) !important;
}

/*    -->                                                                 FOOTER > COLUMNS > NEWSLETTER & SOCIALS
[2]   =========================================================================================================== */

/*    -->          FOOTER > COLUMNS > NEWSLETTER > LAYOUT                 
[3]   ------------------------------------------------------------- */

.footer-column .newsletter_section .news-form {
  text-align: left;
}

/*    -->           FOOTER > COLUMNS > NEWSLETTER > TITLE                 
[3]   ------------------------------------------------------------- */

.footer-column .newsletter_section>h3 {
  font-family: var(--font2);
  font-size: 37px;
  color: white;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px;
}

/*    -->           FOOTER > COLUMNS > NEWSLETTER > INPUT                          
[3]   ------------------------------------------------------------- */
.news-form {
  padding-top: 10px;
}

.footer-column .newsletter_section .news-form input#email {
  background: #ffffff29;
  color: white !important;
  border: none;
  opacity: 1;

  font-size: 15px !important;
  height: 50px;
  line-height: 50px;
  padding: 0px 5px 0px 15px !important;
  box-sizing: border-box !important;
  width: calc(100% - 145px);
}

.footer-column .newsletter_section .news-form input#email::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 1 !important;
}

/*    -->                     FOOTER > COLUMNS > NEWSLETTER > BUTTON                 
[3]   ------------------------------------------------------------- */

.footer-column .newsletter_section .news-form #subscribe {
  padding: 17px 0px !important;
  font-size: 16.53px !important;
  width: 145px;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  background: #0D0D0D;
  line-height: 1 !important;
}

/*    -->                     FOOTER > COLUMNS > NEWSLETTER > TERMS                 
[3]   ------------------------------------------------------------- */

.footer-column .newsletter_section .buttons {}

.footer-column .newsletter_section .buttons {
  display: flex;
}

.footer-column .newsletter_section .buttons input[type="checkbox"] {
  margin-top: 2px !important;
}

.footer-column .newsletter_section .buttons .pull-center {
  margin-left: 10px;
}

.footer-column .newsletter_section .buttons .pull-center {
  line-height: 1;
  font-size: 13px;
}

.footer-column .newsletter_section .buttons .pull-center a {
  display: inline !important;
}

.footer-column .newsletter_section .buttons .pull-center a b {
  line-height: 1;
  font-size: 13px;
  margin-left: 0px !important;
}

/*    -->          FOOTER > COLUMNS > NEWSLETTER > ERRORS                 
[3]   ------------------------------------------------------------- */

.footer-column .newsletter_section .error.not-valid,
.footer-column .newsletter_section .error.allready {
  font-weight: bold;
  letter-spacing: normal;
  background: #ffd6dd;
  padding: 5px;
  text-align: center;
}

/*    -->         FOOTER > COLUMNS > SOCIALS                 
[3]   ------------------------------------------------------------- */

.footer-column .socials_section {
  display: flex;
  margin-top: 40px;
}



.footer-column .socials_section {
  gap: 20px
}

.footer-column .socials_section>a {
  width: 50px;
  height: 50px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.footer-column .socials_section svg {
  background: white;
  width: 26px;
  height: 26px
}

.footer-column .socials_section a[href*="instagram"] svg {
  fill: #BC2A8D;
}

.footer-column .socials_section a[href*="facebook"] svg {
  fill: #3B5998;
}

.footer-column .socials_section a[href*="tweeter"] svg {
  fill: #0080E9;
}

.footer-column .socials_section a[href="tiktok"] svg {
  width: 31px !important;
  height: 31px !important;
}

/*    -->                                                                                                                                     FOOTER > EXTRA ICONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .extra-icons-row {
  margin-top: 50px;
  position: relative !important;
  display: flex;
  justify-content: flex-end;
}

footer .extra-icons-row img {
  margin: 3px;
}

/*    -->                                                                          FOOTER > EXTRA ICONS > SKROUTZ
[2]   =========================================================================================================== */

#sa-badge-floating-plugin {
  left: 40px !important;
  bottom: 20px !important;
  z-index: 999999999 !important;
}

html.near_bottom #sa-badge-floating-plugin,
html.near_bottom #shopflix-badge {
  bottom: 115px !important;
}

@media (max-width: 768px) {
  #sa-badge-floating-plugin {
    left: 20px !important;
    bottom: 30px !important;
  }
}

/*    -->                                                                          FOOTER > EXTRA ICONS > SHOPFLIX
[2]   =========================================================================================================== */

#shopflix-badge {
  position: fixed;
  left: 140px;
  bottom: 20px !important;
  box-shadow: 0 0 4px rgb(0 0 0 / 14%), 0 4px 8px rgb(0 0 0 / 28%);
  border-radius: 45px;
  z-index: 999 !important;
  background-color: #000fb6;
  transition: all 0.3s;
}

#shopflix-badge img {
  margin: 0 !important;
  position: relative;
}

#shopflix-badge:hover {
  transform: scale(1.02) !important;
}

.float-visible #shopflix-badge {
  visibility: visible;
  transition: all 0.4s;
  opacity: 1;
}

@media (max-width: 768px) {

  #shopflix-badge,
  #shopflix-badge img {
    width: 70px !important;
    height: 70px !important;
  }

  #shopflix-badge {
    left: 100px;
    bottom: 30px !important;
    opacity: 0;
  }
}

/*    -->                                                                          FOOTER           cookie bar z-index
[2]   =========================================================================================================== */

.cc-revoke,
.cc-window {
  z-index: 9999999999 !important;
}

/*    -->                                                                                                                                         FOOTER > POWERED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.powered_by {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: normal;
  margin-top: 15px;
}

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

.powered_by img {
  margin-left: 5px;
}

/*    -->                                                                                                                                        FOOTER > PAYMENTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.payments-row {
  background: white;
  height: 54px;
  display: flex;
  align-items: center;
  /* width: 100vw; */
  /* margin-left: calc(0px - var(--FooterSidePadding)); */
  /* padding: 0px var(--FooterSidePadding); */
  margin-top: 15px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  width: 100vw auto;
  /* width: 100vw !important; */
  /* margin-left: 50%; */
  /* transform: translateX(-50%); */
  box-shadow: 300px 0px white, -300px 0px white !important;
}

.payments-row>div {
  margin-right: 20px;
  line-height: 1;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                            HOME > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content {
  width: 100% !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* #common-home #content > * {
  width: 1350px;
  max-width: 100vw;
  margin: 0 auto;
} */

/*    -->                                                                                                                                            HOME > SLIDER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#common-home #content>.slideshow {
  /* width: 100% !important;
  max-width: 100% !important; */
  display: block !important;
  /* margin-left: 50%;
  transform: translateX(-50%); */
  margin-bottom: 1px !important;
  margin-top: 60px;
}

/* 
#common-home #content>.slideshow img {
  width: 100vw !important;
  max-width: 100vw !important;
} */

#common-home #content>.slideshow .swiper-wrapper {
  margin: 0px;
}

/*    -->                                                                                 HOME > SLIDER > BULLETS                
[2]   =========================================================================================================== */

#common-home #content>.slideshow .swiper-pagination {
  position: relative;
  bottom: 0px;
  margin-top: 25px;
}

/* #common-home #content>.slideshow .swiper-pagination-bullet {
  width: 35px;
  height: 4px;
  background: #fff;
  transition: all 0.12s;
  border-radius: 0px;
  margin: 0 2px;
} */

#common-home #content>.slideshow .swiper-pagination-bullet:hover,
#common-home #content>.slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: black
}

/*    -->                                                                                  HOME > SLIDER > ARROWS                
[2]   =========================================================================================================== */

#common-home #content>.slideshow .swiper-pager {
  display: none !important;
}

/*    -->                                                                                                                                 HOME > CATEGORY CAROUSEL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                     HOME > CATEGORY CAROUSEL > BANNERS AS LINKS (VIA JS)                    
[2]   =========================================================================================================== */

.home_category_carousel .swiper-slide {
  cursor: pointer;
}

/*    -->                                                                       HOME > CATEGORY CAROUSEL > LAYOUT                       
[2]   =========================================================================================================== */

/* #common-home #content>.carousel0_container {
  width: 100vw;
} */

/* .carousel0_container .swiper-slide {
  margin: 0px;
} */

#carousel0 .swiper-wrapper {
  margin: 0px;
}

/*    -->                                                                   HOME > CATEGORY CAROUSEL > NAVIGATION                       
[2]   =========================================================================================================== */

/*    -->  HOME > CATEGORY CAROUSEL(GENERIC) > NAVIGATION > BULLETS                               
[3]   ------------------------------------------------------------- */

.carousel .swiper-pagination {
  display: none;
}

/*    -->            HOME > CATEGORY CAROUSEL > NAVIGATION > ARROWS                               
[3]   ------------------------------------------------------------- */

.carousel0_container .swiper-pager {
  z-index: 9;
  /* width: 100px !important; */
  flex-direction: row-reverse !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 0%;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
}

.swiper-pager>div:hover::before {
  color: var(--accent2) !important;
}

.carousel0_container .swiper-pager>div {
  opacity: 1 !important;
  transform: none !important;
  left: 0px !important;
  right: 0px !important;
  transform: none !important;
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px;
  background: white;
  border: unset !important;
}

.carousel0_container .swiper-pager>div::before {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  transform-origin: center !important;
  padding: 0px 0px 0px 0px;
  width: 12px !important;
  height: 26px !important;
}

.carousel0_container .swiper-button-prev {}

/*    -->                                                                        HOME > CATEGORY CAROUSEL > IMAGE                          
[2]   =========================================================================================================== */

#carousel0 img {
  margin: auto;
  width: 100%;
}

/*    -->                                                                        HOME > CATEGORY CAROUSEL > TEXTS                          
[2]   =========================================================================================================== */

/*    -->                 HOME > CATEGORY CAROUSEL > TEXTS > COMMON                           
[3]   ------------------------------------------------------------- */

.carousel0_container .swiper-slide .text_container * {
  color: white;
}

.carousel0_container .swiper-slide .wrapped_in_link:before,
.carousel0_container .swiper-slide .wrapped_in_link:after,
.carousel0_container .swiper-slide .text_container,
.carousel0_container .swiper-slide .text_container>* {
  transition: all 0.4s;
}

.carousel0_container .text_container>* {
  z-index: 2;
  position: relative;
}

/*    -->              HOME > CATEGORY CAROUSEL > TEXTS > CONTAINER                           
[3]   ------------------------------------------------------------- */

.carousel0_container .swiper-slide .text_container {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  width: 100%;
  /* padding-bottom: 35px; */
}

.carousel0_container .swiper-slide:hover .text_container {
  padding-bottom: 35px;
}

.carousel0_container .swiper-slide .wrapped_in_link:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.76) 100%);
}

.carousel0_container .swiper-slide .wrapped_in_link:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(4, 4, 4, 0.45);
  opacity: 0;
}

/*    -->                  HOME > CATEGORY CAROUSEL > TEXTS > TITLE                           
[3]   ------------------------------------------------------------- */

.carousel0_container .swiper-slide .text_container .swiper-slide-title {
  font-size: 20px;
  color: white;
  letter-spacing: 1px;
  /* font-weight: bold; */
}

/*    -->                   HOME > CATEGORY CAROUSEL > TEXTS > LINK
[3]   ------------------------------------------------------------- */

.carousel0_container .swiper-slide .text_container .swiper-slide-link {
  font-family: var(--font2);
  font-size: 14px;
  border-bottom: 1px solid transparent;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  overflow: hidden;
  max-height: 0px;
  margin-top: 0px !important;
  opacity: 0;
  margin: 0px;
  padding: 0px;
  margin: 0 auto;
  padding: 10px 25px;
  max-height: unset;
  background-color: var(--accent2);
  letter-spacing: 0.8px;
}

body {
  overflow-x: hidden;
}

/*    -->                                                                      HOME > CATEGORY CAROUSEL > EFFECTS                          
[2]   =========================================================================================================== */

.carousel0_container .swiper-slide:hover .wrapped_in_link:before {
  opacity: 0;
}

.carousel0_container .swiper-slide:hover .wrapped_in_link:after {
  opacity: 1;
}

.carousel0_container .swiper-slide:hover .text_container .swiper-slide-link {
  margin-top: 30px !important;
  opacity: 1;
}





/*    -->                                                                                                                         HOME > MULTIBANNER SECTION #1 (HTML)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content>div {
  width: 100%;
}


.multibanner_section_1 {
  margin: 60px auto 0px auto !important;
  width: var(--maxWidth);
}

.multibanner_section_1>.section_content {
  display: grid;
  grid-template-areas:
    "left mid_top right"
    "left mid_bottom right";
  gap: 25px
}



.multibanner_section_1>.section_content>a:nth-of-type(1) {
  grid-area: left;
}

.multibanner_section_1>.section_content>a:nth-of-type(2) {
  grid-area: mid_top;
}

.multibanner_section_1>.section_content>a:nth-of-type(3) {
  grid-area: mid_bottom;
}

.multibanner_section_1>.section_content>a:nth-of-type(4) {
  grid-area: right;
}

/*    -->                                                                                                                         HOME > MULTIBANNER SECTION #1 (BANNER)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content>div {
  width: 100%;
}


.home_multibanner_section_1 {
  margin: 60px auto 0px auto !important;
  width: var(--maxWidth) !important;
}

html #common-home #content .home_multibanner_section_1 .columns-container {
  gap: unset !important;
  display: grid !important;
}

html #common-home #content .home_multibanner_section_1 .columns-container a img {
  width: unset !important;
}

.home_multibanner_section_1>.columns-container {
  display: grid !important;
  grid-template-areas:
    "left mid_top right"
    "left mid_bottom right";
  gap: 25px !important;
}

.home_multibanner_section_1>.columns-container>.column-content-1 {
  grid-area: left;
}

.home_multibanner_section_1>.columns-container>.column-content-2 {
  grid-area: mid_top;
}

.home_multibanner_section_1>.columns-container>.column-content-3 {
  grid-area: mid_bottom;
}

.home_multibanner_section_1>.columns-container>.column-content-4 {
  grid-area: right;
}

/*    -->                                                                                                                         HOME > MULTIBANNER SECTION #2 (BANNER)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content>div {
  width: 100%;
}


.home_multibanner_section_2 {
  margin: 60px auto 0px auto !important;
  width: var(--maxWidth) !important;
}

html #common-home #content .home_multibanner_section_2 .columns-container {
  gap: unset !important;
  display: grid !important;
}

html #common-home #content .home_multibanner_section_2 .columns-container a img {
  width: unset !important;
}

.home_multibanner_section_2>.columns-container {
  display: grid !important;
  grid-template-areas:
    "left top"
    "left bottom";
  gap: 25px !important;
}

.home_multibanner_section_2>.columns-container>.column-content-1 {
  grid-area: left;
}

.home_multibanner_section_2>.columns-container>.column-content-2 {
  grid-area: top;
}

.home_multibanner_section_2>.columns-container>.column-content-3 {
  grid-area: bottom;
}

/*    -->                                                                                                                                             HOME > PRODUCTS CAROUSEL #2
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-carousel-2 {
  margin-top: 80px;
}

/*    -->                                                                                                                                             HOME > VIDEO IFRAMES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content>.module_row_section.home_videos_row .columns-container {
  display: grid !important;
  /* 	grid-template-columns: repeat(auto-fit, min-max(300px, 1fr)); */
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px !important;
  justify-content: center !important;
  place-content: center !important
}

#common-home #content>.module_row_section.home_videos_row .columns-container iframe {
  width: 100% !important;
  display: block !important;
  height: auto !important;
  aspect-ratio: 16/9 !important;
}

#common-home #content>.module_row_section.home_videos_row .columns-container>div {
  width: 100% !important;
  float: none !important;
}

#common-home #content>.module_row_section.home_videos_row .columns-container>div h2 {
  background: black;
  font-size: 16px;
  color: white;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  height: 50px;
  place-content: center;
}

/*    -->                                                                                                                                             HOME > BANNER & PRODUCTS (ROW)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                         HOME > BANNER & PRODUCTS > ROW
[2]   =========================================================================================================== */

#common-home #content>.module_row_section {
  margin-top: 50px !important;
  padding: 0px var(--fullwidthPadding) !important;
  gap: 0px;


}

#common-home #content>.module_row_section .columns-container {
  gap: 20px !important;
  display: flex !important;
  padding: 0px;
  align-items: center;
}

/*    -->                 HOME > BANNER & PRODUCTS > ROW > BANNER                   
[3]   ------------------------------------------------------------- */

#common-home #content>.module_row_section .column-content-1>div * {
  font-family: inherit !important;
}

#common-home #content>.module_row_section .column-content-1 {
  /* margin-right: -80px;
  width: calc(50% + 80px); */

  margin-right: 0px;
  width: 50%;
}

/*    -->                HOME > BANNER & PRODUCTS > ROW > PRODUCTS                   
[3]   ------------------------------------------------------------- */

#common-home #content>.module_row_section .column-content-2 {
  width: 50%;
}

/*    -->                                                           HOME > BANNER & PRODUCTS > NAVIGATION & MORE
[2]   =========================================================================================================== */

#common-home #content>.module_row_section .home_banners_n_products-products .swiper-pager,
#common-home #content>.module_row_section .home_banners_n_products-products .view_more {
  display: block flex !important;
}

#common-home #content>.module_row_section .home_banners_n_products-products .swiper-pager {
  top: -37px !important;
  right: 0px;
  position: absolute;
  width: 40px !important;
}

#common-home #content>.module_row_section .home_banners_n_products-products .view_more {
  position: absolute;
  top: -50px;
  right: 50px;
}



/*    -->                                                                                                                         HOME > MULTIBANNER SECTION #2 (HTML)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home #content>div {
  width: 100%;
}


.multibanner_section_2 {
  margin: 80px auto 0px auto !important;
  width: var(--maxWidth);
}

.multibanner_section_2>.section_content {
  display: grid;
  grid-template-areas:
    "left right_top"
    "left right_bottom";
  gap: 30px
}

.multibanner_section_2>.section_content>a img {
  width: 100% !important;
}


.multibanner_section_2>.section_content>*:nth-of-type(1) {
  grid-area: left;
}

.multibanner_section_2>.section_content>*:nth-of-type(2) {
  grid-area: right_top;
}

.multibanner_section_2>.section_content>*:nth-of-type(3) {
  grid-area: right_bottom;
}



/*    -->                                                                                                                                      HOME > PRODUCT TABS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.module_product_tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.module_product_tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/*    -->                                                       HOME > PRODUCT TABS > TABS TITLE (HOME SPECIFIC)   
[2]   =========================================================================================================== */

#common-home .module_product_tabs {
  margin-top: 140px;
}

/* #common-home .module_product_tabs .section_title {
  margin-bottom: 45px;
} */

/*    -->                                                                         HOME > PRODUCT TABS > NAV TABS
[2]   =========================================================================================================== */

.module_product_tabs .nav-tabs {
  display: flex;
  justify-content: flex-start;
  margin: 0px;
  border: none !important;

  overflow: auto;
  padding-bottom: 10px;
  max-width: 100vw;

  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.module_product_tabs .nav-tabs>li {
  margin: 0px 8px 0px 8px;
  transition: 0.3s all;
}

.layout_2_tabs .nav-tabs>li>a {
  font-weight: 100;
  transition: 0.3s all;
  letter-spacing: 1px;
}

.module_product_tabs .nav-tabs>li>a {
  max-width: 100%;
  border: 1px solid rgba(151, 151, 151, 0.46) !important;
  font-size: 18px;
  font-weight: bold;
  font-family: var(--font2);
  color: black;
  width: 290px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px !important;
  transition: all 0.14s;
  background: white !important;
  line-height: normal;
}

/*    -->                  HOME > PRODUCT TABS > NAV TABS > ACTIVE                       
[3]   ------------------------------------------------------------- */

.module_product_tabs .nav-tabs>li.active>a {
  background: var(--accent2) !important;
  color: white !important;
  border-color: var(--accent2);
}

/*    -->                                                                         HOME > PRODUCT TABS > TAB PANE
[2]   =========================================================================================================== */

/* carousel in tabs fix */

.module_product_tabs .swiper-container {
  padding: 0px 20px;
}

.module_product_tabs .tab-content>.tab-pane {
  display: block !important;
  height: 0px !important;
  overflow: hidden;
  opacity: 0;
  transition: all 0.8s;
}

.module_product_tabs .tab-content>.tab-pane.active {
  height: auto !important;
  opacity: 1;
}

/*    -->       HOME > PRODUCT TABS > TAB PANE > HIDE CUSTOM TITLE                
[3]   ------------------------------------------------------------- */

.module_product_tabs .tab-content>.tab-pane h3 {
  display: none !important;
}

/*    -->                 HOME > PRODUCT TABS > TAB PANE > PRODUCTS             
[3]   ------------------------------------------------------------- */

#common-home .module_product_tabs .swiper-wrapper {
  margin-top: 15px;
  margin-bottom: 0px;
}

.swiper-wrapper .product-layout {
  width: 100% !important;
}

/*    -->                 HOME > PRODUCT TABS > TAB PANE > VIEW MORE             
[3]   ------------------------------------------------------------- */

#common-home .module_product_tabs .view_more {
  position: unset;
  display: block;

  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
}

/*    -->                                                                                                                                    HOME > NEW COLLECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                          HOME > NEW COLLECTION > LAYOUT
[2]   =========================================================================================================== */

#common-home .new_collection {
  z-index: 1;
  margin-left: -50px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*    -->                                                                          HOME > NEW COLLECTION > TITLE
[2]   =========================================================================================================== */

#common-home .new_collection .section_title {
  padding-left: 140px;
  margin-bottom: 45px;
  margin-left: 0px !important;
}

#common-home .new_collection .section_title div {
  text-align: left;
}

/*    -->                                                                       HOME > NEW COLLECTION > VIEW MORE
[2]   =========================================================================================================== */

#common-home .new_collection .view_more {
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0px;
  display: block;
}

#common-home .new_collection .swiper-pager {
  position: absolute;
  line-height: 45px;
  top: -3px;
  width: 112px;
  right: 0px;
  transform: translateY(-85px);
}

.products-carousel-module.new_collection:hover .swiper-viewport .swiper-button-next {
  opacity: 0.7;
  right: 10px;
}

.products-carousel-module.new_collection:hover .swiper-viewport .swiper-button-prev {
  opacity: 0.7;
  left: 10px;
}

/*    -->                                                                                                                                  HOME > HOTSPOT SECTIONS          
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                 HOME > HOTSPOT SECTIONS > MOBILE/DESKTOP
[2]   =========================================================================================================== */

#common-home .hotspot_wrapper .home_hotspot_mobile {
  display: none !important;
}

/*    -->                                                                        HOME > HOTSPOT SECTIONS > COMMON
[2]   =========================================================================================================== */

/*    -->                          HOME > HOTSPOT SECTIONS > COMMON 
[3]   ------------------------------------------------------------- */

#common-home .hotspot_wrapper {
  display: flex;
  flex: 1;
  width: 100% !important;
}

#common-home .hotspot_wrapper {
  display: flex;
  flex: 1;
  width: 100% !important;
  min-width: 100% !important;
  margin-top: 5px;
}

#common-home .hotspot_wrapper>.hotspot_master {
  width: calc(100% - 650px);
}

#common-home .hotspot_wrapper>div[class*="hotspot_info_container"] {
  width: 650px;
  padding: 100px 65px 30px;
  position: relative;
}

/*    -->          HOME > HOTSPOT SECTIONS > COMMON > INFO CONTENTS
[3]   ------------------------------------------------------------- */

#common-home .hotspot_wrapper .info_title {
  font-size: 40px;
  font-family: var(--font2);
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1;
}

#common-home .hotspot_wrapper .info_text {
  color: #000000;
  font-size: 16px;
  line-height: 30px;
}

#common-home .hotspot_wrapper .info_link {
  margin-top: 25px;
}

#common-home .hotspot_wrapper .info_link a {
  color: #000000 !important;
  font-family: var(--font2) !important;
  font-size: 16px !important;

  text-transform: uppercase !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;

  line-height: 19px !important;
  border-bottom: 1px solid black !important;
}

/*    -->                                                               HOME > HOTSPOT SECTIONS > BANNER ON RIGHT
[2]   =========================================================================================================== */

#common-home .hotspot_wrapper.banner_on_right>div[class*="hotspot_info_container"] {
  order: -1;
}

#common-home .hotspot_wrapper.banner_on_right .info_img img {
  position: absolute;
  bottom: 0px;
  right: 50px;
}

/*    -->                                                               HOME > HOTSPOT SECTIONS > BANNER ON RIGHT
[2]   =========================================================================================================== */

#common-home .hotspot_wrapper.banner_on_left>div[class*="hotspot_info_container"] {
  order: 9;
}

#common-home .hotspot_wrapper.banner_on_left .info_img img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/*    -->                                                                                                                                       HOME > VIDEOS           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                                                                                       HOME > BANNER GRID           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home .home_grid img,
#common-home .home_grid a {
  width: 100%;
}

#common-home .home_grid {
  margin-bottom: 5px !important;
}

#common-home .home_grid .swiper-slide-title {
  display: none !important;
}

#common-home .home_grid.first_row {
  margin-top: 5px;
  width: 100% !important;
  padding: 0 !important;
}

#common-home .home_grid.second_row {
  margin-bottom: 130px !important;
}

#common-home .home_grid .swiper-wrapper {
  margin: 0px;
}

/*    -->                                                                                                                                     HOME > MANUFACTURERS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.manufacturer_section .text_container {
  display: none !important;
}


/*    -->                                                                        HOME > MANUFACTURERS > VIEW MORE
[2]   =========================================================================================================== */

.section_title_sec.carousel_0_title {
  display: none;
}

/*    -->                                                                        HOME > MANUFACTURERS > VIEW MORE
[2]   =========================================================================================================== */
/* 
.manufacturer_section .view_more {
  position: absolute;
  top: 0px;
  right: 5%;
  z-index: 1;
  transform: translateY(-80px);
} */

/*    -->                                                                                                                                             HOME > BLOG
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                                    HOME > BLOG > LAYOUT
[2]   =========================================================================================================== */

#common-home .latest-posts {

  margin-top: 80px !important;
}

/*    -->                                                                                   HOME > BLOG > HEADING
[2]   =========================================================================================================== */

.headingmain {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.headingmain * {
  text-transform: uppercase;
  text-align: center;
}

.headingmain>div:first-child {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 15px !important;
  margin-bottom: 5px;
}

.headingmain>div:last-child {
  font-size: 40px;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 41px;
}

/*    -->                                                                                  HOME > BLOG > VIEW ALL
[2]   =========================================================================================================== */

.blog_container .view_all {
  position: absolute;
  top: 50px;
  right: 0px;
}

/*    -->                                                                                     HOME > BLOG > ITEMS
[2]   =========================================================================================================== */

#latestblog .product-thumb .image,
#relatedblog .product-thumb .image {
  padding: 0px !important;
}

/*    -->                               HOME > BLOG > ITEMS > IMAGE                   
[3]   ------------------------------------------------------------- */

#latestblog .product-thumb,
#latestblog .product-thumb .image img,
#relatedblog .product-thumb,
#relatedblog .product-thumb .image img {
  width: 100%;
}

/*    -->                               HOME > BLOG > ITEMS > TITLE                      
[3]   ------------------------------------------------------------- */

#latestblog .caption h4,
#relatedblog .caption h4 {
  overflow: unset;
  height: auto;
  height: 65px;
}

#latestblog .caption h4 a,
#relatedblog .caption h4 a,
#blog-category .caption h4 a {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.8px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*    -->                               HOME > BLOG > ITEMS > INFO                      
[3]   ------------------------------------------------------------- */

#latestblog .product-thumb .caption,
#relatedblog .product-thumb .caption {
  padding: 15px !important;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

#latestblog .product-thumb .caption .dateadded,
#relatedblog .product-thumb .caption .dateadded {
  display: block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 3px;
}

#latestblog .product-thumb .caption .dateadded i,
#relatedblog .product-thumb .caption .dateadded i {
  font-style: normal !important;
}

#latestblog a.view_more,
#relatedblog a.view_more {
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  margin-top: 3px;
}

#latestblog .product-thumb:hover a.view_more,
#relatedblog .product-thumb:hover a.view_more {
  opacity: 1;
  visibility: visible;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION  PRODUCT GRID ITEMS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


.product-layout {
  padding: 0px !important;
}

.product-thumb {
  border: none !important;
  transition: all 0.22s !important;
  background: white;
}

.product-thumb:hover {
  box-shadow: 0 0 15px 2px rgba(40, 40, 40, 0.12);
}

/*    -->                                                                                                                                PRODUCT GRID ITEM > IMAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .image {
  padding: 20px 20px 0px 20px;
}

.product-thumb .image img {
  max-width: 100% !important;
  height: auto !important;
}

.product-thumb .image a {
  opacity: 1 !important;
}

/*    -->                                                                                                                                PRODUCT GRID ITEM > LABELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .labels_container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  left: 10px !important;
  top: 10px;
  position: absolute
}

.product-thumb .labels_container .label_bestseller {
  order: -9;
  text-align: left;
  padding-inline: 0px;
}

/*    -->                                                                                                                       PRODUCT GRID ITEM > INFO CONTAINER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .caption {
  min-height: unset;
  padding: 10px;
}

/*    -->                                                                                                                         PRODUCT GRID ITEM > MANUFACTURER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .manufacturer_link {
  color: #5D9C77;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 3px;
  min-height: 19.3px;
}

/*    -->                                                                                                                                 PRODUCT GRID ITEM > NAME
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .caption h4 {
  /* min-height: 40px; */
  margin: 0px;
  font-size: 16px;
  line-height: 1.2;

  height: 4.8em;
  overflow: hidden;
  text-align: left !important;
}

.product-thumb h4 a {
  font-family: var(--font1);
  font-size: 15px;
  font-weighT: 600 !important;
}

/*    -->                                                                                                                                PRODUCT GRID ITEM > RATING
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .caption .rating_container {
  height: 35px;
  display: flex;
  align-items: center;
}

.product-thumb .caption .rating_container {
  /* position: absolute; */
}

.product-thumb .caption .rating_container .rating {
  padding: 0px;
  margin: 10px 0px;
}

/*    -->                                                                                                                       PRODUCT GRID ITEM > BOTTOM SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .caption .bottom_section {
  display: flex;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}

/*    -->                                                              PRODUCT GRID ITEM > BOTTOM SECTION > PRICE                          
[2]   =========================================================================================================== */

/*    -->       PRODUCT GRID ITEM > BOTTOM SECTION > PRICE > NORMAL                                         
[3]   ------------------------------------------------------------- */

.product-thumb .caption .price {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: black;
  display: flex;
  flex-direction: column;
  /* margin-top: -13px; */
  height: 36px;
  justify-content: center;
}

/*    -->      PRODUCT GRID ITEM > BOTTOM SECTION > PRICE > SPECIAL                                         
[3]   ------------------------------------------------------------- */

.product-thumb .caption .price .price-new {
  font-size: 17px;
  font-weight: bold;
  color: black !important;
}

.product-thumb .caption .price .price-old {
  color: #959595;
  /* position: absolute;
  top: -100%; */
  right: 0;
  font-size: 12px;
  font-weight: normal;
  text-decoration: line-through !important;
  width: fit-content;
  line-height: 1;
}

/*    -->                                                            PRODUCT GRID ITEM > BOTTOM SECTION > BUTTONS                          
[2]   =========================================================================================================== */


.min-cont-bottom {
  align-items: center;
}

.product-thumb .button-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  margin-top: 18px;
  overflow: hidden;
  width: fit-content;
  margin-top: 0px
}

.product-thumb .button-group button {
  border-radius: 0px !important;
  line-height: normal;
  height: 22px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0px 12px !important;
  background: transparent !important;
  border: none !important
}

.product-thumb .button-group button[onclick*="wishlist"] {
  padding-left: 0px !important;
}

/*    -->        PRODUCT GRID > BOTTOM SECTION > BUTTONS > WISHLIST                                           
[3]   ------------------------------------------------------------- */

.product-thumb .button-group button[onclick*="wishlist"] {
  border-right: 1px solid #d8d8d8 !important;
}

.product-thumb .button-group button[onclick*="wishlist"] img {
  height: 18px;
  width: 18px;
  filter: brightness(0)
}

/*    -->          PRODUCT GRID > BOTTOM SECTION > BUTTONS > COMPARE                                            
[3]   ------------------------------------------------------------- */



.product-thumb .button-group button[onclick^="compare"] {
  display: none !important;
}

/*    -->           PPRODUCT GRID > BOTTOM SECTION > BUTTONS > CART                                           
[3]   ------------------------------------------------------------- */


.product-thumb .button-group svg {
  width: 21px;
  height: 22px;
  fill: black;
  margin-top: 2px;
}

.product-thumb .button-group button.cart_options_button {
  padding-right: 0px !important;
}

.product-thumb .button-group button.cart_options_button svg {
  width: 18px !important;
  height: 18px !important;
  margin-bottom: -3px !important;
}

/*    -->                                                                                                                              PRODUCT GRID ITEM > CLICK CART                   
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     PRODUCT GRID ITEM > CLICK CART > PREPARE LAYOUT                                       
[2]   =========================================================================================================== */

.product-thumb .caption .bottom_section {
  position: relative;
}

.product-thumb {
  overflow: visible !important;
  position: relative;
}

/*    -->                                                                     PRODUCT GRID ITEM > CLICK CART > STEPPER                                       
[2]   =========================================================================================================== */

.product-thumb .stepper_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px !important;
  margin-top: 12px;
}

.product-thumb label[for="input-quantity"] {
  display: none;
}

.product-thumb label {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  display: block;
  width: 170px;
}

.product-thumb #input-quantity {
  height: 45px;
  width: 45px;
  min-width: 45px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none !important;
  border-radius: 0px !important;
  text-align: center !important;
  padding: 0px;
  pointer-events: none;
  -moz-appearance: textfield;
}

.product-thumb #input-quantity::-webkit-outer-spin-button,
.product-thumb #input-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-thumb button.ctm-stepper {
  width: 45px;
  height: 45px;
  border-radius: 0px;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden;
  background: none;
}

.product-thumb button.ctm-stepper::before {
  font-size: 25px;
  font-weight: bold;
  display: block;
  background: none !important;
}

.product-thumb button.ctm-stepper:first-of-type:before {
  content: "-";
  transform: scaleX(1.5);
}

.product-thumb button.ctm-stepper:last-of-type:before {
  content: "+";
}

/*    -->                                                                     PRODUCT GRID ITEM > CLICK CART > OPTIONS                                       
[2]   =========================================================================================================== */

/*    -->              PRODUCT GRID ITEM > CLICK CART > OPTIONS > LAYOUT                           
[3]   ------------------------------------------------------------- */

.product-thumb .options_section {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
}

.product-thumb .options_section>.form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 9px !important;
}

.product-options-hover>.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px !important;
}

.product-options-hover>.form-group>.control-label {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1;
  text-align: right;
}

/*    -->              PRODUCT GRID ITEM > CLICK CART > OPTIONS > LABELS                           
[3]   ------------------------------------------------------------- */

.product-options-hover>.options_section .form-group>.control-label {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  margin-right: 10px;
}

.product-options-hover>.options_section .form-group>.control-label {
  width: 50%;
  margin: 0px !important;
}

.product-options-hover>.options_section .form-group>.control-label:before {
  display: none !important;
}

.product-options-hover>.options_section .form-group>.control-label+* {
  width: 50%;
  margin: 0px !important;
}

/*    -->              PRODUCT GRID ITEM > CLICK CART > OPTIONS > INPUTS                        
[3]   ------------------------------------------------------------- */

.product-options-hover>.options_section .form-group>.control-label+* {
  width: 50%;
  margin: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

/*    -->              PRODUCT GRID ITEM > CLICK CART > OPTIONS > ERROR                           
[3]   ------------------------------------------------------------- */

.product-options-hover>.options_section .form-group .text-danger {
  width: 100% !important;
  font-size: 12px !important;
  background: pink;
  margin-top: 5px;
}

/*    -->                                                                  PRODUCT GRID ITEM > CLICK CART > INNER CART                              
[2]   =========================================================================================================== */

.product-options-hover>.form-group .button-cart {
  background: var(--accent2) !important;
  color: white !important;
  border: none !important;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0px;
  height: 55px;
  line-height: 1.2;
}

/*    -->                                                                PRODUCT GRID ITEM > CLICK CART > CLOSE BUTTON                            
[2]   =========================================================================================================== */

.product-options-hover .close-btn {
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.product-options-hover .close-btn:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  cursor: pointer;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 40.783203 7.2714844 A 2.0002 2.0002 0 0 0 39.386719 7.8867188 L 25.050781 22.222656 L 10.714844 7.8867188 A 2.0002 2.0002 0 0 0 9.2792969 7.2792969 A 2.0002 2.0002 0 0 0 7.8867188 10.714844 L 22.222656 25.050781 L 7.8867188 39.386719 A 2.0002 2.0002 0 1 0 10.714844 42.214844 L 25.050781 27.878906 L 39.386719 42.214844 A 2.0002 2.0002 0 1 0 42.214844 39.386719 L 27.878906 25.050781 L 42.214844 10.714844 A 2.0002 2.0002 0 0 0 40.783203 7.2714844 z'%3E%3C/path%3E%3C/svg%3E");
  /* -webkit-filter: grayscale(1) invert(1);
	filter: grayscale(1) invert(1); */
  padding: 0px !important;
}

/*    -->                                                                      PRODUCT GRID ITEM > CLICK CART > EFFECT                             
[2]   =========================================================================================================== */

.product-thumb .product-options-hover {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(100% + 20px);
  transition: all 0.23s;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: white;
  margin-left: -10px;
  margin-bottom: -10px;
  box-shadow: 0 0 15px 2px rgba(40, 40, 40, 0.12);
}

.product-thumb.hover_options_enabled .product-options-hover {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible !important;
}

/*    -->                        KEEP CAPTION UP AS ON WHEN HOVERED
[3]   ------------------------------------------------------------- */

.product-thumb.hover_options_enabled {
  box-shadow: none !important;
}

.product-thumb.hover_options_enabled .caption {
  transform: translateY(0px) !important;
  background: white !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PRODUCT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/



/*    -->                                                                                                                                    PRODUCT PAGE > LAYOUT 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product #content {
  display: flex;
  flex-direction: column;
}

#product-product #content>.main-product-container {
  order: 1;
  width: 100%;
}

#product-product #content>h3+div {
  order: 2;
}

#product-product #content>.related_products_section {
  order: 3;
}

#product-product #content>.recently_viewed {
  order: 4;
}





/*    -->                                                                      PRODUCT PAGE > LAYOUT > TOP SECTION                    
[2]   =========================================================================================================== */

.main-product-container:before,
.main-product-container:after {
  display: none !important;
}

.main-product-container {
  display: flex;
  gap: 50px;
  display: grid;
  grid-template-columns: repeat(3, minmax(400px, 1fr));
  /* border-bottom: 14px solid #f4f6f6;
  padding-bottom: 80px; */
}

.product_info_right_section {
  width: 100%;
  max-width: 383px;
}

@media(max-width: 768px) {
  .main-product-container {
    padding-bottom: 0px;
  }
}

/*    -->                                                                                                                PRODUCT PAGE > LEFT SECTION (GENERIC INFO)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     PRODUCT PAGE > LEFT SECTION > TITLE                        
[2]   =========================================================================================================== */

.main-product-container H1 {
  font-size: 35px;
  line-height: 1;
  font-weight: 600;
  color: black;
}

/*    -->                                                         PRODUCT PAGE > LEFT SECTION > BRAND/MANUFACTURER                
[2]   =========================================================================================================== */

.product_brand {
  font-size: 15px;
}

/*    -->                                                         PRODUCT PAGE > LEFT SECTION > SMALL DESCRIPTION                        
[2]   =========================================================================================================== */

.main-product-container .small_description {
  font-size: 15px;
  line-height: 25px;
}

/*    -->                                                                PRODUCT PAGE > LEFT SECTION > INFO TABLE                      
[2]   =========================================================================================================== */

.main-product-container .info_table {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.main-product-container .info_table * {
  font-weight: 600;
}

.main-product-container .info_table>div {
  display: flex;
}

.main-product-container .info_table>div .info_label {
  font-size: 14px;
  color: #949494;
  text-transform: uppercase;
  width: 160px;
}

.main-product-container .info_table>div .info_label:after {
  content: ":";
}

.main-product-container .info_table>div .info_value {
  font-size: 14px;
  color: #000;
}



/*    -->                                                                      PRODUCT PAGE > LEFT SECTION > TABS                     
[2]   =========================================================================================================== */

/*    -->               PRODUCT PAGE > LEFT SECTION > TABS > NAVBAR
[3]   ------------------------------------------------------------- */

#product-product .nav.nav-tabs li:before,
#product-product .nav.nav-tabs li:after {
  display: none;
}

#product-product .nav.nav-tabs {
  display: flex !important;
}

#product-product .nav.nav-tabs li {
  margin-bottom: 0px;
  float: none;
}

#product-product .nav.nav-tabs li a {
  border-radius: 0px;
  border: none !important;
  text-transform: uppercase;

  color: #000000 !important;
  font-size: 15px;
  font-weight: 600;
  outline: none !important;
  background: none !important;
  line-height: 1;

}

#product-product .nav.nav-tabs li.active a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  transform: translateY(25%);
  left: 0px;
  width: 100%;
  height: 2px;
  background: black
}

.main-product-container .nav.nav-tabs {
  margin-top: 65px;
}

/*    -->              PRODUCT PAGE > LEFT SECTION > TABS > CONTENT
[3]   ------------------------------------------------------------- */

.main-product-container .tab-content {
  height: 280px;
  overflow: auto;
  padding-right: 15px;
}

.main-product-container .tab-content *:not(br) {
  color: #727272 !important;
  font-size: 15px !important;
  line-height: 25px !important;
}

/*    -->                                                                                                                     PRODUCT PAGE > MID SECTION (GALLERY)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                    PRODUCT PAGE >  MID SECTION > LAYOUT
[2]   =========================================================================================================== */

#product-product .thumbnails>div {
  width: 100%;
}

#product-product .thumbnails {
  display: flex;
  flex-direction: column;
  margin-left: 0px !important;
}

#product-product .thumbnails .col-sm-9 .thumbnail {
  width: 100% !important;
}

/*    -->                                                         PRODUCT PAGE >  MID SECTION > ADDITIONAL IMAGES
[2]   =========================================================================================================== */

#product-product .thumbnails>div+div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

#product-product .thumbnails>div+div .image-additional,
#product-product .thumbnails>div+div .image-additional a {
  border-radius: 0px !important;
  border: 1px solid #fff;
  box-shadow: none !important;
  outline: none !important;
}

#product-product .thumbnails>div+div .image-additional a:hover,
#product-product .thumbnails>div+div .image-additional a:focus {
  border-color: #515151;
}

/*    -->                                                                                                             PRODUCT PAGE > RIGHT SECTION (DETAILED INFO)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                   PRODUCT PAGE > RIGHT SECTION > LABELS                  
[2]   =========================================================================================================== */

.main-product-container .labels_container {
  display: flex;
  margin-top: 35px;
}

.main-product-container .labels_container .label_bestseller {
  margin-left: 50px;
}

/*    -->                                                          PRODUCT PAGE > RIGHT SECTION > PRICING & STOCK                  
[2]   =========================================================================================================== */

#product-product .pricing_n_stock {
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

/*    -->  PRODUCT PAGE > RIGHT SECTION > PRICING & STOCK > PRICING                      
[3]   ------------------------------------------------------------- */

#product-product .pricing_n_stock ul {
  margin-bottom: 0px !important;
}

#product-product .price_text {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px
}

#product-product .price_value {
  color: #000;
  font-size: 25px;
  font-weight: bold;
}

#product-product .price_value .old-price {
  color: #959595;
  font-size: 16px;
  font-weight: normal;
  margin-left: 12px;
}

/*    -->  PRODUCT PAGE > RIGHT SECTION > PRICING & STOCK > SAVINGS                      
[3]   ------------------------------------------------------------- */

#product-product .savings_section {
  font-size: 16px;
  font-weight: 600;
  color: #00A550;
  min-width: 100%;
  order: 99;
  margin-top: 5px;
}

/*    -->    PRODUCT PAGE > RIGHT SECTION > PRICING & STOCK > STOCK                   
[3]   ------------------------------------------------------------- */

#product-product .stock_section {
  margin-top: 12px;
}

#product-product .stock_section strong {
  font-size: 15px;
  font-weight: normal !important;
  color: #949494;
}

/*    -->                                                           PRODUCT PAGE > RIGHT SECTION > PRICING EXTRAS                                
[2]   =========================================================================================================== */

#product-product .pricing_extras {
  display: flex;
  justify-content: space-between;
  width: 100%;

}

#product-product .pricing_extras>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  margin-top: 5px
}

/*    -->                                                        PRODUCT PAGE > RIGHT SECTION > DISCOUNTS SECTION            
[2]   =========================================================================================================== */

/*    --> PRODUCT PAGE > RIGHT SECTION > DISCOUNTS SECTION > INSTRUCTIONS                          
[3]   ------------------------------------------------------------- */

#product-product .discounts_section {
  gap: 30px;
  display: flex;
  margin-top: 30px;
}

#product-product .discounts_section .instructions {
  font-size: 14px;
  max-width: 60%;
  width: 60%;
}



/*    --> PRODUCT PAGE > RIGHT SECTION > DISCOUNTS SECTION > TABLE                          
[3]   ------------------------------------------------------------- */

#product-product .discounts_section .pricing_table {
  /* height: 65px; */
  width: 40%;
  max-width: 40%;
  /* background: red; */
}

#product-product .discounts_section .pricing_table table>tbody>tr>th {
  border: none !Important;
}

#product-product .discounts_section .pricing_table table * {
  text-align: center;
  padding: 3px !important;
  font-size: 12px;
}

/*    -->                                                             PRODUCT PAGE > RIGHT SECTION > EXTRA LABELS            
[2]   =========================================================================================================== */

.extra-labels-erp {
  display: flex;
  gap: 10px;
  margin-top: 25px
}

.extra-labels-erp>div {
  border: 1px solid rgba(0, 0, 0, .23);
  height: 23px;
  font-size: 14px;
  color: #00a550;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 26px;
}

/*    -->                                                    PRODUCT PAGE > RIGHT SECTION > STEPPER N CART BUTTON            
[2]   =========================================================================================================== */

.stepper_n_cart_section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px !important;
}

/*    --> PRODUCT PAGE > RIGHT SECTION > STEPPER N CART > CART BUTTON                  
[3]   ------------------------------------------------------------- */

.stepper_n_cart_section .btn-primary {
  border-radius: 0px !important;
  background: #0D0D0D !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  height: 60px;
  padding: 0px;
  transition: .12s;
  width: 100%;
  justify-content: center;
  border: none !important;
}

.stepper_n_cart_section .btn-primary:hover {
  background: #333 !important;
}


/*    --> PRODUCT PAGE > RIGHT SECTION > STEPPER N CART > WISHLIST BUTTON                  
[3]   ------------------------------------------------------------- */


.stepper_n_cart_section .btn-group {
  width: 100% !important;
  gap: 0px !important;

}

.stepper_n_cart_section .btn-primary {
  width: 100%;
}

.stepper_n_cart_section .fav_button {
  height: 60px;
  min-width: 60px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stepper_n_cart_section .fav_button svg {
  width: 26px
}

/*    -->                                                                                                                            PRODUCT PAGE > EXTRA PRODUCTS                      
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                  PRODUCT PAGE > EXTRA PRODUCTS > COMMON                       
[2]   =========================================================================================================== */

#product-product .extra_products {
  padding-left: 0px;
  padding-right: 0px;
  max-width: var(--maxWidth);
  width: 100%;
  margin: 100px auto 0px auto;
}





/*    -->                                                        PRODUCT PAGE > EXTRA PRODUCTS > SIMILAR PRODUCTS                    
[2]   =========================================================================================================== */


#product-product #content>h3 {
  display: none !important;
}



.sp-c {
  overflow: visible;
}

.extra_products.similar_products .swiper-viewport {
  padding-bottom: 2px;
}

/*    -->                                                        PRODUCT PAGE > EXTRA PRODUCTS > RELATED PRODUCTS                       
[2]   =========================================================================================================== */

.related_products_section {
  position: relative;
  padding: 80px 0px;
}

.related_products_section:before {
  background: #E6F0EA;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

/*    -->                                                         PRODUCT PAGE > EXTRA PRODUCTS > RECENTLY VIEWED                       
[2]   =========================================================================================================== */





/*    -->                                                                                                                              PRODUCT PAGE ENQUIRY BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM                               
[3]   ------------------------------------------------------------- */

#enquiry_form_container {
  position: fixed;
  top: 50%;
  left: 50%;
  background: white;
  padding: 25px;
  width: 500px;
  transform: translate(-50%, 100%);
  z-index: 4;
  box-shadow: 0 10px 17px -10px rgba(0, 0, 0, 0.7);
  transition: all 0.4s;

  opacity: 0;
  visibility: hidden;
}

#enquiry_form_container legend {
  color: black !important;
  font-family: var(--font2);
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
  border: none !important;
}

#enquiry_form_container .form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

#enquiry_form_container .form-group>* {
  width: 100%;
  text-align: left;
  padding: 0px;
}

#enquiry_form_container .form-group * {
  font-size: 14px !important;
}

/* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > CLOSE BUTTON */

#enquiry_form_container .close_button {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M990,59.5L940.5,10L500,450.5L59.5,10L10,59.5L450.5,500L10,940.5L59.5,990L500,549.5L940.5,990l49.5-49.5L549.5,500L990,59.5z'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  right: 25px;
  top: 33px;
  cursor: pointer;
}

/* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > ENABLED */

.enquiry_enabled body::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.enquiry_enabled #enquiry_form_container {
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}

/*    -->                                  PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER & CART                                  
[2]   =========================================================================================================== */

/*    -->    PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER           
[3]   ------------------------------------------------------------- */

#product-product .form-group .stepper_section {
  display: flex;
  align-items: center;
}

#product-product .form-group .stepper_section .stepper_buttons {
  display: flex;
  align-items: center;
}

#product-product .form-group .stepper_section label {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  display: block;
  width: 170px;
}

#product-product .form-group #input-quantity {
  height: 45px;
  width: 45px;
  min-width: 45px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none !important;
  border-radius: 0px !important;
  text-align: center !important;
  padding: 0px;
  pointer-events: none;
  -moz-appearance: textfield;
}

#product-product .form-group #input-quantity::-webkit-outer-spin-button,
#product-product .form-group #input-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#product-product .form-group button.ctm-stepper {
  width: 45px;
  height: 45px;
  border-radius: 0px;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden;
  background: none;
}

#product-product .form-group button.ctm-stepper::before {
  font-size: 25px;
  font-weight: bold;
  display: block;
  background: none !important;
}

#product-product .form-group button.ctm-stepper:first-of-type:before {
  content: "-";
  transforM: scaleX(1.5);
}

#product-product .form-group button.ctm-stepper:last-of-type:before {
  content: "+"
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CATEGORY PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

#product-category>.row,
#product-search>.row,
#product-manufacturer>.row {
  max-width: 100%;
  padding-bottom: 0px !important;
}


.category-like header~.container {
  max-width: 100% !important;
  width: 100% !important;
}

.category-like footer {
  margin-top: 0px !important;
}

/*    -->                                                                                                                             CATEGORY PAGE > BREADCRUMBS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* html[class*="product"]:not([class*="product-product"]) .breadcrumb {
  display: none !important;
} */


/*    -->                                                                                                                             CATEGORY PAGE > LEFT SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.category-like header~.container>.row>#column-left {
  width: 455px !important;
  padding: 40px 52px 0px 45px;
  background: rgba(226, 233, 230, .4);

}

.category-like #column-left #column-left {
  width: 100% !important;
}

/*    -->                                                       CATEGORY PAGE > LEFT SECTION > BACKGROUND                        
[2]   =========================================================================================================== */

.category-like header~.container>.row>#column-left {
  position: relative;

}

/* html[class*="product"]:not([class*="product-product"]) header ~ .container > .row > #column-left:before {
  content: "";
  height:100%;
  width: 100vw;
  position:absolute;
  top:0px;
  right: 0px;
  z-index:-1;
} */

/*    -->                                                       CATEGORY PAGE > LEFT SECTION > TITLE & DESCRIPTION             
[2]   =========================================================================================================== */

.category-like #column-left .cat-title {
  font-size: 35px;
  text-transform: none;
  font-weight: 500;
  color: black;
  line-height: 30px;

}

.category-like #column-left .cat-title+.row {
  font-size: 15px;
  color: #000;
  line-height: 25px;

}

/*    -->                                                       CATEGORY PAGE > LEFT SECTION > FILTERS MAIN TITLE                           
[2]   =========================================================================================================== */

.mfilter-box>.box-heading {
  color: #000000;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px !important;
  margin-bottom: 40px !important;
}



/*    -->                                                       CATEGORY PAGE > LEFT SECTION > FILTERS CONTAINER                            
[2]   =========================================================================================================== */

.box-content.mfilter-content {
  border: none !important;
  overflow: auto;
}

/*    -->                                                           CATEGORY PAGE > LEFT SECTION > SECTION ITEMS                           
[2]   =========================================================================================================== */

.mfilter-content>ul>li:not(:first-child) {
  margin-top: 50px;
}

.mfilter-opts-container>.mfilter-content-wrapper {
  margin-top: 5px !important;
}

.mfilter-filter-item .mfilter-iscroll .mfilter-options {
  padding: 0px 0px 0px 0px !important;
}

/*    -->     CATEGORY PAGE > LEFT SECTION > SECTION ITEMS > SCROLL                       
[3]   ------------------------------------------------------------- */

.mfilter-iscroll>.scroll-element,
.mfilter-iscroll>.scroll-element div {
  z-index: 1;
}

.mfilter-iscroll>.scroll-element .scroll-element_track {
  background: #ccc !important;
}

.mfilter-iscroll>.scroll-element .iScrollIndicator {
  background: black !important;
  opacity: 1 !important;
}

/*    -->                                                                  CATEGORY PAGE > LEFT SECTION > BUTTONS                        
[2]   =========================================================================================================== */

.mfilter-button-top {
  display: none !important;
}

/*    -->                                                           CATEGORY PAGE > LEFT SECTION > SECTION TITLES                           
[2]   =========================================================================================================== */

.mfilter-heading {
  background: none;
  border: none !important;
}

.mfilter-heading-text span {
  font-size: 16px;
  font-weight: 600;
}

.mfilter-heading-content {
  border-bottom: 1px solid #d8d8d8;
  padding: 0px 15px;
}

.mfilter-heading-content .mfilter-heading-text {
  color: black;
}

/*    --> CATEGORY PAGE > LEFT SECTION > SECTION TITLES > COLLAPSE ICONS                                  
[3]   ------------------------------------------------------------- */

.mfilter-heading .mfilter-head-icon {
  background: none !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0px !important;
  transition: none !important;
  transform-origin: center center !important;
}

.mfilter-heading .mfilter-head-icon {
  transform: scaleX(1.7) !important;
}

.mfilter-heading .mfilter-head-icon::after {
  content: "-";
  font-style: normal !important;
  font-size: 23px;
  font-weight: bold;
  color: black;
}

.mfilter-heading.mfilter-collapsed .mfilter-head-icon {
  transform: none !important;
}

.mfilter-heading.mfilter-collapsed .mfilter-head-icon::after {
  content: "+";
}

/*    -->                                                           CATEGORY PAGE > LEFT SECTION > SECTION CONTENT                           
[2]   =========================================================================================================== */

.mfilter-opts-container {
  border: none !important;
}

.mfilter-tb-as-td.mfilter-col-input {
  padding: 0px !important;
}

.mfilter-tb-as-td {
  border: none !important;
}

.mfilter-col-input+.mfilter-tb-as-td {
  border: none !important;
  font-size: 16px;
  padding: 5px 10px 5px 10px !important;
  white-space: normal !important;
  width: 100% !important;
}

.mfilter-category-tree ul li a {
  font-size: 16px !important;
  color: black !important;
}

/*    -->    CATEGORY PAGE > LEFT SECTION > SECTION CONTENT > PRICE                           
[3]   ------------------------------------------------------------- */



.mfilter-slider-slider,
#mfilter-price-slider {
  background: #d9d9d9 !important;
  height: 10px !important;
  margin: 10px 10px 0 10px !important;
  border-radius: 5px;
}

.mfilter-price-inputs>input {
  margin-right: 0px;
  margin-left: 0px;
}

.mfilter-option.mfilter-price {
  display: flex !important;
  flex-direction: column;
}

.mfilter-price-slider {
  background: none !important;
  width: 100%;
  margin-top: 0px !important;
}

.mfilter-box-83 .mfilter-slider-slider .ui-slider-range,
.mfilter-box-83 #mfilter-price-slider .ui-slider-range {
  /* background: #d99d9e !important; */
  height: 10px;
  background: rgba(17, 151, 121, 0.1) !important;
}

.mfilter-slider-slider .ui-slider-handle,
#mfilter-price-slider .ui-slider-handle {
  margin-top: 2px;
  border-radius: 100% !important;
  box-shadow: none !important;
  background: none !important;
  background: var(--accent1) !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: -12px !important;
}

.mfilter-price-inputs {
  padding-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  margin-right: 22px;
}

.mfilter-price-inputs,
.mfilter-price-inputs>span {
  font-size: 16px;
}

/* .mfilter-price-inputs > span {
  margin-right: 10px;
} */

.mfilter-price-inputs>span.to {
  margin-left: 17px;
}

.mfilter-price-inputs>input {
  width: 35px !important;
  height: 35px !important;
  font-size: 15px !important;
  font-weight: 600;
  min-width: 35px !important;
  border: 1px solid #d8d8d8 !important;
  color: var(--accent1);
}



/*    -->                                                                                                                            CATEGORY PAGE > RIGHT SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.category-like #content {
  /* width: calc(100% - 370px) !important; */
  padding: 0px 40px 100px;
  width: 100% !important;

}


#mfilter-content-container .compare_section,
#mfilter-content-container .view_section {
  display: none !important;
}

/*    -->                                                             CATEGORY PAGE > RIGHT SECTION > INTRO                              
[2]   =========================================================================================================== */
.category_intro_section {
  width: calc(100% + 40px * 2);
  margin-left: -40px;
}

.category_intro_section img {
  max-width: 100%;
  width: 100%;
}


/*    -->                                                             CATEGORY PAGE > RIGHT SECTION > PAGINATION                             
[2]   =========================================================================================================== */

.pagination_section .pagination {
  display: flex;
  gap: 15px
}

.secondary.pagination_section {
  margin-top: 100px !important;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media(max-width: 1190px) {
  .pagination_section .pagination {
    gap: 5px;
  }
}

.pagination_section .pagination li>* {
  font-size: 16px !important;
  padding: 0px 5px !important;
  border: none
}

.pagination_section .pagination li {
  background: none !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background: transparent;
  color: black;
  font-weight: bold;
}

/*    -->                                                            CATEGORY PAGE > RIGHT SECTION > VIEW OPTIONS                              
[2]   =========================================================================================================== */

.category_interactivity {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
  /* margin: 40px 0px; */
  margin: 0px 0px 100px 0px;
}

@media(max-width: 1300px) {
  .category_interactivity {
    gap: 30px;
  }
}


.category_interactivity .form-group {
  margin-bottom: 0px;
}

.category_interactivity:before,
.category_interactivity:after {
  display: none !important;
}

/*    -->    CATEGORY PAGE > RIGHT SECTION > VIEW OPTIONS > SELECTS                                      
[3]   ------------------------------------------------------------- */

.category_interactivity>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0px;
  padding-right: 0px
}

.category_interactivity label {
  font-size: 15px !important;
  font-weight: normal !important;
  color: black !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.category_interactivity select {
  font-weight: bold;
  font-size: 16px !important;
  color: black !important;
  border-color: #c9c9c9 !important;
}

.category_interactivity .pagination * {
  font-size: 16px !important;
}



/*    -->                                                                CATEGORY PAGE > RIGHT SECTION > PRODUCTS              
[2]   =========================================================================================================== */


#product-category .row.product-list-grid {}

/*    -->                          CATEGORY PAGE > RIGHT SECTION > PRODUCTS > LABELS                       
[3]   ------------------------------------------------------------- */



#product-category .row.product-list-grid .product-thumb .labels_container,
#product-search .row.product-list-grid .product-thumb .labels_container,
#product-manufacturer .row.product-list-grid .product-thumb .labels_container {
  transform: scale(0.8);
  transform-origin: left;
}



/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION SPECIALS PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                   SPECIALS PAGE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CART PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

#checkout-cart .breadcrumb+.row {
  margin-right: 0px;
  margin-left: 0px;
}

/*    -->                                                                                                                                       CART PAGE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* #checkout-cart {
	padding-left: calc(var(--sideGap_big) - 15px) !important;
	padding-right: calc(var(--sideGap_big) - 15px) !important;
} */

/* #checkout-cart > .row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--maxWidth);
} */

/*    -->                                                                                                                                      CART PAGE > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-cart .bottom_section .input-group-btn input {
  background: black !important;
  color: white !important;
  border: none !important;
  height: 50px !important;
}

#checkout-cart .what-next[href*="home"],
.checkout-cart #error-not-found .btn-primary {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  color: black !important;
}

#checkout-cart .what-next[href*="checkout"] {
  background: var(--accent1) !important;
  color: white !important;
  border: none !important;
}

/*    -->                                                                                                                                   CART PAGE > BREADCRUMB
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* #checkout-cart .breadcrumb {
  margin-bottom: 70px;
} */

#checkout-cart .breadcrumb+.row {
  max-width: var(--maxWidth);
  margin-left: auto;
  margin-right: auto;
}

/*    -->                                                                                                                                        CART PAGE > TITLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-cart .section_title {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 20px;
}

#checkout-cart .section_title>div:first-child {
  display: none !important;
}

/*    -->                                                                                                                                  CART PAGE > NO PRODUCTS             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                         CART PAGE > NO PRODUCTS > INTRO                  
[2]   =========================================================================================================== */

.checkout-cart #error-not-found #content {
  text-align: center;
}

.checkout-cart #error-not-found #content>h1 {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.checkout-cart #error-not-found #content>p {
  font-family: var(--font2);
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  line-height: 1;
}

.checkout-cart #error-not-found #content .pull-right {
  float: none !important;
  margin-top: 100px;
}

/*    -->                                                                                                                                        CART PAGE > TABLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-cart form {
  margin-bottom: 30px !important;
}

/* #checkout-cart form#checkout-cart form .table {
  display: flex;
  flex-direction: column;
}

#checkout-cart form#checkout-cart form .table tr {
  display: flex;
}

#checkout-cart form#checkout-cart form .table tr td {
  flex: 1;
}

#checkout-cart form#checkout-cart form .table tr td:nth-child(1) {
  flex: 1;
} */

#checkout-cart form .table-responsive {
  border: none !important;
}

#checkout-cart form table thead td,
#checkout-cart form table tbody td {
  width: 25%;
}

#checkout-cart form table thead td:first-child,
#checkout-cart form table tbody td:first-child {
  width: 220px;
  display: flex;
  text-align: right;
  justify-content: flex-end;
}

/*    -->                                                                                CART PAGE > TABLE > HEAD
[2]   =========================================================================================================== */

#checkout-cart table thead {
  background: #E7F0EB !important;
  height: 50px;
}

#checkout-cart table thead td {
  color: black;
  font-size: 16px;
  font-weight: 600;
}

/*    -->                                                                                  CART PAGE > TABLE > TR 
[2]   =========================================================================================================== */

#checkout-cart form tbody tr {
  border-bottom: 1px solid #c6c6c6 !important;
}

/*    -->                                                                                  CART PAGE > TABLE > TD 
[2]   =========================================================================================================== */

#checkout-cart form tbody {
  border: none !important;
}

#checkout-cart table tbody td {
  border: none;
}

/*    -->                         CART PAGE > TABLE > TD > DISABLES                       
[3]   ------------------------------------------------------------- */

/* #checkout-cart table tbody td.product-title .model-info, */
#checkout-cart table tbody td.product-title small strong,
#checkout-cart table tbody td.product-title .price.mobile {
  display: none !important;
}

/*    -->                                                                               CART PAGE > TABLE > IMAGE
[2]   =========================================================================================================== */

#checkout-cart form tbody td:first-child a .img-thumbnail {
  width: 137px !important;
}

@media (max-width: 768px) {
  #checkout-cart form tbody td:first-child {
    display: flex;
    justify-content: flex-end;
  }
}

/*    -->                                                                                CART PAGE > TABLE > NAME
[2]   =========================================================================================================== */

/*    -->                          CART PAGE > TABLE > NAME > TEXT                         
[3]   ------------------------------------------------------------- */

#checkout-cart form tbody td.text-left.product-title a {
  font-size: 15px !important;
  color: black !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

#checkout-cart form tbody td.text-left.product-title .manufacturer_link {
  font-size: 16px !important;
  color: #5D9C77 !important;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 3px;
  margin-top: 13px;
}

#checkout-cart form tbody td.text-left.product-title .text-danger {
  margin-bottom: -14px;
}

/*    -->                          CART PAGE > TABLE > NAME > MODEL                          
[3]   ------------------------------------------------------------- */

#checkout-cart table tbody td.product-title .model-info {
  color: #6c6c6c !important;
  margin: 15px 0px !important;
  display: block;
  font-size: 14px;
  white-space: wrap;
  white-space: normal;
}

/*    -->                          CART PAGE > TABLE > NAME > OPTIONS                          
[3]   ------------------------------------------------------------- */

#checkout-cart table tbody td.product-title small {
  display: block;
  font-size: 14px;
}

#checkout-cart table tbody td.product-title small strong {
  text-transform: uppercase;
}

#checkout-cart table tbody td.product-title .options_container {
  display: flex;
  margin-top: 20px;
}

#checkout-cart table tbody td.product-title .options_container small {
  font-size: 15px;
  color: black;
  text-transform: uppercase;
}

#checkout-cart table tbody td.product-title .options_container small:not(:first-child):before {
  content: ",";
  margin-right: 5px;
}

/*    -->                          CART PAGE > TABLE > NAME > LABELS                          
[3]   ------------------------------------------------------------- */

#checkout-cart table tbody td.product-title .labels_container {
  display: none;
}

/*    -->                                                                             CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ
[2]   =========================================================================================================== */

/*    -->                         CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ > BOX              
[3]   ------------------------------------------------------------- */

#checkout-cart form #cart-stepper {
  height: 40px;
  width: 40px;
  min-width: 31px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0px;
}

#checkout-cart form .input-group.btn-block button.ctm-stepper {
  margin: 0 2px !important;
}

/* disable arrow view in chrome */

#checkout-cart form input[type="number"]::-webkit-inner-spin-button,
#checkout-cart form input[type="number"]::-webkit-outer-spin-button {
  display: none !important;
}

/*    -->                    CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ > BUTTONS                     
[3]   ------------------------------------------------------------- */

#checkout-cart form .input-group-btn button:first-child {
  margin-right: 10px !important;
}

#checkout-cart form .input-group.btn-block .input-group-btn {
  margin-left: 10px;
  width: auto;
}

#checkout-cart form .input-group-btn button {
  width: 40px;
  height: 40px;
  min-width: 31px;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: black !important;
  box-shadow: none;
  padding: 0px;
}

#checkout-cart form .input-group-btn button img {
  width: 24px;
  height: 24px;
}

#checkout-cart form .input-group-btn button:last-child img {
  width: 20px;
  height: 26px;
}

/*    -->                                                                              CART PAGE > TABLE > PRICES            
[2]   =========================================================================================================== */

#checkout-cart form tbody .price {
  font-size: 18px;
  font-weight: bold;
}

/*    -->                                                                                                                               CART PAGE > BOTTOM SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     CART PAGE > BOTTOM SECTION > LAYOUT
[2]   =========================================================================================================== */

#checkout-cart .bottom_section {
  background: #E7F0EB;
  padding: 25px;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1355px) {
  #checkout-cart .bottom_section {
    padding-left: 60px !important;
    padding-right: 60px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 55px;
    padding-top: 36px;
  }
}

#checkout-cart .bottom_section>* {
  width: auto;
}

/*    -->                                                            CART PAGE > BOTTOM SECTION > SHIPPING TEASER
[2]   =========================================================================================================== */

#checkout-cart .bottom_section>.totals_section>.freeShippingTeaser i {
  display: none !important;
}

#checkout-cart .bottom_section>.totals_section>.freeShippingTeaser {
  border: none !important;
  font-weight: bold !important;
  text-transform: none !important;
  font-size: 16px !important;
  color: #96ab5e !important;
  background: none !important;
  margin-bottom: 20px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: 0px 8px !important;
  text-align: center !important;
}

#checkout-cart .bottom_section>.totals_section>.freeShippingTeaser+.table-responsive {
  display: none !important;
}

/*    -->                                   HIDE DEFAULT TOP TEASER
[3]   ------------------------------------------------------------- */

#checkout-cart #content>form>.freeShippingTeaser {
  display: none !important;
}

/*    -->                                                                   CART PAGE > BOTTOM SECTION > DISABLES
[2]   =========================================================================================================== */

#checkout-cart .panel {
  display: none !important;
}

/*    -->                                                   CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION
[2]   =========================================================================================================== */

.modules_container {
  width: 678px !important;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > HEADING                                      
[3]   ------------------------------------------------------------- */

.modules_heading_container {
  margin-bottom: 36px;
}

.modules_heading_container>div:first-child {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: none !important;
}

.modules_heading_container>div:last-child {
  font-size: 17px;
  font-weight: 500;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > COUPON SECTION                                      
[3]   ------------------------------------------------------------- */

.modules_container .coupon_section .input-group-btn #button-coupon {
  background: #171717 !important;
  border: none !important;
  color: #fff !important;
  width: 185px;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > VOUCHER SECTION                                      
[3]   ------------------------------------------------------------- */

.modules_container .voucher_section {
  margin-top: 20px;
  display: none !important;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > TITLE                                      
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .coupon_title,
#checkout-cart .bottom_section .voucher_title {
  display: none !important;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > INPUT                                      
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .input-group {
  /* margin-top: 35px; */
  border-color: #b3b3b3 !important;
}

#checkout-cart .bottom_section .input-group .form-control {
  height: 50px;
  border-bottom: none;
  font-size: 15px;
  width: 100%;
  padding: 0px 25px;
  max-width: 100%;
  border: 1px solid #b3b3b3;
}

/*    --> CART PAGE > BOTTOM SECTION > COUPON & VOUCHER SECTION > BUTTON                                      
[3]   ------------------------------------------------------------- */

#checkout-cart #button-coupon {
  padding: 0px !important;
}

/*    -->                                                             CART PAGE > BOTTOM SECTION > TOTALS SECTION
[2]   =========================================================================================================== */

/*    -->       CART PAGE > BOTTOM SECTION > TOTALS SECTION > COMMON                     
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .cart-total-table tr {
  display: flex;
  justify-content: flex-end;
}

#checkout-cart .bottom_section .cart-total-table tr td {
  display: flex;
  align-items: center;
}

#checkout-cart .bottom_section .cart-total-table tr .title {
  text-transform: uppercase;
  /* margin-right: 100px !important; */
}

#checkout-cart .bottom_section .cart-total-table tr .value {
  font-weight: bold;

  /* background: blue !important; */
  width: 117px;
  min-width: 117px;
  text-align: right;
  justify-content: flex-end;
}

/*    -->       CART PAGE > BOTTOM SECTION > TOTALS SECTION > TOTAL                     
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .cart-total-table tr:last-child .title {
  font-size: 18px;
  font-weight: bold;
}

#checkout-cart .bottom_section .cart-total-table tr:last-child .value {
  font-size: 25px;
  font-weight: bold;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CHECKOUT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.poc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 20px;
  padding-right: 20px;
}

/*    -->                                                                                                                                   CHECKOUT PAGE > LAYOUT               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-module-qnec body {
  overflow: hidden !important;
}

body div.poc_container {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 40px !important;
  padding-left: calc(((100vw - 1650px) / 2)) !important;
}

.perfect_one_checkout_main_container>.col_2 {
  max-width: 550px !important;
  padding-right: 35px;
}

.perfect_one_checkout_main_container>.col_3 {
  padding-left: 67px;
  position: relative;
  margin-top: -138px !important;
}

.perfect_one_checkout_main_container>.col_3:before {
  content: "";
  height: 900vh;
  width: 100vw;
  background: #f7f7f7;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translateY(-100vh);
}

/*    -->                                                                                                                              CHECKOUT PAGE > BREADCRUMBS              
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.extension-module-qnec .breadcrumb {
  display: none !important;
}

/*    -->                                                                                                                                   CHECKOUT PAGE > COMMON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     CHECKOUT PAGE > COMMON > CONTAINERS
[2]   =========================================================================================================== */

div.panel_poc div.panel_poc-body {
  background: transparent;
  border-radius: 0px;
}

div.poc_styles .poc_col-xs-1,
div.poc_styles .poc_col-sm-1,
div.poc_styles .poc_col-md-1,
div.poc_styles .poc_col-lg-1,
div.poc_styles .poc_col-xs-2,
div.poc_styles .poc_col-sm-2,
div.poc_styles .poc_col-md-2,
div.poc_styles .poc_col-lg-2,
div.poc_styles .poc_col-xs-3,
div.poc_styles .poc_col-sm-3,
div.poc_styles .poc_col-md-3,
div.poc_styles .poc_col-lg-3,
div.poc_styles .poc_col-xs-4,
div.poc_styles .poc_col-sm-4,
div.poc_styles .poc_col-md-4,
div.poc_styles .poc_col-lg-4,
div.poc_styles .poc_col-xs-5,
div.poc_styles .poc_col-sm-5,
div.poc_styles .poc_col-md-5,
div.poc_styles .poc_col-lg-5,
div.poc_styles .poc_col-xs-6,
div.poc_styles .poc_col-sm-6,
div.poc_styles .poc_col-md-6,
div.poc_styles .poc_col-lg-6,
div.poc_styles .poc_col-xs-7,
div.poc_styles .poc_col-sm-7,
div.poc_styles .poc_col-md-7,
div.poc_styles .poc_col-lg-7,
div.poc_styles .poc_col-xs-8,
div.poc_styles .poc_col-sm-8,
div.poc_styles .poc_col-md-8,
div.poc_styles .poc_col-lg-8,
div.poc_styles .poc_col-xs-9,
div.poc_styles .poc_col-sm-9,
div.poc_styles .poc_col-md-9,
div.poc_styles .poc_col-lg-9,
div.poc_styles .poc_col-xs-10,
div.poc_styles .poc_col-sm-10,
div.poc_styles .poc_col-md-10,
div.poc_styles .poc_col-lg-10,
div.poc_styles .poc_col-xs-11,
div.poc_styles .poc_col-sm-11,
div.poc_styles .poc_col-md-11,
div.poc_styles .poc_col-lg-11,
div.poc_styles .poc_col-xs-12,
div.poc_styles .poc_col-sm-12,
div.poc_styles .poc_col-md-12,
div.poc_styles .poc_col-lg-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}

div.panel_poc {
  border: none;
  margin-bottom: 35px !important;
}

div.panel_poc div.panel_poc-body {
  padding: 0px !important;
  border-radius: 0px !important;
}

/*    -->                                                                  CHECKOUT PAGE > COMMON > RADIO BUTTONS
[2]   =========================================================================================================== */

/*    -->           CHECKOUT PAGE > COMMON > RADIO BUTTONS > LAYOUT                 
[3]   ------------------------------------------------------------- */

.panel_poc-body div.radio-input {
  padding: 0px !important;
  box-shadow: none !important;
  background: none !important;
}

.panel_poc-body div.radio-input label {
  display: flex;
  align-items: center;
  margin-bottom: 15px !important;
}

.panel_poc-body div.radio-input label>* {
  clear: both;
}

/*    -->            CHECKOUT PAGE > COMMON > RADIO BUTTONS > TEXTS                 
[3]   ------------------------------------------------------------- */

.panel_poc-body div.radio-input div.text .poc_title,
.panel_poc-body div.radio-input div.text br {
  display: none !important;
}

.panel_poc-body div.radio-input .text,
.panel_poc-body div.radio-input .price {
  line-height: normal;
  padding-left: 5px;

  color: #000000;
  font-size: 16px;
  line-height: 19px !important;
  text-transform: uppercase;
  padding-left: 0px !important;
}

.panel_poc-body div.radio-input .text {
  width: 100%;
}

/*    -->            CHECKOUT PAGE > COMMON > RADIO BUTTONS > PRICE                 
[3]   ------------------------------------------------------------- */

/*    -->             CHECKOUT PAGE > COMMON > RADIO BUTTONS > INPUT                   
[3]   ------------------------------------------------------------- */

.poc_row input[type="radio"],
div.poc_styles .radio input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  margin-left: 0px !important;
  margin-right: 10px !important;
}

.poc_row input[type="radio"]::before,
div.poc_styles .radio input[type="radio"]::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 2px solid #444c63;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
}

.poc_row input[type="radio"]:checked::before,
div.poc_styles .radio input[type="radio"]:checked::before {
  border: 6px solid #444c63;
}

/*    -->                                                                         CHECKOUT PAGE > COMMON > TITLES
[2]   =========================================================================================================== */

/*    -->              CHECKOUT PAGE > COMMON > TITLES > MAIN TITLE                  
[3]   ------------------------------------------------------------- */

html.extension-module-qnec #content>h1 {
  font-size: 40px;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 41px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 50px !important;
  margin-top: 40px !important;
  width: 50%;
}

/*    -->          CHECKOUT PAGE > COMMON > TITLES > SECTION TITLES                     
[3]   ------------------------------------------------------------- */

.panel_poc-heading,
h3.poc_title,
h3.poc_title span {
  background: none !important;
  color: #000000 !important;
  font-size: 20px !important;
  line-height: normal !important;
  border: none !important;
  border-radius: 0px !important;
  padding: 0px !important;
  font-weight: bold !important;
  margin: 0px !important;
  margin-bottom: 30px !important;
}

.perfect_one_checkout_main_container>div:not(.col_3) .panel_poc-heading,
.perfect_one_checkout_main_container>div:not(.col_3) h3.poc_title,
.perfect_one_checkout_main_container>div:not(.col_3) h3.poc_title span {
  margin-bottom: 20px !important;
}

.panel_poc-heading {}

h3.poc_title:before {
  display: none !important;
}

.col_1 .panel_poc-heading {}

.col_2 .panel_poc-heading {}

.col_2 .panel_poc-heading {}

/*    -->                                                                         CHECKOUT PAGE > COMMON > FIELDS
[2]   =========================================================================================================== */

/*    -->                  CHECKOUT PAGE > COMMON > FIELDS > PARENT                            
[3]   ------------------------------------------------------------- */

.poc_form-group {
  margin-bottom: 23px !important;
}

/*    -->           CHECKOUT PAGE > COMMON > FIELDS > & PLACEHOLDER                            
[3]   ------------------------------------------------------------- */

.poc_form-control,
.floating-label {
  color: black !important;
  font-weight: 500 !important;
}

.floating-label {
  left: 10px;
}

/*    -->                   CHECKOUT PAGE > COMMON > FIELDS > INNER                          
[3]   ------------------------------------------------------------- */

.poc_form-control {
  box-shadow: none !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #dcdcdc !important;
  padding: 10px !important;
  font-size: 16px !important;
  height: 37px !important;
}

div.poc_styles .poc_form-control {
  background: transparent !important;
}

input:not(:focus).venipak-value~.floating-label,
input:not(:focus).foxpost-value~.floating-label,
input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
  top: -13px;
}

/*    -->                                                                                                                   CHECKOUT PAGE > LOGIN/REGISTER SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                        CHECKOUT PAGE > LOGIN/REGISTER SECTION > BUTTONS                        
[2]   =========================================================================================================== */

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal;
  background: none !important;
  border: none;
  border-radius: 0px !important;
  padding: 0px !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 2px solid #444c63;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn[disabled] {
  color: #000 !important;
  background: none !important;
  box-shadow: none !important;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn[disabled]:before {
  border: 6px solid #444c63;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn:not(:last-child) {
  margin-right: 30px;
}

/*    -->                                                                                                                    CHECKOUT PAGE > PERSONAL INFO SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                          CHECKOUT PAGE > PERSONAL INFO SECTION > TITLES
[2]   =========================================================================================================== */

/*    -->  CHECKOUT PAGE > PERSONAL INFO SECTION > TITLE > HIDE OVERTITLE                          
[3]   ------------------------------------------------------------- */

.panel_container.panel_addresses>.panel_poc>.panel_poc-heading {
  display: none !important;
}

/*    -->      CHECKOUT PAGE > PERSONAL INFO SECTION > TITLE > MAIN                     
[3]   ------------------------------------------------------------- */

#formBillingAddress>.differents_addresses>span,
#formDeliveryAddress>h3.poc_title>span {
  margin-bottom: 0px !important;
}

/*    -->                                                 CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS                                       
[2]   =========================================================================================================== */

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > TITLE                      
[3]   ------------------------------------------------------------- */

#formBillingAddress>h3.poc_title {
  margin-bottom: 25px !important;
}

#formBillingAddress>h3.poc_title>span {
  margin-bottom: 0px !important;
}

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > ACCEPTANCE CHECKBOX #1                        
[3]   ------------------------------------------------------------- */

#formBillingAddress>.poc_col-md-12>.poc_form-group {
  margin-bottom: 0px !important;
}

#formBillingAddress>.poc_col-md-12 label {
  margin-left: 2px !important;
}

div.poc_styles .checkbox label {
  font-size: 16px;
}

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > CUSTOMER GROUP               
[3]   ------------------------------------------------------------- */

#formBillingAddress .poc_control-label {
  font-size: 16px;
  color: black;
  margin-bottom: 10px !important;
}

.poc_form-group .radio-inline {
  padding-left: 0px !important;
  display: flex !important;
  align-items: center;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  float: left;
  font-size: 16px;
  color: black;
  margin-right: 20px;
}

.poc_form-group .radio-inline+.radio-inline {
  margin-right: 0px !important;
}

.poc_form-group .radio-inline input[type="radio"] {
  position: relative !important;
}

/*    -->                                                CHECKOUT PAGE > PERSONAL INFO SECTION > SHIPPING ADDRESS                                       
[2]   =========================================================================================================== */

#formDeliveryAddress {
  margin-top: 40px;
}

/*    -->                                                                                                                  CHECKOUT PAGE > SHIPPING METHOD SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_container.panel_shipping {
  padding-right: 50px !important;
}

.panel_container.panel_shipping .xshippingpro-desc {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

/*    -->                                                                                                                   CHECKOUT PAGE > PAYMENT METHOD SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_container.panel_payment {
  padding-left: 50px !important;
}

.panel_container.panel_payment .text>.text {
  font-weight: normal !important;
}

/*    -->                                                          CHECKOUT PAGE > PAYMENT METHOD SECTION > TITLE                                     
[2]   =========================================================================================================== */

/* .panel_container.panel_payment .panel_poc-heading{
  visibility:hidden !important;
} */

/*    -->                                                                                                                   CHECKOUT PAGE > SHOPPING CART SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_cart {
  max-width: 100% !important;
}

/*    -->                                                          CHECKOUT PAGE > SHOPPING CART SECTION > COUPON                                           
[2]   =========================================================================================================== */

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > LAYOUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .coupon {
  margin: 20px 0px !important;
}

div.panel_cart div.discount_zone div.discount_container {
  background: none !important;
}

div.panel_cart div.discount_zone div.discount_container div.icons {
  display: none;
}

.coupon .poc_input-group {
  display: flex !important;
  align-items: flex-end;
}

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > INPUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-webkit-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-moz-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control:-ms-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-ms-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::placeholder {
  color: black !important;
}

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > BUTTON                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_form-control {
  width: 447px !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_btn-success {
  border-left: 0;
  right: auto;

  display: inline-block;
  margin-left: 20px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-radius: 0px;
  background: white !important;
  border: 1px solid #e8e8e8;
  height: 50px;
  display: flex;
  align-items: center;
}

div.panel_cart div.discount_zone div.discount_container .poc_btn-success .typcn::before {
  content: "ΥΠΟΛΟΓΙΣΜΟΣ";
  display: block !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font1) !important;
  text-shadow: none;
  color: black;
  font-size: 16px;
  padding: 0px 10px;
}

/*    -->                                                    CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE                                           
[2]   =========================================================================================================== */

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > HEADER                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart thead {
  display: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > LAYOUT                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody>tr {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: white !important;
  margin: 13px 0px !important;
  padding-right: 50px;
}

div.poc_styles .poc_table-striped>tbody>tr td {
  border: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > IMAGE                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody>tr td .img-thumbnail {
  border: none;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TITLE                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody .text-left.product_name {
  width: 300px !important;
  display: flex;
  font-size: 0px;
  flex-wrap: wrap;
}

div.poc_styles .poc_table-striped>tbody .text-left.product_name small {
  font-size: 14px;
}

div.poc_styles .poc_table-striped>tbody .text-left.product_name a {
  color: #000000;
  font-family: var(--font1);
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  width: 100%;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > QUANTITY                                          
[3]   ------------------------------------------------------------- */

/* BUTTONS */

div.panel_cart table.products_info_cart td.quantity_td input.poc_form-control {
  border: 1px solid #eaeaea !important;
  font-weight: bold !important;
}

div.panel_cart table.products_info_cart td.quantity_td button {
  background: transparent !important;
  border: none !important;
}

/* STEPPER */

div.panel_cart table.products_info_cart td.quantity_td button span {
  color: black !important;
}

/* REMOVE */

div.panel_cart table.products_info_cart td.quantity_td button.remove_product span:before {
  display: none !important;
}

div.panel_cart table.products_info_cart td.quantity_td button.remove_product {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: black !important;
  box-shadow: none;
  padding: 0px;
  background-image: url("/catalog/view/theme/digital4u/stylesheet/svg/delete-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: transparent !important;
  border-radius: 0px !important;
  border: 1px solid #eaeaea !important;
  background-size: 15px 20px !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTAL #1                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart .quantity_td+td {
  display: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTAL #2                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart .quantity_td~td {
  font-weight: bold !important;
  color: black !important;
  width: 120px;
  font-size: 25px !important;
}

/*    -->                                         CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTALS                                         
[2]   =========================================================================================================== */

.panel_poc-body .totals {
  padding: 50px !important;
}

.panel_poc-body .totals td {
  vertical-align: middle !important;
}

.panel_poc-body .totals,
.panel_poc-body .totals * {
  border: none !important;
  color: black !important;
  vertical-align: sub;
  text-transform: uppercase !important;
}

.panel_poc-body .totals {
  background: white !important;
}

.panel_poc-body .totals strong {
  font-weight: normal !important;
}

.panel_poc-body .totals tr>td:last-child {
  font-weight: bold !important;
}

.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr>td:last-child>*,
.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr>td:last-child {
  font-weight: bold !important;
}

.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr:last-child * {
  font-weight: bold !important;
}

div.panel_cart div.totals table tbody tr:last-child td.total {
  font-size: 30px !important;
}

div.panel_cart table {
  border: none !important;
}

/*    -->                                                                                                    CHECKOUT PAGE > SHOPPING CART SECTION > COMMENTS                                                     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.poc_styles textarea.poc_form-control {
  height: 80px !important;
  overflow: auto !important;
  margin-top: -25px !important;
}

/*    -->                                                                                                    CHECKOUT PAGE > SHOPPING CART SECTION > CONFIRM ORDER                                                      
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.perfect_one_checkout_main_container div.panel_confirm div.panel_poc {
  box-shadow: none !important;
}

div.perfect_one_checkout_main_container a.poc_btn.confirm_order_button,
div.panel_confirm div.payment_info #button-confirm {
  color: #ffffff !important;
  background: var(--accent2) !important;
  border: none !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  height: 60px !important;
  width: 310px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  overflow: auto !important;
}

/*    -->                                                                                                                           CHECKOUT PAGE > WHEN LOGGED IN               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.panel_addresses div.panel_poc div.panel_poc-body div.delivery_address select,
div.panel_addresses div.panel_poc div.panel_poc-body div.billing_address select {
  width: 100% !important;
}

/*    -->                                                          CHECKOUT PAGE > WHEN LOGGED IN  > PERSONALS                                    
[2]   =========================================================================================================== */

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body {
  max-width: 540px !important;
  flex-direction: column !important;
  padding-right: 35px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .delivery_address label,
div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .billing_address label {
  font-size: 16px;
  color: black !important;

  color: #000000 !important;
  font-size: 20px !important;
  line-height: normal !important;
  border-radius: 0px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .billing_address label {
  margin-top: 30px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .poc_form-control {
  height: 39px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses {
  margin-bottom: -74px;
}



/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION INFORMATION PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                INFORMATION PAGE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#information-information.container>.row {
  width: 1370px;
  max-width: 100%;
  margin: 0 auto;
}

.information-information #column-left {
  width: 270px !important;
}

.information-information #content {
  width: calc(100% - 270px) !important;
}

/*    -->                                                                                                                            INFORMATION PAGE > HERO BANNER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.information_hero_banner img {
  width: 100%;
  height: auto;
}

.information_hero_banner {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/*    -->                                                                                                                               INFORMATION PAGE > SIDEBAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-information .nav-tabs {
  border-bottom: none !important;
}

.information-information .nav-tabs li:last-child {
  display: none !important;
}

.information-information .nav-tabs li a {
  padding: 10px 15px;
  width: 100% !important;
}

.information-information .nav-tabs li.current a {
  background: var(--accent1) !important;
  font-weight: bold !important;
  color: white !important;
  pointer-events: none;
}

.information-information .nav-tabs li a {
  color: #000000 !important;
  font-size: 15px !important;
  transition: all 0.2s;
  /* white-space: nowrap !important; */
  border-radius: 0px;
  border: none !important;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.information-information .nav-tabs li:not(.current) a:hover {
  /* font-weight: bold; */
  padding-left: 20px;
}

/*    -->                                                                                                                         INFORMATION PAGE > FAQ ACCORDION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-information .accordion-group {
  margin-bottom: 3px;
}

.information-information .accordion-heading .accordion-toggle {
  background: #eeeeee;
  border: 1px solid #ddd;
  color: #333;
  padding: 10px 20px;
  display: block;
  transition: border 0.15s ease-in-out;
  border: none !important;
  min-height: 50px !important;
  display: flex;
  align-items: center;
}

.information-information .accordion-heading .accordion-toggle[aria-expanded="true"] {
  border: 1px solid #46423d;
  border-color: var(--accent2);
  background: var(--accent2);
  color: white;
}

.information-information .accordion-inner {
  background: transparent;
  padding: 20px;
}

/* .information-information div#accordion2 {
  margin: 100px auto;
} */

/*    -->                                                                                                                               INFORMATION PAGE > CONTENT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-information .section_title {
  margin-top: 60px;
}

.information-information #content * {
  font-size: 15px !important;
  line-height: 27px !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION BLOG CENTRAL
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               BLOG CENTRAL > BREADCRUMBS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blogs .breadcrumb {
  display: none !important;
}

/*    -->                                                                                                                                    BLOG CENTRAL > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blogs aside {
  display: none;
}

.extension-tmd-blogs body>.container {
  padding: 0px !important;
}

.extension-tmd-blogs #content {
  width: calc(100vw - 100px) !important;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: -235px;
}

.extension-tmd-blogs #content>h3,
.extension-tmd-blogs #content>hr {
  display: none;
}

.extension-tmd-blogs #latestpost .row {
  width: 100% !important;
}

.extension-tmd-blogs #content .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start;
}

.extension-tmd-blogs #content .row>div {
  width: 25% !important;
  min-width: 25% !important;
  float: none !important;
  clear: none !important;
}

#latestpost .row,
.extension-tmd-blogs #content .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*    -->                                                                                                                                    BLOG CENTRAL > TITLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blogs #content .section_title {
  margin-bottom: 60px !important;
}

.extension-tmd-blogs #content .section_title * {
  color: white;
}

/*    -->                                                                                                                                BLOG CENTRAL > PAGINATION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blogs #content .row:last-child {
  display: flex !important;
  flex-direction: column !important;
  align-content: center !important;
  width: 100% !important;
}

.extension-tmd-blogs #content .row:last-child>div {
  width: 100% !important;
  text-align: center !important;
}

#latestpost .pagination li span,
#latestpost .pagination li a {
  color: black !important;
  border: none;
}

#latestpost .pagination li.active span {
  font-weight: bold !important;
  border-bottom: 2px solid var(--accent1);
  background: none;
}

#latestpost .pagination li {
  border-bottom: 2px solid white !important;
}

/*    -->                                                                                                                                      BLOG CENTRAL > GRID
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#latestpost .product-thumb {
  padding-bottom: 0px !important;
  margin-bottom: 30px !important;
}

.extension-tmd-blogs #latestpost {
  padding: 0px 0px !important;
}

#blog-category #content>.row:before,
#blog-category #content>.row:after {
  display: none !important;
}

#blog-category #content>.row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#blog-category #content>.row>div {
  width: 100%
}

/*    -->                                                                             BLOG CENTRAL > GRID > IMAGE                  
[2]   =========================================================================================================== */

#latestpost .product-thumb .image.listimg {
  padding: 0px !important;
  margin: 0px !important;
}

#latestpost .product-thumb .image img {
  width: 100% !important;
}

#latestpost .product-thumb .image {
  order: -1 !important;
}

/*    -->                                                                             BLOG CENTRAL > GRID > INFOS                  
[2]   =========================================================================================================== */

/*    -->                              BLOG CENTRAL > GRID > LAYOUT          
[3]   ------------------------------------------------------------- */

#latestpost .product-thumb .caption {
  padding: 15px !important;
  padding-top: 0px !important;
  min-height: unset !important;
  margin-top: 0px !important;
}

#latestblog .caption,
#blog-category .caption {
  margin-top: 0px;
}

#latestblog .caption,
#blog-category .caption {
  padding: 10px 15px 20px 15px !important;
  width: 100% !important;
}

#latestpost .product-thumb .caption br {
  display: none !important;
}

#latestpost .product-thumb {
  display: flex !important;
  flex-direction: column !important;
}

/*    -->                               BLOG CENTRAL > GRID > TITLE             
[3]   ------------------------------------------------------------- */

.extension-tmd-blogs .product-thumb .caption h4 {
  color: #000000 !important;
  font-size: 25px !important;
  font-weight: bold !important;
  line-height: normal !important;
  margin: 3px 0px 0px 0px !important;
}

/*    -->                               BLOG CENTRAL > GRID > DATE             
[3]   ------------------------------------------------------------- */

.extension-tmd-blogs .product-thumb .datebox {
  position: relative !important;
  border-radius: 0px !important;
  width: 100% !important;
  background: none !important;
  color: black !important;
  font-size: 14px !important;
  margin: 0px !important;
  padding: 0px !important;
  left: 0px !important;
  text-align: left !important;
  z-index: unset !important;
  padding: 16px !important;
  padding-bottom: 0px !important;
}

.extension-tmd-blogs .product-thumb .datebox i {
  font-style: normal;
}

.extension-tmd-blogs .product-thumb .datebox hr,
.extension-tmd-blogs .product-thumb .datebox hr+* {
  display: none !important;
}

/*    -->                           BLOG CENTRAL > GRID > READ MORE             
[3]   ------------------------------------------------------------- */

.extension-tmd-blogs .product-thumb .padd {}

.extension-tmd-blogs .product-thumb .padd .btnread {
  color: #fff !important;
  letter-spacing: unset !important;
  font-size: unset !important;
  line-height: unset !important;
  padding: unset !important;
  text-transform: unset !important;
  border-radius: unset !important;
  background: unset !important;
  margin: unset !important;

  text-align: left;
  width: 100%;
  margin-top: 15px !important;
}

.extension-tmd-blogs .product-thumb .padd .btnread a {
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  margin-top: 3px;
}

.extension-tmd-blogs .product-thumb:hover .padd .btnread a {
  opacity: 1;
  visibility: visible;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION BLOG SINGLE  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.extension-tmd-blog {
  --blogImageWidth: 670px;
}



/*    -->                                                                                                                                     BLOG SINGLE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#blog .main-content {
  gap: 20px;
}

/*    -->                                                                          BLOG SINGLE > LAYOUT > SIDEBAR             
[2]   =========================================================================================================== */

.extension-tmd-blog aside {
  display: none;
}

/*    -->                                                                          BLOG SINGLE > LAYOUT > CONTENT          
[2]   =========================================================================================================== */

.extension-tmd-blog #content {
  width: 100%;
}

.extension-tmd-blog .main_section {
  display: flex;
  width: 100%;
  max-width: var(--maxContainerWidth);
  margin: 0 auto;
  margin-top: -250px !important;
}

/*    -->                                                                                                                                BLOG SINGLE > INTRO SPACE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .intro_section {
  height: 420px;
  background: #414141;
  width: 100vw;
  display: block;
}

/*    -->                                                                                                                              BLOG SINGLE > IMAGE SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .image_section {
  width: var(--blogImageWidth);
}

/*    -->                                                                                                                               BLOG SINGLE > INFO SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .info_section {
  width: calc(100% - var(--blogImageWidth));
  padding-left: 30px;
}

/*    -->                                                                    BLOG SINGLE > INFO SECTION > HEADING                     
[2]   =========================================================================================================== */

.extension-tmd-blog .info_section .blog_item_heading {
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.extension-tmd-blog .info_section .blog_item_heading * {
  color: white !important;
}

.extension-tmd-blog .info_section .blog_item_heading .blog_item_date_added {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 3px;
}

.extension-tmd-blog .info_section .blog_item_heading h1 {
  margin: 0px !important;
  font-size: 40px;
  font-weight: bold;
  line-height: normal !important;
}

/*    -->                                                                       BLOG SINGLE > INFO SECTION > TEXT
[2]   =========================================================================================================== */

.extension-tmd-blog .blog_item_description {
  font-size: 15px;
  line-height: 27px;
  text-align: left;
}

/*    -->                                                                                                                          BLOG SINGLE > NAVIGATION & SHARE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.navigation_and_socials {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 13px;
  margin-top: 70px !important;
  width: 100%;
  max-width: var(--maxContainerWidth);
  margin: 0 auto;
  align-items: center;
}

.navigation_and_socials .share_module_container {
  right: 0px !important;
  left: unset !important;
}

.navigation_and_socials .ss-btn {
  padding: 12px 12px;
  width: 40px;
  height: 40px;
}

.navigation_and_socials .ss-box::after {
  right: 25px !important;
  left: unset !important;
}

/*    -->                                                           BLOG SINGLE > NAVIGATION & SHARE > NAVIGATION                                                 
[2]   =========================================================================================================== */

.navigation_and_socials .blog_item_back_to_list {
  text-transform: uppercase;
  color: black !important;
  font-size: 15px;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: normal;
}

.navigation_and_socials .blog_item_back_to_list::before {
  content: "\f104" !important;
  font-family: FontAwesome;
  margin-right: 17px;
  font-size: 30px;
  color: black;
  margin-top: -2px;
}

/*    -->                                                               BLOG SINGLE > NAVIGATION & SHARE > SHARE                                                 
[2]   =========================================================================================================== */

.navigation_and_socials .title {
  font-size: 15px;
}

/*    -->                                                                                                                             BLOG SINGLE > BOTTOM SECTION                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .bottom_section {
  width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
}

/*    -->                                                                                                                           BLOG SINGLE > RELATED ARTICLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .relatedb {
  margin-top: 72px;
}

.extension-tmd-blog #relatedblog .swiper-wrapper {
  height: auto;
}

.extension-tmd-blog #relatedblog .caption p,
.extension-tmd-blog #relatedblog .caption .icons1 .share {
  display: none !important;
}

.extension-tmd-blog #relatedblog a.view_more {
  margin-top: 10px !important;
}

/*    -->                                                                                                                           BLOG SINGLE > RELATED PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blog .related_products {
  width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 72px !important;
}

.extension-tmd-blog #blogrelated .swiper-wrapper {
  height: auto;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION REST OF PAGES 
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               REST OF PAGES > CONTAINERS             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.well {
  box-shadow: none !important;
}

/*    -->                                                                                                                                    REST OF PAGES > FONTS             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container>.row *:not(legend):not(.gp_phone_orders),
html.information-contact body>.container>.row *:not(legend):not(.gp_phone_orders) {
  color: black !important;
  font-size: 15px;
  border-radius: 0px !important;
}

/*    -->                                                                                                                               REST OF PAGES > MAIN TITLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content>h1,
html.information-contact body>.container #content>h1 {
  font-size: 40px !important;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* 
html[class*="account"] body > .container #content > h1:before,
html.information-contact body > .container #content > h1:before {
  content: "SURVIVAL";
  font-size: 15px !important;
  letter-spacing: 1px !important;
  line-height: 15px !important;
  margin-bottom: 5px;
  font-weight: normal !important;
  font-family: var(--font1) !important;
} */

/*    -->                                                                                                                          REST OF PAGES > SECONDARY TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content>H2,
html[class*="account"] body>.container #content legend,
html.information-contact body>.container #content legend {
  background: #f2f2f2;
  border: none;
  color: black;
  /* font-weight: bold; */
  text-transform: uppercase;
  padding: 14px 20px;
  margin-top: 30px;
  min-height: 50px;
  display: flex;
  font-size: 18px !important;
  align-items: center;
}

/*    -->                                                                                                                                    REST OF PAGES > FORMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                  REST OF PAGES > FORMS > INPUTS FIELDS                                 
[2]   =========================================================================================================== */

html[class*="account"] #content form label+div>*,
html.information-contact #content form label+div>* {
  border-radius: 0px !important;
  outline: none !important;
  border-color: #ddd !important;
  box-shadow: none !important;
}

html[class*="account"] #content form label+div>*:not(textarea),
html[class*="account"] #content .form-group input:not([type="radio"]),
html.information-contact #content form label+div>*:not(textarea) {
  height: 45px;
}

.form-control:focus {
  border-color: inherit !important;
  outline: 0;
  box-shadow: none !important;
}

/*    -->                                                                                                                             REST OF PAGES > CONTENT LIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content .list-unstyled {
  padding-top: 2px !important;
}

html[class*="account"] body>.container #content .list-unstyled li {
  margin: 7px 0px;
}

/*    -->                                                                                                                             REST OF PAGES > SIDEBAR LIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* html[class*="account"] body > .container #column-right{
  margin-top: 30px !important;
} */

html[class*="account"] body>.container #column-right .list-group-item {
  padding: 13px 17px;
  transition: all 0.12s;
  text-shadow: none !important;
}

html[class*="account"] body>.container #column-right .list-group-item:hover {
  background: var(--accent1) !important;
  color: white !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CONTACT PAGE  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*                                                                                                                                            CONTACT PAGE
[1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.information-contact #content>.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 50px !important;
}

html.information-contact #content>h3 {
  display: none !important;
}

.gp_phone_orders,
html.information-contact body>.container #content legend {
  text-align: center !important;
  /* background: #eee; */
  display: block !important;
  color: white !important;
  /* padding: 2px 0px; */
  /* font-size: 25px; */
  /* margin-top: 20px !important; */
  margin-bottom: 50px !important;
  /* font-weight: bold !important; */
  width: 100% !important;
  /* padding: 10px; */
  /* box-sizing: content-box; */
  /* padding-right: 13px !important; */
  /* padding: 0px 10px; */
  /* background: var(--accent1) !important; */
  padding: 20px !important;
  font-size: 22px !important;
  /* font-family: var(--font2) !important; */
  /* font-weight: bold; */
  line-height: 1 !important;
  margin-top: -13px;
  background: #121212;
  font-weight: normal !important;
}

html.information-contact body>.container #content legend {}

html.information-contact #content>.row>.gp_phone_orders {
  margin-bottom: 40px !important;
}

html.information-contact h2.secondary-title {
  display: none;
}

html.information-contact .journal-cms-block-35 .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

html.information-contact fieldset h2.secondary-title {
  display: block !important;
  font-size: 22px;
}

html.information-contact .store {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 10px;
}

html.information-contact .store iframe {
  height: 320px;
  border: 1px solid #e4e4e4;
}

.contact_title,
.contact_information {
  /* border: 1px solid #e4e4e4; */
  background: #eee;
}

.contact_title {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  /* color: #2c6873; */
  color: black;
  font-size: 20px;
  padding: 6px 0px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px !important;
}

.contact_information {
  width: 100%;
  padding: 10px 0px;
  color: #3c3c3c;
  font-size: 15px;
  margin-top: 15px;
  min-height: 397px;
}

.contact_information table tr td {
  padding: 10px 10px;
  line-height: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.contact_information table tr td:first-child {
  font-weight: bold;
  padding-left: 0px;
  text-align: right;
  padding-right: 20px;
}

.contact_information table tr td:last-child {
  padding-right: 0px;
  padding-left: 10px;
}

.contact_information table {
  margin: 0 auto;
}

html.information-contact body>.container #content form {
  margin-top: 10px;
}

html.information-contact body>.container .buttons .btn-primary {
  padding: 17px 35px;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  color: black;
  border: 1px solid black;
  text-shadow: none !important;
}

html.information-contact body>.container .buttons .btn-primary:hover {
  background: var(--accent1) !important;
}

html.information-contact #content form .text-danger {
  display: flex;
  background: pink;
  padding: 10px 15px;
  align-items: center;
}

@media (max-width: 1195px) {
  html.information-contact .journal-cms-block-35 .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .store {
    width: 100% !important;
    padding: 0px !important;
    margin-bottom: 20px;
  }

  .contact_information {
    width: calc(50% - 10px);
    float: left;
    margin-top: 0px;
    min-height: 321px;
  }

  .google-map {
    width: 50%;
    float: right;
  }
}

@media (max-width: 755px) {
  .contact_information {
    width: 100%;
    float: none;
    margin-top: 0px;
    min-height: 221px;
  }

  .google-map {
    width: 100%;
    float: none;
  }
}

@media (max-width: 325px) {
  .contact_information table tr td {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding-left: 10px !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION GDPR PAGE  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                       GDPR PAGE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.extension-module-isenselabs_gdpr #content>h2 {
  background: #f2f2f2;
  border: none;
  color: black;
  font-weight: bold;
  padding: 14px 20px;
  margin-top: 30px;
  min-height: 50px;
  display: flex;
  font-size: 18px !important;
  align-items: center;
  text-transform: uppercase;
}

html.extension-module-isenselabs_gdpr #content li a {
  padding: 10px 15px;
  display: inline-block;
  margin: 2px 0;
  border: 1px solid #ccc;
  color: black;
  transition: all 0.12s;
}

html.extension-module-isenselabs_gdpr #content li a:hover {
  border-color: black;
  background: var(--accent1);
  color: white;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION MAINTENANCE PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                MAINTENANCE PAGE > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-maintenance {
  min-height: 500px !important;
  /* display: none !Important; */
  display: flex;
  justify-content: center;
  align-items: center;
}

#common-maintenance h1 {
  font-size: 30px;
  line-height: normal;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION THANK YOU PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.checkout-success #content h1 {
  display: none
}

.checkout-success .breadcrumb {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
}

.checkout-success .ty_body {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  margin-top: 50px;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px 120px;
  align-items: center;
  /* 	grid-template-columns: repeat(2, minmax(0, 1fr)); */
}

.checkout-success>div {
  max-width: 100%;
  max-width: 100%;
}


.checkout-success .ty_body>.ty_right {
  width: 525px;
  width: 100% !important;
  min-width: 100% !important;
  text-align: center;
}

.checkout-success .ty_body>.ty_right .ty_title {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 30px;
}

.checkout-success .ty_text {
  font-size: 16px;
  line-height: 24px !important;
  font-weight: 500;
}


.checkout-success .ty_button {
  background: #284e36 !important;
  color: white !important;
  border: none !important;
  width: 283px !important;
  max-width: 100% !important;
  margin-top: 40px;
  margin-inline: auto;
  padding: 0px;
  height: 55px;
  background: #0D0D0D !important;
  float: none;
  clear: both;
  display: block;
}

.checkout-success .buttons {
  display: none !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > DEV
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                RESPONSIVE > DEV > HEADER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* #header_logo_section {
	border: 1px solid green;
}

#header_menu_section {
	border: 1px solid red;
}

#header_icons_section {
	border: 1px solid blue;
} */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > GENERIC  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                    RESPONSIVE > GENERIC > FLAGS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.mobile {
  display: none;
}

.desktop {
  display: unset;
}

@media (max-width: 768px) {
  .mobile {
    display: unset;
  }

  .desktop {
    display: none;
  }
}

/*    -->                                                                                                                    RESPONSIVE > GENERIC > SECTION TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {

  /* #common-home .module_product_tabs .section_title {
    margin-bottom: 35px;
  } */
  .section_title>div:last-child {
    font-size: 30px;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     RESPONSIVE > HEADER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             RESPONSIVE > HEADER > LAYOUT
[2]   =========================================================================================================== */

@media(max-width: 1100px) {

  header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  header> :is(.top-header, .bottom-header) {
    height: 60px !important;
    padding-block: 10px !important;
  }

  header .top-header {
    width: calc(100% - 60px);
    display: flex !important;
    align-items: center !important;
  }

  header .top-header>.row {
    gap: 10px;
    justify-content: flex-start !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  header .top-header>.row>div {
    width: fit-content !important;
    min-width: unset !important;
  }

  header .top-header>.row>div.icons-cont.left_side {
    order: 99 !important;
    margin-left: auto
  }

  header .top-header>.row>div.icons-cont.right_side {
    order: 100 !important;
    margin-left: 0px
  }

  header .top-header>.row>div.logo-cont #logo {
    margin: 0px;
  }

  header .top-header>.row>div.logo-cont img {
    width: 150px !important;
  }

  header .top-header>.row>div.icons-cont.right_side {
    margin-right: 0px !important;
  }

  header .icons-cont>.list-inline #search-toggle .text_under_icon {
    transform: translateY(1px);
    margin-right: 10px !important;
  }

  header .bottom-header {
    width: 60px;
    order: -1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header .bottom-header #menu .btn-navbar {
    height: 40px;
    width: 50px !important;
  }

}

@media(max-width: 550px) {
  header .top-header>.row>div.icons-cont .text_under_icon {
    display: none
  }

  header .icons-cont>.list-inline #search-toggle .text_under_icon {
    margin-right: 0px !important;
  }

  header .top-header>.row>div.icons-cont>ul {
    gap: 8px
  }
}

header .mobile_inner_navigation .list-inline {
  display: none
}

/*    -->                                                                             RESPONSIVE > HEADER > LOGO
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  header .row>.col-sm-2 {
    width: 138px;
  }

  header .row>.col-sm-3 {
    width: calc(100% - 138px);
  }
}

@media (max-width: 400px) {
  header .row>.col-sm-2 {
    width: 110px;
    padding: 0px !important;
  }

  header .row>.col-sm-3 {
    width: calc(100% - 110px);
  }
}

/*    -->                                                                           RESPONSIVE > HEADER > SEARCH
[2]   =========================================================================================================== */

@media (max-width: 990px) {
  .live-search ul li .product-name {
    font-size: 13px !important;
    line-height: normal !important;
    margin-top: 0px !important;
  }

  .live-search ul li a {
    display: flex !important;
    align-items: center !important;
  }

  .live-search ul li .product-price {
    margin-top: 0px !important;
  }

  .live-search ul li .product-price>span {
    line-height: normal !important;
  }

  .live-search .product-price>.special {
    margin-top: 0px !important;
  }
}

@media (max-width: 768px) {
  header .row>.col-sm-6 #search .input-lg {
    height: 30px !important;
    line-height: 30px !important;
    color: white;
    border: none !important;
  }

  #search .btn.btn-default.btn-lg {
    line-height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-filter: invert(100);
    filter: invert(100);
  }

  #search .btn.btn-default.btn-lg .search-path {
    stroke: white !important;
  }
}

/*    -->                                                                            RESPONSIVE > HEADER > ICONS
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  header .row>.col-sm-3 .list-inline img.hd-icons {
    margin-top: 4px;
    margin-bottom: 1px;
  }
}

/*    -->                                                                             RESPONSIVE > HEADER > MENU
[2]   =========================================================================================================== */

/* menu mobile */

@media (max-width: 1100px) {
  body {
    --burgerInnerNavigationHeight: 70px;
    --burgerMenuWidth: 380px;
  }

  #menu #category {
    display: none !important;
  }

  #menu .btn-navbar {
    height: 50px !important;
    width: 100%;
    font-size: 26px !important;
    justify-content: center !important;
    align-items: center;
    display: flex;
    width: 100%;
  }
}

@media (max-width: 415px) {
  body {
    --burgerMenuWidth: calc(100vw);
  }
}

.burger_menu_enabled,
.search_enabled {
  overflow: hidden;
}

.burger_menu_enabled body::before,
.search_enabled body::before {
  opacity: 1 !important;
  visibility: visible !important;
  width: 100%;
  left: 0px !important;
}

.mobile_parent_link,
.mobile_inner_navigation,
.mobile_extra_links {
  display: none !important;
}

@media (max-width: 1100px) {

  .mobile_parent_link,
  .mobile_extra_links {
    display: block !important;
  }

  .mobile_inner_navigation {
    display: flex !important;
  }
}

@media (max-width: 1100px) {
  #menu>.navbar-collapse {
    background: #d8d8d8;
    top: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: var(--burgerMenuWidth) !important;
    height: 100vh !important;
    min-height: 100% !important;
    display: block !important;
    transition: all 0.4s;
    transform: translateX(-100%);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 150;
    overflow: hidden !important;
  }

  #menu>.navbar-collapse[aria-expanded="true"] {
    transform: translateX(0px);
  }

  #menu .mg-menu-cont {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    padding: 0px;
  }

  #menu .mg-menu-cont h3 {
    margin-top: 15px;
  }

  #menu>.navbar-collapse .navbar-nav {
    margin-top: 0;
  }

  #menu>.navbar-collapse .navbar-nav,
  #menu .mobile_extra_links {
    padding: 3px 20px !important;
    display: block;
    width: 100%;
  }
}

@media (max-width: 1100px) {
  /*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION
  [3]   ------------------------------------------------------------- */

  .mobile_inner_navigation {
    height: var(--burgerInnerNavigationHeight) !important;
    min-height: var(--burgerInnerNavigationHeight) !important;
    max-height: var(--burgerInnerNavigationHeight) !important;
    background: var(--accent2);
    width: 100%;

    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > ALL BUTTONS */

  .mobile_inner_navigation>div {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .mobile_inner_navigation>div>svg {
    fill: white;
    height: 20px;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > LANGUAGE BUTTON */

  #header_icons_section #language_selection {
    display: none !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection {
    flex-direction: row !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection>button {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection>button:first-child {
    border-right: 1px solid white;
    border-bottom: none !important;
    margin-right: 8px;
    padding-right: 8px;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > BACK BUTTON */

  .mobile_inner_navigation>div.back_button {
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
  }

  .mobile_inner_navigation>div.back_button svg {
    height: 30px;
  }

  #menu.first_level_active .mobile_inner_navigation>div.back_button {
    visibility: visible;
    opacity: 1;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > CLOSE BUTTON */

  .mobile_inner_navigation>div.close_button span {
    color: white;
    font-size: 11px;
    margin-top: 6px;
    line-height: 1;
  }

  /*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU
  [3]   ------------------------------------------------------------- */

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */

  #menu .navbar-collapse {
    display: flex !important;
    flex-direction: column !important;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */

  #menu .nav.navbar-nav>li.dropdown {
    position: static;
  }

  #menu .nav.navbar-nav>li>a {
    height: auto;
    display: block;
    text-align: left;
    font-size: 18px !important;
    font-weight: normal;
    padding: 15px 0px;
    line-height: normal;
    background: transparent !important;
  }

  #menu .nav>li>a:hover,
  #menu .nav>li.open>a,
  #menu .nav.navbar-nav>li:hover {
    background: none !important;
    border: none !important;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > EXTRA LINKS */

  .mobile_extra_links>div {
    border-top: 1px solid #494949;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .mobile_extra_links a {
    color: white;
    display: block;
    padding: 7px 0px;
    line-height: normal;
  }

  .mobile_extra_links a:last-child {
    padding-bottom: 0px !important;
  }

  /*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS
  [3]   ------------------------------------------------------------- */

  /*  --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS > CONTENT */

  #menu .nav.navbar-nav>li.dropdown>.mega-menu,
  #menu .mg-menu-cont .mg-menu-item-children-list {
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    overflow: auto;
    left: 0px;
    z-index: 2;
    padding: 0px;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu,
  #menu .mg-menu-cont .mg-menu-item-children-list {
    transform: translateX(-100%);
  }

  #menu.first_level_active li.dropdown.enabled>.mega-menu,
  #menu.second_level_active .mg-menu-cont.enabled>.mg-menu-item-children-list {
    transform: translateX(0px);
  }

  /*  --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS  > PARENT LINK */

  #menu .mobile_parent_link {
    font-size: 18px !important;
    line-height: normal !important;
    padding: 16px 20px 15px !important;
    background: var(--accent2) !important;
    color: white !important;
    text-transform: uppercase !important;
    text-align: center !important;
    position: relative !important;

    width: var(--burgerMenuWidth) !important;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  #menu .mobile_parent_link:before {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    position: absolute;
    top: 0px;
    background: #fff;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #1
[3]   ------------------------------------------------------------- */

@media (max-width: 1100px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    padding-top: 0 !important;
    background: #e3ede4;
    top: var(--burgerInnerNavigationHeight);
    border: none !important;
    height: calc(100vh - var(--burgerInnerNavigationHeight));
    overflow-x: hidden;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu .dropdown-inner {
    padding: 0px;
  }

  #menu .mg-menu-cont>.mg-menu-item-title>a {
    background: none !important;
  }

  #menu .mg-menu-cont:not(:last-child)>.mg-menu-item-title a {
    padding-bottom: 0px !important;
    display: block !important;
  }

  #menu .mg-menu-cont>.mg-menu-item-title>a>span {
    color: black !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 10px 0px;
    line-height: 1 !important;
    margin: 0px !important;
  }


}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #2                                            
[3]   ------------------------------------------------------------- */

@media (max-width: 1100px) {
  #menu .mg-menu-cont .mg-menu-item-children-list .mobile_parent_link {
    margin-bottom: 10px;
  }

  .container.main-menu .navbar-toggle {
    margin: 0;
    box-shadow: unset;
    background: unset !important;
    background-image: unset !important;
    border-color: unset !important;
    border: unset !important;
  }

  #menu #category {
    padding-left: 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
  }

  #menu {
    min-height: 30px;
  }

  #menu .nav.navbar-nav {
    display: unset;
    padding-top: 20px !important;
  }

  #menu .nav>li>a {
    padding-left: unset;
  }

  #menu .mg-menu-cont .mg-menu-item-children-list {
    background: #e3ede4;
    top: 0px;
    z-index: 3;
    padding: 0px 20px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: calc(100vh - var(--burgerInnerNavigationHeight)) !important;
  }

  #menu .mg-menu-cont .mg-menu-item-children-list>div a {
    padding: 10px 0px !important;
    display: block !important;
    color: black !important;
    font-size: 16px !important;
    font-weight: normal !important;
    background: none !important;
  }
}

/*    -->                                                                              RESPONSIVE > HEADER > CART              
[2]   =========================================================================================================== */

@media (max-width: 635px) {
  body {
    --minicart-width: 100vw !important;
  }

  #cart .dropdown-menu>li.bottom-section {
    height: auto !important;
  }

  /* li.bottom-section > div.container{
    width: 280px !important;
  } */

  #cart .dropdown-menu {
    padding: 20px 0px;
  }

  #cart .dropdown-menu .product-info a {
    font-size: 14px;
    line-height: normal;
  }

  .minicart_intro .subtitle {
    font-size: 25px !important;
    line-height: normal !important;
  }

  #cart .dropdown-menu .product-info .product-options .option-name,
  #cart .dropdown-menu .product-info .product-options .option-value {
    font-size: 12px;
  }

  #cart .dropdown-menu .table-products {
    padding: 0px !important;
  }

  #cart .dropdown-menu>li.top-section .minicart_content {
    max-height: calc(100vh - 310px);
    overflow: auto;
  }

  #cart .dropdown-menu .cart-footer>a {
    height: 45px !important;
  }

  #cart .dropdown-menu .product-thumb {
    padding: 0px;
    width: 100px;
    height: 100px;
  }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                             RESPONSIVE > FOOTER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1500px) {
  footer>.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1300px) {
  footer {
    background-image: none !important;
  }

  footer .links-row {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    row-gap: 20px;
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: 2 / 4;
  }
}

@media (max-width: 768px) {
  footer .links-row {
    grid-template-columns: repeat(2, 50%);
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: 1 / 3;
  }
}

@media (max-width: 550px) {
  footer .links-row {
    grid-template-columns: repeat(1, 100%);
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: unset;
  }

  footer .footer-column:nth-child(2) h5 {
    display: none !important;
  }

  footer .newsletter_section,
  footer .socials_section {
    padding: 0px 10px;
  }
}

/*    -->                                                                                                                         RESPONSIVE > FOOTER > BACK TO TOP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                              RESPONSIVE > FOOTER > BACK TO TOP > LAYOUT                      
[2]   =========================================================================================================== */

footer {
  position: relative !important;
  z-index: 1;
}

#back_to_top {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 6;
  font-size: 16px;
  /* font-weight: bold; */
  cursor: pointer;
}

#back_to_top:before {
  content: "\f106" !important;
  font-family: FontAwesome;
  font-size: 30px;
  color: var(--accent2);
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 100%;
}

/*    -->                                                              RESPONSIVE > FOOTER > BACK TO TOP > SWITCH                      
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #back_to_top {
    display: block !important;
  }
}

/*    -->                                                                                                                          RESPONSIVE > FOOTER > ACCORDION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 550px) {
  footer .footer-column:not(.newsletter_socials_column) h5 {
    border-bottom: 1px solid white;
    padding: 10px;
    margin-bottom: 0px !important;
    display: flex;
    justify-content: space-between;
  }

  footer .footer-column:not(.newsletter_socials_column) h5:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    color: white;
  }

  footer .footer-column:not(.newsletter_socials_column).enabled h5:after {
    transform: rotateX(180deg);
  }

  footer .footer-column:not(.newsletter_socials_column) h5+*,
  footer .footer-column:nth-child(2) {
    display: none !important;
  }

  footer .footer-column:nth-child(2).enabled,
  footer .footer-column:not(.newsletter_socials_column).enabled h5+* {
    display: block !important;
  }

  footer .footer-column:nth-child(2) {
    margin-top: -25px;
  }

  footer .footer-column:not(.newsletter_socials_column) h5+* {
    padding: 10px 10px !important;
    display: block;
  }

  footer .footer-column.newsletter_socials_column {
    margin-top: 10px;
  }
}

/*    -->                                                                                                                 RESPONSIVE > FOOTER > NEWSLETTER SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1300px) {
  footer .newsletter_section .news-form {
    margin-left: 0px;
  }
}

/*    -->                                                                                                                         RESPONSIVE > FOOTER > BOTTOM BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 650px) {
  .powered_by {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .payments-row {
    display: grid;
    padding: 7px;
    width: 100vw !important;
    margin-left: 50%;
    transform: translateX(-50%);
    height: auto;
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: repeat(2, 50%);
    text-align: center;
    place-items: center;
  }

  .payments-row>div {
    grid-column: 1/6;
    margin-right: 20px;
  }
}

/*
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ||||| --> RESPONSIVE > HOME
 VVV
 VVV
 VVV
 VVV
 VVV
 VVV
 VVV
 */

/*    -->                                                                                                                           RESPONSIVE > HOME > SLIDESHOW                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                  RESPONSIVE > HOME > SLIDESHOW > SWITCH   
[2]   =========================================================================================================== */

#common-home #slideshow1,
.swiper-pagination.slideshow1 {
  display: none;
}

/* #common-home #slideshow0 {
  margin-bottom: -7px;
} */

@media (max-width: 550px) {

  #common-home #slideshow1,
  .swiper-pagination.slideshow1 {
    display: block;
  }

  #common-home #slideshow0,
  .swiper-pagination.slideshow0 {
    display: none;
  }
}

/*    -->                                                                                                                    RESPONSIVE > HOME > CATEGORY CAROUSEL                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* @media (max-width: 1330px) {
  #common-home .carousel0_container .swiper-pager {
    right: 12%;
  }
}

@media (max-width: 1150px) {
  #common-home .carousel0_container .swiper-pager {
    right: 9%;
  }
} */

@media (max-width: 768px) {
  #common-home .carousel0_container .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                                                                                        RESPONSIVE > HOME > TABS CAROUSEL                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                  ESPONSIVE > HOME > TABS CAROUSEL > LAYOUT       
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .module_product_tabs {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  #common-home .module_product_tabs .swiper-wrapper {
    margin-bottom: 0px;
  }
}

/*    -->                                                           RESPONSIVE > HOME > TABS CAROUSEL > VIEW MORE     
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .module_product_tabs .view_more {
    position: relative;
    margin-top: 0px;
    top: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
  }
}

/*    -->                 RESPONSIVE > HOME > TABS CAROUSEL > PAGER                                     
[3]   ------------------------------------------------------------- */

@media (max-width: 991px) {
  #common-home .module_product_tabs .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                                                                                       RESPONSIVE > HOME > NEW COLLECTION               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                             RESPONSIVE > HOME > NEW COLLECTION > LAYOUT                                
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .module_product_tabs+.swiper-viewport {
    width: 50% !important;
  }

  #common-home .new_collection {
    width: 50% !important;
    margin-left: 0px !important;
  }

  #common-home .new_collection .swiper-container {
    padding: 0px 20px;
  }
}

@media (max-width: 991px) {
  #common-home .new_collection {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}

/*    -->                                                             RESPONSIVE > HOME > NEW COLLECTION > TITLE                                
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .new_collection .section_title {
    padding-left: 30px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 991px) {
  #common-home .new_collection .section_title {
    padding-left: 20px !important;
  }
}

/*    -->                                                             RESPONSIVE > HOME > NEW COLLECTION > PAGER                                
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .new_collection .swiper-pager {
    left: 0px;
    width: 100%;
    top: 50%;
    line-height: unset;
    right: unset;
    transform: none;
  }
}

@media (max-width: 768px) {
  #common-home .new_collection .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                           RESPONSIVE > HOME > NEW COLLECTION > VIEW ALL                            
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .new_collection .view_more {
    width: 100%;
    margin: 10px auto;
  }
}

/*    -->                                                                                                                     RESPONSIVE > HOME > HOTSPOT SECTIONS            
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1800px) {
  #common-home .hotspot_wrapper .info_img {
    display: none !important;
  }

  #common-home .hotspot_wrapper>div[class*="hotspot_info_container"] {
    align-items: center;
    display: flex;
    padding: 40px;
  }
}

@media (max-width: 1100px) {
  #common-home .hotspot_wrapper {
    flex-direction: column-reverse !important;
  }

  #common-home .hotspot_wrapper>div {
    width: 100% !important;
  }

  #common-home .hotspot_wrapper.banner_on_right {
    flex-direction: column !important;
  }

  #common-home .hotspot_wrapper.banner_on_right>div[class*="hotspot_info_container"] {
    padding-top: 0px !important;
  }

  #common-home .hotspot_wrapper>div[class*="hotspot_info_container"] {
    padding: 100px 20px 40px;
  }
}

@media (max-width: 768px) {
  #common-home .hotspot_wrapper .home_hotspot_desktop {
    display: none !important;
  }

  #common-home .hotspot_wrapper .home_hotspot_mobile {
    display: block !important;
  }
}

/*    -->                                                                                                                          RESPONSIVE > HOME > BANNER GRID               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1300px) {
  #common-home .home_grid.second_row {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  #common-home .home_grid.first_row {
    margin-bottom: 0px !important;
  }

  #common-home .home_grid .swiper-wrapper {
    transform: none !important;
    display: flex;
    flex-direction: column;
  }

  #common-home .home_grid .swiper-wrapper .swiper-slide {
    margin-bottom: 5px !important;
  }

  #common-home .home_grid .swiper-wrapper .swiper-slide-duplicate {
    display: none !important;
  }
}

/*    -->                                                                                                                        RESPONSIVE > HOME > MANUFACTURERS            
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                           RESPONSIVE > HOME > MANUFACTURERS  > LAYOUT                        
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  .manufacturer_section {
    margin-bottom: 100px;
  }
}

/*    -->                                                           RESPONSIVE > HOME > MANUFACTURERS  > VIEW ALL                            
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  .manufacturer_section .view_more {
    position: relative;
    transform: none;
    right: 0px;
    margin: 15px auto 0 !important;
    display: block;
  }
}

/*    -->                                                              RESPONSIVE > HOME > MANUFACTURERS  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .manufacturer_section .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                                                                                                 RESPONSIVE > HOME > BLOG         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                       RESPONSIVE > HOME > BLOG > LAYOUT                          
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .blog_container {
    width: 100%;
  }
}

/*    -->                                                                    RESPONSIVE > HOME > BLOG > VIEW MORE                        
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #latestblog a.view_more {
    display: none !important;
  }
}

/*    -->                                                                     RESPONSIVE > HOME > BLOG > VIEW ALL                          
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .blog_container .view_all {
    top: 0px;
    right: unset;
    margin: 15px auto 0px;
    display: block;
    position: relative;
  }
}

/*    -->                                                                       RESPONSIVE > HOME > BLOG  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .blog_container .swiper-pager {
    display: none !important;
  }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/



/*    -->                                                          RESPONSIVE > HOME > MULTIBANNER SECTION #1 (HTML)
[2]   =========================================================================================================== */

@media(max-width: 1690px) {
  .multibanner_section_1 {
    width: 100%
  }

  .multibanner_section_1>.section_content {
    gap: 25px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .multibanner_section_1>.section_content img {
    width: 100% !Important;
  }
}


@media(max-width: 768px) {
  .multibanner_section_1>.section_content {
    display: flex !Important;
    flex-direction: column
  }
}








/*    -->                                                                  RESPONSIVE > HOME > MULTIBANNER SECTION #2 (HTML)
[2]   =========================================================================================================== */

.multibanner_section_2 .section_content.for_mobile {
  display: none !important;
}

@media(max-width: 1690px) {
  .multibanner_section_2 {
    width: 100%
  }

  .multibanner_section_2>.section_content {
    gap: 25px;
  }

  .multibanner_section_2>.section_content img {
    width: 100% !important;
  }

  .multibanner_section_2 .section_content {
    display: none !important;
  }

  .multibanner_section_2 .section_content.for_mobile {
    display: flex !important;
  }
}


@media(max-width: 768px) {
  .multibanner_section_2>.section_content {
    flex-direction: column
  }

}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > CATEGORY PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    RESPONSIVE > CATEGORY
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                            RESPONSIVE CATEGORY > LAYOUT
[2]   =========================================================================================================== */



@media(max-width: 1680px) {
  .category-like #content {
    padding: 50px 20px 100px !important;
  }

  .category-like .row.product-list-grid {
    grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  }
}

@media(max-width: 1480px) {
  .category-like .row.product-list-grid {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
    gap: 10px !important;
  }
}

@media(max-width: 1280px) {
  .category-like header~.container>.row>#column-left {
    width: 280px !important;
    padding: 50px 15px 0px 15px;
  }

  .category-like #column-left #column-left {
    margin-top: 30px !important;
  }

  .category-like #column-left .cat-title {
    line-height: normal;
    font-size: 25px;
  }
}

@media(max-width: 1021px) {
  .category-like .row.product-list-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }
}

@media(max-width: 825px) {
  .category-like header~.container>.row>#column-left {
    width: 230px !important;
    padding: 50px 10px 0px 10px;
  }

  .category-like #column-left .cat-title {
    line-height: normal;
    font-size: 22px;
  }
}

/* @media(max-width: 768px){
  .category-like .sorting_container,
  .category-like .limits_container{
    display: none;
  }
} */

@media(max-width: 768px) {
  .category-like #content {
    padding: 50px 10px 100px !important;
  }
}
































/*    -->                                                                                                                 RESPONSIVE > CATEGORY PAGE > SORTING BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1650px) {
  html[class*="product"]:not([class*="product-product"]) #content {
    width: calc(100vw - 387px) !important;
  }

  #mfilter-json+.container {
    width: 100%;
  }
}

@media (max-width: 1350px) {
  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3) .pagination {
    display: none !important;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3) {
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3)>* {
    margin: 5px 0px;
  }
}

@media (max-width: 768px) {
  #mfilter-content-container>hr+.row {
    display: flex;
  }

  /* html[class*="product"]:not([class*="product-product"]) #mfilter-content-container > .row:nth-last-child(3) {
    justify-content: space-between;
    margin-bottom: 20px;
  } */

  #mfilter-content-container>hr+.row:before,
  #mfilter-content-container>hr+.row:after {
    display: none !important;
  }

  #mfilter-content-container .row .form-group {
    display: flex;
    flex-direction: column !important;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3):before,
  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3):after {
    display: none !important;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3) {
    justify-content: space-between !important;
    margin-top: 15px;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3)>* {
    width: calc(50% - 5px);
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3) .form-group {
    margin-right: 0px !important;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:nth-last-child(3) select {
    width: 100%;
  }
}

/*    -->                                                                                                                     RESPONSIVE > CATEGORY PAGE > FILTERS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.mfilter-free-container-opened {
  z-index: 4 !important;
}

@media (max-width: 768px) {
  .mfilter-price-slider {
    padding: 0 0 5px 7px !important;
  }

  .mfilter-free-button {
    margin: 10px 0 0 0px;
    border: 10px solid var(--accent2);
    background: var(--accent2);
    color: #fff;
    right: 0px;
    transform: translateX(100%);
    margin-top: 120px !important;
  }

  .mfilter-box-88.mfilter-free-container {
    top: 0px !important;
  }

  .mfilter-free-container-closed {
    margin-left: -370px;
  }

  .mfilter-free-container {
    width: 360px;
  }

  .mfilter-content>ul>li {
    margin-top: 20px;
  }

  .mfilter-heading-text span {
    font-size: 17px;
  }
}

@media (max-width: 420px) {
  .mfilter-free-container-closed {
    margin-left: -270px;
  }

  .mfilter-free-container {
    width: 260px;
  }
}

/*    -->                                                                 RESPONSIVE > CATEGORY > FILTERS > TOGGLE                                    
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  .filters_toggle.mobile {
    display: flex !important;
    order: 3;
  }
}

.filters_toggle.mobile {
  width: 100% !important;
  /* height: 30px !important; */
  height: 90px;
}

.filters_toggle.mobile .open_mobile_filters {
  font-size: 18px;
  color: black;
  font-weight: bold;
  /* height: 60px; */
  align-items: center;
  justify-content: center;
  width: 100% !important;
  display: flex !important;
  cursor: pointer;
  background: #f0f0f0 !important;
  padding: 19px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100vw !important;
  margin-left: -20px;
  margin-right: -20px;
  z-index: 1;
}

/*    -->   RESPONSIVE > CATEGORY > FILTERS > TOGGLE > STICK TO TOP                   
[3]   ------------------------------------------------------------- */

html.filters_reached_top .filters_toggle.mobile .open_mobile_filters {
  position: fixed;
  top: 40px;
  z-index: 2;
}

/*    -->                                                                 RESPONSIVE > CATEGORY > FILTERS > REVEAL                                    
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  .mfilter-free-container {
    z-index: 9 !important;
    background: white !important;
  }

  .mfilter-free-container {
    display: block !important;
    transform: translateX(-100%);
    margin-left: 0px !important;
    transition: all 0.5s !important;
  }

  /* .mfilter-free-button {
    display: none !important;
  } */

  html.filters_enabled {
    overflow: hidden !important;
  }

  html.filters_enabled .mfilter-free-container {
    transform: translateX(0px) !important;
    height: 100vh;
  }

  .mfilter-free-container {
    height: 100vh;
  }

  html.filters_enabled body:before {
    visibility: visible;
    opacity: 1;
  }
}

/*    -->                                                                 RESPONSIVE > CATEGORY > FILTERS > LAYOUT                                    
[2]   =========================================================================================================== */

.filters_toggle.mobile {
  display: none;
}

@media (max-width: 768px) {
  .box-content.mfilter-content {
    max-height: unset !important;
    /* margin-top: 90px; */
  }
}

@media (max-width: 800px) {
  #mfilter-content-container>div>.row:first-child {
    flex-wrap: wrap;
  }

  .filters_toggle {
    width: 100% !important;
    margin-bottom: 20px;
    padding: 0px !important;
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .filters_toggle.desktop {
    display: none;
  }

  .filters_toggle.mobile {
    display: block;
  }
}

@media (max-width: 768px) {
  .mfilter-free-container {
    border: none !important;
  }

  /*    -->             RESPONSIVE > CATEGORY > FILTERS > LAYOUT > FIX SPACE AT BOTTOM                                   
  [3]   ------------------------------------------------------------- */

  /* .mfilter-free-button + .scroll-wrapper {
    top: 0px;
    bottom: 0px;
    height: 100vh;
  }
  .mfilter-free-button + .scroll-wrapper > .scroll-content {
    transform: translateY(50px);
  } */

  /*    -->                                                               RESPONSIVE > CATEGORY > FILTERS > HEADER
  [2]   =========================================================================================================== */

  .mfilter-box>.box-heading {
    font-size: 18px;
    font-weight: bold;
    font-family: var(--font1);
    background: #0c0c0c;
    color: white !important;
    text-align: center;
    width: 100%;
    margin: 0px;
    margin: 0px !important;
    margin-bottom: 45px !important;
    height: 70px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute;
    top: 0px;
    z-index: 2;
  }

  /*    -->                                                          RESPONSIVE > CATEGORY > FILTERS > CLOSE BUTTON
  [2]   =========================================================================================================== */

  .mfilter-free-button {
    position: absolute;
    margin: 0px !important;
    transform: none !important;
    right: 12px;
    top: 12px !important;
    z-index: 3;
    height: 55px;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
  }

  .mfilter-free-button i {
    display: none !important;
  }

  .mfilter-free-button:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 40.783203 7.2714844 A 2.0002 2.0002 0 0 0 39.386719 7.8867188 L 25.050781 22.222656 L 10.714844 7.8867188 A 2.0002 2.0002 0 0 0 9.2792969 7.2792969 A 2.0002 2.0002 0 0 0 7.8867188 10.714844 L 22.222656 25.050781 L 7.8867188 39.386719 A 2.0002 2.0002 0 1 0 10.714844 42.214844 L 25.050781 27.878906 L 39.386719 42.214844 A 2.0002 2.0002 0 1 0 42.214844 39.386719 L 27.878906 25.050781 L 42.214844 10.714844 A 2.0002 2.0002 0 0 0 40.783203 7.2714844 z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
    padding: 0px !important;
  }

  .mfilter-free-button::after {
    content: "CLOSE";
    font-size: 12px;
    font-weight: 100;
  }

  /*    -->                                                          RESPONSIVE > CATEGORY > FILTERS > BUTTON BOTTOM
  [2]   =========================================================================================================== */

  .mfilter-button-bottom {
    display: none;
  }

  @media (max-width: 768px) {
    .mfilter-button-bottom {
      display: block;
    }
  }

  /*    -->                                                          RESPONSIVE > CATEGORY > FILTERS > RESET BUTTON
  [2]   =========================================================================================================== */

  .mfilter-button-bottom {
    border: none;
    padding: 0px !important;
    margin-top: 45px;
  }

  /* .mfilter-button.mfilter-button-bottom {
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
  } */

  .mfilter-button-reset {
    float: none !important;
    padding: 3px 30px !important;
    /* border-bottom: 1px solid #7A7A7A !important; */
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    /* margin-top: 60px !important; */
    text-transform: uppercase !important;
    /* display: block !important; */
    color: white !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background: black;
    /* width: 100%; */
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    /* bottom: 0px; */
  }

  .mfilter-button-reset i {
    display: none;
  }

  .mfilter-free-container .mfilter-box {
    margin-bottom: 0px;
  }

  /* .mfilter-box {
    margin-bottom: 45px;
  }*/

  /* .mfilter-free-button + .scroll-wrapper.mfilter-iscroll > .mfilter-iscroll {
    height: 100vh !important
  }  */

  /*    -->                                                             RESPONSIVE > CATEGORY > FILTERS > CONTAINER
  [2]   =========================================================================================================== */

  .mfilter-free-container,
  .mfilter-free-container [id^="mfilter-free-container-"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mfilter-free-container {
    /* width: 350px;
    max-width: calc(100% - 40px); */
    width: 100vw;
    max-width: 100vw;
  }

  /*    -->                                                                 RESPONSIVE > CATEGORY > FILTERS > ITEMS
  [2]   =========================================================================================================== */

  .mfilter-content>ul {
    padding: 0px 20px;
  }

  /*    -->         RESPONSIVE > CATEGORY > FILTERS > ITEMS > HEADING                                 
  [3]   ------------------------------------------------------------- */

  .mfilter-heading-content {
    padding: 4px 0px;
    margin-top: 35px;
    display: flex;
  }

  .mfilter-heading-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }

  .mfilter-heading-text>span {
    text-transform: none !important;
    font-size: 18px;
    font-weight: 600;
    padding-left: 0px !important;
  }

  /* .mfilter-heading .mfilter-head-icon{
    display:none;
  } */
  .mfilter-heading .mfilter-heading-text {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  /* .mfilter-heading .mfilter-heading-text:after {
    content: "";
    width: 20px;
    height: 20px;
    background-size:cover;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='%2523ffffff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_27_' d='M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z'%3E%3C/path%3E%3Cg stroke='white'%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: invert(63%) sepia(51%) saturate(15%) hue-rotate(324deg) brightness(95%) contrast(82%);
            filter: invert(63%) sepia(51%) saturate(15%) hue-rotate(324deg) brightness(95%) contrast(82%);
    transition: all 0.2s;
  } */

  .mfilter-heading:not(.mfilter-collapsed) .mfilter-heading-text:after {
    transform: rotate(90deg);
  }

  .mfilter-col-count {
    padding-right: 10px;
  }
}

/*    -->                                                                                                                     RESPONSIVE > CATEGORY PAGE > PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {
  #product-category .product-layout.product-grid {
    width: 100% !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > PRODUCT GRID
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

html[class*="product"]:not([class*="product-product"]) .pagination li a {
  border-bottom: 2px solid white !important;
}

/*    -->                                                                                                                       RESPONSIVE > PRODUCT GRID > GLOBAL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {
  .product-thumb .caption .bottom_section {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-thumb .button-group {
    margin-top: 10px !important;
    width: 100% !important;
    margin-bottom: 10px;
  }

  .product-thumb .bottom_section>.price {
    margin-bottom: 10px;
  }

  .product-thumb .button-group>button {
    /* width: 50% !important; */
  }

  .product-thumb .options_section {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }

  .product-options-hover>.options_section .form-group>.control-label,
  .product-options-hover>.options_section .form-group>.control-label+* {
    width: 100% !important;
  }

  .product-options-hover>.options_section .form-group>.control-label {
    margin-bottom: 10px !important;
  }
}

/*    -->                                                                                                       RESPONSIVE > PRODUCT GRID > CATEGORY & SEARCH PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1500px) {
  html[class*="product"]:not([class*="product-product"]) .product-layout.product-grid {
    width: 33.3333% !important;
  }

  html[class*="product"]:not([class*="product-product"]) #column-left {
    width: 250px !important;
  }

  html[class*="product"]:not([class*="product-product"]) #content {
    width: calc(100vw - 267px) !important;
  }
}

@media (max-width: 1065px) {
  html[class*="product"]:not([class*="product-product"]) .product-layout.product-grid {
    width: 50% !important;
  }
}

@media (max-width: 768px) {
  html[class*="product"]:not([class*="product-product"]) #content {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mfilter-free-container {
    z-index: 3;
  }
}

@media (max-width: 400px) {
  html[class*="product"]:not([class*="product-product"]) .product-layout.product-grid {
    width: 100% !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > PRODUCT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/



/*    -->                                                                                                                                     RESPONSIVE > PRODUCT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


#product-product .for_mobile {
  display: none;
}






/*    -->                                                                           RESPONSIVE > PRODUCT > LAYOUT                           
[2]   =========================================================================================================== */

@media(max-width: 1690px) {
  .main-product-container {
    border-bottom: none !important;
  }

  .main-product-container:after {
    content: "";
    width: calc(100vw - 2 * var(--responsivePadding));
    border-bottom: 14px solid #f4f6f6;
    display: block !important;
    position: relative;


  }
}

@media(max-width: 1340px) {
  .main-product-container {
    display: grid;
    grid-template-areas:
      "gallery info1"
      "gallery info2";
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .main-product-container .product_info_left_section {
    grid-area: info1;
  }

  .main-product-container .product_info_mid_section {
    grid-area: gallery;
  }

  .main-product-container .product_info_right_section {
    grid-area: info2;
    max-width: 100%;
  }
}

@media(max-width: 768px) {
  .main-product-container {
    grid-template-areas:
      "gallery"
      "info1"
      "info2";
    grid-template-columns: 100%
  }
}

/*    -->                                                         RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS                             
[2]   =========================================================================================================== */

@media(max-width: 1600px) {
  #product-product .thumbnails .col-sm-3:last-child {
    max-height: 600px;
    padding-left: 10px;
  }
}

@media(max-width: 1350px) {
  #product-product .thumbnails .col-sm-3:last-child {
    max-height: 450px;
    padding-left: 20px;
  }
}

@media(max-width: 1100px) {
  #product-product .thumbnails .col-sm-3:last-child {
    max-height: 300px;
    padding-left: 39px;
  }
}



/*    --> RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS > AS CAROUSEL                              
[3]   ------------------------------------------------------------- */



.product_info_mid_section.for_mobile {
  display: none !important;
}

@media (max-width: 768px) {

  .product_info_mid_section.for_desktop {
    display: none !important;
  }

  .product_info_mid_section.for_mobile {
    display: block !important;
  }

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

  .product_info_mid_section .single-image-slide,
  .product_info_mid_section .single-image-slide a,
  .product_info_mid_section .single-image-slide a img {
    width: 100% !Important;
  }

  #product_thumbnails_carousel {
    transform: scale(.9) !important
  }

  .product-product .breadcrumb {
    display: none !important;
  }

}

/*    -->                                                         RESPONSIVE > PRODUCT PAGE > RELATED PRODUCTS                             
[2]   =========================================================================================================== */



@media(max-width:450px) {
  .related_products_section>div {
    width: 100% !important;
  }
}

/*    -->                                                                 RESPONSIVE > PRODUCT > GALLERY & LABELS                          
[2]   =========================================================================================================== */

#product-product .product_info_mid_section .for_mobile.labels_container {
  display: none;
}

@media(max-width: 1340px) {
  #product-product .product_info_mid_section .thumbnails {
    position: relative;
    overflow: hidden;
  }

  #product-product .product_info_mid_section .for_mobile.labels_container {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    gap: 10px !important;
    flex-direction: column;
    align-items: flex-start;
    display: flex !important;
  }

  .product_info_right_section .labels_container {
    display: none !important;
  }
}

/*    -->                                                                        RESPONSIVE > PRODUCT > ALL INFOS                       
[2]   =========================================================================================================== */

@media(max-width: 1340px) {

  .main-product-container {
    gap: 0px 20px;
  }

  #product-product .pricing_n_stock .stock_section,
  #product-product .product_info_left_section .nav-tabs,
  .product_info_left_section .tab-content {
    display: none !important;
  }

  #product-product .for_mobile {
    display: flex;
  }

  .product_info_right_section {
    display: flex !important;
    flex-direction: column;
  }

  #product-product .extra-labels-erp {
    order: -99;
    padding: 0px;
    margin: 0px;
  }

  #product-product .pricing_n_stock {
    padding-bottom: 15px;
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
    margin-top: 10px;
  }

  .product_info_tabs.for_mobile {
    display: flex;
    flex-direction: column
  }

  #product-product .stock_section {
    margin-top: 5px
  }

  #product-product .pricing_extras {
    display: flex;
    flex-direction: column;
    margin-top: 15px
  }

  #product-product .discounts_section {
    flex-direction: column;
    gap: 15px !important
  }

  #product-product .discounts_section>div {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center
  }

  #product-product .discounts_section>div.pricing_table {
    width: 185px !important;
    max-width: 185px !important;
    margin: 0 auto
  }

  #product-product .discounts_section>div.pricing_table * {
    font-weight: normal !important;
  }


}

@media(max-width: 768px) {
  #product-product .nav.nav-tabs li a {
    height: 50px;
    display: flex;
    align-items: center;
  }

  #product-product .tab-content {
    height: unset;
    max-height: 280px;
  }
}



/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > CART PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                           RESPONSIVE > CART PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1200px) {
  #checkout-cart.container {
    width: 100% !important;
  }

  #cart-intro {
    justify-content: center;
    margin-top: 30px !important;
  }

  #cart-intro>div:not(.mid-section) {
    display: none !important;
  }
}

/*    -->                                                                                                                        RESPONSIVE > CART PAGE > PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                                                                                   RESPONSIVE > CART PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                       RESPONSIVE > CART PAGE > PRODUCTS
[2]   =========================================================================================================== */

@media(max-width: 991px) {

  /*    -->                                                                       RESPONSIVE > CART PAGE > INTRO
[2]   =========================================================================================================== */

  #checkout-cart #content {
    margin-top: 0px;
  }

  html.checkout-cart #content h1 {
    font-size: 35px !important;
    margin-top: 35px;
    margin-bottom: 20px;
    margin-top: 65px !important;
  }

  #checkout-cart>.row {
    padding-top: 0px;
  }

  #checkout-cart #content {
    padding-inline: 20px !important;
  }

  #checkout-cart>.row {
    padding-inline: 0px !important;
  }

  /*    -->                                                                       RESPONSIVE > CART PAGE > PRODUCTS
[2]   =========================================================================================================== */

  #checkout-cart form .table-responsive,
  #checkout-cart form tbody,
  #checkout-cart form tbody tr td {
    border: none !important;
    box-shadow: none !important;
  }

  #checkout-cart form .table-responsive {
    overflow: Hidden !important;
  }

  #checkout-cart form thead {
    display: none !important;
  }

  #checkout-cart form tbody td {
    border: none
  }

  #checkout-cart form table tbody td {
    width: 100% !important;
    padding-inline: 3px !important;
  }

  #checkout-cart form tbody tr {
    display: grid;
    grid-template-columns: 120px 105px 68px 68px;
    grid-template-areas:
      "image stepper_n_buttons item_price final_price"
      "brand_n_title brand_n_title brand_n_title brand_n_title";
    border-top: 1px solid #cecece;
    border-bottom: none !important;
    padding-block: 13px;

  }

  #checkout-cart form tbody tr {
    justify-content: space-between !important;
  }

  #checkout-cart form tbody tr:last-child {
    border-bottom: 1px solid #cecece !important;
  }



  #checkout-cart form tbody tr>td:nth-child(3):before,
  #checkout-cart form tbody tr>td:nth-child(4):before,
  #checkout-cart form tbody tr>td:nth-child(5):before {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px
  }


  /* image */

  #checkout-cart form tbody tr>td:nth-child(1) {
    grid-area: image;
  }

  #checkout-cart form tbody tr>td:nth-child(1) img {
    width: 120px !important;
    height: auto !important;
  }

  /* brand and title */

  #checkout-cart form tbody tr>td:nth-child(2) {
    grid-area: brand_n_title;
  }

  #checkout-cart form tbody tr>td:nth-child(2) .cart-brand b {
    font-size: 15px !important;
    font-weight: bold;
  }

  #checkout-cart form tbody tr>td:nth-child(2)>a {
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  /* stepper and buttons */

  #checkout-cart form tbody tr>td:nth-child(3) {
    grid-area: stepper_n_buttons;
  }

  #checkout-cart form tbody tr>td:nth-child(3):before {
    content: "Ποσότητα";
  }

  #checkout-cart form tbody tr>td:nth-child(3) .input-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
  }

  #checkout-cart form tbody tr>td:nth-child(3) .input-group #cart-stepper,
  #checkout-cart form tbody tr>td:nth-child(3) .input-group button {
    width: 28px !important;
    max-width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  #checkout-cart form #cart-stepper {
    font-size: 13px !important;
    font-weight: bold !important;
  }

  #checkout-cart form tbody tr>td:nth-child(3) .input-group>button[onclick*="stepDown"] {
    margin-right: -10px !important
  }

  #checkout-cart form tbody tr>td:nth-child(3) .input-group>button[onclick*="stepUp"] {
    margin-left: -10px !important
  }

  #checkout-cart form tbody tr>td:nth-child(3) .input-group span {
    width: 100% !important;
    margin-left: 0px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  /* item price */

  #checkout-cart form tbody tr>td:nth-child(4) {
    grid-area: item_price;
  }

  #checkout-cart form tbody tr>td:nth-child(4) strong {
    font-weight: normal;
    font-size: 14px
  }

  #checkout-cart form tbody tr>td:nth-child(4):before {
    content: "Τιμή";
  }

  /* final price */

  #checkout-cart form tbody tr>td:nth-child(5) {
    grid-area: final_price;
  }

  #checkout-cart form tbody tr>td:nth-child(5) strong {
    font-weight: normal;
    font-size: 14px
  }

  #checkout-cart form tbody tr>td:nth-child(5):before {
    content: "Σύνολο";
  }


}

@media(max-width: 390px) {
  #checkout-cart form tbody tr {
    grid-template-columns: 80px 105px 68px 68px;
  }

  #checkout-cart form tbody tr>td:nth-child(3)::before,
  #checkout-cart form tbody tr>td:nth-child(4)::before,
  #checkout-cart form tbody tr>td:nth-child(5)::before {

    margin-bottom: 10px;
  }

}



@media(max-width: 350px) {
  #checkout-cart form tbody tr {
    grid-template-areas:
      "image stepper_n_buttons"
      "item_price final_price"
      "brand_n_title brand_n_title" !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 0px !important;
  }

  #checkout-cart form tbody tr>td:nth-child(3)::before,
  #checkout-cart form tbody tr>td:nth-child(4)::before,
  #checkout-cart form tbody tr>td:nth-child(5)::before {

    margin-bottom: 10px;
  }

}

/*    -->                                                                         RESPONSIVE > CART PAGE > BOTTOM
[2]   =========================================================================================================== */

@media(max-width: 768px) {

  #checkout-cart .bottom_section {
    display: flex;
    flex-direction: column;
  }

  #checkout-cart .totals_section .alert-success {
    margin-top: 20px
  }

  .modules_container {
    width: 100% !important;
  }

  .totals_section .table-responsive {
    border: none !important;
  }

  #checkout-cart .bottom_section {
    margin-bottom: 35px
  }

  #checkout-cart #content>.buttons {
    flex-direction: column-reverse !important;
    gap: 10px
  }

  #checkout-cart #content>.buttons>div {
    width: 100%
  }

  #checkout-cart #content>.buttons>div * {
    width: 100% !important;
  }

  #checkout-cart #content>.buttons:before,
  #checkout-cart #content>.buttons:after {
    display: none !important;
  }

  #checkout-cart>.row {
    padding-bottom: 20px
  }
}




/*    -->                                                                                                                           RESPONSIVE > CART PAGE > OUTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1650px) {
  #checkout-cart .bottom_section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
  }
}

@media (max-width: 1350px) {
  #checkout-cart .bottom_section {
    flex-direction: column !important;
    width: 100% !important;
    margin-left: 0px;
  }
}

@media (max-width: 870px) {
  #checkout-cart .bottom_section .input-group {
    display: flex !important;
    flex-direction: column;
  }

  #checkout-cart .bottom_section .input-group>*,
  #checkout-cart .bottom_section .input-group .form-control,
  #checkout-cart .bottom_section .input-group-btn input {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 650px) {
  #checkout-cart .bottom_section {
    padding: 20px;
  }

  #checkout-cart .bottom_section .cart-total-table tr .title {
    margin-right: 0px !important;
  }

  #checkout-cart .bottom_section .cart-total-table tr {
    display: flex;
    justify-content: space-between;
    justify-content: flex-end;
  }

  #checkout-cart .bottom_section .cart-total-table tr td {
    align-items: flex-start;
  }

  #checkout-cart .bottom_section .table.cart-total-table {
    margin-top: 35px;
  }
}

/*    -->                                                                                                                  RESPONSIVE > CART PAGE > BOTTOM BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 680px) {
  #checkout-cart .bottom_section+.buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #checkout-cart .bottom_section+.buttons>div {
    margin: 7px 0px;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > CHECKOUT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               RESPONSIVE > CHECKOUT PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     RESPONSIVE > CHECKOUT PAGE > MAIN TITLE                               
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  html.extension-module-qnec #content>h1 {
    width: 100%;
  }
}

/*    -->                                                                     RESPONSIVE > CHECKOUT PAGE > LAYOUT                                  
[2]   =========================================================================================================== */

@media (max-width: 1650px) {
  body div.poc_container {
    padding-right: 0px !important;
  }

  .poc_row {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 992px) {
  .perfect_one_checkout_main_container>.col_3 {
    padding-left: 0px;
    /* margin-top: -138px !important; */
  }

  .perfect_one_checkout_main_container>.col_3::before {
    display: none !important;
  }
}

@media (max-width: 768px) {
  div.perfect_one_checkout_main_container>div.flex_column>div.panel_container {
    padding: 0px;
  }

  .perfect_one_checkout_main_container>.col_2 {
    max-width: 100% !important;
    padding-right: 0px !important;
  }

  .perfect_one_checkout_main_container>.col_3 {
    margin-top: 0px !important;
  }

  .panel_poc-heading,
  #formBillingAddress>h3,
  div.panel_addresses div.panel_poc div.panel_poc-body div.delivery_address label,
  div.panel_addresses div.panel_poc div.panel_poc-body div.billing_address label {
    background: #eee !important;
  }

  .panel_poc-heading,
  #formBillingAddress>h3,
  div.panel_addresses div.panel_poc div.panel_poc-body div.delivery_address label,
  div.panel_addresses div.panel_poc div.panel_poc-body div.billing_address label {
    padding: 13px 15px !important;
  }

  div.panel_addresses div.panel_poc div.panel_poc-body div.delivery_address label,
  div.panel_addresses div.panel_poc div.panel_poc-body div.billing_address label {
    display: block !important;
    margin-bottom: 20px !important;
  }
}

/*    -->                                                 RESPONSIVE > CHECKOUT PAGE > PAYMENT & SHIPPING SECTION                                  
[2]   =========================================================================================================== */

@media (max-width: 1400px) {

  .perfect_one_checkout_main_container .panel_shipping,
  .perfect_one_checkout_main_container .panel_payment {
    flex: 100% !important;
  }

  .panel_container.panel_payment {
    padding-left: 0px !important;
  }

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

  div.panel_shipping div.shipping_method span.price {
    padding-right: 10px;
  }
}

@media (max-width: 768px) {
  div.perfect_one_checkout_main_container .panel_payment .panel_poc {
    margin-bottom: 5px !important;
  }
}

/*    -->                                                               RESPONSIVE > CHECKOUT PAGE > CART SECTION                    
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  .panel_poc-body .products_info_cart>tbody>tr {
    display: grid !important;
    grid-template-areas:
      "image name"
      "quantity price";
    padding-right: 0px !important;
  }

  .panel_poc-body .products_info_cart>tbody>tr>td:nth-child(1) {
    grid-area: image;
  }

  .panel_poc-body .products_info_cart>tbody>tr>td.product_name {
    grid-area: name;
  }

  .panel_poc-body .products_info_cart>tbody>tr>td.quantity_td {
    grid-area: quantity;
  }

  .panel_poc-body .products_info_cart>tbody>tr>td:last-child {
    grid-area: price;
  }
}

@media (max-width: 992px) {
  div.poc_styles .poc_table.products_info_cart.small-only {
    display: none !important;
  }

  div.poc_styles .poc_table.products_info_cart.large-only {
    display: table !important;
  }
}

@media (max-width: 768px) {
  .panel_poc-body .products_info_cart>tbody>tr {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
}

/*    -->                 RESPONSIVE > CHECKOUT PAGE > CART SECTION > NAME                               
[3]   ------------------------------------------------------------- */

@media (max-width: 1150px) and (min-width: 768px) {
  div.poc_styles .poc_table-striped>tbody .text-left.product_name {
    width: auto !important;
  }
}

@media (max-width: 470px) {
  div.poc_styles .poc_table-striped>tbody .text-left.product_name {
    width: auto !important;
  }
}

/*    -->                                                             RESPONSIVE > CHECKOUT PAGE > TOTALS SECTION                    
[2]   =========================================================================================================== */

/*    -->                                                             RESPONSIVE > CHECKOUT PAGE > COUPON SECTION                    
[2]   =========================================================================================================== */

@media (max-width: 1280px) {
  div.panel_cart div.discount_zone div.discount_container .coupon>div {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
  }

  div.panel_cart div.discount_zone div.discount_container .poc_form-control {
    width: 447px !important;
  }

  div.panel_cart div.discount_zone div.discount_container .coupon>div>* {
    margin-left: auto;
    margin-right: auto;
  }

  div.panel_cart div.discount_zone div.discount_container .poc_btn-success {
    margin-top: 10px;
  }
}

/*    -->                                                             RESPONSIVE > CHECKOUT PAGE > WHEN LOGGED IN                   
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  div.perfect_one_checkout_main_container .col_1 .panel_addresses {
    margin-bottom: 0px !important;
  }

  div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body {
    padding-right: 0px !important;
    max-width: 100% !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > BLOG CENTRAL
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                       RESPONSIVE > BLOG CENTRAL > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-tmd-blogs body>.container {
  width: 100% !important;
}

@media (max-width: 1650px) {
  .extension-tmd-blogs #content {
    width: 100% !important;
  }

  .extension-tmd-blogs #content .row>div {
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media (max-width: 1350px) {
  .extension-tmd-blogs #content .row>div {
    width: calc(100% / 3) !important;
  }
}

@media (max-width: 950px) {
  .extension-tmd-blogs #content .row>div {
    width: 50% !important;
  }
}

@media (max-width: 768px) {
  .extension-tmd-blog .info_section .blog_item_heading h1 {
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  .extension-tmd-blogs #content .row>div {
    width: 100% !important;
  }

  .extension-tmd-blogs #content .row>div {
    padding: 0px;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > BLOG SINGLE  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                    RESPONSIVE > BLOG SINGLE >TOP SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1650px) {

  .extension-tmd-blog .main_section,
  .extension-tmd-blog .navigation_and_socials {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1320px) {
  .extension-tmd-blog {
    --blogImageWidth: 400px;
  }
}

@media (max-width: 1000px) {
  .extension-tmd-blog .main_section {
    flex-direction: column;
  }

  .extension-tmd-blog .info_section {
    position: relative;
  }

  .extension-tmd-blog .image_section,
  .extension-tmd-blog .image_section img,
  .extension-tmd-blog .info_section {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .extension-tmd-blog .image_section {
    height: 300px;
    overflow: hidden;
    position: relative;
  }

  .extension-tmd-blog .image_section::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.6);
  }

  .image_section>img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%);
  }

  .extension-tmd-blog .info_section .blog_item_heading {
    margin-top: -250px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*    -->                                                                                                                 RESPONSIVE > BLOG SINGLE > BOTTOM SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1200px) {
  .extension-tmd-blog .related_products {
    width: 100%;
  }

  .extension-tmd-blog .bottom_section {
    width: calc(100% - 40px);
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > INFORMATION PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                   RESPONSIVE > INFORMATION PAGE > LAYOUT                          
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1200px) {
  #information-information.container {
    width: 100%;
  }
}

@media (max-width: 850px) {
  #information-information.container>.row {
    display: flex;
    flex-direction: column;
  }

  #information-information.container>.row>div,
  .information-information #column-left {
    width: 100% !important;
  }

  .information-information .nav-tabs li:not(.current) a:hover {
    font-weight: normal;
    padding-left: 10px;
    background-color: transparent !important;
  }

  .information-information .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #eee !important;
  }
}




/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RANDOM EXTRA CLASSES
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


.heading-carousel {
  width: 100%;
  display: flex;
  padding-top: 85px;
  flex-direction: column;
  align-items: center;
}


.swiper-pager {
  top: -10%;
}

/* .products-carousel-module {
  padding: 120px 0;
} */



.carousel0_container .swiper-pager>div::before {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  transform-origin: center !important;
  padding: 0px 0px 0px 0px;
  width: 12px !important;
  height: 26px !important;
}

.products-carousel-module .swiper-pager>div {
  opacity: 1 !important;
  transform: none !important;
  left: 0px !important;
  right: 0px !important;
  transform: none !important;
  position: relative !important;
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px;
  background: white;
  border: unset !important;
}

.products-carousel-module .swiper-pager {
  z-index: 9;
  /* width: 100px !important; */
  flex-direction: row-reverse !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 0%;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
}

.products-carousel-module .swiper-pager {
  top: -5%;
}

.products-carousel-module .view_more {
  top: -6%;
  right: 5%;
  position: absolute;
}



.model_section {
  color: #6c6c6c;
  font-size: 13px;
  font-weight: 600;
}

.min-cont-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.html-home-1 {
  display: flex;
  height: 100%;
  align-items: center;
  color: white;
}

.html-home-1 .html-content {
  width: 40%;
  padding: 50px;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  background-color: var(--accent1);
}

.html-home-1 .hmtl-img {
  width: 60%;
  height: 100%;
}

.html-home-1 .hmtl-img img {
  width: auto;
  height: 100%;
}

.html-home-1 .html-content h3 {
  color: white;
  font-size: 32px;
  font-weight: bold;
}

.html-home-1 .html-content p {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

.html-home-1 .html-content a {
  cursor: pointer;
  color: white;
  transition: 0.3s;
  border: 1px solid transparent;
  font-size: 15px;
  text-transform: uppercase;
  background-color: var(--accent2);
  padding: 10px 20px;
  margin-top: 45px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.carousel .swiper-pager>div::before {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
  transform-origin: center !important;
  padding: 0px 0px 0px 0px;
  width: 12px !important;
  height: 26px !important;
}

.carousel .swiper-pager>div {
  opacity: 1 !important;
  transform: none !important;
  left: 0px !important;
  right: 0px !important;
  transform: none !important;
  position: relative !important;
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0px;
  background: white;
  border: unset !important;
}

.carousel .swiper-pager {
  z-index: 9;
  /* width: 100px !important; */
  flex-direction: row-reverse !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: 0%;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
}

.manufacturer_section .swiper-pager {
  top: 0 !important;
  transform: translateY(-80px);
}

.module_product_tabs .products-carousel-module {
  padding: unset;
}

.module_product_tabs .head-carousel {
  display: none;
}

.module_product_tabs .section_title_sec {
  margin-bottom: 20px;
}

.img-tabs {
  width: 100%;
  height: auto;
}

.cont-img-tabs {
  position: relative;
}

.heading-carousel_new {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translate(40px, -50%);
}

.heading-carousel_new .section_title,
.heading-carousel_new .section_title_sec {
  color: white;
}

@media (min-width: 769px) {
  .design-new-content {
    display: flex;
    width: 100%;
    position: relative;
    top: -15%;
  }

  .module_product_tabs .design-new-content .nav-tabs {
    width: 30%;
    padding-left: 80px;
    flex-direction: column;
    gap: 15px;
    margin: unset;
    overflow: hidden;
  }

  .module_product_tabs .design-new-content .tab-content {
    width: 70%;
  }

  .design-new-content .container {
    width: 100% !important;
  }
}

.heading-carousel_new .section_title {
  font-size: 20px;
  letter-spacing: 0.8px;
}

.swiper-viewport {
  border: unset;
  box-shadow: unset;
}

.viewmore-blog {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

#latestblog .blogpost-thumb:hover .viewmore-blog,
#blog-category .blogpost-thumb:hover .viewmore-blog {
  opacity: 1;
  visibility: visible;
  border-bottom: 1px solid #919191;
  padding-bottom: 3px;
}

#latestblog .blogpost-thumb:hover .viewmore-blog,
#blog-category .blogpost-thumb:hover .viewmore-blog {
  color: black;
}

/* .section_title {
  font-weight: bold;
} */



.heading-blog {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.comment-footer {
  font-size: 40px !important;
  color: white;
  font-weight: 100;
  opacity: 0.3;
  line-height: 40px;
  letter-spacing: 1px;
}

.logo-div {
  padding: 20px 0;
}

.news-extra {
  color: white;
  font-size: 16px;
  font-weight: 100;
  line-height: 20px;
  letter-spacing: 0.8px;
  display: none;
}

.news-form input {
  background-color: #ffffff1f;
}

.top-header-cont {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.header-icons {
  width: 40%;
  display: flex;
  gap: 80px;
  align-items: center;
  justify-content: flex-end;
}

.account img {
  display: none;
}

.account {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header-icons .account {
  position: relative;
}

.header-icons .account>a {
  color: white !important;
  text-transform: uppercase;
}

.header-icons .account .dropdown-menu {
  padding: 0px;
}

.header-icons .account .dropdown-menu>li>a {
  padding: 15px 20px;
  color: black;
}

.header-icons .account .dropdown-menu li>a:hover {
  background-color: var(--accent1);
  color: white !important;
}

header #cart {
  width: 24px;
  height: 24px;
}

header #cart button {
  width: 100% !important;
}

#cart-total {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e3ede4;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--accent1);
}

.home_banners,
.home_banners a,
.home_banners img {
  width: 100%;
  padding: 0;
}

.home_banners .swiper-wrapper {
  margin: 0;
}

.home_banners .swiper-slide-title,
.home_banners .swiper-pager {
  display: none !important;
}

.mfilter-button-top {
  display: none !important;
}

.mfilter-button-reset {
  color: white !important;
  background: #900;
  padding: 10px 20px;
  transition: all .2s;
}

.mfilter-button-reset:hover {
  background: #c00;

}

.mfilter-button-reset i {
  display: none;
}

.mfilter-button-bottom {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

.mfilter-button-reset:hover {
  color: white;
}

.view_section .btn-group .btn.btn-default {
  width: 40px;
  height: 40px;
  border-radius: unset !important;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  background: transparent !important;
  box-shadow: unset !important;
  justify-content: center;
}

.view_section .btn-group .btn.btn-default.active {
  border: 1px solid black;
}

.mfilter-col-input {
  position: relative;
}

.mfilter-col-input input {
  opacity: 0;
}

.mfilter-tb-as-td.mfilter-col-input::before {
  content: "";
  position: absolute;
  left: 0;

  pointer-events: none;
  width: 15px;
  height: 15px;
  top: 10px;
  border: 1px solid var(--accent3);
}

.mfilter-input-active::before {
  background-color: var(--accent3);
}

.mfilter-input-active::after {
  content: "";
  position: absolute;
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  left: 4px;
  top: 11px;
  width: 7px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.mfilter-col-count {
  display: none;
}

.desc-prod {
  font-size: 15px;
  letter-spacing: 0.8px;
  color: #222222;
  line-height: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.cont-under-desc {
  font-size: 16px;
  color: rgb(0 0 0 / 78%);
  letter-spacing: 0.8px;
  line-height: 24px;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-bottom: 20px;
  gap: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
}

.cont-under-desc>div {
  display: flex;
  /* flex-direction: row; */
  width: 100%;
  justify-content: space-between;
}

.product_info_section #product {
  display: flex;
  justify-content: space-between;
}

.product_info_section #product .form-group button {
  width: 250px !important;
}

.product-product .swiper-pager {
  display: none !important;
}

.extra_products.related {
  background-color: #e3f8e35c;
  margin-top: 45px;
}

#product-product a {
  color: unset;
  font-weight: unset;
}

.product-product .section_title>div:last-child {
  text-transform: initial;
  font-size: 35px;
  color: black;
}

.extra_products.related .section_title>div:last-child {
  color: black;
}

.ytvideo {
  position: relative;
}

.bottomcontent img {
  width: 100%;
  height: auto;
}

#product-product #content>.top_section {
  margin-bottom: 200px;
}

.tabs-header {
  padding: 30px 0;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
}

.extra_labels {
  position: absolute;
  display: flex;
  bottom: -55px;
  right: 0;
  left: 0;
  gap: 25px;
  font-size: 14px;
  line-height: 17px;
  justify-content: center;
}

.extra_labels>div {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.extra_labels>div>img {
  width: 60px;
  height: 60px;
}

#search .search-input-cont {
  display: flex;
}

#blog .breadcrumb,
#blog-category .breadcrumb {
  display: none;
}

#blog .hero-color,
#blog-category .hero-color {
  margin-top: 0px !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%);
  border-top: none !important;
}

/* .latest-posts .view_more {
  position: absolute;
  top: 0px;
  right: 5%;
  font-weight: bold;
  z-index: 1;
  transform: translateY(-40px);
  color: #000000 !important;
  font-family: var(--font2) !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 1px;
  border-bottom: 1px solid #00000047 !important;
  text-transform: uppercase !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
} */

.product-list .product-thumb .caption {
  padding-left: unset !important;
  margin-left: unset !important;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.product-list .product-thumb {
  display: flex;
  gap: 150px;
}

.product-list .product-thumb .button-group {
  border: none;
}

td.product-thumb:hover {
  box-shadow: none;
}

td.product-thumb {
  background-color: transparent;
}

.minicart_content .table-products tbody tr:hover {
  background-color: #e3ede4;
}

.minicart_content .table-products tbody tr {
  transition: 0.4s;
}

/* 
.live-search-div ul li .product-price .special {
  color: #00000057 !important;
  text-decoration: line-through !important;
}

.live-search-div {
  top: 50% !important;
} */

#blog .social-icons {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e3ede4;
}

#blog .social-icons .blogs-back:before {
  content: "\f104" !important;
  font-family: FontAwesome;
  margin-right: 17px;
  font-size: 30px;
  color: var(--accent2);
  margin-top: -2px;
}

.doc_download {
  padding: 17px 35px;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  color: black;
  border: 1px solid var(--accent3);
  text-shadow: none !important;
}

.doc_download:hover {
  background: var(--accent3) !important;
  color: white !important;
}

#button-logo {
  height: unset !important;
}

@media (max-width: 768px) {
  .latest-posts .view_more {
    display: none;
  }

  .extra_labels {
    position: unset;
    display: flex;
    bottom: 100px;
    gap: 25px;
    font-size: 14px;
    line-height: 17px;
    order: 2;
    justify-content: center;
    align-items: center;
  }

  #product-product .product_images_section .images_container .thumbnails.main {
    order: 3;
  }

  .extra_labels>div {
    width: 33%;
    text-align: center;
  }

  .product-grid .product-thumb .caption {
    padding: 0px;
  }

  .product-thumb {
    padding: 15px;
  }

  body {
    overflow: hidden;
  }

  .section_title_sec {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .section_title {
    margin-bottom: 10px;
  }

  .carousel0_container .swiper-slide .text_container {
    padding-bottom: 35px;
  }

  .carousel0_container .swiper-slide .text_container .swiper-slide-link {
    margin-top: 30px !important;
    opacity: 1;
  }

  .carousel_title {
    font-size: 18px;
    text-align: center;
  }

  .carousel_title_sec {
    font-size: 14px;
    text-align: center;
  }

  .carousel .swiper-pager {
    display: none !important;
  }

  .products-carousel-module .view_more {
    display: none;
  }

  .product-thumb .caption .rating_container {
    height: 15px;
  }

  .min-cont-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-thumb .caption .price .price-old {
    position: unset;
  }

  .product-thumb:hover {
    box-shadow: unset !important;
  }

  .product-thumb .button-group button {
    visibility: visible;
    opacity: 1;
  }

  .container {
    width: 100%;
  }

  .headingmain_sec {
    font-size: 20px;
    text-align: center;
  }

  .module_product_tabs:not(.layout_2_tabs) .nav-tabs>li {
    margin: 0;
    width: 100% !important;
  }

  .module_product_tabs .nav-tabs {
    flex-direction: column;

    gap: 5px;
  }

  .module_product_tabs .nav-tabs>li>a {
    width: 250px;
    height: 45px;
  }

  .product-thumb .caption {
    padding: 10px 0;
  }

  .model_section {
    font-size: 12px;
    text-align: left;
  }

  .img-tabs {
    height: 350px;
    width: auto;
  }

  .heading-carousel_new {
    left: 0px;
    top: 20%;
  }

  .module_product_tabs {
    position: relative;
  }

  .design-new-content {
    position: absolute;
    top: 15%;
    width: 100%;
    left: 0;
  }

  .module_product_tabs .design-new-content .nav-tabs {
    margin-left: 35px;
    margin-right: auto;
  }

  #latestblog .blogpost-thumb:hover .caption,
  #blog-category .blogpost-thumb:hover .caption {
    margin-top: unset !important;
    box-shadow: unset !important;
  }

  #latestblog .blogpost-thumb .viewmore-blog {
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #919191;
    padding-bottom: 3px;
  }

  #latestblog .caption,
  #blog-category .caption {
    padding: 0;
    box-shadow: unset !important;
  }

  .headingmain_sec {
    font-size: 18px !important;
  }

  .viewmore-blog,
  .blogpost-thumb .caption h4>a {
    font-size: 16px !important;
  }

  .heading-carousel {
    padding-top: 30px;
  }

  .manufacturer_section {
    margin-bottom: 30px;
  }

  .products-carousel-module {
    padding: 60px 0;
  }

  #product-product #content>.top_section {
    margin-bottom: 50px;
  }

  .cont-under-desc>div {
    flex-direction: column;
    gap: 10px;
  }

  .bottomcontent {
    padding: 0px 20px;
  }

  .bottomcontent>div {
    padding: 15px 0;
  }

  .ytvideo iframe {
    width: 100%;
  }

  #search {
    background: var(--accent1);
    height: 60px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .search-input-cont {
    width: 80%;
  }

  .close-search-toggler {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search_enabled .search-cont {
    opacity: 1;
    visibility: visible;
  }

  .live-search-div {
    height: calc(100% - 60px) !important;
    top: 60px !important;
  }

  .live-search-div ul {
    max-height: 100% !important;
  }

  html.search_enabled {
    overflow: hidden;
  }

  .search-cont {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
    z-index: 99999;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    width: 100vw;
    transition: 0.3s;
  }

  /* #search {
    margin-top: 10px;
  } */
  .live-search-div {
    width: unset;
    position: unset;
    z-index: unset;
    padding: unset;
    margin-top: unset;
    background-color: unset;
    border: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    box-shadow: unset;
    left: unset;
    display: unset;
    transform: unset;
    top: unset;
    max-width: unset;
  }

  #header_menu_section {
    width: 100% !important;
    flex-direction: row-reverse;
  }

  .header-icons {
    gap: 20px !important;
    padding: 0 10px;
  }

  .search-toggler {
    width: 24px;
    height: 24px;
  }

  .search-toggler svg {
    -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(101%);
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(101%);
  }

  .row.bottomcontent {
    display: flex;
    flex-direction: column-reverse;
  }

  .account>a>span {
    font-size: 0px !important;
  }

  .account>a>img {
    -webkit-filter: invert(99%) sepia(1%) saturate(2998%) hue-rotate(210deg) brightness(120%) contrast(100%);
    filter: invert(99%) sepia(1%) saturate(2998%) hue-rotate(210deg) brightness(120%) contrast(100%);
    display: unset;
  }

  .header-icons {
    width: unset;
  }

  #search {
    width: 100vw !important;
  }

  .mg-menu-container::after {
    content: unset !important;
  }

  .news-form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .news-form>input,
  .news-form>button {
    width: 100% !important;
  }

  #menu .mg-menu-container {
    padding-left: unset;
    padding: 20px !important;
  }

  #menu .mg-menu-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .carousel0_container .swiper-slide .wrapped_in_link:before {
    background-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.36) 100%);
  }

  .solid-header.filters_reached_top.sticky_enabled .open_mobile_filters {
    top: 0 !important;
    margin-top: 0;
  }
}

.breadcrumb>li {
  white-space: unset;
}

@media (min-width: 901px) {
  .additional_images .slick-list {}
}

@media (max-width: 901px) {
  #product-product .images_container .main-product-label {
    left: 0px;
  }
}

@media (max-width: 980px) {
  .html-home-1 {
    align-items: flex-start;

    flex-direction: column-reverse;
  }

  .html-home-1 .html-content,
  .html-home-1 .hmtl-img {
    width: unset !important;
  }

  .html-home-1 .hmtl-img img {
    width: 100%;
    height: auto;
  }

  .product-thumb .button-group button {
    visibility: visible;
    opacity: 1;
  }

  .row.bottomcontent .col-md-6:first-child {
    padding: 0;
  }

  .bottomcontent img {
    padding: 0;
    width: 100%;
  }
}

@media (min-width: 769px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    padding: 0px !important;
  }



  .ytvideo iframe {
    width: 100%;
    position: relative;
    left: 0;
    top: 50px;
  }
}

@media (max-width: 1200px) and (min-width: 769px) {
  .view_more {
    display: none;
  }

  #header_logo_section {
    min-width: 130px;
  }

  #search {
    width: 100%;
  }

  .header-icons {
    gap: 20px !important;
    justify-content: center;
  }

  .account a>img {
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
    display: unset;
  }

  .account a>span {
    font-size: 0px;
  }
}

.html-home-1 .html-content a:hover {
  background-color: transparent;
  border-color: var(--accent2);
}

.module_product_tabs .nav-tabs>li:hover>a {
  background: var(--accent2) !important;
  color: white !important;
}

#error-not-found .buttons {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

span.desc-title {
  font-weight: bold;
}

.module_product_tabs:not(.layout_2_tabs) .nav-tabs {
  justify-content: center;
}

.module_product_tabs:not(.layout_2_tabs) .nav-tabs>li {
  width: 30%;
}