/* @font-face {
  font-family: 'Ysabeau_Infant';
  src: url('../stylesheet/font/Ysabeau_Infant/YsabeauInfant-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Alegreya_SC";
  src: url("../stylesheet/font/Alegreya_SC/AlegreyaSC-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Alegreya_SC";
  src: url("../stylesheet/font/Alegreya_SC/AlegreyaSC-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Alegreya_SC";
  src: url("../stylesheet/font/Alegreya_SC/AlegreyaSC-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Alegreya_SC";
  src: url("../stylesheet/font/Alegreya_SC/AlegreyaSC-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Alegreya_SC";
  src: url("../stylesheet/font/Alegreya_SC/AlegreyaSC-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

 */




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

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

* {
  letter-spacing: normal !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;
}

.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;
}

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

#common-home #content .html_section .html-home-1 .html-content>a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 25px;
  line-height: 1;
  background: var(--accent2);
  display: inline-block;
  margin-top: 40px;
  transition: all .12s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#common-home #content .html_section .html-home-1 .html-content>a:hover {
  background: white !important;
  color: var(--accent2) !important;
}

/*    -->                                                                                                                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: #051838;
  --accent2: #3e5987;
  --accent3: #241e20;
  --accent3: #fff;
  --accent4: #e7eef7;
}

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

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

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

/*    -->                                                                                                                                          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 > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header+.container .btn:not(#compare-total):not(#grid-view):not(#list-view):not([data-toggle="tooltip"]) {
  padding: 0px 15px;
  font-size: 16px;
  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(--accent1);
  text-shadow: none !important;
  letter-spacing: normal;
  line-height: 1;

  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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 > FOR PRODUCTS OUT OF STOCK                  
[2]   =========================================================================================================== */

.product-thumb.out_of_stock .btn-primary,
.product-thumb.out_of_stock .cart_options_button,
.product_info_section.out_of_stock #button-cart {
  opacity: .25 !important;
  pointer-events: none;
}

/*    -->                                                                            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,
header+.container .btn-default,
header+.container .btn-default * {
  transition: all 0.12s;
  border-color: var(--accent2) !important;
  font-weight: 600 !important;
  white-space: normal;
}



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,
header+.container .btn-default:hover {
  background: var(--accent2) !important;
  color: white !important;
  border-color: var(--accent2) !important;

}

header+.container .btn-default:hover * {
  /* fill: white !important; */
  -webkit-filter: brightness(100) !important;
  filter: brightness(100) !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 {
  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;
}

/*    -->                                                                                                                                         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;
  /* 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 {
  color: #000000 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  /* letter-spacing: 1px; */
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
  text-transform: uppercase !important;
  /* width: -webkit-fit-content !important; */
  /* width: -moz-fit-content !important; */
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0px 15px 5px;
}

/*    -->                                                                    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: column;
  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 HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

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

header {
  width: 100%;
}

/* .top_bar_container {
  display: flex;
  justify-content: space-between;
  background: var(--accent1);
  padding: 0px 15px;
  z-index: 2;
  position: relative !important;
  display: flex;
  align-items: center;
  height: 30px;
}

.top_bar_container>div {
  display: flex;
  align-items: center;
  gap: 10px
}

.top_bar_container>div * {
  color: white;
  line-height: 1;
}

.top_bar_container .icon_container {
  height: 30px;
  display: flex;
  align-items: center;
}

.top_bar_container svg {
  height: 25px;
  padding: 0px 3px;
  -webkit-filter: invert(100);
  filter: invert(100);
} */



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

header .usp_wrapper {
  min-height: 38px !important;
  position: relative;
  background: var(--accent1);
  width: 100%;
  height: auto !important;
  box-shadow: None !important;
  padding-inline: 0px !important;
}

header .usp_group {
  background: var(--accent1);
  display: flex;
  width: 100%;
  color: white;
  justify-content: center;
  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: var(--accent1);
}

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: 12px;
  text-transform: uppercase;
}

header .usp_group .item svg {
  width: 25px;
  filter: invert(100) !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;
  }

  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 > COMMON 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                                HEADER > COMMON > COLORS
[2]   =========================================================================================================== */



#language_selection>button {
  color: black;
}

#header_icons_section .hd-icons {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

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

header {
  position: relative;
  z-index: 99;
  --headerIconsSectionWidth: 400px;
  --headerLogoSectionWidth: 230px;
}

header>.container {
  width: 100vw;
  box-shadow: 10px -1px 22px rgba(0, 0, 0, 0.5);
  background: var(--accent3) !important;
  /* height: 95px; */
  height: auto;
}

body>.container {
  /* margin-top: 95px !important; */
}

@media (max-width: 768px) {
  header>.container {
    padding: 0px;
    height: 55px;
  }

  body>.container {
    /* margin-top: 55px !important; */
  }
}

header>.container>.row {
  display: flex !important;
  align-items: center !important;
  padding: 0px;
  /* padding-top: 10px; */
  width: var(--maxContainerWidth);
  margin: 0 auto;
  max-width: 100% !important;
}

#header_logo_section {
  width: var(--headerLogoSectionWidth);
  padding: 0px !important;
}

#header_icons_section {
  width: var(--headerIconsSectionWidth) !important;
  padding: 0px;
  margin: 0px !important;
}

#header_menu_section {
  width: calc(100vw - var(--headerLogoSectionWidth));
  padding: 15px 15px 8px 15px !important;
  gap: 11px 0px;
  display: flex;
  flex-direction: column;
}

/*    -->                                                                                                                                      HEADER > ONLY SOLID
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

html.solid-header header>.container {
  background: #fff;
  position: relative;
}

html.solid-header header>.container:before {
  opacity: 0;
  visibility: hidden;
}

html.solid-header header>.container>.row {
  padding: 0px 0px;
  /* padding-top: 10px; */
  margin: 0 auto;

  width: var(--maxContainerWidth) !important;
  max-width: 100% !important;
}

/*    -->                                                                                                                                       HEADER > STICKINESS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                              HEADER > STICKINESS > SETUP                
[2]   =========================================================================================================== */
header>.container,
#top-bar,
html.sticky_enabled header>.container:before,
header>.container>.row {
  transition: all 0.3s;
}

html.home.sticky_enabled header>.container,
html.product-category.sticky_enabled header>.container {
  position: fixed;
}

/* header > .container:before {
  content: "" !important;
  width: 100vw !important;
  height: 125px;
  display: block !important;
  position: absolute !important;
  z-index: -1;
  top: 0px;
  left: 0px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
} */
/*    -->                                                                           HEADER > STICKINESS > ENABLED                
[2]   =========================================================================================================== */
html.sticky_enabled header>.container {
  background: #fff;
}

html.sticky_enabled header>.container>.row {
  /* padding-top: 10px !important; */
  padding-bottom: 0px !important;
}

html.sticky_enabled header>.container:before {
  opacity: 0;
  visibility: hidden;
}

html.sticky_enabled header #top-bar {
  max-height: 0px;
}

/*    -->                                                                                                                                         HEADER > TOP BAR 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#top-bar {
  background: black;
  color: white;
  margin: 0px;
  display: flex !important;
  width: 100vw !important;
  justify-content: center;
  max-height: 30px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 14px;
  overflow: hidden;
}

#top-bar p {
  margin: 0px;
}

#top-bar a {
  color: white;
}

#top-bar strong {
  margin: 0 4px !important;
  font-size: 13px;
  letter-spacing: 1.87px;
}

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

#header_logo_section {
  /* width: clamp(120px, 15vw, 300px); */
  padding: 0px !important;
  width: 300px;
}

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

header #logo img {
  max-width: unset;
  width: 100%;
}

/*    -->                                                                                                                                 HEADER > SEARCH SECTION 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media(min-width: 769px) {

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

  #search .search-input-cont .input-group-btn {
    width: auto;
  }

  .search-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
  }


  #search input {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }


  #search .btn.btn-default.btn-lg .svg-icon.search-icon {
    margin-right: 15px;
    -webkit-filter: brightness(0);
    filter: brightness(0);
  }

  #search input,
  #search .btn.btn-default.btn-lg {
    background-color: RGBA(216, 216, 216, 0.2);
  }

  div#search input {
    color: black !important;
    padding: 0 20px !important;
    border-color: transparent !important;
    font-size: 15px;
  }

  div#search input::-webkit-input-placeholder {
    color: black;
  }

  div#search input::-moz-placeholder {
    color: black;
  }

  div#search input:-ms-input-placeholder {
    color: black;
  }

  div#search input::-ms-input-placeholder {
    color: black;
  }

  div#search input::placeholder {
    color: black;
  }

  .live-search-div {
    border: none !important;
    padding: 0px !important;
    width: 850px !important;
    max-width: 100vw !important;
    margin-top: unset !important;
    box-shadow: unset !important;
  }

  .live-search-div ul {
    max-height: 500px;
    overflow: auto;
    /* padding-bottom: 40px !important; */
  }

  .live-search-div li a {
    width: 100%;
  }

  .live-search-div li {
    width: 100%;
    min-height: unset !important;
    display: flex;
    min-width: 100%;
    gap: 10px;
    padding: 15px 10px !important;
    margin: unset !important;
  }

  .live-search-div ul li .product-price .price {
    font-size: 16px;
    color: black;
  }

  .live-search-div ul li .product-name {
    color: black;
  }

  .live-search-div ul li .product-image {
    margin-right: 15px !important;
  }

  .live-search-div ul li:hover {
    background-color: #ffeaeb !important;
  }

  .live-search-div .result-text {
    background-color: var(--accent1) !important;
    padding: 10px 0;
    font-size: 14px !important;
  }

  #search svg {
    -webkit-filter: invert(8%) sepia(81%) saturate(6728%) hue-rotate(353deg) brightness(96%) contrast(93%);
    filter: invert(8%) sepia(81%) saturate(6728%) hue-rotate(353deg) brightness(96%) contrast(93%);
  }

  #search .btn-lg {
    margin-left: unset !important;
  }

  .search-cont {
    width: 100%;
  }






  /*    -->                                                                                                                           HEADER > SEARCH > LIVE RESULTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

  /*    -->                                                                 HEADER > SEARCH > LIVE RESULTS > DIMMER                        
[2]   =========================================================================================================== */

  .search_enabled body:before {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }


  /*    -->                                                              HEADER > SEARCH > LIVE RESULTS > CONTAINERS                        
[2]   =========================================================================================================== */

  .live-search-div {
    padding: 15px;
  }

  .live-search-div ul {
    scrollbar-width: thin;
    scrollbar-color: var(--accent1) #ededed;
  }

  .live-search-div ul::-webkit-scrollbar {
    width: 3px;
  }

  .live-search-div ul::-webkit-scrollbar-track {
    background: #ededed;
  }

  .live-search-div ul::-webkit-scrollbar-thumb {
    background-color: var(--accent1);
    border-radius: 0px;
    border: 3px none #ffffff;
  }

  .live-search-div ul {
    max-height: 560px;
    overflow: auto;
  }

  .search-cont {
    position: relative
  }

  .live-search-div {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2) !important;
    border-radius: 0px !important;
    padding: 15px 15px 0px 15px !important;
    top: 100%;
    width: calc(100% + 20px) !important;
    max-width: unset;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transition: all 0.4s;
    transition-delay: 0s;
    max-width: 480px !important;
    width: 100%;
    width: 100% !important;
  }

  .live-search-div[style*="block"] {
    transition-delay: 0.4s;
    top: 100% !important;
    opacity: 1;
    visibility: visible !important;
  }

  /*    -->                                                                  HEADER > SEARCH > LIVE RESULTS > ITEMS                        
[2]   =========================================================================================================== */

  /*    -->           HEADER > SEARCH > LIVE RESULTS > ITEMS > LAYOUT                          
[3]   ------------------------------------------------------------- */

  .live-search-div ul li {
    cursor: pointer;
    padding: 15px 15px 12px 15px;
    border-bottom: 1px solid #d8d8d8;
    margin: 0px 0px 0px 0px !important;
    background: white !important;
    transition: all 0.4s;
    width: calc(100% - 15px);
    height: auto !important;
  }

  .live-search-div ul li:hover {
    border-color: var(--accent2) !important;
  }

  .live-search-div ul li a {
    display: grid !important;
    grid-template-columns: 138px 1fr;
    grid-template-areas:
      "image name"
      "image description "
      "image price";
    grid-gap: 5px 12px;
    width: 100%;
  }

  .live-search-div ul li a>div {
    float: none !important;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  /*    -->            HEADER > SEARCH > LIVE RESULTS > ITEMS > IMAGE                          
[3]   ------------------------------------------------------------- */

  .live-search-div .product-image {
    grid-area: image;
  }

  /*    -->             HEADER > SEARCH > LIVE RESULTS > ITEMS > NAME                          
[3]   ------------------------------------------------------------- */

  .live-search-div .product-name {
    grid-area: name;
    font-size: 15px;
    color: #000;
    line-height: normal !important;
    font-weight: normal !important;
    margin-top: 0px !important;
    width: 100% !important;
  }

  /*    -->      HEADER > SEARCH > LIVE RESULTS > ITEMS > DESCRIPTION                          
[3]   ------------------------------------------------------------- */

  .live-search-div .product-description {
    grid-area: description;
    font-size: 15px;
    color: #737373;
    line-height: normal !important;
    margin-top: 0px !important;
    display: none;
  }

  /*    -->             HEADER > SEARCH > LIVE RESULTS > ITEMS > MODEL                          
[3]   ------------------------------------------------------------- */

  .live-search-div .product-model {
    grid-area: model;
    font-size: 15px;
    color: var(--accent2);
    font-weight: 600 !important;
    margin-top: 0px !important;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    display: none !important;
  }

  .live-search-div .product-model .product-model-value {
    margin-left: 5px;
  }

  /*    -->            HEADER > SEARCH > LIVE RESULTS > ITEMS > PRICE                          
[3]   ------------------------------------------------------------- */

  .live-search-div .product-price {
    grid-area: price;

    width: 100% !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 13px;
  }

  .live-search-div .product-price * {
    line-height: 1 !important;
  }

  .live-search-div .product-price .price {
    display: flex !important;
    font-size: 22px;
    color: black !important;
    font-weight: bold;
    justify-content: flex-end;
    align-items: flex-end !important;
    justify-content: flex-end;
  }

  .live-search-div .product-price>.special {
    /* margin-top: -5px; */
    color: #8a8a8a !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: line-through;
    margin-bottom: 1px;
  }

  /*    -->                                                              HEADER > SEARCH > LIVE RESULTS > VIEW MORE                      
[2]   =========================================================================================================== */

  .live-search-div .result-text {
    position: relative !important;
    background: transparent !important;
  }

  .live-search-div .result-text .view-all-results {
    background: transparent !important;
    font-weight: 600 !important;
    color: #000 !important;
    font-size: 14px !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-transform: uppercase;
    padding: 38px 0px;
  }

  .live-search-div .result-text .view-all-results>span {
    border-bottom: 1px solid #dfdfdf;
    padding: 0px 5px 2px 5px;
    transition: all 0.4s;
  }

  .live-search-div .result-text:hover .view-all-results>span {
    border-color: var(--accent2);
  }

}


/*    -->                                                                                                                                             HEADER > MOBILE SEARCH UPDATE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */





@media(max-width: 768px) {



  .mobile_menu_item_search {
    display: none !important;

  }

  .search-toggler svg {

    cursor: pointer !important;
  }
}


/*    -->                                                                                                                                             HEADER > SEARCH > MOBILE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(min-width: 769px) {
  #search_contents {
    display: none !important;
  }
}

@media(max-width: 768px) {



  .close-search-toggler {
    display: None !important;
  }

  #search .btn.btn-default.btn-lg {
    border-radius: 0px !important;
  }

  #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(--accent2);
  }

  .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 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    z-index: 999;
    padding: 0px 20px;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
  }


  #search_contents #search {
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }

  .live-search-div {
    top: 110px !important;
    padding: 5px 0 40px !important;
    width: calc(100vw - 50px) !important;
    /* max-height: 300px;

    overflow: auto; */
  }

  .live-search-div ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .live-search-div ul {
    max-height: 300px;
    overflow: auto;
  }

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

  .live-search-div ul li a {
    display: flex !important;
    width: 100%;
    align-itmes: flex-start;
    gap: 10px
  }

  .live-search-div .product-image img {
    border: 1px solid #ccc;
    height: 70px
  }

  .live-search-div ul li .product-name {
    font-weight: normal !important;
    line-height: normal !important;
    color: #666;
    font-size: 14px
  }

  .live-search-div ul li .product-price {
    width: 100% !important;
    text-align: left !important;
    font-size: 15px !important;
    display: none
  }

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

  .live-search-div .result-text {
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 15px !important;
    background: var(--accent1) !important;
  }



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

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

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

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

  #search {
    margin-bottom: 0px !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: 25px !important;
    padding-left: 25px;
    border-bottom: 1px solid var(--accent1) !important;
    color: var(--accent1);
    font-weight: bold;
    font-style: italic;
  }

  #search .btn.btn-default.btn-lg {
    border-bottom: 1px solid var(--accent1) !important;
    height: 55px;
    width: 100%;
  }

  #search .btn-lg svg {
    width: 30px !important;
    height: 30px !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;
  }

  .live-search-div ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

}





























/*    -->                                                                                                                                    HEADER > MENU SECTION  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.container.main-menu {
  width: 100%;
}

#menu {
  background: none;
  border: none !important;
  min-height: unset !important;
}

/*    -->                                                             HEADER > MENU SECTION > MAIN LIST CONTAINER             
[2]   =========================================================================================================== */
.navbar {
  margin-bottom: 0px;
}

#menu .nav.navbar-nav {
  height: 100%;
  justify-content: space-evenly;
  /* gap: 30px; */
}

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

#menu .navbar-collapse {
  padding: 0px;
}

#menu .navbar-collapse:before,
#menu .navbar-collapse:after {
  display: none;
}

/*    -->                                                                  HEADER > MENU SECTION > MAIN LIST ITEM            
[2]   =========================================================================================================== */
#menu .nav.navbar-nav>li {
  display: flex;
  align-items: center;
  flex: unset;
  justify-content: center;
}

#menu .nav.navbar-nav>li>a {
  text-shadow: none;
  letter-spacing: normal;
  padding: 0px 5px;
  line-height: normal;
  /* width: 100%; */
  /* height: 30px; */
  justify-content: center;
  align-items: center !important;
  display: flex;
  text-align: center;
  font-size: 17px;
  color: black !important;
}

/*    -->            HEADER > MENU SECTION > MAIN LIST ITEM > HOVER                                           
[3]   ------------------------------------------------------------- */
/* 
#menu .nav.navbar-nav > li.dropdown::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 10px 0 10px;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 100%;
  opacity: 0;
} */

/* #menu .nav.navbar-nav > li,
#menu .nav.navbar-nav > li > a,
#menu .nav.navbar-nav > li::after {
  transition: all 0.5s !important;
} */

/* #menu .nav.navbar-nav > li:hover {
  background: black;
} */

#menu .nav.navbar-nav>li>a {
  border-bottom: 2px solid transparent;
  transition: all .12s;
  padding-bottom: 2px;
}

#menu .nav>li>a:hover {
  background-color: transparent;
}

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

/* #menu .nav.navbar-nav > li:hover:after {
  border-width: 10px 10px 0 10px;
  opacity: 1;
} */

/*    --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN (FLAGGED IN CUSTOM JS)                                           
[3]   ------------------------------------------------------------- */

@media (min-width: 768px) {
  /*    --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN > LAYOUT */

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout {
    position: relative !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu {
    position: absolute;
    left: auto !important;
    right: auto !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner {
    width: 250px !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner .mg-menu-cont {
    width: 100% !important;
    max-width: 100% !important;
    max-height: unset !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-right: 0px !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner .mg-menu-cont .mg-menu-item-title a span {
    font-weight: normal !important;
    font-size: 16px !important;
  }

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu:after {
    display: none !important;
  }

  /*    --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN > BANNER */

  #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .see-all {
    display: none;
  }
}

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

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

/*    -->                   HEADER > MEGA MENU > LAYOUT > CONTAINER              
[3]   ------------------------------------------------------------- */
@media (min-width: 769px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    display: flex !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.15s !important;
    z-index: -1;
    transform: translateY(10px);

    padding: 20px 20px !important;

    --megaMenuBanner: 435px;
    height: 556px;
    min-height: 620px !important;
    max-height: calc(100vw - 95px) !important;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu::before {
    content: "";
    background: white;
    background-position-x: 0%;
    background-position-y: 0%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 0.6;
  }




  .navbar-nav>.dropdown>.mega-menu:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

    z-index: -1;


    background-image: url("https://koziotis.sitesd4u.gr/image/catalog/__assets2/cut/logos/logo-new-koziotis.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: 75% center !important;
    background-size: 50% !important;

    opacity: .04
  }

  /* HEADER > MEGA MENU > LAYOUT > CONTAINER > ENABLED */

  #menu .nav.navbar-nav>li.dropdown:hover>.mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s 0.1s !important;
    transform: translateY(-1px);
  }

  .dropdown-menu.mega-menu .dropdown-inner {
    width: calc(100% - var(--megaMenuBanner));
    display: flex !important;
  }
}

/*    -->                                                                       HEADER > MEGA MENU > LISTS SECTION                     
[2]   =========================================================================================================== */

#menu .mg-menu-container {
  /* background-color: #e3ede4; */
  /* background-color: background-color: #e3ede4; */
  background-color: #edf1fe;
  display: flex;
  flex-direction: column;
  /* max-height: calc(100% - 55px); */
  width: 100%;
  width: calc(100% / 3);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 30px 0px 30px 40px;
  position: relative;
  align-content: flex-start;
  /* gap: 10px; */
  padding-left: 120px;
  /* overflow: auto;
  overflow-x: hidden; */
}


@media(min-width: 769px) {
  .navbar-nav>li .mg-menu-container {
    flex-wrap: wrap;
    gap: 0px 10px
  }

  .mg-menu-cont {
    width: 50% !important;
  }
}

@media(max-width: 768px) {
  #menu .mg-menu-container {
    gap: 10px
  }
}

/* GRID FOR SPECIFIC CATEGORIES! */
/* @media(min-width:769px) {

  #menu ul.nav.navbar-nav>li:nth-child(1) .mg-menu-container,
  #menu ul.nav.navbar-nav>li:nth-child(5) .mg-menu-container {
    display: grid;
    grid-template-columns: auto auto auto;
  }
} */

#menu .dropdown-inner a:hover {
  /* color: var(--accent2); */
  /* font-weight: bold; */
  /* font-size: 16px !important; */
}

/* .mg-menu-container::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #edf1fe;
  border-bottom: 20px solid transparent;
} */

#menu .mg-menu-cont {
  /* margin-top: 20px;
  margin-bottom: 20px; */
  width: 100%;
  /* width: fit-content; */
  /* padding-right: 15px; */
  /* max-height: calc(100% - 30px); */
  /* padding-block: 9px; */
}




/*    -->               HEADER > MEGA MENU > LISTS SECTION > COMMON                 
[3]   ------------------------------------------------------------- */

#menu .mg-menu-container a {
  line-height: normal !important;
}

#menu .dropdown-inner a {
  padding: 4px 10px;
  color: black;
  transition: all 0.12s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* #menu .mg-menu-container a:hover {
  background: var(--accent1);
} */

/*    -->               HEADER > MEGA MENU > LISTS SECTION > PARENTS                    
[3]   ------------------------------------------------------------- */

.mg-menu-item-title {
  margin: 0px;
}

/* #menu .mg-menu-cont:hover {
  background: white;
} */
.mg-menu-cont .mg-menu-item-title>a {
  padding: 6px 8px !important;
}

.navbar-nav>.dropdown>.mega-menu>.dropdown-inner>.mg-menu-container>.mg-menu-cont,
.navbar-nav>.dropdown>.mega-menu>.dropdown-inner>.mg-menu-container>.mg-menu-cont>.mg-menu-item-title,
.navbar-nav>.dropdown>.mega-menu>.dropdown-inner>.mg-menu-container>.mg-menu-cont>.mg-menu-item-title>a {
  width: 100% !important;
}

.navbar-nav>.dropdown>.mega-menu>.dropdown-inner>.mg-menu-container>.mg-menu-cont>.mg-menu-item-title>a {
  min-height: 40px;
  display: flex !important;
  align-items: center
}


.mg-menu-item-title>a span {
  font-size: 15px;
  color: black;
  transition: 0.1s;
  /* font-weight: bold !important; */
  display: block;
  transform-origin: left center;

}

.mg-menu-cont.activated .mg-menu-item-title>a {
  background: white;
  display: flex;
  align-items: center;
}

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








.mg-menu-item-children-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap !important;
  max-height: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  transition: 0.3s;
  left: 100%;
  padding-left: 30px;
  width: 100%;
  gap: 5px;
  transform: translateX(-10px);
  padding-bottom: 30px;
}

/* #menu .mg-menu-cont:hover .mg-menu-item-children-list {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
} */
@media(min-width: 769px) {



  #menu .nav.navbar-nav>li.dropdown:hover .mg-menu-cont.activated .mg-menu-item-children-list {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
  }

  /* .dropdown-inner .mobile_parent_link {
    display: block !important;
    font-weight: bold !important;
    background: var(--accent1);
    color: white !important;
    padding: 10px 15px !important;
    transition: all .12s;
    border: 1px solid var(--accent1);
    margin-bottom: 10px;


  } */

  #menu .mg-menu-cont h3 a span {
    transition: all .12s;
  }

  .dropdown-inner .mobile_parent_link:hover {
    color: var(--accent1) !important;
    background: white;
  }
}

#menu .mg-menu-cont:hover h3 a span {
  color: var(--accent1) !important;
  /* font-weight: bold !important; */
  /* font-size: 16px !important; */
  /* transform: scale(3) !important; */
  /* text-shadow: 0 0 1px var(--accent2); */
  /* font-weight: normal !important; */
  /* transform: scale(1.05) !important; */

}

/*    -->                                                                     HEADER > MEGA MENU > BANNER SECTION                     
[2]   =========================================================================================================== */

.dropdown-menu.mega-menu .see-all {
  width: calc(var(--megaMenuBanner) + 40px);
  padding: 30px !important;
  box-sizing: content-box !important;
}

/*    -->                                                                                                                                   HEADER > ICONS SECTION  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                         HEADER > ICONS SECTION > LAYOUT                    
[2]   =========================================================================================================== */
#header_icons_section {
  margin-left: auto;
  float: none;
}

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

/*    -->                                                                         HEADER > ICONS SECTION > COMMON                        
[2]   =========================================================================================================== */
header .hd-icons {
  margin-bottom: 0px !important;
}

#header_icons_section>ul>li {
  display: flex;
  align-items: center;
}

/*    -->              HEADER > ICONS SECTION > COMMON > SEPARATORS                     
[3]   ------------------------------------------------------------- */
#header_icons_section .header-icon-men:after {
  height: 27px;
  width: 1px;
  background: var(--accent1);
  content: "";
  /* margin-left: 24px;
  margin-right: 12px; */

  margin-left: 17px;
  margin-right: 5px;
}

/*    -->                 HEADER > ICONS SECTION > COMMON > SUBTEXT                     
[3]   ------------------------------------------------------------- */
#header_icons_section>ul>li>a>span,
#cart-title {
  display: none !important;
}

/*    -->                                                                       HEADER > ICONS SECTION > LANGUAGE                    
[2]   =========================================================================================================== */
#language_selection {
  display: flex;
  align-items: center;
}

#form-language {
  margin-bottom: 0px;
}

#language_selection>button {
  margin-top: 0px !important;
  text-transform: uppercase;
  outline: none !important;
  font-family: var(--font1) !important;
  font-size: 15px !important;
  padding: 0px;
  font-weight: 600;
}

/*    -->  HEADER > ICONS SECTION > LANGUAGE > FLAG ACTIVE LANGUAGE                       
[3]   ------------------------------------------------------------- */
html[lang="el"] #language_selection>button[name="el-gr"] {
  font-weight: bold;
  color: var(--accent1);
}

html[lang="en"] #language_selection>button[name="en-gb"] {
  font-weight: bold;
  color: var(--accent1);
}

/*    -->             HEADER > ICONS SECTION > LANGUAGE > SEPARATOR                       
[3]   ------------------------------------------------------------- */
#language_selection>button:first-child:after {
  content: "";
  background: white;
  height: 11px;
  width: 1px;
  display: inline-block;
  margin-right: 4px;
  margin-left: 2px;
}

/*    -->                                                                         HEADER > ICONS SECTION > SEARCH
[2]   =========================================================================================================== */
#search-toggle {
  position: relative;
}

#search-toggle img {
  border-radius: 100%;
  padding: 5px;
  transition: all 0.2s;
  box-sizing: content-box;
  margin-right: -7px;
}

#search {
  width: 390px;
  max-width: 100vw !important;
  margin-bottom: 0px;
}



/*    -->  HEADER > ICONS SECTION > SEARCH LAYOUT UPDATE > CONTENTS > RESULTS > NO RESULTS > TRANSLATIONS */

/* html[lang="en"] .live-search-div */

/*    -->                                                                       HEADER > ICONS SECTION > LANGUAGE                    
[2]   =========================================================================================================== */

#header_icons_section>ul>li.dropdown .dropdown-menu {
  padding: 5px;
  border-radius: 0px;
}

#header_icons_section>ul>li.dropdown .dropdown-menu * {
  color: black;
  font-size: 14px;
}

#header_icons_section>ul>li.dropdown .dropdown-menu>li>a {
  padding: 8px 12px;
  background: #eee;
  transition: all 0.14s;
  width: 100%;
}

#header_icons_section>ul>li.dropdown .dropdown-menu>li:not(:first-child) {
  margin-top: 3px;
}

#header_icons_section>ul>li.dropdown .dropdown-menu>li>a:hover {
  background: var(--accent2);
}

/*    -->                                                                       HEADER > ICONS SECTION > LANGUAGE                    
[2]   =========================================================================================================== */

#form-language>.btn-group>button {
  color: white !important;
  text-decoration: none !important;
  font-size: 15px !important;
}

/*    -->                                                                        HEADER > ICONS SECTION > CONTACT                     
[2]   =========================================================================================================== */

#header_icons_section .contact_us_icon a {
  line-height: 1 !important;
}

#header_icons_section .contact_us_icon svg {
  width: 22px !important;
  height: 22px !important;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  margin-left: auto;
  margin-right: auto;
}

/*    -->                                                                        HEADER > ICONS SECTION > ACCOUNT                  
[2]   =========================================================================================================== */

.header-icons>.account:hover>.dropdown-menu {
  display: block;
}

/*    -->                                                                           HEADER > ICONS SECTION > CART                     
[2]   =========================================================================================================== */
#header_icons_section #cart-total {
  background: white !important;
  color: black !important;
}

#header_icons_section #cart>button>svg {
  width: 22px;
  height: 22px;
  fill: white;
  margin-top: 5px;
}

/*    -->                                                                                                                                        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;
  left: 0px !important;
}

/*    -->                     HEADER > MINICART > LAYOUT > SECTIONS
[3]   ------------------------------------------------------------- */

#cart .dropdown-menu>* {
  height: auto !important;
}

#cart .dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
}

#cart .dropdown-menu>li.top-section {
  overflow: hidden !Important;
  /*   background: green; */
}


#cart .dropdown-menu>li.top-section .minicart_content {
  /*   background: blue; */
  overflow: auto !important;
  /*   border: 2px solid yellow; */
  max-height: calc(100% - 100px) !Important;
  margin-bottom: auto
}

#cart .dropdown-menu>li.bottom-section {
  height: auto;
  /*   background: var(--accent1) !important; */
  position: relative !important;
  margin-top: auto !important;
  border-top: 1px solid #ccc;
  padding-top: 40px;
}

.bottom-section .container .totals>div .total-title,
.bottom-section .container .totals>div .total-text {
  color: black
}

/*    -->                    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));
}

/*    -->                                                                               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: var(--accent2);
  font-size: 12.79px;
  line-height: 15px;
  text-align: center;
  font-family: var(--font1);
  text-transform: uppercase;
  font-weight: 600;
}

.minicart_intro .subtitle {
  font-family: var(--font1);
  color: #000000;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  font-weight: bold;
  letter-spacing: none !important;
}

/*    -->                         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: var(--accent3);
  width: 100%;
  padding: 25px 20px;
}

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

/*    -->              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);
  /* transition: all 0.2s; */
}

#cart .dropdown-menu .cart-footer>a:first-child:hover {
  background: black !important;
  border-color: black !important;
}

#cart .dropdown-menu .cart-footer>a:last-child {
  border: 1px solid var(--accent2);
  background: none;
  transition: all 0.2s;
  color: var(--accent2);
}

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


/*** SVG CHANGE COLOR**/
div#cart svg * {
  fill: black
}



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

footer {
  background: var(--accent1);
  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 {
  max-width: 100%;
  padding: 45px 0px 0px;
  width: var(--maxContainerWidth) !important;
  /* padding: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important; */
}

footer .links-row {
  display: flex;
}

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

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

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

footer .footer-column h5 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  color: #8ba4cd;
}

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


.contact_info_column svg {
  width: 20px;
  height: 20px;
  -webkit-filter: invert(100);
  filter: invert(100);
  vertical-align: middle;
  margin-right: 5px
}

/*    -->                                                                                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: 10px 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: #8ba4cd;
  }
}

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

/*    -->                                                                                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: 20px;
}

.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-column .newsletter_section .news-form input#email::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-column .newsletter_section .news-form input#email:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white !important;
}

.footer-column .newsletter_section .news-form input#email::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white !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: var(--accent2);
  line-height: 1 !important;
  color: white;
}


.footer-column .newsletter_section .news-form #subscribe:hover {
  background: white !important;
  color: var(--accent2) !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: 55px;
}

.footer-column .socials_section a {
  margin-right: 30px !important;
}

.footer-column .socials_section svg {
  /* width: 10px; */
  fill: white;
  height: 17px;
  transition: all .12s;
}

.footer-column .socials_section a:last-child svg {
  height: 20px;
}

.footer-column .socials_section a:hover svg {
  fill: var(--accent2);
}

/*    -->                                                                                                                                     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;
  padding: 0px 15px;
}

.powered_by>div {
  display: flex;
  align-items: center;
  gap: 0px 7px;
  text-transform: uppercase;
}

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

.powered_by>div>a {
  background: rgba(0, 0, 0, .3) !important;
  padding: 5px 10px;
  border-radius: 5px;
  transition: all .12s;
}

.powered_by>div>a:hover {
  background: rgba(0, 0, 0, .6) !important;
}

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

.payments-row {
  background: white;
  height: 54px;
  display: flex;
  align-items: center;
  /* width: 100vw; */
  /* margin-left: calc(0px - var(--FooterSidePadding)); */
  padding: 0 max(20px, calc((100vw - var(--maxContainerWidth)) / 2));
  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%);
}

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

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

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

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

#common-home #content .container {
  width: var(--maxContainerWidth);
  max-width: 100%;
  padding-left: 0px !important;
  padding-right: 0px !important;
}


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

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


#common-home .heading-carousel {
  padding-top: 0px !important
}

#common-home .home_category_carousel {
  margin-top: 120px;
}

#common-home .product-carousel-1 {
  padding-bottom: 0px !important;
}

#common-home #content>.html_section {
  margin-top: 100px;
}

#common-home .manufacturer_section {
  margin-bottom: 0px;
  margin-top: 120px;
}

#common-home #banner0 {
  margin-top: 80px;
}

#common-home .home_banners {
  margin-top: 120px;
}

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

#common-home .row.latest-posts {
  margin-top: 80px;
}


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

#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: absolute;
  bottom: 30px;
}

#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: var(--accent2);
}

/*    -->                                                                                  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;
}

#carousel0 .wrapped_in_link {
  width: 100%;
}

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

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

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

.carousel0_container {
  /* padding: 0px calc((100vw - var(--maxContainerWidth)) / 2); */
  /*   border:1px solid red; */
}

#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%);
  transform: translateY(-14px) !important;
}

.swiper-pager>div:hover::before {
  color: var(--accent1) !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: 25px;
}

.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;
  /* font-weight: bold; */
}

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

.carousel0_container .swiper-slide .text_container .swiper-slide-link {
  /* font-family: var(--font2); */
  font-size: 16px;
  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: 0px 25px;
  max-height: unset;
  background-color: var(--accent1);
  letter-spacing: 0.8px;
  height: 50px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.carousel0_container .swiper-slide .text_container .swiper-slide-link:hover {
  background-color: var(--accent2);

}

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: 20px !important;
  opacity: 1;
}

/*    -->                                                                                                                       HOME > HTML SECTION (TEXT & IMAGE)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                            HOME > HTML SECTION > LAYOUT                         
[2]   =========================================================================================================== */

#common-home #content .html_section {
  width: 100%;
}

#common-home #content .html_section .html-home-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #001536;
  align-items: stretch;
  /* Add this line */

}

/*    -->                                                                           HOME > HTML SECTION > CONTENT                         
[2]   =========================================================================================================== */

#common-home #content .html_section .html-home-1 .html-content {
  width: calc(100% / 3) !important;
  padding-left: calc((100% - var(--maxContainerWidth)) / 2);
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  /* align-items: center !important; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#common-home #content .html_section .html-home-1 .html-content * {
  color: white;
}

#common-home #content .html_section .html-home-1 .html-content h4 {
  margin-bottom: 3px;
}

#common-home #content .html_section .html-home-1 .html-content h2 {
  font-size: 33px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 40px !important;
}

@media(max-width: 768px) {
  #common-home #content .html_section .html-home-1 .html-content h2 {
    font-size: 25px !important;
  }
}



/*    -->                                                                             HOME > HTML SECTION > IMAGE                         
[2]   =========================================================================================================== */

#common-home #content .html_section .html-home-1 .html-img img {
  -o-object-fit: cover !important;
  object-fit: cover !important;
  /* width: 100%; */
  height: 100%;
  width: 60vw
}


@media(min-width: 769px) {

  #common-home #content .html-home-1 .html-img {
    width: calc(2*(100% / 3));
  }

}



#common-home #content .html-home-1 .html-img video {
  width: 100% !important;
}

/*    -->                                                                                                                                      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: 30px;
  max-width: 100vw;

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

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

.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: 600 !important;
  /* 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(--accent1) !important;
  color: white !important;
  border-color: var(--accent1);
}

/*    -->                                                                         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: 40px; */
  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 > WIDE BANNER           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


#banner0 .swiper-wrapper {
  padding: 0px !important;
  margin-inline: 0px;
}

/*    -->                                                                                                                                       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;
}

.manufacturer_section {
  margin-bottom: 140px;
}

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

.manufacturer_section .view_more {
  position: absolute;
  top: 0px;
  right: 5%;
  z-index: 1;
  transform: translateY(-80px);
}

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

#common-home #content .container.home_banners {
  width: 100% !important;
  max-width: 100% !important;
}

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

/* #common-home .row.latest-posts {
  padding: 0px calc((100vw - var(--maxContainerWidth)) / 2);
} */

#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%);
}

.latest-posts .view_more {
  position: absolute;
  top: 0px;
  transform: translateY(-50px);
  right: 0px;
}

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

#common-home .blog_container {
  margin-bottom: 30px;
  width: calc(100vw - 100px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

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

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

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

.heading-blog .headingmain_sec {
  margin-bottom: 30px !important;
}

/* .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;
} */

.heading-blog {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}

/*    -->                                                                                  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: 600;
  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;
}






.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;
  padding-bottom: 3px;
}

#latestblog .blogpost-thumb:hover .viewmore-blog,
#blog-category .blogpost-thumb:hover .viewmore-blog {
  color: black;
  border-bottom: 1px solid rgba(0, 0, 0, .2);

}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
|||| PRODUCT GRID ITEMS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.product-thumb {
  border: none !important;
  transition: all 0.22s !important;
  /* border: 1px solid #efefef !important */
}

.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;
  width: 100%;
}

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

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

/* .product-thumb .labels_container {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 5px;
} */

/*    -->                                                                     PRODUCT GRID ITEM > LABELS > COMMON                        
[2]   =========================================================================================================== */

.product-thumb .labels_container {
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: absolute;
}

.labels_container>div {
  display: flex;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/*    -->                                                                       PRODUCT GRID ITEM > LABELS > SALE                           
[2]   =========================================================================================================== */

.label_sale {
  color: white;
  font-size: 16px;
  letter-spacing: 1px;
  background: var(--accent2);
  width: 60px !important;
  height: 30px !important;
  order: 3;
}

/*    -->                                                                       PRODUCT GRID ITEM > LABELS > SALE                           
[2]   =========================================================================================================== */

.label_new {
  color: white;
  font-size: 16px;
  letter-spacing: 2px;
  background: var(--accent2);
  width: 60px !important;
  height: 30px !important;
  order: 2;
}

/*    -->                                                                PRODUCT GRID ITEM > LABELS > BEST SELLER                           
[2]   =========================================================================================================== */

.label_bestseller {
  color: black;
  padding: 0px !important;
  letter-spacing: 2.4px;
  font-weight: 400;
  font-size: 13px;
  background: transparent;
  order: 1;
}

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

.product-thumb .caption {
  min-height: unset;
  padding: 10px 0px 0px 0px;
  display: flex;
  flex-direction: column;
}

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

.product-thumb button[onclick*="wishlist"] {
  background: none !Important;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  box-shadow: none;
  border: none;
  position: absolute;
  top: 15px;
  right: 15px;
}

.product-thumb button[onclick*="wishlist"],
.product-thumb button[onclick*="wishlist"] img {
  transition: all .12s;
}


.product-thumb button[onclick*="wishlist"]:hover {
  background: var(--accent1) !important;
}

.product-thumb button[onclick*="wishlist"]:hover img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

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

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

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

.product-thumb h4 a {
  font-family: var(--font1);
}

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

.product-thumb .manufacturer_link {
  height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  order: -1 !important;
  margin-bottom: 5px;
}

.product-thumb .manufacturer_link a {
  font-size: 16px;
  color: var(--accent1);
  font-weight: bold;
}

/*    -->                                                                                                                                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;
  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;
}

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

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

.product-thumb .caption .price .price-old {
  color: #959595;
  position: absolute;
  top: -100%;
  right: 0;
  font-size: 14px;
  font-weight: 100;
  text-decoration: line-through !important;
}

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

.product-thumb .button-group {
  background-color: transparent !important;
  width: 100%;
}

.product-thumb:hover .button-group button {
  visibility: visible;
  opacity: 1;
}

.product-thumb .button-group button:hover {
  color: white;
}

.product-thumb .button-group button,
.product-thumb .button-group>a {
  width: 100% !important;
  /* visibility: hidden; */
  /* opacity: 0; */
  transition: 0.12s !important;
  border: none;
  box-sizing: border-box;
  padding: 5px 0 !important;
  /* background: var(--accent1) !important; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  height: 50px;
  border: 1px solid #ccc !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}

.product-thumb .button-group button,
.product-thumb .button-group button img,
.product-thumb .button-group button svg {
  transition: all 0.12s;
}

.product-thumb .button-group .cart_options_button svg {
  width: 22px !important;
  height: 22px !important;
  fill: black;
}

.product-thumb .button-group>button[onclick*="wishlist"] {
  border-right: none !important;
}

.product-thumb .button-group>button:hover,
.product-thumb .button-group>a:hover {
  background: var(--accent1) !important;
  border-color: var(--accent1) !important;
  color: white !important;
}

.product-thumb .button-group>button:hover img {
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.product-thumb .button-group>button:hover svg {
  fill: white !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;
}

/*    -->                                                                     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: #8ba4cd;
  margin-top: 5px;
}

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

.product-options-hover>.form-group .button-cart {
  background: var(--accent1) !important;
  color: white !important;
  border: none !important;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0px;
  height: 50px;
  /* letter-spacing: 5px; */
  transition: all .12s;
}

.product-options-hover>.form-group .button-cart:hover {
  background: var(--accent2) !important;
}

/*    -->                                                                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); */
  border: 1px solid #eee;

  width: 100%;
  left: 9px;
  bottom: 9px;
}



.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 > IMAGES SECTION 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product_images_section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  margin-top: 50px;
}

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

#product-product .product_images_section .images_container {
  display: flex !important;
  width: 100%;
  /* padding-left: 50px; */
}

#product-product .product_images_section .images_container .thumbnails.main li {
  position: relative;
}

#product-product .product_images_section .images_container .thumbnails.main {
  margin-bottom: 0px !important;
}

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

#product-product .product_images_section .thumbnails.main {
  width: 100% !important;
}

#product-product .product_images_section .images_container .thumbnail.iproductvideo-wrapper {
  width: 100% !important;
}

#product-product .product_images_section .images_container .thumbnail.iproductvideo-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
  aspect-ratio: 1/1;
}

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

#product-product .images_container {
  position: relative;
}

#product-product .images_container .main-product-label {
  position: absolute;
  top: 0px;
  z-index: 1;
  right: 0px;
  display: flex;
  gap: 15px;
  flex-direction: column;
  left: 250px;
}

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

#product-product .product_images_section * {
  list-style: none;
}

/*    -->    PRODUCT PAGE > IMAGES SECTION > ADDITIONAL > CONTAINER                            
[3]   ------------------------------------------------------------- */

#product-product .product_images_section .additional_images {
  width: 135px;
  text-align: center;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 0px !important;
}

#product-product .product_images_section .additional_images .slick-track::before {
  display: none !important;
}

/*    -->    PRODUCT PAGE > IMAGES SECTION > ADDITIONAL > ITEMS                            
[3]   ------------------------------------------------------------- */

#product-product .product_images_section .additional_images .slick-slide {
  width: 100% !important;
}

#product-product .product_images_section .additional_images .slick-slide .thumbnail {
  margin-bottom: 0px !important;
  padding: 0px !important;
}

/*    -->    PRODUCT PAGE > IMAGES SECTION > ADDITIONAL > BUTTONS                            
[3]   ------------------------------------------------------------- */

#product-product .product_images_section .additional_images .slick-prev,
#product-product .product_images_section .additional_images .slick-next {
  position: static;
  transform: rotate(90deg);
}

#product-product .product_images_section .additional_images .slick-prev::before,
#product-product .product_images_section .additional_images .slick-next::before {
  color: black !important;
}

/*    -->                                                           PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA
[2]   =========================================================================================================== */

.share_and_cta_container {
  text-align: center;
  position: relative;
  /* display: flex; */
  align-items: flex-end;
  justify-content: space-around;
  display: flex !important;
  width: 50vw;
  padding: 0px 0px 0px 200px;
}

.share_and_cta_container .share_section .title,
.share_and_cta_container .cta_section {
  font-size: 14px;
}

.product_gifts {
  background: var(--accent1);
  color: white;
  padding: 8px;
  border: 1px solid var(--accent2);
  text-align: center;
  margin: auto;
}

/*    --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA > SHARE SECTION                               
[3]   ------------------------------------------------------------- */

.share_module_container {
  width: 350px;
  position: absolute;
  left: 0px;
  top: 20px;
  transform: translateY(-100%);
  padding-bottom: 50px;
  transition: all 0.2s;

  opacity: 0;
  visibility: hidden;
}

.ss-box {
  padding: 7px;
  box-sizing: content-box;
  background: #eee;
  position: relative;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}

.ss-box::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 15px 15px 0 15px;
  border-color: #eee transparent transparent transparent;
  border-style: solid;
  position: absolute;
  top: 100%;
  left: 30px;
}

.share_section .title {
  display: inline-block;
  /* padding: 20px 0px 0px; */
  position: relative !important;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.share_section .title>svg {
  margin-right: 8px;
}

.share_section .title:hover .share_module_container {
  /* margin-top: -20px; */
  opacity: 1;
  visibility: visible;
  top: 30px;
}

/*    --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA > CTA SECTION                               
[3]   ------------------------------------------------------------- */

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

#product-product .tags_section {
  display: none !important;
}

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

/* .product-product body {
  overflow: hidden !important;
} */

header {
  position: fixed !important;
}

body>.container {
  margin-top: var(--paddingheader);
}




@media (max-width: 768px) {
  .product-product body>.container {
    margin-top: 50px;
  }
}

#product-product #content>.top_section {
  display: flex !important;
  position: relative;
}

#product-product #content>.top_section>div {
  float: none !important;
}

#product-product #content>.top_section::after {
  content: "";
  background: #edf1fe;
  position: absolute;
  top: -85px;
  padding-top: 85px;
  height: 100%;
  width: 100%;
  left: 50%;
  z-index: -1;
  box-sizing: content-box;
}

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

.product_info_section {
  padding-left: 100px;
  padding-bottom: 50px;
}

/*    -->                                                                                                                     PRODUCT PAGE > MAIN TITLE & WISHLIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product h1 {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
}


#product-product .heading_section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px !important
}

#product-product .heading_section .wishlist_button {
  background: none !Important;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px
}

#product-product .heading_section .wishlist_button:before {
  display: none
}

#product-product .heading_section .wishlist_button,
#product-product .heading_section .wishlist_button * {
  transition: all .12s !important;
}

#product-product .heading_section .wishlist_button:hover {
  background: var(--accent1) !important;
}

#product-product .heading_section .wishlist_button:hover img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

/*    -->                                                                                                                    PRODUCT PAGE > PRICE & RATING SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.price_and_rating_section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

/*    -->                                                           PRODUCT PAGE > PRICE & RATING SECTION > PRICE                                
[2]   =========================================================================================================== */

.price_and_rating_section .pricing {
  margin-bottom: 0px !important;
  display: flex;
  align-items: flex-end;
}

/*    --> PRODUCT PAGE > PRICE & RATING SECTION > PRICE > HIDE REWARD POINTS                           
[3]   ------------------------------------------------------------- */

.price_and_rating_section .pricing>li.reward_points {
  display: none !important;
}

/*    --> PRODUCT PAGE > PRICE & RATING SECTION > PRICE > NO SPECIAL                                 
[3]   ------------------------------------------------------------- */

.price_and_rating_section .pricing>li.no_special>div {
  font-size: 24px !important;
  font-weight: bold !important;
}

/*    --> PRODUCT PAGE > PRICE & RATING SECTION > PRICE > WITH SPECIAL                                 
[3]   ------------------------------------------------------------- */

.price_and_rating_section .pricing>li.special_new>div {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  margin-right: 15px;
}

.price_and_rating_section .pricing>li.special_old>span {
  color: #8a8a8a;
  font-size: 16px;
  text-decoration: line-through !important;
}

/*    -->                                                           PRODUCT PAGE > PRICE & RATING SECTION > RATING                                
[2]   =========================================================================================================== */

.price_and_rating_section .rating {
  display: flex;
  align-items: center;
}

.price_and_rating_section .rating span {
  cursor: pointer;
}

.price_and_rating_section .rating span[onclick*="click"] {
  margin-left: 5px;
}

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

/*    -->                                                             PRODUCT PAGE > INFO > MODEL & STOCK SECTION                     
[2]   =========================================================================================================== */

.model_and_stock_section {
  display: flex;
  justify-content: space-between;
}

.model_and_stock_section * {
  font-size: 14px;
}

.model_and_stock_section .stock_section {
  text-transform: uppercase;
}

/*    -->       PRODUCT PAGE > INFO > MODEL & STOCK SECTION > STOCK                             
[3]   ------------------------------------------------------------- */

.stock_section {
  position: relative;
  display: flex;
  align-items: center;
}

.stock_section::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: black;
  display: block;
  margin-right: 6px;
}

.stock_section.available:before {
  background: #26aa09;
}

.stock_section.unavailable:before {
  background: #f00;
}

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

.product_info_section .product_stats {
  margin: 30px 0px;
}

.product_attributes_section {
  display: none !important;
}

/*    --> PRODUCT PAGE > INFO > PRODUCT STATS SECTION > GROUP TITLES                        
[3]   ------------------------------------------------------------- */

.product_attributes_section table thead {
  display: none;
}

/*    -->        PRODUCT PAGE > INFO > PRODUCT STATS SECTION > ROWS                      
[3]   ------------------------------------------------------------- */

.product_attributes_section table tr {
  margin-top: 3px;
  display: block;
}

/*    -->       PRODUCT PAGE > INFO > PRODUCT STATS SECTION > CELLS                      
[3]   ------------------------------------------------------------- */

.product_attributes_section table td {
  border: none !important;
  font-size: 15px !important;
  padding: 0px !important;
  text-transform: capitalize !important;
}

.product_attributes_section table tr td:first-child {
  width: 180px;
}

/*    -->                                                                 PRODUCT PAGE > INFO > HIDE MANUFACTURER               
[2]   =========================================================================================================== */

.product_info_section .manufacturer {
  display: none;
}

/*    -->                                                                 PRODUCT PAGE > INFO > HIDE MANUFACTURER               
[2]   =========================================================================================================== */

.product_info_section .reward_points {
  display: none;
}

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

/*    -->       PRODUCT PAGE > INFO > PRODUCT STATS SECTION > TITLE                              
[3]   ------------------------------------------------------------- */

.product_info_section .product_attributes_section .title {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

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

#product>.options_container {
  margin: 35px 0px 25px 0px !important;
}

/*    --> PRODUCT PAGE > INFO > OPTIONS SECTION > GET RID OF UNNECESSARY                            
[3]   ------------------------------------------------------------- */

#product>hr,
#product>h3,
#product>.options_container .control-label:before,
#product>.options_container #input-option2>div>label>input {
  display: none !important;
}

/*    -->            PRODUCT PAGE > INFO > OPTIONS SECTION > TITLES                           
[3]   ------------------------------------------------------------- */

#product>.options_container .control-label {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0px !important;
}

/*    -->            PRODUCT PAGE > INFO > OPTIONS SECTION > SIZES                           
[3]   ------------------------------------------------------------- */

#product>.options_container .form-group.radio>div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#product>.options_container .form-group.radio>div>div {
  margin: 5px 0px !important;
}

#product>.options_container .form-group.radio>div>div:not(:last-child) {
  margin-right: 10px !important;
}

#product>.options_container .form-group.radio>div>div>label {
  padding: 0px 10px !important;
  min-width: 50px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: black !important;
  background: white;
  transition: all 0.14s;
}

/*    -->            PRODUCT PAGE > INFO > OPTIONS SECTION > ENABLE                           
[3]   ------------------------------------------------------------- */

#product>.options_container .form-group.radio>div>div.enabled label {
  border: 1px solid black;
}

#product>.options_container .form-group.radio .radio input {
  display: none;
}


/*    -->                                                                                                                               PRODUCT PAGE > ORDER AGAIN                    
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.product-reminder-footer {
  text-align: right;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 600;
}

/*    -->                                                                                                                               PRODUCT PAGE > ADD TO CART                    
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product #button-cart {
  background: var(--accent1) !important;
  line-height: normal !important;
  width: 100%;
  border: none !important;
  color: white !important;
  /* transition: all .2s; */
  height: 50px;
  padding: 0px 10px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;

  max-width: calc(100vw - 40px) !important;
  width: 300px !important;
  white-space: normal !important;



}

/* #product-product #button-cart:hover{
  background: var(--accent1) !important;
  color:black !important;
} */

/*    -->                                                                    PRODUCT PAGE > ADD TO CART > STEPPER                      
[2]   =========================================================================================================== */

#product .stepper_section {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#product .stepper_section .stepper_buttons {
  display: flex;
  align-items: center;
}

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

#product #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;
}

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

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

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

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

/*    -->                                                                                                                           PRODUCT PAGE > BUTTONS SECTION                    
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product .btn-group {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 50px;
  margin-top: 30px !important;
}

#product .btn-group>div {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/*    -->                                                        PRODUCT PAGE > BUTTONS SECTION > WISHLIST BUTTON
[2]   =========================================================================================================== */

.wishlist_button {
  margin-right: 35px;
}

.wishlist_button::before {
  content: "";
  width: 26px;
  height: 26px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='24px' height='22px' viewBox='0 0 24 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EICON-FAV%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='header' transform='translate(-1511.000000, -21.000000)' fill='%23232020' stroke='%23232020' stroke-width='1.11692308'%3E%3Cg id='ICON-FAV' transform='translate(1512.000000, 21.000000)'%3E%3Cpath d='M10.7050388,3.38675924 L10.9930167,3.63974875 L11.2827191,3.38675924 C13.6106842,1.32765918 17.1905774,1.40472884 19.4323216,3.56938081 C21.6533728,5.69549795 21.7430426,9.1452026 19.6375274,11.4187573 L19.5064716,11.5444144 C19.4737077,11.5829492 19.4443925,11.6147823 19.4030065,11.6432646 L11.0085365,19.7422798 L10.9481818,19.6836398 L2.48473509,11.5125813 C2.4674909,11.4924761 2.4485223,11.4740464 2.43645137,11.4656693 C0.249888515,9.2004917 0.310243168,5.73570821 2.55543625,3.56938081 C4.77993632,1.40472884 8.35982944,1.32765918 10.7050388,3.38675924 M1.76737693,11.9716483 L1.83462926,12.0738494 L1.89843275,12.1324893 C1.9122281,12.1458928 1.92257461,12.1559453 1.93636996,12.1676733 L10.9930167,20.9 L20.1531286,12.0637968 C20.1789949,12.0319637 20.2100344,12.0001306 20.2479716,11.9716483 C22.6621577,9.38311327 22.572488,5.44250844 20.0341437,3.00643726 C17.6509971,0.704400256 13.848654,0.456437027 11.1913249,2.4300903 L11.0102609,2.56412447 L10.8274725,2.4300903 C9.62037948,1.54714015 8.18566316,1.11487993 6.75267126,1.11487993 C5.01445725,1.11487993 3.28314093,1.7532177 1.98292926,3.00643726 C-0.57610802,5.47601699 -0.669226627,9.41327096 1.76737693,11.9716483' id='Fill-1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/*    -->                                                         PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON
[2]   =========================================================================================================== */

/* .enquiry_button::before {
  content: "";
  width: 27px;
  height: 27px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 489.3 489.3' style='enable-background:new 0 0 489.3 489.3;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M265,369.25c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H38.4c-7.7,0-13.9-6.2-13.9-13.9V77.35 c0-7.7,6.2-13.9,13.9-13.9H451c7.7,0,13.9,6.2,13.9,13.9v253.6c0,7.7-6.2,13.9-13.9,13.9h-30.2c-6.8,0-12.3,5.5-12.3,12.3v60.9 l-69.5-69.5c-4.8-4.8-12.5-4.8-17.3,0s-4.8,12.5,0,17.3l78.9,78.9c3.6,3.6,8.5,5.6,13.4,5.6c2.4,0,4.9-0.5,7.3-1.4 c7.1-2.9,11.7-9.8,11.7-17.5v-61.9h17.9c21.2,0,38.4-17.2,38.4-38.4V77.35c0-21.2-17.2-38.4-38.4-38.4H38.4 C17.2,38.95,0,56.15,0,77.35v253.6c0,21.2,17.2,38.4,38.4,38.4H265V369.25z'/%3E%3Cpath d='M88.1,152.85h313.2c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H88.1c-6.8,0-12.3,5.5-12.3,12.3 S81.3,152.85,88.1,152.85z'/%3E%3Cpath d='M88.1,218.75h313.2c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H88.1c-6.8,0-12.3,5.5-12.3,12.3 S81.3,218.75,88.1,218.75z'/%3E%3Cpath d='M244.7,284.65h156.6c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3H244.7c-6.8,0-12.3,5.5-12.3,12.3 C232.5,279.15,237.9,284.65,244.7,284.65z'/%3E%3C/g%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%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
} */

/*    --> 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 > ACCORDION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                       PRODUCT PAGE > ACCORDION > LAYOUT
[2]   =========================================================================================================== */

.product-accordion-tabs .accordion-version .panel-default {
  border: none;
  background: none;
}

/*    -->                                                                       PRODUCT PAGE > ACCORDION > COMMON
[2]   =========================================================================================================== */

product-accordion-tabs .accordion-version .panel-heading a {
  transition: all 0.25s !important;
}

/*    -->                                                                       PRODUCT PAGE > ACCORDION > TITLES
[2]   =========================================================================================================== */

.product-accordion-tabs .accordion-version .panel-heading {
  border-bottom: 1px solid #d8d8d8;
  min-height: unset;
  margin-bottom: 15px;
  background: transparent;
}

.product-accordion-tabs .accordion-version .panel-heading .panel-title {
  line-height: normal;
}

.product-accordion-tabs .accordion-version .panel-heading .panel-title a {
  padding: 11px 15px 11px 20px;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000 !important;
}

.product-accordion-tabs .accordion-version .panel-heading .panel-title a::after {
  content: "+";
  font-size: 23px;
  transform-origin: right;
}

/*    -->                PRODUCT PAGE > ACCORDION > TITLES > ACTIVE                
[3]   ------------------------------------------------------------- */

.product-accordion-tabs .accordion-version .panel-heading .panel-title a[aria-expanded="true"] {
  background: var(--accent1);
  color: white !important;
}

.product-accordion-tabs .accordion-version .panel-heading .panel-title a[aria-expanded="true"]::after {
  content: "-";
  transform: scaleX(1.7) scaleY(0.6);
}

/*    -->                                                                     PRODUCT PAGE > ACCORDION > CONTENTS
[2]   =========================================================================================================== */

.product-accordion-tabs .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
  padding: 0px 15px;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}

.product-accordion-tabs .panel-default>.panel-heading+.panel-collapse>.panel-body button {
  color: black !important;
  border-radius: 0px !important;
  padding: 4px 8px !important;
  margin: 0px 5px !important;
  font-size: inherit !important;
  transition: all 0.09s !important;
}

.product-accordion-tabs .panel-default>.panel-heading+.panel-collapse>.panel-body button.btn:hover {
  background: var(--accent1) !important;
}

.product-accordion-tabs .panel-default #tab-review>.panel-body {
  max-height: 1000px;
}

.product-accordion-tabs .accordion-version .panel-collapse,
.product-accordion-tabs .accordion-version .panel-collapse p,
.product-accordion-tabs .accordion-version .panel-collapse li,
.product-accordion-tabs .accordion-version .panel-collapse form #review,
.product-accordion-tabs .accordion-version .panel-collapse .form-group * {
  color: #000 !important;
  font-size: 15px !important;
  line-height: 23px !important;
}

.product-accordion-tabs .accordion-version .panel-collapse.in {
  overflow: auto;
}

/*    -->                                                                                                               PRODUCT PAGE > ALL EXTRA PRODUCTS SECTIONS                   
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product .extra_products {
  padding: 90px 0px !important;
  display: block;

  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

#product-product .extra_products:last-of-type {
  /* padding-bottom: 0px; */
}

.extra_products .swiper-wrapper {
  margin-top: 13px;
}

.product-product footer {
  margin-top: 0px !important;
}


/*    -->                                                                                                                          PRODUCT PAGE > SIMILAR PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.sp-l,
.sp-o {
  background-color: transparent !important;
}

.extra_products.similar {
  background-color: #edf1fe;
}

/*    -->                                                                                                                          PRODUCT PAGE > RELATED PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extra_products {
  width: calc(100vw - 80px);
  margin-left: 50%;
  transform: translateX(-50%);
}

/*    -->                                                                                                                           PRODUCT PAGE > RECENTLY VIEWED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CATEGORY PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               CATEGORY PAGE > BREADCRUMBS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.breadcrumb {
  margin-bottom: 45px;
}

/*    -->                                                                                                                                    CATEGORY PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                          CATEGORY PAGE > INTRO > LAYOUT
[2]   =========================================================================================================== */

.category_intro_section {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  position: relative;

  opacity: 0;
  -webkit-animation-name: reveal;
  animation-name: reveal;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.category_intro_section>div {
  height: 500px;
}

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

  to {
    opacity: 1;
  }
}

@keyframes reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*    -->                                                                            CATEGORY PAGE > INTRO > LEFT                   
[2]   =========================================================================================================== */

.category_intro_section .left_side {
  position: absolute;
  z-index: 1;
  max-width: 100%;
  padding: 45px 20px 10px 20px;
  /* width is 50% of container width - 100px */
  /* width: calc(var(--maxContainerWidth)/2 - 100px + ((100vw - var(--maxContainerWidth))/2)); */
  width: 45vw;
  padding-left: calc((100vw - var(--maxContainerWidth)) / 2);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1740px) {
  .category_intro_section .left_side {
    padding-left: 40px !important;
  }
}

/* .category_intro_section .left_side * {
  color: white !important;
} */

/*    -->                      CATEGORY PAGE > INTRO > LEFT > TITLE                     
[3]   ------------------------------------------------------------- */

#product-category .cat-title {
  color: white;
  font-size: max(35px, 2.1vw + 10px) !important;
  text-align: left;
  font-weight: 700;
  margin-top: 0;
  color: white;
  background: var(--accent1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  border-radius: 6px;
}

/*    -->                CATEGORY PAGE > INTRO > LEFT > DESCRIPTION                     
[3]   ------------------------------------------------------------- */

.category_intro_section .left_side .category-desc {
  line-height: 25px;
  max-height: 200px;
  overflow: auto;
  padding-right: 30px;
}

.category_intro_section .left_side .category-desc>h1 {
  display: none;
}

.category_intro_section .left_side .category-desc * {
  text-align: left !important;
  font-weight: 600;
  color: var(--accent1) !important;
  /* background: white; */
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  border-radius: 6px;
}

.category_intro_section .left_side .category-desc::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 0px !important;
}

.category_intro_section .left_side .category-desc::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}

.category_intro_section .left_side .category-desc::-webkit-scrollbar {
  width: 5px !important;
}

/*    -->                                                                           CATEGORY PAGE > INTRO > RIGHT                   
[2]   =========================================================================================================== */

.category_intro_section .right_side {
  position: relative;
  width: 100vw;
}

.category_intro_section .right_side img {
  height: 100%;
  width: auto;
}

.category_image_gradient {
  width: 60%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: block !important;
}

/*    -->                                                                                                                             CATEGORY PAGE > LEFT SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="product"]:not([class*="product-product"]) #column-left {
  width: 370px !important;
  /* position: -webkit-sticky; */
  /* position: sticky; */
  /* top: 30px; */

  /* max-height: 2290px;
	overflow: auto; */
}

/*    -->                                                       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;
}

/*    -->                                                       CATEGORY PAGE > LEFT SECTION > FILTERS CONTAINER                            
[2]   =========================================================================================================== */

.box-content.mfilter-content {
  border: none !important;
}

/*    -->                                                           CATEGORY PAGE > LEFT SECTION > SECTION ITEMS                           
[2]   =========================================================================================================== */

.mfilter-col-count {
  padding-right: 15px;
  font-size: 13px;
}

.mfilter-content>ul>li {
  /* margin-top: 50px; */
  margin-top: 30px;
}

.mfilter-opts-container>.mfilter-content-wrapper {
  margin-top: 15px !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: var(--accent2) !important;
  opacity: 1 !important;
}

/*    -->                                                           CATEGORY PAGE > LEFT SECTION > SECTION TITLES                           
[2]   =========================================================================================================== */

.mfilter-heading {
  background: none;
  border: none !important;
}

.mfilter-heading-text span {
  font-size: 17px;
  font-weight: bold;
  color: var(--accent1);
}

.mfilter-heading-content {
  border-bottom: 1px solid #d8d8d8;
  padding: 5px 10px 5px 0px;
}

/*    --> 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;
}

.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 0px 5px 10px !important;
}

.mfilter-category-tree ul li a {
  font-size: 16px !important;
  color: black !important;
}

/*    -->    CATEGORY PAGE > LEFT SECTION > SECTION CONTENT > BUTTONS                           
[3]   ------------------------------------------------------------- */

.mfilter-button-reset {
  margin-left: 0px !important;
}

/*    -->               CATEGORY PAGE > FILTERS > DROPDOWNS > 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-116 .mfilter-slider-slider .ui-slider-range,
.mfilter-box-116 #mfilter-price-slider .ui-slider-range {
  background: var(--accent1) !important;
  height: 10px;
  opacity: .3;
}

.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: 5px !important;
  height: 35px !important;
  font-size: 15px !important;
  font-weight: 600;
  min-width: 40px !important;
  border: 1px solid #d8d8d8 !important;
  color: var(--accent1);
  padding: 0px 2px;
  text-align: center;
}

/*    -->                                                                                                                            CATEGORY PAGE > RIGHT SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="product"]:not([class*="product-product"]) #content {
  width: calc(100% - 370px) !important;
  /* position: -webkit-sticky;
	position: sticky;

	top: 85px; */
}

#mfilter-content-container .compare_section {
  display: none !important;
}

/*    -->                                                              CATEGORY PAGE > RIGHT SECTION > HIDE INFOS              
[2]   =========================================================================================================== */

#product-category #mfilter-content-container>h2,
/* #product-category #mfilter-content-container > h2 + div, */
/* #product-category #mfilter-content-container > h3 + div, */
#product-category #mfilter-content-container>hr {
  display: none !important;
}


/*    -->                                                            CATEGORY PAGE > RIGHT SECTION > VIEW OPTIONS                              
[2]   =========================================================================================================== */

.products_layout_options:before {
  display: none !important;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* justify-content: flex-start; */
  margin-bottom: 20px;
}

html[class*="product-manufacturer-info"] .row.products_layout_options,
html[class*="product-search"] .row.products_layout_options {
  margin-top: 40px !important;
}



html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options .form-group {
  margin-bottom: 0px !important;
  margin-right: 10px !important;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options>* {
  width: auto;
  padding: 0px !important;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options label {
  font-size: 14px !important;
  font-weight: bold;
  color: black;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options select {
  font-size: 15px;
  width: auto;
  border: 1px solid black;
  height: 40px;
  /* width: 130px; */
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row.products_layout_options .pagination {
  margin-left: 30px;
}
























/*    -->                                                                                                                   CATEGORY PAGE > SUBCATEGORIES CAROUSEL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                         CATEGORY PAGE > SUBCATEGORIES CAROUSEL > LAYOUT                                
[2]   =========================================================================================================== */

.subcategories_section {
  margin-right: 0px !important;
  margin-left: 0px !important;
  /* padding-right: var(--default_padding) !important;
	padding-left: var(--default_padding) !important; */

}

#subcategories_carousel>.swiper-wrapper {
  width: calc(100% + 15px) !important;
  padding-right: 15px !important;
  margin-left: 0px !important;
}

.subcategories_section>.carousel {
  width: 100%;
}

#subcategories_carousel {
  margin-bottom: 20px;
  margin-top: 0px;
  /* overflow:visible !important; */
  /* padding-top: 50px; */
  padding-top: 20px;

}

/* #subcategories_carousel .swiper-wrapper {
	justify-content: center;
} */

#subcategories_carousel .swiper-wrapper {
  margin-top: 15px;
}

#subcategories_carousel .swiper-slide {
  text-align: center;
  /* width: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	width: fit-content !important; */
}

#subcategories_carousel {}





/* #subcategories_carousel .swiper-slide{
    margin-right: 0px !important;
} */

#subcategories_carousel .swiper-slide a {
  height: 45px;
  border: 1px solid #9f9f9f;
  border-radius: 11px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  /* 	transform: translateX(1px); */
  /* 	transition: all .12s; */
  width: 100%
}

#subcategories_carousel .swiper-slide a:hover {
  border-color: #000000;
  background: #f1f1f1
}

/*    -->                                                     CATEGORY PAGE > SUBCATEGORIES CAROUSEL > NAVIGATION                                   
[2]   =========================================================================================================== */

#subcategories_carousel .swiper-pager {
  /* top: -45px !important;
	right: 115px !important; */
  top: 0px !important;
  right: 0px !important;
  display: flex !important;
  width: 40px;
  /* 	height: 40px; */

}

#subcategories_carousel .swiper-pager>div {
  height: 20px;
}

#subcategories_carousel .swiper-pager .swiper-button-disabled {
  opacity: 0 !important;
}

#subcategories_carousel .swiper-pager>div {
  background: none !important;
}

/*    -->                                                         CATEGORY PAGE > SUBCATEGORIES CAROUSEL > IMAGES                                   
[2]   =========================================================================================================== */


#subcategories_carousel .swiper-slide a>div {
  display: none !important;
}

#subcategories_carousel .swiper-slide img {
  width: 190px;
  height: 190px;
  border: none !important;
  padding: 0px;
  transition: .12s;
  border-radius: 100%;
  display: none !important;


}

#subcategories_carousel .swiper-slide a>div {
  border-radius: 100%;
  background: white;
  transition: .12s;
  border-radius: 100%;
}

#subcategories_carousel .swiper-slide:hover img {
  transform: scale(.9);
}

#subcategories_carousel .swiper-slide:hover a>div {
  background: var(--accent3)
}

/*    -->                                                         CATEGORY PAGE > SUBCATEGORIES CAROUSEL > TITLES                                      
[2]   =========================================================================================================== */

#subcategories_carousel .swiper-slide a span {
  display: block;
  /* 	width: 190px; */
  color: black;
  font-size: 16px;
  line-height: 20px;
  white-space: normal;
  font-weight: 600;
}









#subcategories_carousel .swiper-pager {
  /* 	border:1px solid red !important; */
  top: 0px !important;
  transform: none !important;
  /* 	width: 80px !important; */
}


#subcategories_carousel .swiper-pager>div {
  /* 	background: YELLOW !important; */
  z-index: 9999;
  position: relative !important;
}























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

.swiper-viewport:not(.slideshow) .swiper-button-prev,
.swiper-viewport:not(.slideshow) .swiper-button-next {
  opacity: 0.8 !important;
}

.swiper-viewport:not(.slideshow) .swiper-button-next.swiper-button-disabled,
.swiper-viewport:not(.slideshow) .swiper-button-prev.swiper-button-disabled {
  opacity: 0.2 !important;
  cursor: auto !important;
  pointer-events: none !important;
  /* visibility: hidden !important; */
}

.carousel .swiper-pager>div {
  width: 20px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.carousel .swiper-pager>div::before {
  line-height: 1;
  /* height: 16px;
	width: 16px; */
  display: flex;
  transition: all 0.12s;
  /* font-size: 0px !important; */

  font-size: 25px !important;
  text-shadow: none;
  height: unset !important;
  width: unset !important;

  width: 20px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;

  font-family: FontAwesome;
}

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

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

.carousel .swiper-pager {
  position: absolute;
  top: 0px;
  width: 40px !important;
  right: 0px;
  top: 24px !important;
}

.carousel .swiper-pager>div {
  opacity: 1 !important;
  transform: none !important;
}

.carousel .swiper-button-next {
  right: 0px !important;
}

.carousel .swiper-button-prev {
  left: 0px !important;
}

/* COMMON > MODULES > CAROUSEL > ARROWS > HOVERS */

.carousel .swiper-pager>div::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--accent2);
  border-radius: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.12s;
  display: none !important;
}

.carousel .swiper-pager>div:hover:after {
  opacity: 1;
}

/* .carousel .swiper-pager > div:hover::before {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
} */




















/*    -->                                                                CATEGORY PAGE > RIGHT SECTION > PRODUCTS              
[2]   =========================================================================================================== */

html[class*="product"]:not([class*="product-product"]) .product-layout.product-grid {
  width: 33% !important;
  padding-left: 5px;
  padding-right: 5px;
  clear: none !important;
}

/*    -->                                                              CATEGORY PAGE > RIGHT SECTION > PAGINATION                          
[2]   =========================================================================================================== */

/*    -->       CATEGORY PAGE > RIGHT SECTION > PAGINATION > COMMON                         
[3]   ------------------------------------------------------------- */

html[class*="product"]:not([class*="product-product"]) .pagination {
  order: 9;
}

html[class*="product"]:not([class*="product-product"]) .pagination,
html[class*="product"]:not([class*="product-product"]) .pagination * {
  border-radius: 0px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: unset;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container .pagination li span,
html[class*="product"]:not([class*="product-product"]) #mfilter-content-container .pagination li a {
  color: black !important;
  border: none;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container .pagination li span {
  font-weight: bold !important;
  /* border-bottom: 2px solid var(--accent1); */
  background: none;
  color: var(--accent2) !important;
}

html[class*="product"]:not([class*="product-product"]) .pagination li a {
  border-bottom: 2px solid white !important;
}

/*    -->       CATEGORY PAGE > RIGHT SECTION > PAGINATION > TOP                         
[3]   ------------------------------------------------------------- */

/*    -->       CATEGORY PAGE > RIGHT SECTION > PAGINATION > BOTTOM                            
[3]   ------------------------------------------------------------- */

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child {
  margin-top: 40px;
}

/* html[class*="product"]:not([class*="product-product"])
  #mfilter-content-container
  > .row:last-child
  .text-right {
  display: none;
} */

/* html[class*="product"]:not([class*="product-product"])
  #mfilter-content-container
  > .row:last-child
  .text-left {
  width: 100%;
  display: flex;
  justify-content: flex-end;
} */

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child {
  display: flex;
  align-items: center;
}

html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child>div:last-child {
  font-size: 14px !important;
}

@media (max-width: 950px) {
  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child {
    flex-direction: column;
    align-items: center;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child>div {
    text-align: center !important;
    width: 100%;
  }

  html[class*="product"]:not([class*="product-product"]) #mfilter-content-container>.row:last-child .pagination {
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 15px !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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
*/

/*    -->                                                                                                                              CART PAGE > NOTIFICATIONS               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-cart .alert {
  z-index: 0 !important;
}

/*    -->                                                         CART PAGE > NOTIFICATIONS > CART UPDATE MESSAGE
[2]   =========================================================================================================== */

#checkout-cart .breadcrumb+.alert-success {
  position: relative;
  top: 0px !important;
  left: 0px !important;
  transform: none !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 0px;
  margin-bottom: 20px !important;
  border: none !important;

  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal !important;
  padding: 15px 10px !important;

  /* background: #fcc82f66 !important;
  color: #755c11 !important;
  border-color: #d6e9c6 !important; */

  background: #dff0d8 !important;
  color: #3c763d !important;
  border-color: #d6e9c6 !important
}

#checkout-cart .breadcrumb+.alert-success>i {
  margin-right: 8px !important;
}

/*    -->                                                      CART PAGE > NOTIFICATIONS > NOT AVAILABLE QUANTITY
[2]   =========================================================================================================== */

#checkout-cart>.alert-danger {
  position: relative;
  top: 0px !important;
  left: 0px !important;
  transform: none !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 0px;
  margin-bottom: 20px !important;
  border: none !important;

  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal !important;
  padding: 15px 10px !important;
}

#checkout-cart>.alert-danger>i {
  margin-right: 8px !important;
}

/*    -->                                           CART PAGE > NOTIFICATIONS > ΔΩΡΕΑΝ ΜΕΤΑΦΟΡΙΚΑ (ALERT-SUCCESS)
[2]   =========================================================================================================== */

html[class*="checkout"] #content .alert-success {
  position: relative;
  top: 0px !important;
  left: 0px !important;
  transform: none !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 0px;
  margin-bottom: 20px !important;
  border-width: 1px !important;

  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;

  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal !important;
  padding: 15px 10px !important;
}

/*    -->                                                                                                                                      CART PAGE > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-cart .bottom_section .input-group-btn input {
  background: var(--accent1) !important;
  color: white !important;
  border: none !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 > INTRO 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cart-intro {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 36px;
  margin-top: 80px;
}

#cart-intro>div {
  display: flex;
  align-items: center;
}

/*    -->                                                                        CART PAGE > INTRO > LEFT SECTION                     
[2]   =========================================================================================================== */

#cart-intro .left-section {}

/*    -->                                                                         CART PAGE > INTRO > MID SECTION                     
[2]   =========================================================================================================== */

#cart-intro .mid-section * {
  text-align: center;
}

#cart-intro .mid-section .subtitle {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#cart-intro .mid-section .title {
  font-family: var(--font2);
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  line-height: 1;
}

/*    -->                                                                       CART PAGE > INTRO > RIGHT SECTION                     
[2]   =========================================================================================================== */

#cart-intro .right-section {}

/*    -->                                                                                                                                  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;
}

/*    -->                                                                                CART PAGE > TABLE > HEAD
[2]   =========================================================================================================== */

#checkout-cart table thead {
  background: var(--accent1) !important;
  height: 50px;
}

#checkout-cart table thead td {
  color: white;
  font-size: 16px;
}

/*    -->                                                                                  CART PAGE > TABLE > TR 
[2]   =========================================================================================================== */

#checkout-cart form tbody tr:not(:last-child) {
  border-bottom: 1px solid #f3f3f3 !important;
}

/*    -->                                                                                  CART PAGE > TABLE > TD 
[2]   =========================================================================================================== */

#checkout-cart form tbody {
  border: none !important;
}

#checkout-cart table tbody td {
  border: none;
}

/*    -->                                                                                CART PAGE > TABLE > NAME
[2]   =========================================================================================================== */

/*    -->                          CART PAGE > TABLE > NAME > MODEL                          
[3]   ------------------------------------------------------------- */

#checkout-cart table tbody td.product-title .model-info {
  color: #6c6c6c !important;
  margin: 15px 0px !important;
  display: block !important;
  font-size: 14px;
  white-space: normal !important;
}

/*    -->                          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;
}

/*    -->                    CART PAGE > TABLE > NAME > UNAVAILABLE                         
[3]   ------------------------------------------------------------- */

#checkout-cart>.alert-danger {
  background-color: #ffebeb;
}

#checkout-cart table tbody td.product-title {
  position: relative;
  padding-left: 20px;
}

#checkout-cart table tbody td.product-title .text-danger {
  color: #a94442;
  width: 100%;
  background: #ff000014;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  font-size: 40px;
  text-align: right;
  padding-right: 20px;
}

/*    -->                                                                             CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ
[2]   =========================================================================================================== */

/*    -->                         CART PAGE > TABLE > ΠΟΣΟΤΗΤΑ > BOX              
[3]   ------------------------------------------------------------- */

#checkout-cart form #cart-stepper {
  height: 40px;
  width: 40px;
  min-width: 40px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0px;
}

/* 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 {
  display: flex;
}

#checkout-cart form .input-group-btn button {
  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;

  display: flex;
  align-items: center;
  justify-content: center;
}

#checkout-cart form .input-group-btn button:first-child {
  margin-right: 10px;
}

#checkout-cart form .input-group-btn button.btn-primary {
  background: #428bca !important;
}

#checkout-cart form .input-group-btn button.btn-danger {
  background: #ea2e49 !important;
}

#checkout-cart form .input-group-btn button img {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
  width: 22px;
  height: 22px;
}

/*    -->                                                                              CART PAGE > TABLE > PRICES            
[2]   =========================================================================================================== */

#checkout-cart form tbody .price {
  font-size: 25px;
  font-weight: bold;
}

/*    -->                                                                                                                               CART PAGE > BOTTOM SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     CART PAGE > BOTTOM SECTION > LAYOUT
[2]   =========================================================================================================== */

#checkout-cart .bottom_section {
  background: #f7f7f7;
  padding: 50px 50px 50px 50px;
  margin-bottom: 45px;
  display: flex;
  justify-content: space-between;
}

#checkout-cart .bottom_section>* {
  width: auto;
}

/*    -->                                                                   CART PAGE > BOTTOM SECTION > DISABLES
[2]   =========================================================================================================== */

#checkout-cart .panel {
  display: none !important;
}

/*    -->                                                             CART PAGE > BOTTOM SECTION > COUPON SECTION
[2]   =========================================================================================================== */

/*    -->       CART PAGE > BOTTOM SECTION > COUPON SECTION > TITLE                                      
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .coupon_title {
  font-size: 17px;
}

/*    -->       CART PAGE > BOTTOM SECTION > COUPON SECTION > INPUT                                      
[3]   ------------------------------------------------------------- */

#checkout-cart .bottom_section .input-group {
  margin-top: 35px;
}

#checkout-cart .bottom_section .input-group .form-control {
  height: 55px;
  border-bottom: none;
  font-size: 15px;
  width: 500px;
  padding: 0px 25px;
  max-width: 100%;
}

/*    -->      CART PAGE > BOTTOM SECTION > COUPON SECTION > BUTTON                                      
[3]   ------------------------------------------------------------- */

/*    -->                                                             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: space-between;
}

#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;
}

/*    -->       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 RESPONSIVE > DEFAULT CHECKOUT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                     RESPONSIVE > DEFAULT CHECKOUT > ACCORDION TITLES FIX
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-checkout .panel-default>.panel-heading .accordion-toggle {
  padding-left: 0px;
  margin-left: -15px;
  padding-left: 15px;
}

#checkout-checkout .panel-default>.panel-heading>h4 {
  padding-left: 15px !important;
  display: block !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CHECKOUT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

#checkout-checkout {
  padding: 0px calc((100vw - var(--maxContainerWidth))/2);
}


#checkout-checkout .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 */


#collapse-checkout-confirm table tbody tr>td:nth-child(3) {
  text-align: center;
}

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 ACCOUNT PAGES
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                          ACCOUNT PAGES > BUTTONS & TERMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account-"] #content form .buttons>div {
  width: 100%;
  float: none;
  margin-top: 20px
}

html[class*="account-"] #content form .buttons>div input[type="checkbox"] {
  float: left;
  margin-right: 10px
}

html[class*="account-"] #content form .buttons>div input[type="submit"] {
  margin-top: 30px
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION ACCOUNT SUCCESS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                 ACCOUNT SUCCESS > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-success #content {
  float: right;
}

/*    -->                                                                                                                        ACCOUNT SUCCESS > BUTTONS & TERMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-success #content .buttons>.pull-right {
  float: left !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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_hero_banner {
  height: 300px;
  display: block;

}

.information_hero_banner img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* .information-information #content * {
  font-size: 15px !important;
  line-height: 27px !important;
} */


.information-information #content h1 {
  margin-top: 0px !important;
  margin-bottom: 40px !important;
}




/*    -->                                                                                                                      INFORMATION > SITEMAP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



#information-sitemap #content .main-category-list {
  padding-left: 0px !important;
}


#information-sitemap #content .col-sm-12>ul>li>ul>li>a,
div#content ul>ul>li>ul>li>a {
  text-decoration: underline;
  margin-top: 20px;
  display: block;
}


#information-sitemap #content .categories {
  display: flex;
  flex-direction: column;
}

#information-sitemap #content .categories>a {
  display: block;
  background: #f5f5f5;
  padding: 10px 20px;
  margin-top: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: all .12s;
  color: var(--accent1);
}

#information-sitemap #content .categories>a:hover {
  background: var(--accent1) !important;
  color: white !important;
}

#information-sitemap #content .categories-child a {
  color: black !important;
  margin: 0px !important;
  margin: 0px 0px 13px 0px !important;
  transition: all .1s;
}

#information-sitemap #content .categories-child a:hover {
  color: var(--accent1) !important;
}


#information-sitemap #content .categories-list {
  -moz-column-count: 4;
  column-count: 4;
  -moz-column-gap: 1em;
  column-gap: 1em;
  padding: 0px 0px;
  display: block;
  /*   padding: 1.5em; */
  margin-left: 20px;
  margin-top: 20px;
}

div#content ul>ul {
  padding-left: 0;
}

#information-sitemap #content .col-sm-12>ul>li>a,
div#content ul>ul>li>a {
  font-weight: 800;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION INFORMATION PAGE: STORES
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/* LAYOUT */

.custom_stores_wrapper .store_section {
  display: flex;
  gap: 50px;
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr);
}

.custom_stores_wrapper .store_section:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.custom_stores_wrapper .store_section>.carousel {
  min-width: 500px !important;
}

.custom_stores_wrapper .store_section>.carousel img {
  width: 100%;
}


/* CAROUSEL */

.custom_stores_wrapper .carousel-indicators {
  top: 0px;
  background: rgba(0, 0, 0, .2);
  padding: 5px 10px;
  left: 0px;
  margin: 0px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  bottom: auto;
}

/* TEXTS */

.custom_stores_wrapper .store_section .texts .heading {
  font-size: 30px;
  line-height: 1.2;
  display: block;
  font-weight: 500
}

.custom_stores_wrapper .store_section .texts {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.custom_stores_wrapper .store_section .texts .hours .subheading {
  font-weight: bold;
}

.custom_stores_wrapper .store_section .texts>a {
  border: 1px solid var(--accent1);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  ;
  padding: 10px 20px;
  color: var(--accent1);
  transition: all .12s;
}

.custom_stores_wrapper .store_section .texts>a:hover {
  background: var(--accent1);
  color: white;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION INFORMATION PAGE: ABOUT US
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.about_us_row {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 300px auto;
  gap: 30px;
}

.about_us_row>* {
  float: none;
}

.about_us_row .about_us_image {
  width: 100%;
  height: auto !important;
}

@media(max-width: 1024px) {
  .about_us_row {
    display: flex;
    flex-direction: column;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION INFORMATION PAGE: DELIVERY METHODS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/* INTRO */

.custom_delivery_page_contents .heading {
  font-size: 25px;
  margin-bottom: 25px;
  font-weight: 700
}

/* CAROUSEL */

.custom_delivery_page_contents #delivery_carousel {
  margin: 50px auto;
  width: 600px;
}

/* GRID SECTION */

.custom_delivery_page_contents .icons-grid_section {
  margin-bottom: 35px;
}

.custom_delivery_page_contents .icons-grid_section .content {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.custom_delivery_page_contents .icons-grid_section .content>a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px
}

.custom_delivery_page_contents .icons-grid_section .content>a img {
  width: 100px
}

.custom_delivery_page_contents .icons-grid_section .content>a div {
  font-weight: bold
}

/* CALL BUTTON */

.phone_orders_button {
  font-size: 20px;
  background: var(--accent1);
  padding: 13px 20px;
  color: white !important;
  font-weight: bold;
  line-height: normal;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto !important;
  transition: all .12s;
}

.phone_orders_button:hover {
  background: var(--accent2)
}

/* FAQ */

#faqAccordion button {
  font-size: 20px !important;
  text-transform: none !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 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;
}

#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 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;
  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: #8ba4cd;
  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
*/

/*    -->                                                                                                                                       THANK YOU > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.checkout-success body {
  background: url("https://survival.demod4u.gr/image/catalog/banners/2022/005/success_purchase_bg.jpg");
  background-repeat: no-repeat;
  background-position: calc(810px + (100vw - var(--maxContainerWidth)) / 2) 0px;
  background-size: auto 100%;
}

.checkout-success .ty_left {
  width: 810px;
  max-width: 100%;
}

.checkout-success h1 {
  font-family: var(--font2);
  font-size: 34.12px;
  font-weight: bold;
  color: black;
  margin-bottom: 50px;
  margin-top: 50px;
}

.checkout-success .ty_intro {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

.checkout-success .ty_text {
  font-size: 15px;
  line-height: 27px;
  /* width: 810px; */
}

.checkout-success .ty_outro {
  font-size: 20px;
  line-height: 27px;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 50px;
}

.checkout-success .ty_button {
  background: var(--accent2) !important;
  color: white !important;
  border: none !important;
  width: 350px !important;
  max-width: 100% !important;
}

.checkout-success .buttons {
  display: none !important;
}

#checkout-checkout .alert-warning .close {
  top: -10px;
  right: 0px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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;
  }
}

/*    -->                                                                                                                    RESPONSIVE > GENERIC > CAROUSELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                           RESPONSIVE > GENERIC > CAROUSELS > NAVIGATION
[2]   =========================================================================================================== */

@media (max-width: 991px) {
  #content .carousel .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                            RESPONSIVE > GENERIC > CAROUSELS > VIEW MORE                               
[2]   =========================================================================================================== */

@media(max-width: 1200px) {

  .carousel .view_more,
  #common-home .carousel .view_more,
  #common-home .latest-posts .view_more,
  #common-home .module_product_tabs .view_more {
    position: relative !important;
    top: 0px !important;
    margin-left: auto;
    margin-right: auto;
    top: 0px !important;
    display: block;
    right: unset !important;
    left: unset !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

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

@media (max-width: 1675px) and (min-width: 769px) {
  header>.container>.row {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1150px) {
  header {
    --headerIconsSectionWidth: 240px;
    --headerLogoSectionWidth: 147px;
  }
}

@media (max-width: 880px) {
  header {
    --headerIconsSectionWidth: 210px;
    --headerLogoSectionWidth: 110px;
  }
}

@media (max-width: 768px) {
  header {
    --headerIconsSectionWidth: calc(100% - 50px - var(--headerLogoSectionWidth));
    --headerLogoSectionWidth: 147px;
  }

  #header_menu_section,
  #header_menu_section,
  #header_icons_section {
    height: 50px;
    display: flex;
    align-items: center;
  }

  #header_menu_section {
    order: -1;
  }

  #header_menu_section {
    width: 50px;
    z-index: 1;
  }

  #header_icons_section {
    margin-left: auto !important;
    padding-right: 5px;
  }
}

@media(max-width: 760px) {

  #header_logo_section,
  #logo,
  #logo a {
    width: fit-content !important;
  }
}



@media(max-width: 390px) {


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

@media(max-width: 315px) {
  .top-header-cont .header-icons {
    gap: 7px !important
  }

  .top-header-cont .header-icons * {
    line-height: 1 !Important;
    margin: 0px !important;
  }

  .top-header-cont .header-icons img,
  .top-header-cont .header-icons svg {
    width: 20px !important;
    height: 20px !important;
  }

  .top-header-cont .header-icons .account>a {
    height: 25px !important;
    max-height: 22px !important;
    margin-right: 5px !important;
    display: block !Important
  }

  .top-header-cont .header-icons .account>a span {
    display: none !important;
  }
}


/*    -->                                                                                                                            RESPONSIVE > HEADER > TOP BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 990px) {
  #top-bar {
    display: none !important;
  }
}

/*    -->                                                                                                                       RESPONSIVE > HEADER > LOGO SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {
  #logo a {
    height: 50px !important;
    display: flex;
    align-items: center;
  }

  #logo a .img-responsive {
    height: 42px;
    width: auto;
    transform: translateY(-4px);
  }
}

/*    -->                                                                                                                       RESPONSIVE > HEADER > MENU SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                             RESPONSIVE > HEADER > MENU SECTION > LAYOUT                        
[2]   =========================================================================================================== */

@media (max-width: 1120px) {

  #header_menu_section,
  #header_menu_section .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > MAIN ITEMS                        
[2]   =========================================================================================================== */

@media (max-width: 1400px) {

  #menu .nav.navbar-nav>li>a,
  #language_selection>button {
    font-size: 14px !important;
  }
}

@media (max-width: 1150px) {
  #menu .nav.navbar-nav>li>a {
    font-size: 12px !important;
  }
}

@media (max-width: 880px) {
  #menu .nav.navbar-nav>li>a {
    padding: 0px 5px;
    font-size: 11px !important;
  }
}

/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > MEGA MENU                     
[2]   =========================================================================================================== */

/*    -->   RESPONSIVE > HEADER > MENU SECTION > MEGA MENU > LAYOUT                          
[3]   ------------------------------------------------------------- */

/*    -->   RESPONSIVE > HEADER > MENU SECTION > MEGA MENU > LAYOUT > BANNER */

@media (max-width: 1250px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    --megaMenuBanner: 300px;
  }

  .dropdown-menu.mega-menu .see-all {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 1100px) {
  #menu .mg-menu-cont {
    margin-top: 0px;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    --megaMenuBanner: 200px;
  }
}

@media (max-width: 990px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    --megaMenuBanner: 0px;
  }

  #menu .see-all {
    display: none !important;
  }
}

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

@media (max-width: 1550px) {

  .mg-menu-item-title a span,
  .mg-menu-item-children-list>div>a {
    font-size: 14px !important;
  }
}

@media (max-width: 1100px) {

  .mg-menu-item-title a span,
  .mg-menu-item-children-list>div>a {
    font-size: 13px !important;
  }

  #menu .dropdown-inner a {
    padding: 3px 0px;
  }
}

/*    -->                                                             RESPONSIVE > HEADER > MENU SECTION > BURGER                   
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  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 - 15px);
  }
}

/*    -->  RESPONSIVE > HEADER > MENU SECTION > BURGER > ACTIVATION                                               
[3]   ------------------------------------------------------------- */

.burger_menu_enabled {
  overflow: hidden;
}

.burger_menu_enabled body::before {
  opacity: 1 !important;
  visibility: visible !important;
  width: calc(100% - var(--burgerMenuWidth)) !important;
  left: var(--burgerMenuWidth) !important;
}

/*    -->                                                    RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN                
[2]   =========================================================================================================== */

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MOBILE FEATURES
[3]   ------------------------------------------------------------- */

.mobile_parent_link,
.mobile_inner_navigation,
.mobile_extra_links {
  display: none !important;
}

@media (max-width: 768px) {

  .mobile_parent_link,
  .mobile_extra_links {
    display: block !important;
  }

  .mobile_inner_navigation {
    display: flex !important;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > LAYOUT                                               
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
  #menu>.navbar-collapse {
    background: #edf1fe;
    top: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: var(--burgerMenuWidth) !important;
    height: 100% !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: 99999999999;

    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>.navbar-collapse .navbar-nav,
  #menu .mobile_extra_links {
    padding: 3px 20px !important;
    display: block;
    width: 100%;
  }
}

@media (max-width: 768px) {
  /*    --> 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(--accent3);
    width: 100%;

    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
  }

  /* --> 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: var(--accent1);
    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: var(--accent1);
    font-size: 11px;
    margin-top: 6px;
    line-height: 1;
  }
}


/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION UPDATE!
[3]   ------------------------------------------------------------- */

@media(max-width: 768px) {

  /* GET RID OF DUPLICATES */

  .header-icons>*:not(#cart):not(.search-toggler) {
    display: none !Important;
  }

  /* CONTAINER */

  .mobile_inner_navigation {
    padding: 0px 15px;
    position: relative;
  }

  /* SEARCH */

  .mobile_menu_item_search,
  .mobile_menu_item_search svg {
    width: 21px !important;
    height: 21px !important;
  }

  /* ACCOUNT */

  .mobile_menu_item_account {
    position: static;
  }

  .mobile_menu_item_account>a {
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
  }

  .mobile_menu_item_account>a>img {
    width: 21px !important;
    height: 21px !important;
    padding: 0px;
    margin: 0px !Important
  }

  .mobile_menu_item_account>.dropdown-menu {
    width: calc(var(--burgerMenuWidth) - 30px) !Important;
    left: 15px !Important;
    height: auto;
    padding: 0px;
    top: calc(100% - 15px);
    border: 1px solid #000 !Important;
    margin: 0px !Important
  }

  .mobile_menu_item_account>.dropdown-menu>li>a {
    padding: 8px 10px
  }

  .mobile_menu_item_account>.dropdown-menu>li>a:hover {
    background: #fafafa !important;
  }

  .mobile_menu_item_account>.dropdown-menu>li:not(:last-child) {
    border-bottom: 1px solid #ddd
  }


  /* LANGUAGE */

  .mobile_inner_navigation>div.mobile_menu_item_language #language_selection {
    display: flex;
    flex-direction: column !important;
    gap: 6px
  }

  .mobile_inner_navigation>div.mobile_menu_item_language #language_selection>button {
    margin: 0px !Important;
    padding: 0px !Important;

  }

  /* CLOSE BUTTON */

  .mobile_menu_item_close span {
    display: none !important
  }

  .mobile_menu_item_close svg {
    width: 18px !important;
    height: 18px !important;
  }

}


@media(max-width: 768px) {
  /*    --> 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;
    border-top: none !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: 16px !important;
    font-weight: 600;
    padding: 15px 0px;
    line-height: normal;
    color: black !important;
    border: none !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;
    padding: 16px 20px 15px !important;
    background: var(--accent1) !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%);
    font-weight: 600;
    line-height: 1 !important;
  }

  #menu .mobile_parent_link:before {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    position: absolute;
    top: 0px;
    background: #494949;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #1
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    background: #edf1fe;
    top: var(--burgerInnerNavigationHeight);
    border: none !important;
    height: calc(100% - var(--burgerInnerNavigationHeight));
    overflow-x: hidden;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu .dropdown-inner {
    padding: 20px;
    background: #edf1fe;
  }

  #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: 10px !important;
    display: block !important;
  }

  #menu .mg-menu-cont>.mg-menu-item-title>a>span {
    color: black !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #2                                            
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {

  #menu .mg-menu-container {
    position: static !important;
  }


  .second_level_active .mg-menu-cont.enabled .mg-menu-item-children-list {
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }


  #menu .mg-menu-cont .mg-menu-item-children-list .mobile_parent_link {
    margin-bottom: 10px;
  }

  #menu .mg-menu-cont .mg-menu-item-children-list {
    background: #edf1fe;
    top: 0px;
    z-index: 3;
    padding: 0px 20px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: calc(100vh + 10px) !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;
    font-weight: 600 !important;
  }
}

/*    -->                                                                                                                      RESPONSIVE > HEADER > ICONS SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                            RESPONSIVE > HEADER > ICONS SECTION > LAYOUT                     
[2]   =========================================================================================================== */

@media (max-width: 1150px) {
  #header_icons_section>ul {
    justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 880px) {
  #search-toggle img {
    padding: 0px;
  }

  /* #search{
    top:50px;
    right: -5px;
  } */
}

/*    -->                                                          RESPONSIVE > HEADER > ICONS SECTION > LANGUAGE                        
[2]   =========================================================================================================== */

@media (max-width: 1150px) {
  #language_selection {
    margin-right: 0px;
  }

  #language_selection>button {
    font-size: 13px !important;
  }
}

/* @media(max-width: 768px){
  #language_selection{
    display:none !important;
  }
} */

@media (max-width: 768px) {
  #language_selection {
    margin-right: 0px !important;
    flex-direction: column;
    margin-right: 2px;
  }

  #language_selection>button:first-child::after {
    display: none;
  }

  #language_selection>button:first-child {
    border-bottom: 1px solid white;
  }
}

/*    -->                                                            RESPONSIVE > HEADER > ICONS SECTION > ICONS                        
[2]   =========================================================================================================== */

/*    -->      RESPONSIVE > HEADER > ICONS SECTION > ICONS > LAYOUT                               
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
  #header_icons_section>ul {
    justify-content: flex-end;
  }
}

/*    -->        RESPONSIVE > HEADER > ICONS SECTION > ICONS > ITEMS                         
[3]   ------------------------------------------------------------- */

/* --> RESPONSIVE > HEADER > ICONS SECTION > ICONS > ITEMS > COMMON */

@media (max-width: 1150px) {
  #header_icons_section .header-icon-men::after {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #header_icons_section>ul>li {
    padding-right: 0px;
    padding-left: 0px;
  }

  #header_icons_section .header-icon-men a,
  #header_icons_section #cart .btn {
    height: 50px;
    width: 50px;
    width: 38px;
    /* border:1px solid purple; */
    justify-content: center;
    border-radius: 0px;
  }
}

@media (max-width: 400px) {

  #header_icons_section .header-icon-men a,
  #header_icons_section #cart .btn {
    width: 40px;
  }
}

/* --> RESPONSIVE > HEADER > ICONS SECTION > ICONS > ITEMS > SEARCH */

/* @media(max-width: 1150px){
  #search::before {
    right: 9px;
  }
} */

@media (max-width: 880px) {}

/* @media(max-width: 768px){
  #search-toggle img{
    margin-right: 0px;
  }
  #search::before{
    right:22px;
  }
} */

/* @media(max-width:600px){
  #search {
    right: var(--headerIconsSectionWidth);
    width: 100vw !important;
  }
  #search::before {
    right: 165px;
  }
} */

/* @media(max-width: 400px){
  #search {
    right: calc(var(--headerIconsSectionWidth) + 38px);
  }
  #search::before {
    right: 132px;
  }
} */

/* --> RESPONSIVE > HEADER > ICONS SECTION > ICONS > ITEMS > CART */

@media (max-width: 768px) {
  header #cart .btn.btn-inverse #cart-total {
    top: -13px;
    right: -13px;
  }
}

/* --> RESPONSIVE > HEADER > ICONS SECTION > ICONS > ITEMS > CART > MINICART */

@media (max-width: 635px) {
  body {
    --minicart-width: calc(100vw - 35px) !important;
  }

  #cart .dropdown-menu .table-products {
    border-spacing: 0 7px;
  }

  #cart .dropdown-menu .table-products>tbody>tr:not(:last-child) {
    box-shadow: 0px 1px #e1e1e1;
  }

  #cart .dropdown-menu>li.bottom-section {
    height: auto !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 .product-thumb {
    padding: 0px;
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 550px) {
  li.bottom-section>div.container {
    width: 100%;
  }

  li.bottom-section {
    padding: 20px 30px;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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;
  }

  footer {
    margin-top: 65px;
  }
}

@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 rgba(255, 255, 255, .25);
    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: 13px 7px 0px;
    width: 100vw !important;
    margin-left: 50%;
    transform: translateX(-50%);
    height: auto;
    grid-template-columns: 1;
    grid-template-rows: unset;
    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 > DISTANCES                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 768px) {

  #common-home .heading-carousel {
    padding-top: 0px !important
  }

  #common-home .home_category_carousel {
    margin-top: 60px;
  }

  #common-home .product-carousel-1 {
    padding-bottom: 0px !important;
    padding-top: 45px !important
  }

  #common-home #content>.html_section {
    margin-top: 60px;
  }

  #common-home .manufacturer_section {
    margin-bottom: 0px;
    margin-top: 80px;
  }

  #common-home .home_banners {
    margin-top: 100px;
  }

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

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

  #common-home .row.latest-posts {
    margin-top: 10px;
  }

  .products-carousel-module {
    padding: 0px !important;
  }

}

/*    -->                                                                                                                           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: 990px) {
  .carousel0_container .swiper-slide .text_container .swiper-slide-title {
    padding-bottom: 20px;
  }

  .carousel0_container .swiper-slide .text_container .swiper-slide-link {
    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 > TEXT & BANNER            
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1700px) {
  .html-home-1 {
    padding-left: 20px
  }
}

@media(max-width: 1400px) {

  #common-home #content .html_section .html-home-1 {
    gap: 30px !important;
  }

  #common-home #content .html_section .html-home-1 .html-content {
    width: 50% !important;
    padding: 30px 0px !important;
  }

  #common-home #content .html_section .html-home-1 .html-img {
    width: 50%;
  }

}

@media(max-width: 1200px) {
  #common-home #content .html_section .html-home-1 .html-content h2 {
    margin-bottom: 20px !important;
  }

  #common-home #content .html_section .html-home-1 .html-content>a {
    margin-top: 20px !important;
  }
}

@media(max-width: 991px) {
  #common-home #content .html_section .html-home-1 .html-content {
    width: 60% !important
  }

  #common-home #content .html_section .html-home-1 .html-img {
    width: 40%;
  }
}

@media(max-width: 768px) {
  .html-home-1 {
    flex-direction: column-reverse;
    padding: 0px;
  }

  .html-home-1>div,
  #common-home #content .html_section .html-home-1 .html-content {
    width: 100% !important;
  }

  #common-home #content .html_section .html-home-1 .html-content {
    padding: 0px 15px 40px !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;
  }
}

@media(max-width: 768px) {
  .manufacturer_section .view_more {
    margin-top: 50px !important;
  }
}

/*    -->                                                              RESPONSIVE > HOME > MANUFACTURERS  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .manufacturer_section .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                                                                                        RESPONSIVE > HOME > PROMO BANNERS         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 550px) {

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

    display: flex !important;
    flex-direction: column !Important;
    gap: 15px;

    box-sizing: border-box !important;

    padding-right: 15px !important;
    padding-left: 15px !important;
  }

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

  .home_banners .swiper-wrapper>.swiper-slide {
    width: 100% !important;
    margin: 0px !important;
  }
}

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

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

@media (max-width: 1300px) {
  #common-home .blog_container {
    width: 100%;
  }
}

@media(max-width: 768px) {

  #latestblog .caption,
  #relatedblog .caption {
    padding: 15px 20px;
    width: 100%;
    margin: 0px;
  }

  #latestblog .caption h4,
  #relatedblog .caption h4 {
    height: auto;
    margin: 0px;
  }

  #latestblog .caption h4 a,
  #relatedblog .caption h4 a {
    line-height: normal;
  }

  #common-home #content .latest-posts .view_more {
    margin-top: 40px;
  }

}

/*    -->                                                                    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;
  }
}

@media(max-width: 1200px) {
  #common-home #content .latest-posts {
    position: relative;
  }

  #common-home #content .view_more {
    position: absolute !important;
    z-index: 3;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-100%);
    white-space: nowrap;
  }

  .swiper-container {
    margin-bottom: 20px;
  }
}

/*    -->                                                                       RESPONSIVE > HOME > BLOG  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .blog_container .swiper-pager {
    display: none !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > CATEGORY PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                      RESPONSIVE > CATEGORY PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1430px) {
  .category_intro_section .right_side img {
    object-fit: cover !important;
    width: 100%;
    height: 100%;
  }
}


@media (max-width: 1100px) {
  .category_intro_section .left_side {
    width: 100vw;
    max-width: 100vw;
    position: absolute;
    top: 0px;
    z-index: 2;
    background: none !important;
  }

  .category_intro_section .right_side {
    width: 100vw;
  }
}

@media (max-width: 768px) {
  .product-category .breadcrumb {
    display: none !important;
  }

  .category_intro_section {
    flex-direction: column-reverse;
  }

  .category_intro_section>div {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .category_intro_section .left_side {
    padding: 20px !important;
    top: 125px !important;
    left: 0px !important;
    position: absolute !important;
    z-index: 3;
  }

  .category_intro_section .left_side * {
    color: white !important;
    /* text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black,
      0 0 2px black, 0 0 2px black; */
    line-height: normal;
  }

  .category_intro_section .left_side .category-desc {
    padding: 0px;
    max-height: unset;
    max-height: 300px;
    overflow: auto;
  }

  .category_intro_section .left_side .cat-title {
    font-size: 20px !important;
  }

  .category_intro_section .right_side {
    width: 100vw;
    overflow: hidden !important;
    margin-bottom: 20px;
  }

  .category_intro_section .right_side {
    height: 300px;
  }

  /* .category_intro_section .right_side img {
    width: 100%;
    height: auto !important;
    height: 300px !important;
    width: auto;
    margin-left: 50%;
    transform: translateX(-70%);
  } */

  .category_image_gradient {
    display: block !important;
    z-index: 2;

    width: 540px;
    height: 100vw;

    transform: rotate;
    transform: rotate(90deg) translateY(-100%);
    transform-origin: top left;
  }

  .category_image_gradient:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}

/*    -->                                                                                                                 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: 15px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100vw !important;
  margin-left: -20px;
  margin-right: -20px;
  z-index: 1;
  border-bottom: 1px solid black;
}

/*    -->   RESPONSIVE > CATEGORY > FILTERS > TOGGLE > STICK TO TOP                   
[3]   ------------------------------------------------------------- */

html.filters_reached_top .filters_toggle.mobile .open_mobile_filters {
  position: fixed;
  top: 30px;
  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 PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1640px) {
  #product-product #content>.top_section {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
  }

  #product-product #content>.top_section>div {
    padding-right: 20px;
  }

  #product-product .product_images_section .images_container {
    width: 100%;
    padding-left: 0px;
  }
}

@media (max-width: 1350px) {
  #product-product {
    width: 100% !important;
  }
}

@media (max-width: 1200px) {
  #product-product #content>.top_section {
    flex-direction: column;
  }

  #product-product .row.top_section+.row.extra_products {
    border-top: none !important;
  }

  #product-product #content>.top_section>div {
    padding: 0px 20px;
    width: 100%;
  }

  .share_and_cta_container {
    padding: 0px 0px 0px 0px;
    width: 100%;
    justify-content: space-between;
  }

  #product-product #content>.top_section::after {
    display: none !important;
  }
}

@media (max-width: 900px) {
  #product-product .product_images_section .images_container {
    flex-direction: column-reverse !important;
  }

  #product-product .product_images_section .additional_images {
    width: 100%;
    margin-bottom: 70px;
    margin-top: 35px;
    padding: 0;
  }

  #product-product .product_images_section .images_container .thumbnails.main {
    padding: 0;
  }

  #product-product .product_images_section .additional_images .slick-list {
    width: 100% !important;
  }

  #product-product .product_images_section .additional_images .thumbnail a>img,
  #product-product .product_images_section .additional_images .thumbnail>img {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  #product-product .product_images_section .cta_section {
    list-style: none;
    text-align: right;
  }
}

@media (max-width: 850px) {
  .price_and_rating_section {
    align-items: flex-start;
  }
}

@media (max-width: 600px) {
  .share_and_cta_container {
    flex-direction: column !important;
    justify-content: center;
    text-align: center;
  }

  .share_and_cta_container .share_section {
    margin-bottom: 15px;
  }

  .share_and_cta_container>div {
    text-align: left !important;
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 450px) {
  #product .btn-group {
    flex-direction: column;
  }

  #product .btn-group>div {
    margin: 5px 0px;
  }
}

@media (max-width: 380px) {
  .price_and_rating_section {
    flex-direction: column;
  }

  .price_and_rating_section .rating {
    align-items: center;
    margin-top: 10px;
  }
}

/*    -->                                                                                                                      RESPONSIVE > PRODUCT PAGE > GALLERY                           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 900px) {
  .zoomContainer {
    display: none !important;
  }

  #product-product .product_images_section .additional_images .slick-slide {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;

  }

  #product-product .product_images_section .additional_images .slick-track {
    width: 100% !important;
    gap: 10px !important;
    display: flex !important;
    flex-wrap: nowrap;
  }
}

/*    -->                                                                                                                 RESPONSIVE > PRODUCT PAGE > PRICE SETION      
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media(max-width: 900px) {
  .product_info_section #product {
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  #product .stepper_section {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: center !important;
    width: 100% !Important;
  }
}

/*    -->                                                                                                               RESPONSIVE > PRODUCT PAGE > EXTRA PRODUCTS         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1200px) {
  /* #product-product .extra_products {
    width: 100% !important;
    margin-left: 0px;
    transform: none;
  } */

  #product-product .extra_products .swiper-wrapper {
    margin: 0px !important;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {
  #checkout-cart #cart-intro+form thead {
    display: none;
  }

  #checkout-cart #cart-intro+form table tbody td {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  #checkout-cart #cart-intro+form table tbody td a {
    white-space: normal !important;
  }

  #checkout-cart #cart-intro+form tbody tr {
    display: flex;
    padding: 25px 0px !important;
    flex-wrap: wrap;
  }

  /* image */
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(1) {
    width: 108px !important;
  }

  /* title */
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(2) {
    width: calc(100% - 110px) !important;
  }

  /* quantity */
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(3) {
    width: calc(100% - 150px) !important;
  }

  #checkout-cart #cart-intro+form tbody tr>td:nth-child(3) .input-group.btn-block {
    justify-content: flex-start;
  }

  /* item price */
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(4) {
    display: none;
  }

  /* total price */
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(5) {
    width: 140px !important;
  }

  #checkout-cart #cart-intro+form tbody tr>td:nth-child(5)>* {
    text-align: right;
    width: 100%;
    display: block;
  }
}

@media (max-width: 400px) {
  #checkout-cart #cart-intro+form tbody tr>td:nth-child(3) {
    width: 100% !important;
  }

  #checkout-cart #cart-intro+form tbody tr>td:nth-child(3) .input-group.btn-block {
    justify-content: flex-end;
    padding-right: 10px;
  }

  #checkout-cart #cart-intro+form tbody tr>td:nth-child(5) {
    width: 100% !important;
    padding-right: 15px;
    padding-top: 15px;
  }
}

/*    -->                                                                                                                           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 #column-left {
    display: block !important;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .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; */
    padding: 0px 0px !important;
    gap: 10px !important;
  }

  .information-information .nav-tabs>li {
    border: 1px solid #ddd;
    margin: 0px !important;

  }

  .information-information .nav-tabs>li>a {
    min-height: unset;
    padding: 0px 15px;
    min-height: 43px;
    line-height: 1;
  }

  .information-information .nav-tabs:before,
  .information-information .nav-tabs:after {
    display: none !important;
  }
}

.heading-carousel {
  width: 100%;
  display: flex;
  padding-top: 120px;
  flex-direction: column;
  align-items: center;
}

.section_title,
.heading-blog .headingmain,
#blog .subheading,
.section_title>div:first-child,
.product-product .section_title>div:first-child,
.carousel_title_sec {
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  color: var(--accent1);
  font-size: 16px !important;
  text-transforM: uppercase;
  text-align: center !important;
  line-height: normal !important;

}

.section_title_sec,
.heading-blog .headingmain_sec,
#blog .headingmain,
.extra_products.related .section_title>div:last-child,
.product-product .section_title>div:last-child,
.carousel_title {
  line-height: normal !important;
  margin-bottom: 60px;
  color: black;
  font-size: 33px !important;
  font-weight: bold !important;
  line-height: 30px;
  text-align: center !important;
  padding: 0px 15px;
}

@media(max-width: 768px) {

  .section_title_sec,
  .heading-blog .headingmain_sec,
  #blog .headingmain,
  .extra_products.related .section_title>div:last-child,
  .product-product .section_title>div:last-child,
  .carousel_title {
    font-size: 25px !important;
    margin-bottom: 30px !important;
  }
}

.swiper-pager {
  top: -75px;
}

.products-carousel-module {
  padding: 110px 0;
}

.head-carousel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px 0;
}

/* .carousel_title {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
}

.carousel_title_sec {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.8px;
  color: var(--accent2);
} */

.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: -95px;
  right: 5%;
  position: absolute;
}

.product-thumb {
  padding: 15px 15px;
}

.model_section {
  color: #6c6c6c;
  font-size: 13px;
  font-weight: 600;
}

.min-cont-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.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(-69px);
}

.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; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: left;
  object-position: left;
}

.cont-img-tabs {
  position: relative;
  min-height: 500px;
}

.cont-img-tabs::before {
  content: "";
  height: 100%;
  width: 100vw;
  position: absolute;
  top: 0px;
  left: 0px;
  /* background: background: linear-gradient(to right, #e21d24, transparent); */
  background: linear-gradient(to right, rgba(0, 0, 0, .7), transparent);
}

.heading-carousel_new {
  position: absolute;
  left: max(20px, calc((100vw - var(--maxContainerWidth)) / 2));
  top: 50%;
  transform: translateY(-100%);
  margin-bottom: 2vw !important;
  margin-top: min(-15px, calc(20vw - 200px)) !important
}



.heading-carousel_new .section_title,
.heading-carousel_new .section_title_sec {
  color: white;
  text-align: left !important;
}



@media (min-width: 769px) {

  .design-new-content {
    display: flex;
    width: 100%;
    position: relative;
    /* top: -15%; */
    margin-top: -200px;
    justify-content: space-between;
    padding: 0px 15px;
    padding-left: max(15px, calc((100vw - var(--maxContainerWidth)) / 2));
    padding-right: max(15px, calc((100vw - var(--maxContainerWidth)) / 2)) !important;

  }

  .module_product_tabs .design-new-content .nav-tabs {
    width: 290px;
    /* padding-left: calc((100vw - var(--maxContainerWidth)) / 2); */
    flex-direction: column;
    gap: 15px;
    margin: unset;
    overflow: hidden;
  }

  .module_product_tabs .design-new-content .tab-content {
    width: calc(100% - 320px);
    /* padding-right: 15px; */
  }

  .design-new-content .container {
    width: 100% !important;
  }
}

.heading-carousel_new .section_title {
  /* font-size: 20px;
  letter-spacing: 0.8px; */

  font-weight: 600 !important;
  margin-bottom: 5px;
  /* color: var(--accent1); */
  font-size: 16px;
  text-transform: uppercase;
}

.swiper-viewport {
  border: unset;
  box-shadow: unset;
}



.section_title {
  font-weight: bold;
}


.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;
}

.logo-div img {
  max-width: 100%;
}

.news-extra {
  color: white;
  font-size: 16px;
  /* font-weight: 100; */
  line-height: 20px;
  letter-spacing: 0.8px;
}

.news-form input {
  background-color: #ffffff1f;
}

.top-header-cont {
  display: flex;
  width: 100%;
  justify-content: space-between;
}


.header-icons {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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: black !important;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
}

.header-icons .account>a span {
  line-height: 1 !important;
  display: block;
}

.is-logged .header-icons .account>a span {
  color: var(--accent1) !important;
}

.header-icons .account .dropdown-menu {
  padding: 0px;
}

.header-icons .account .dropdown-menu>li>a {
  padding: 15px 20px;
  color: black;
  transition: all .12s;
}

.header-icons .account .dropdown-menu li>a:hover {
  background-color: var(--accent1);
  color: #fff !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: #edb7b9;
}

/* 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;
  background: var(--accent1);
  padding: 10px 20px;
  transition: all .12s;
  font-weight: bold;
}

.mfilter-button-reset:hover {
  background: var(--accent2)
}

.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(--accent2);
}

.mfilter-input-active::before {
  background-color: var(--accent2);
}

.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;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.mfilter-col-count {
  display: none;
}

.desc-prod {
  font-size: 15px;
  /* letter-spacing: 0.8px; */
  color: #222222;
  line-height: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
  max-height: 300px;
  overflow: auto;
  padding-bottom: 30px;
}

.desc-prod img {
  max-width: 100%;
}

.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: #edf1fe;
  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: 55px;
}

.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;
}




.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: #edf1fe;
}

.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 #edf1fe;

  width: var(--maxContainerWidth);
  max-width: 100vw;
  padding: 0px 15px;
  margin-inline: auto;
}

#blog .social-icons .blogs-back:before {
  content: "\f104" !important;
  font-family: FontAwesome;
  margin-right: 17px;
  font-size: 30px;
  color: var(--accent2);
  margin-top: -2px;
}

#blog #content>.row {
  display: flex;
  width: var(--maxContainerWidth);
  max-width: 100vw;
  padding: 0px 15px;
  margin-inline: auto;
}

.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(--accent2);
  text-shadow: none !important;
}

.doc_download:hover {
  background: var(--accent2) !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;
  }



  .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%;
    position: relative !important;
    top: 0px;
    transform: none;
    margin-top: 75px !important;
    margin-bottom: 0px !Important;

    left: 0px;
    text-align: center !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0px !important;
    margin-bottom: 0px !important;
  }

  .heading-carousel_new .section_title {
    color: var(--accent1) !important;
  }

  .heading-carousel_new .section_title_sec {
    color: black !important;
    padding-left: 0px !important;
    text-align: center !important;
  }

  .module_product_tabs {
    position: relative;
  }

  /* .design-new-content {
    position: absolute;
    top: 15%;
    width: 100%;
    left: 0;
  } */
  .cont-img-tabs {
    min-height: unset;
    margin-bottom: 0px;
  }

  .cont-img-tabs::before {
    display: none !important;
  }

  img.img-tabs {
    /* width: 100%;
    height: auto;
    -o-object-fit: unset !important;
    object-fit: unset !important;
    -o-object-position: unset !important;
    object-position: unset !important;
    height: auto !important;
    width: 100% !important; */
    height: 300px !important;
    width: 100% !important;

  }

  .module_product_tabs .design-new-content .nav-tabs {
    margin-left: 35px;
    margin-right: auto;
    margin-left: auto;
  }

  .module_product_tabs .nav-tabs>li {
    margin: 0px !important;
  }

  #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;
    display: none !important;
  }

  /* #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%;
  }



  #header_menu_section {
    width: 100% !important;
    flex-direction: row-reverse;
  }

  .header-icons {
    gap: 20px !important;
    padding: 0 10px;
    padding-right: 18px;
  }

  .search-toggler {
    width: 24px;
    height: 24px;
  }


  .row.bottomcontent {
    display: flex;
    flex-direction: column-reverse;
  }

  .account>a>span {
    font-size: 0px !important;
  }

  .account>a>img {
    /* -webkit-filter: invert(8%) sepia(52%) saturate(6728%) hue-rotate(353deg) brightness(96%) contrast(93%);
    filter: invert(8%) sepia(52%) saturate(6728%) hue-rotate(353deg) brightness(96%) contrast(93%); */
    display: unset;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    width: 25px;
    height: 25px;

  }

  .header-icons {
    width: unset;
  }

  /* #search {
    width: 100vw !important;
    background-color: #fff;
  } */

  .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: 0px 0px !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(max-width: 550px) {
  .product-thumb {
    padding: 5px;
  }
}


@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) {


  .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;
  }

  .extra_products .swiper-viewport {
    padding: 0 60px;
  }

  .ytvideo iframe {
    width: 100%;
    position: relative;
    left: 0;
    top: 50px;
  }
}

@media (max-width: 1200px) and (min-width: 769px) {


  #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%;
}

.thumbnails.main a.thumbnail img {
  max-height: 450px;
}


/*    -->                                                             HAPPYPAWS EXTRA CSS                           
[2]   =========================================================================================================== */

/*PRODUCT OPTIONS LAYOUT*/

.cont-under-desc>.product_options_outer {
  display: block;
}

.cont-under-desc>.product_options_outer>h3 {
  font-weight: bold;
  padding-top: 10px;
}

.cont-under-desc>.product_options_outer hr {
  border-color: #d8d8d8;
}

.cont-under-desc>.product_options_outer .options_container label {
  font-size: 15px;
}

.cont-under-desc>.product_options_outer .options_container select {
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  background: white;
  border-radius: 0px;
  height: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#collapse-checkout-confirm .checkbox input[type="checkbox"] {
  margin-left: 0px !important;
}

.enquiry_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: black;
  padding: 10px 20px;
  border: 1px solid black;
  cursor: pointer;
}

.enquiry_button svg {
  fill: black;
  margin-right: 10px;
}

#account-wishlist .table-responsive .btn.btn-primary {
  background-color: var(--accent2) !important;
}

#account-wishlist .table-responsive .fa.fa-shopping-cart {
  color: white !important;
}