@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap');


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

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

.container {
  width: 100%
}

html:not(.home):not(.common-home) header~.container {
  width: 100% !important;
  max-width: var(--maxContainerWidth) !important;
}

/*    -->                                                                                                                                   COMMON > POPUPS (MODULE)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.popup-id-1 .fancybox-inner {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-height: calc(100vh - 40px);
}

.popup-id-1 .popup_contents img {
  width: 100% !important;
  height: auto;
}

.popup-id-1 .popup_contents .text {
  font-size: 15px;
  line-height: normal;
  margin: 20px 0px;
}

.popup-id-1 .popup_contents .button {
  display: block;
  transition: all .12s;
  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  padding: 17px 20px !important;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;

  box-sizing: border-box;
  background: var(--accent2);
  line-height: 1 !important;
  color: white;

  margin-top: 20px
}

.popup-id-1 .popup_contents .button:hover {
  background: var(--accent1) !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: 9px;
  right: 10px;
  opacity: 1;
  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 > 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: #47c5d0;
  --accent2: #2f89ce;
  --accent2_accessibility: #2f89ce;

  --accent3: #2f89ce;
}

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

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

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

body {
  --minicart-width: 635px;
  --maxContainerWidth: 1650px;
  --maxContainerPadding: max(calc((100vw - var(--maxContainerWidth)) / 2), 15px);
  --paddingheader: 110px;
  --menu-width: 430px;
}

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

h1 {
  font-size: min(7vw, 33px);
}

* {
  outline: none !important;
  letter-spacing: normal !important;
}

*:not(i) {
  font-family: var(--font1);
}

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

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

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

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

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

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

header+.container .btn:not(#compare-total):not(#grid-view):not(#list-view):not([data-toggle="tooltip"]):hover,
#cart .dropdown-menu .cart-footer>a:hover,
.footer-column .newsletter_section .news-form #subscribe:hover {
  background: var(--accent3) !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 {
  color: #000000 !important;
  font-family: var(--font2) !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 1px;
  font-weight: bold;
  border-bottom: 1px solid #00000047 !important;
  text-transform: uppercase !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

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

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

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

.swiper-slide {
  display: flex;
  flex-direction: 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;
}

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

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

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

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

.section_title>div:last-child {
  font-size: 40px;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 41px;
  line-height: 1;
  margin-top: 10px;

  letter-spacing: normal !important;
  line-height: 1 !important;
}

.heading-carousel,
.head-carousel,
.heading-blog {
  margin-bottom: 20px !important;
}

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

/*    -->                                                                                                                                          HEADER > COMMON 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                                HEADER > COMMON > COLORS
[2]   =========================================================================================================== */
#language_selection>button {
  color: var(--accent1);
}

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

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

header {
  position: relative;
  z-index: 3;
  --headerIconsSectionWidth: 400px;
  --headerLogoSectionWidth: 260px;
}

header>.container {
  width: 100%;
  background: #f9f9f9;
  /* border-bottom: 1px solid #b8b8b8; */
}

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

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

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

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

#header_logo_section img {
  width: 100%;
}

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

#header_menu_section {
  /* width: calc(100% - var(--headerLogoSectionWidth)); */
  width: 100%;
  /* padding: 0px 15px !important; */
  padding: 10px 0px 0px;
}

#header_menu_section>.container {
  padding: 0px
}

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

html header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100% !important;

  /* box-shadow: 0 1px 10px rgba(0, 0, 0, .1) */
  box-shadow: 0 1px #ccc;
}

html.solid-header header>.container {
  /*background: var(--accent1);*/
  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;
}

@media(max-width:768px) {
  html.solid-header header>.container>.row {
    padding-top: 0px;
  }
}

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

html.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: #f9f9f9;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

html.sticky_enabled header>.container>.row {
  padding-top: 0px !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 {
  margin-bottom: 0px !important;
}







































/*    -->                                                                                                                                   HEADER > SEARCH PHONE, REGISTER, ACCOUNT, LANGUAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.top-header-cont {
  display: flex;
  align-items: center;
}

.header_phone,
.header-icons {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0px !important;
}


header :is(.account, .register, .header_phone)>a,
#form-language>.btn-group>button {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #f1fafb;
  height: 40px;
  padding-inline: 20px;
  border-radius: 25px;
  letter-spacing: normal;
  border: 1px solid #a3cde8;
}


#search .search-input-cont {
  background: #f1fafb !important;
  border: 1px solid #a3cde8 !important;
}

header .search-input-cont input {
  background: #f1fafb !important;
}

#search .btn.btn-default.btn-lg {
  background: #f1fafb !important;
}

header :is(.account, .register, .header_phone)>a>span,
header .search-input-cont>input,
header .search-input-cont>input::placeholder,
#form-language span {
  font-weight: bold !important;
  font-size: 14px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  color: var(--accent2) !important;
  text-transform: uppercase;
  font-family: inherit !important;
}

#form-language>.btn-group * {
  text-decoration: none !important;
}

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

#form-language>.btn-group>button>span {
  margin-right: -20px
}

#search .search-input-cont {
  border-radius: 25px !important;
  font-weight: bold;
  font-size: 14px;
}

@media(max-width: 1400px) {

  header :is(.account, .register, .header_phone)>a>span,
  header .search-input-cont>input,
  header .search-input-cont>input::placeholder {
    font-weight: bold !important;
    font-size: 13px !important;
    white-space: nowrap;
    text-decoration: none !important;
  }
}

@media(max-width: 1200px) {
  #form-language>.btn-group>button i {
    display: none;

  }

  #form-language>.btn-group>button {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center;
    padding: 0px !important;
    gap: 0px;
  }
}


@media(max-width: 980px) {

  header :is(.account, .register)>a {
    padding: 0px !important;
    width: 40px !important;
  }

  header :is(.account, .register)>a>span {
    display: none !important;
  }
}



@media(max-width: 768px) {
  .top-header-cont {
    gap: 10px;
  }

  .mobile.search-toggler {
    width: 40px;
    height: 40px;
    background: #f1fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #a3cde8;
    border-radius: 100%;
  }

  .mobile.search-toggler svg {
    width: 21px;
    height: 21px;
  }
}

@media(max-width: 470px) {
  header :is(.header_phone)>a {
    padding: 0px !important;
    width: 40px !important;
  }

  header :is(.header_phone)>a>span {
    display: none !important;
  }
}







/*    -->                                                                                                                                   HEADER > ICONS SECTION  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


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


header .hd-icons {
  margin-bottom: 0px !important;
}


/*    -->                                        HEADER > LAYOUT > RIGHT SECTION > DROPDOWNS (LANGUAGE & ACCOUNT)                 
[2]   =========================================================================================================== */

.header-icons .account .dropdown-menu {
  padding: 15px 25px !important;
  min-width: unset !important;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(-50%) translateY(10px);
  top: 30px;
  /* right: 0px;
  left: auto; */
  display: block !important;

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

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

.header-icons .account.open .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0px);
}

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

.header-icons .account {
  position: relative;
}

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

.header-icons .account .dropdown-menu li:not(:last-child) {
  margin-bottom: 1px !important;
}

.header-icons .account .dropdown-menu li>* img {
  margin-right: 7px;
}

.header-icons .account .dropdown-menu li>*:hover {
  color: var(--accent2) !important;
  background: none !important;
}


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

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

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

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

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

@media(max-width: 1400px) {
  #language_selection>button {
    font-size: 13px !important;
  }
}

@media(max-width: 768px) {

  html[lang="el"] #language_selection>button[name="el-gr"] {
    color: white !important
  }

  html[lang="en"] #language_selection>button[name="en-gb"] {
    color: white !important;
  }
}

/*    -->             HEADER > ICONS SECTION > LANGUAGE > SEPARATOR                       
[3]   ------------------------------------------------------------- */
#language_selection>button:first-child:after {
  content: "";
  background: var(--accent1);
  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: 450px;
  max-width: 100vw !important;
}


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

.header-icons .wishlist-item svg {
  fill: #29166f !important;
}

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

#cart-title {
  display: none !important;
}


@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }



  50% {
    transform: scale(3);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }



  50% {
    transform: scale(3);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation: pulse .5s;
  animation: pulse .5s;

  transform-origin: top right;
}




/*    -->                                                                                                                                        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: 15px;
  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>li.top-section .minicart_content {
  max-height: calc(100vh - 370px);
  overflow: auto;
}

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

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

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

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

#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;
  line-height: 1;
}

/*    -->                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 > MODEL                             
[3]   ------------------------------------------------------------- */

#cart .dropdown-menu .product-info .model {
  color: #6c6c6c;
  font-size: 15px;
  line-height: 1;
}

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

/*    -->                    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: black;
  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:last-child {
  border: 1px solid var(--accent3);
  background: none;
  transition: all 0.2s;
}

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

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER > MENU SECTION
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


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

#menu {
  background: none;
  border: none !important;
}

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

#menu .nav.navbar-nav {
  height: 100%;
  background: #eee;
}

#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: auto;
  justify-content: center;
  border: 1px solid #ccc;
  border-bottom: none;
}

@media(max-width: 768px) {
  #menu .nav.navbar-nav>li {
    border: none;
  }

  #menu .nav.navbar-nav>li>a,
  #menu .nav.navbar-nav>li:hover {
    color: black !important;
  }
}


#menu .nav.navbar-nav>li:not(:last-child) {
  border-right: none
}

#menu .nav.navbar-nav>li>a {
  text-shadow: none;
  letter-spacing: normal;
  padding: 0px 5px;
  line-height: normal;
  width: 100%;
  height: 70px;
  justify-content: center;
  align-items: center !important;
  display: flex;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
}

/*    -->            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: var(--accent2) transparent transparent transparent;
  position: absolute;
  top: calc(100% - 1px);
  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:hover>a {
  color: #fff;
  background: var(--accent2);
}

#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: 500px;
  }

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

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

  }

  /* 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));
    width: 100%;
    display: flex !important;
  }
}

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

#menu .mg-menu-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}

#menu .mg-menu-cont {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 25%;
  padding-right: 15px;
  max-height: calc(100% - 30px);
}

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

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

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

#menu .mg-menu-container a:hover {
  background: var(--accent1);
  color: white !important;
}

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

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

.mg-menu-item-title a span {
  font-size: 16px !important;
  font-weight: bold !important;
}

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

.mg-menu-item-children-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap !important;
  max-height: 100%;
}

.mg-menu-item-children-list>div>a {
  font-size: 15px !important;
}

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

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


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


/*###########################################################################*/
/*      before footer                                                        */
/*###########################################################################*/

.before_footer {
  width: 100%;
  max-width: var(--maxContainerWidth) !important;
  margin: 0 auto;
}

.before_footer::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  margin: auto;
  margin-bottom: 30px;
}

.before_footer .before_footer_content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 30px 40px;
}

.before_footer .before_footer_box h2 {
  color: #000000;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.before_footer .before_footer_box p {
  color: #000000;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}

.before_footer .before_footer_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.before_footer_content>.before_footer_box:nth-child(3) svg {
  width: 42px;
  margin-bottom: -2px
}

.before_footer svg {
  filter: invert(44%) sepia(79%) saturate(510%) hue-rotate(164deg) brightness(92%) contrast(86%);
  -webkit-filter: invert(44%) sepia(79%) saturate(510%) hue-rotate(164deg) brightness(92%) contrast(86%);
}

.before_footer_content>.before_footer_box:nth-child(4) svg {
  width: 40px;
  height: 40px;
}

/*############################*/
/*    RESPONSIVE              */
/*############################*/

@media(max-width: 1024px) {
  .before_footer .before_footer_box h2 {
    font-size: 14px;
  }

  .before_footer .before_footer_box p {
    font-size: 12px;
  }
}

@media (max-width: 912px) {
  .before_footer .before_footer_box h2 {
    font-size: 19px;
  }

  .before_footer .before_footer_box p {
    font-size: 17px;
  }

  .before_footer .before_footer_box {
    width: 50%;
  }

  .before_footer .before_footer_content {
    flex-wrap: wrap;
  }

  .before_footer_content>div {
    padding: 15px;
  }
}

@media(max-width: 768px) {
  .before_footer_content {
    display: flex;
    flex-direction: column;
  }

  .before_footer_content>div {
    width: 100% !important;
    line-height: normal !important;
  }
}

@media(max-width: 540px) {
  .before_footer .before_footer_box h2 {
    font-size: 14px;
  }

  .before_footer .before_footer_box p {
    font-size: 11px;
  }
}


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

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

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

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

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

/* footer .container {
  width: 100%;
  padding: 45px var(--FooterSidePadding) 0px;

  
} */

.footer-column iframe {
  width: 100%;
  display: block;
  height: 250px;
  max-width: 400px;
  border: 2px solid var(--accent1) !important;
  margin-block: 10px
}

footer .container {
  width: 100%;
  /* padding: 45px var(--FooterSidePadding) 0px; */
  width: var(--maxContainerWidth) !important;
  /* padding: 0px; */
  padding-left: 0px !important;
  padding-right: 0px !important;
}

footer .links-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1.5fr;
}

footer .powered-row,
footer .payments-row {
  padding-left: 15px;
  padding-right: 15px;
}

.payments-row {
  position: relative;
}

.payments-row:after {
  content: "";
  background: white;
  width: 100vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  height: 100%;
  width: 100vw;
}

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

footer .footer-column .logo-div img {
  max-width: 100%
}

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

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

footer .footer-column h5 {
  color: var(--accent1);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}

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

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

footer .footer-column a {
  font-size: 15px;
  margin: 7px 0px !important;
  letter-spacing: 0.5px;
  transition: all 0.12s;
  color: black;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

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

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

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

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

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

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

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

.contact_link_footer {
  margin-top: 37px;
}

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

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

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

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

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

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

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

.footer-column .newsletter_section .news-form input#email {
  background: #4c4c4c29;
  color: black !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: black !important;
  opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-column .newsletter_section .news-form input#email::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black !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;
}

/*    -->                     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 {
  color: black;
}

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

.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: var(--accent1);
  height: 17px;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #common-home #content> :not(.slideshow):not(.layout_2_tabs) {
  /* max-width: 1650px !important; */
  max-width: var(--maxContainerWidth) !important;
  margin-inline: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}

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

/*    -->                                                                                                                                            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;
  margin-bottom: 65px !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 > COMMON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.head-carousel {
  gap: 0px !important
}


/*    -->                                                                     HEADER > COMMON > SECTION DISTANCES
[2]   =========================================================================================================== */

#common-home #content>.slideshow {
  margin-bottom: 0px !important;
}

#common-home .products-carousel-module,
#common-home .module_product_tabs {
  padding-block: 0px !important;
  margin-top: 80px;
}

.html-home-1 {
  margin-top: 80px;
}

.before_footer {
  margin-top: 80px;
}

.before_footer:before {
  display: none;
}

/*    -->                                                                                HEADER > COMMON > TITLES
[2]   =========================================================================================================== */



/*    -->                        HOME > COMMON > TITLES > SUBTITLES                  
[3]   ------------------------------------------------------------- */

#common-home #content .section_title,
#common-home #content .carousel_title_sec,
#common-home #content .headingmain,
#common-home #content .heading-blog .headingmain {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 1 !important;
  margin-bottom: 10px !Important;
  font-family: var(--font2) !important;
  font-size: max(1.2vw, 15px) !important
}

/*    -->                            HOME > COMMON > TITLES > TITLE                  
[3]   ------------------------------------------------------------- */

#common-home #content .section_title_sec,
#common-home #content .carousel_title,
#common-home #content .html-home-1 .html-content h3,
#common-home #content .headingmain_sec,
#common-home #content .heading-blog .headingmain_sec {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 1 !important;
  margin-bottom: 20px !important;
  font-size: max(2.1vw, 27px) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel0_container .swiper-button-prev {}

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel0_container .swiper-slide .text_container .swiper-slide-title {
  font-size: 20px;
  color: white;
  letter-spacing: 1px;
  /* font-weight: bold; */
  background: black;
  width: fit-content;
  margin-inline: auto;
  padding: 8px 17px;
  border-radius: 40px;
}

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

.carousel0_container .swiper-slide .text_container .swiper-slide-link {
  font-family: var(--font2);
  font-size: 14px;
  border-bottom: 1px solid transparent;
  display: block !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  overflow: hidden;
  max-height: 0px;
  margin-top: 0px !important;
  opacity: 1;
  margin: 0px;
  padding: 0px;
  margin: 0 auto;
  padding: 10px 25px;
  max-height: unset;
  background-color: var(--accent2_accessibility) !important;
  background: var(--accent2_accessibility) !important;
  letter-spacing: 0.8px;
  color: white !important;
  visibility: visible !important;
  transition: all .15s !important;
  -webkit-transition: all .15s !important;
  -moz-transition: all .15s !important;
  -ms-transition: all .15s !important;
  -o-transition: all .15s !important;
  transform: translateY(100px) !important;
  -webkit-transform: translateY(100px) !important;
  -moz-transform: translateY(100px) !important;
  -ms-transform: translateY(100px) !important;
  -o-transform: translateY(100px) !important;
}

body {
  overflow-x: hidden;
}

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

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

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

.carousel0_container .swiper-slide:hover .text_container .swiper-slide-link {
  margin-top: 30px !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !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 .layout_2_tabs .heading-carousel_new {}

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

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

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

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

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

  gap: 10px;
}

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

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

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

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

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

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

/* carousel in tabs fix */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*    -->                                                                                    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]   =========================================================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.product-thumb {
  border: none !important;
  transition: all 0.22s !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 > IMAGE > SWAP TO EXTRA ON HOVER                       
[2]   =========================================================================================================== */

.product-thumb .image>a {
  position: relative;
  font-size: 0px;
}

.product-thumb .image>a .extra-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .12s;
  opacity: 0;
  visibility: hidden;
}

.product-thumb:hover .image>a .extra-image {
  opacity: 1;
  visibility: visible;
}


/*    -->                                                                                                                                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;
  z-index: 1;
}

/*    -->                                                                       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(--accent3);
  height: 30px !important;
  padding: 0px 10px !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;
  background: var(--accent1);
  color: white;
  padding: 0px 10px !important;
}

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

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

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

html.login-user .min-cont-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100% !important;
}

html.login-user .min-cont-bottom>div {
  font-weight: normal !important;
}

html.login-user .min-cont-bottom>div strong {
  font-size: bold;
}

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

html.login-user .product-thumb .caption .price {
  font-size: 13px;
  color: #6c6c6c;
}





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

/* .product-thumb .caption .price .price-new {
  font-size: 18px;
  font-weight: bold;
  color: #6c6c6c !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%;
  display: flex;
}

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

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

.product-thumb .button-group button {
  width: 100% !important;
  /* visibility: hidden;
  opacity: 0; */
  transition: 0.3s !important;
  border: 1px solid #d8d8d8 !important;
  box-sizing: border-box;
  padding: 5px 0 !important;
  background: transparent !important;

  display: flex;
  align-items: center;
  justify-content: center;
}

.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 {
  background: var(--accent2) !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 > BOTTOM SECTION > BUTTONS > WISHLIST                                            
[3]   ------------------------------------------------------------- */

.product-thumb .button-group>button:first-child {
  width: 50px !important;
  height: 50px !important;
  margin-right: 5px;
}

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

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

#content .product-thumb .button-group>a:hover,
.product-thumb .button-group>.cart_options_button:hover {
  background: white !important;
  color: black !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: pink;
  margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#product-product .product_images_section .images_container {
  display: flex !important;
  width: 50vw;
  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;
  padding: 0px;
}

/*    -->                                                               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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0px;
}

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

#product-product .product_images_section .additional_images .slick-slide {}

#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 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) {
  body {
    --paddingheader: 60px;
  }
} */

/* @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: rgb(41 22 111 / 9%);
  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: 100px; */
  padding-top: 30px;
  padding-bottom: 30px;
}

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



.title_n_wishlist {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 7px;
}

.title_n_wishlist>h1 {
  margin-top: 3px
}

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

.title_n_wishlist .wishlist_button {
  border: 2px solid #29166f !important;
  display: block !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  line-height: 0;
  border-radius: 100%
}

.title_n_wishlist .wishlist_button:before {
  display: none;

}

.title_n_wishlist svg {
  fill: #29166f !important;
}

/*    -->                                                                                                                    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: 16px !important;
  font-weight: 600 !important;
  color: rgb(0 0 0 / 78%);
}

.price_and_rating_section .pricing > li.no_special > .no-vat {
	font-size: 14px !important;
  font-weight: 400 !important;
	color: rgba(0, 0, 0, 0.53);
}

.price_and_rating_section .pricing>li.no_special>div strong {
  font-weight: normal;
}

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

.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.available.stock_status_16:before {
  background: #fc9658;
}

.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;
  width: clamp(150px, 300px, 35%);
}

#product>.options_container>.form-group {
  margin: 0px !important;
  width: 100%;
}

/*    --> 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 > PRICE & QUANTITY                     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product_info_section #product {
  flex-wrap: wrap;
}

.price_and_rating_section {
  width: 100%;
}

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

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

#product-product #button-cart {
  background: var(--accent2) !important;
  line-height: normal !important;
  width: 100%;
  border: none !important;
  color: white !important;
  /* transition: all .2s; */
}


#product>div {
  margin-bottom: 0px;
}

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

#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 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 23px;
  margin-bottom: 23px;
}

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

.enquiry_enabled #enquiry_form_container .pull-right {
  float: left !Important;
}

/*    -->                                                                                                                                 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;
  text-transform: uppercase;
}

.product-accordion-tabs .accordion-version .panel-collapse tr>td:first-child {
  font-weight: bold;
}


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

.bottomcontent .ytvideo iframe {
  aspect-ratio: 16/9;
  width: 100%;
}

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

#product-product .extra_products {
  padding: 20px 0px;
  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 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;
}

html[class*="product"] .breadcrumb>li:nth-last-child(2) a {
  text-decoration: underline !important;
}

/*    -->                                                                                                                                    CATEGORY PAGE > INTRO (DISABLED)
[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;

  display: none !important;
}

.category_intro_section>div {
  height: 350px;
}

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

  to {
    opacity: 1;
  }
}

@keyframes reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*    -->                                                CATEGORY PAGE > INTRO > LAYOUT > IF EMPTY
[3]   ------------------------------------------------------------- */



.category_intro_section .right_side:has(.empty) {
  height: 150px;

}

.category_intro_section .right_side:has(.empty)::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #e0f2fc;
}

/*    -->                                                                            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]   ------------------------------------------------------------- */

.category_intro_section .left_side .cat-title {
  font-size: 38px !important;
  font-weight: bold;
  margin-bottom: 14px;
  display: block;
}

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

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

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

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

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

.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 > PRICE                           
[3]   ------------------------------------------------------------- */

.mfilter-price-inputs {
  margin-top: 20px;
}

.mfilter-price-inputs .separator {
  width: 15px;
  display: inline-block;
}

.mfilter-price-inputs>input {
  width: 35px !important;
  height: 35px !important;
  font-size: 15px !important;
  font-weight: bold;
  color: black;
  border: 1px solid #979797 !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  min-width: 35px !important;
  padding: 0px;
  text-align: center;
  margin: 0px 5px !important;
}

.mfilter-price-slider {
  margin-top: 25px;
}

.mfilter-slider-slider,
#mfilter-price-slider {
  margin: 0 !important;
  display: block;
  position: relative;
  background: #f4f4f4 !important;
}

.mfilter-slider-slider,
#mfilter-price-slider {
  height: 15px !important;
}

.mfilter-slider-slider .ui-slider-handle,
#mfilter-price-slider .ui-slider-handle {
  margin-top: 1px;
  border-radius: 100% !important;
  box-shadow: none !important;
  background: none !important;
  background: var(--accent2) !important;
  width: 23px !important;
  height: 23px !important;
}

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

html[class*="product"]:not([class*="product-product"]):not(.product-manufacturer) #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 {
  margin-top: 0px !important;
}

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

#product-category #mfilter-content-container>h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0px;
}

#product-category #mfilter-content-container .subcategories_section {
  /* display:flex; */
  margin-bottom: 50px;
  /* flex-wrap:wrap;
  justify-content: space-between; */
  /* padding-right: 20px; */
  padding-top: 7px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 40px;
}

#product-category #mfilter-content-container .subcategories_section .swiper-wrapper {
  margin: 0px;
}

#product-category #mfilter-content-container .subcategories_section .swiper-button-disabled {
  opacity: 0 !important;
}

/* #product-category #mfilter-content-container .subcategories_section .swiper-wrapper .swiper-slide:not(:last-child) a{
  border-right:1px solid #ccc;
}

#product-category #mfilter-content-container .subcategories_section .swiper-wrapper .swiper-slide.swiper-slide-prev{
  border-right:none !important;
} */

#product-category #mfilter-content-container .subcategories_section a {
  display: block;
  /* background: var(--accent2); */
  /* color: white; */
  padding: 10px;
  /* border: 1px solid white; */
  transition: all 0.12s;
  flex: auto;
  text-align: center;
  margin: 1px;
  color: #2b2b2b;
  font-size: 14px;
  text-transform: uppercase;
  /* background: #eee; */
  display: flex;
  flex-direction: column;
  /* width: calc(20% - 10px); */
  width: 100%;
}

/* @media(max-width: 1268px){
  #product-category #mfilter-content-container .subcategories_section a {
    width: calc(25% - 10px);
  }
}
@media(max-width: 1062px){
  #product-category #mfilter-content-container .subcategories_section a {
    width: calc(33.33% - 10px);
  }
} */
/* @media(max-width: 850px){
  #product-category #mfilter-content-container .subcategories_section a {
    width: unset;
    margin: 3px !important;
  }
  #product-category #mfilter-content-container .subcategories_section a > div{
    display:none !important;
  }
  #product-category #mfilter-content-container .subcategories_section a > span{
    margin-top: 0px !important;
  }
}
@media(max-width: 768px){
  #product-category #mfilter-content-container .subcategories_section{
    padding-right: 0px !important;
  }
} */

#product-category #mfilter-content-container .subcategories_section a:hover span {
  background: var(--accent1);
  /* border-color: var(--accent2); */
}

#product-category #mfilter-content-container .subcategories_section a>div img {
  height: 172px;
  width: 172px;
  border: none;
  border-radius: 0px;
}

#product-category #mfilter-content-container .subcategories_section a>span {
  line-height: normal !important;
  display: block;
  margin-top: 7px;
  max-width: 172px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #eee;
  padding: 7px 10px;
  transition: all 0.12s;
  color: black;
  font-weight: bold;
}

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

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

html[class*="product"]:not([class*="product-product"]):not([class*="product-manufacturer"]) #mfilter-content-container>.row:nth-last-child(3):before,
html[class*="product"]:not([class*="product-product"]):not([class*="product-manufacturer"]) #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) .form-group {
  margin-bottom: 0px !important;
  margin-right: 10px !important;
}

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

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

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

#mfilter-content-container>.row>div:has(#input-sort) {
  display: none !important;
}

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

html[class*="product"]:not([class*="product-product"]) .view_section {
  display: none !important;
}

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

#mfilter-content-container>.row:has(#input-sort) {
  margin-bottom: 30px;
}


#mfilter-content-container>.row:has(.product-layout) {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 30px;
  display: grid;
}

@media(max-width: 1450px) {
  #mfilter-content-container>.row:has(.product-layout) {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width: 1024px) {
  #mfilter-content-container>.row:has(.product-layout) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 480px) {
  #mfilter-content-container>.row:has(.product-layout) {
    grid-template-columns: repeat(1, 1fr);
  }
}

#mfilter-content-container>.row:has(.product-layout):before,
#mfilter-content-container>.row:has(.product-layout):after {
  display: none !important;
}

html[class*="product"]:not([class*="product-product"]) .product-layout.product-grid {
  padding-left: 5px;
  padding-right: 5px;
  clear: none !important;
  width: 100% !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(--accent3) !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: green !important;
  color: white !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(--accent2) !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(--accent2) !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-intro .quantity_info_text {
  font-weight: bold;
  margin-top: 10px
}

#cart-intro .mid-section {
  display: flex;
  flex-direction: column
}

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

#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: 17px;
  font-weight: bold;
  line-height: 1;
}

/*    -->                                                                                                                               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: 60px;
  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 > ACCORIOND 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
*/

.poc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 20px;
  padding-right: 20px;
}

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

.extension-module-qnec body {
  overflow: hidden !important;
}

body div.poc_container {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 40px !important;
  padding-left: calc(((100vw - 1650px) / 2)) !important;
}

.perfect_one_checkout_main_container>.col_2 {
  max-width: 550px !important;
  padding-right: 35px;
}

.perfect_one_checkout_main_container>.col_3 {
  padding-left: 67px;
  position: relative;
  margin-top: -138px !important;
}

.perfect_one_checkout_main_container>.col_3:before {
  content: "";
  height: 900vh;
  width: 100vw;
  background: #f7f7f7;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translateY(-100vh);
}

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

html.extension-module-qnec .breadcrumb {
  display: none !important;
}

/*    -->                                                                                                                                   CHECKOUT PAGE > COMMON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     CHECKOUT PAGE > COMMON > CONTAINERS
[2]   =========================================================================================================== */

div.panel_poc div.panel_poc-body {
  background: transparent;
  border-radius: 0px;
}

div.poc_styles .poc_col-xs-1,
div.poc_styles .poc_col-sm-1,
div.poc_styles .poc_col-md-1,
div.poc_styles .poc_col-lg-1,
div.poc_styles .poc_col-xs-2,
div.poc_styles .poc_col-sm-2,
div.poc_styles .poc_col-md-2,
div.poc_styles .poc_col-lg-2,
div.poc_styles .poc_col-xs-3,
div.poc_styles .poc_col-sm-3,
div.poc_styles .poc_col-md-3,
div.poc_styles .poc_col-lg-3,
div.poc_styles .poc_col-xs-4,
div.poc_styles .poc_col-sm-4,
div.poc_styles .poc_col-md-4,
div.poc_styles .poc_col-lg-4,
div.poc_styles .poc_col-xs-5,
div.poc_styles .poc_col-sm-5,
div.poc_styles .poc_col-md-5,
div.poc_styles .poc_col-lg-5,
div.poc_styles .poc_col-xs-6,
div.poc_styles .poc_col-sm-6,
div.poc_styles .poc_col-md-6,
div.poc_styles .poc_col-lg-6,
div.poc_styles .poc_col-xs-7,
div.poc_styles .poc_col-sm-7,
div.poc_styles .poc_col-md-7,
div.poc_styles .poc_col-lg-7,
div.poc_styles .poc_col-xs-8,
div.poc_styles .poc_col-sm-8,
div.poc_styles .poc_col-md-8,
div.poc_styles .poc_col-lg-8,
div.poc_styles .poc_col-xs-9,
div.poc_styles .poc_col-sm-9,
div.poc_styles .poc_col-md-9,
div.poc_styles .poc_col-lg-9,
div.poc_styles .poc_col-xs-10,
div.poc_styles .poc_col-sm-10,
div.poc_styles .poc_col-md-10,
div.poc_styles .poc_col-lg-10,
div.poc_styles .poc_col-xs-11,
div.poc_styles .poc_col-sm-11,
div.poc_styles .poc_col-md-11,
div.poc_styles .poc_col-lg-11,
div.poc_styles .poc_col-xs-12,
div.poc_styles .poc_col-sm-12,
div.poc_styles .poc_col-md-12,
div.poc_styles .poc_col-lg-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}

div.panel_poc {
  border: none;
  margin-bottom: 35px !important;
}

div.panel_poc div.panel_poc-body {
  padding: 0px !important;
  border-radius: 0px !important;
}

/*    -->                                                                  CHECKOUT PAGE > COMMON > RADIO BUTTONS
[2]   =========================================================================================================== */

/*    -->           CHECKOUT PAGE > COMMON > RADIO BUTTONS > LAYOUT                 
[3]   ------------------------------------------------------------- */

.panel_poc-body div.radio-input {
  padding: 0px !important;
  box-shadow: none !important;
  background: none !important;
}

.panel_poc-body div.radio-input label {
  display: flex;
  align-items: center;
  margin-bottom: 15px !important;
}

.panel_poc-body div.radio-input label>* {
  clear: both;
}

/*    -->            CHECKOUT PAGE > COMMON > RADIO BUTTONS > TEXTS                 
[3]   ------------------------------------------------------------- */

.panel_poc-body div.radio-input div.text .poc_title,
.panel_poc-body div.radio-input div.text br {
  display: none !important;
}

.panel_poc-body div.radio-input .text,
.panel_poc-body div.radio-input .price {
  line-height: normal;
  padding-left: 5px;

  color: #000000;
  font-size: 16px;
  line-height: 19px !important;
  text-transform: uppercase;
  padding-left: 0px !important;
}

.panel_poc-body div.radio-input .text {
  width: 100%;
}

/*    -->            CHECKOUT PAGE > COMMON > RADIO BUTTONS > PRICE                 
[3]   ------------------------------------------------------------- */

/*    -->             CHECKOUT PAGE > COMMON > RADIO BUTTONS > INPUT                   
[3]   ------------------------------------------------------------- */

.poc_row input[type="radio"],
div.poc_styles .radio input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  margin-left: 0px !important;
  margin-right: 10px !important;
}

.poc_row input[type="radio"]::before,
div.poc_styles .radio input[type="radio"]::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 2px solid #444c63;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
}

.poc_row input[type="radio"]:checked::before,
div.poc_styles .radio input[type="radio"]:checked::before {
  border: 6px solid #444c63;
}

/*    -->                                                                         CHECKOUT PAGE > COMMON > TITLES
[2]   =========================================================================================================== */

/*    -->              CHECKOUT PAGE > COMMON > TITLES > MAIN TITLE                  
[3]   ------------------------------------------------------------- */

html.extension-module-qnec #content>h1 {
  font-size: 40px;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 41px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 50px !important;
  margin-top: 40px !important;
  width: 50%;
}

/*    -->          CHECKOUT PAGE > COMMON > TITLES > SECTION TITLES                     
[3]   ------------------------------------------------------------- */

.panel_poc-heading,
h3.poc_title,
h3.poc_title span {
  background: none !important;
  color: #000000 !important;
  font-size: 20px !important;
  line-height: normal !important;
  border: none !important;
  border-radius: 0px !important;
  padding: 0px !important;
  font-weight: bold !important;
  margin: 0px !important;
  margin-bottom: 30px !important;
}

.perfect_one_checkout_main_container>div:not(.col_3) .panel_poc-heading,
.perfect_one_checkout_main_container>div:not(.col_3) h3.poc_title,
.perfect_one_checkout_main_container>div:not(.col_3) h3.poc_title span {
  margin-bottom: 20px !important;
}

.panel_poc-heading {}

h3.poc_title:before {
  display: none !important;
}

.col_1 .panel_poc-heading {}

.col_2 .panel_poc-heading {}

.col_2 .panel_poc-heading {}

/*    -->                                                                         CHECKOUT PAGE > COMMON > FIELDS
[2]   =========================================================================================================== */

/*    -->                  CHECKOUT PAGE > COMMON > FIELDS > PARENT                            
[3]   ------------------------------------------------------------- */

.poc_form-group {
  margin-bottom: 23px !important;
}

/*    -->           CHECKOUT PAGE > COMMON > FIELDS > & PLACEHOLDER                            
[3]   ------------------------------------------------------------- */

.poc_form-control,
.floating-label {
  color: black !important;
  font-weight: 500 !important;
}

.floating-label {
  left: 10px;
}

/*    -->                   CHECKOUT PAGE > COMMON > FIELDS > INNER                          
[3]   ------------------------------------------------------------- */

.poc_form-control {
  box-shadow: none !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #dcdcdc !important;
  padding: 10px !important;
  font-size: 16px !important;
  height: 37px !important;
}

div.poc_styles .poc_form-control {
  background: transparent !important;
}

input:not(:focus).venipak-value~.floating-label,
input:not(:focus).foxpost-value~.floating-label,
input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
  top: -13px;
}

/*    -->                                                                                                                   CHECKOUT PAGE > LOGIN/REGISTER SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                        CHECKOUT PAGE > LOGIN/REGISTER SECTION > BUTTONS                        
[2]   =========================================================================================================== */

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal;
  background: none !important;
  border: none;
  border-radius: 0px !important;
  padding: 0px !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 2px solid #444c63;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn[disabled] {
  color: #000 !important;
  background: none !important;
  box-shadow: none !important;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn[disabled]:before {
  border: 6px solid #444c63;
}

div.panel_identification div.panel_poc div.panel_poc-body div.poc_btn-group button.poc_btn:not(:last-child) {
  margin-right: 30px;
}

/*    -->                                                                                                                    CHECKOUT PAGE > PERSONAL INFO SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                          CHECKOUT PAGE > PERSONAL INFO SECTION > TITLES
[2]   =========================================================================================================== */

/*    -->  CHECKOUT PAGE > PERSONAL INFO SECTION > TITLE > HIDE OVERTITLE                          
[3]   ------------------------------------------------------------- */

.panel_container.panel_addresses>.panel_poc>.panel_poc-heading {
  display: none !important;
}

/*    -->      CHECKOUT PAGE > PERSONAL INFO SECTION > TITLE > MAIN                     
[3]   ------------------------------------------------------------- */

#formBillingAddress>.differents_addresses>span,
#formDeliveryAddress>h3.poc_title>span {
  margin-bottom: 0px !important;
}

/*    -->                                                 CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS                                       
[2]   =========================================================================================================== */

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > TITLE                      
[3]   ------------------------------------------------------------- */

#formBillingAddress>h3.poc_title {
  margin-bottom: 25px !important;
}

#formBillingAddress>h3.poc_title>span {
  margin-bottom: 0px !important;
}

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > ACCEPTANCE CHECKBOX #1                        
[3]   ------------------------------------------------------------- */

#formBillingAddress>.poc_col-md-12>.poc_form-group {
  margin-bottom: 0px !important;
}

#formBillingAddress>.poc_col-md-12 label {
  margin-left: 2px !important;
}

div.poc_styles .checkbox label {
  font-size: 16px;
}

/*    --> CHECKOUT PAGE > PERSONAL INFO SECTION > BILLING ADDRESS > CUSTOMER GROUP               
[3]   ------------------------------------------------------------- */

#formBillingAddress .poc_control-label {
  font-size: 16px;
  color: black;
  margin-bottom: 10px !important;
}

.poc_form-group .radio-inline {
  padding-left: 0px !important;
  display: flex !important;
  align-items: center;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  float: left;
  font-size: 16px;
  color: black;
  margin-right: 20px;
}

.poc_form-group .radio-inline+.radio-inline {
  margin-right: 0px !important;
}

.poc_form-group .radio-inline input[type="radio"] {
  position: relative !important;
}

/*    -->                                                CHECKOUT PAGE > PERSONAL INFO SECTION > SHIPPING ADDRESS                                       
[2]   =========================================================================================================== */

#formDeliveryAddress {
  margin-top: 40px;
}

/*    -->                                                                                                                  CHECKOUT PAGE > SHIPPING METHOD SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_container.panel_shipping {
  padding-right: 50px !important;
}

.panel_container.panel_shipping .xshippingpro-desc {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

/*    -->                                                                                                                   CHECKOUT PAGE > PAYMENT METHOD SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_container.panel_payment {
  padding-left: 50px !important;
}

.panel_container.panel_payment .text>.text {
  font-weight: normal !important;
}

/*    -->                                                          CHECKOUT PAGE > PAYMENT METHOD SECTION > TITLE                                     
[2]   =========================================================================================================== */

/* .panel_container.panel_payment .panel_poc-heading{
  visibility:hidden !important;
} */

/*    -->                                                                                                                   CHECKOUT PAGE > SHOPPING CART SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.panel_cart {
  max-width: 100% !important;
}

/*    -->                                                          CHECKOUT PAGE > SHOPPING CART SECTION > COUPON                                           
[2]   =========================================================================================================== */

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > LAYOUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .coupon {
  margin: 20px 0px !important;
}

div.panel_cart div.discount_zone div.discount_container {
  background: none !important;
}

div.panel_cart div.discount_zone div.discount_container div.icons {
  display: none;
}

.coupon .poc_input-group {
  display: flex !important;
  align-items: flex-end;
}

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > INPUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-webkit-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-moz-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control:-ms-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-ms-input-placeholder {
  color: black !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::placeholder {
  color: black !important;
}

/*    -->   CHECKOUT PAGE > SHOPPING CART SECTION > COUPON > BUTTON                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_form-control {
  width: 447px !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_btn-success {
  border-left: 0;
  right: auto;

  display: inline-block;
  margin-left: 20px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-radius: 0px;
  background: white !important;
  border: 1px solid #e8e8e8;
  height: 50px;
  display: flex;
  align-items: center;
}

div.panel_cart div.discount_zone div.discount_container .poc_btn-success .typcn::before {
  content: "ΥΠΟΛΟΓΙΣΜΟΣ";
  display: block !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font1) !important;
  text-shadow: none;
  color: black;
  font-size: 16px;
  padding: 0px 10px;
}

/*    -->                                                    CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE                                           
[2]   =========================================================================================================== */

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > HEADER                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart thead {
  display: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > LAYOUT                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody>tr {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: white !important;
  margin: 13px 0px !important;
  padding-right: 50px;
}

div.poc_styles .poc_table-striped>tbody>tr td {
  border: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > IMAGE                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody>tr td .img-thumbnail {
  border: none;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TITLE                                          
[3]   ------------------------------------------------------------- */

div.poc_styles .poc_table-striped>tbody .text-left.product_name {
  width: 300px !important;
  display: flex;
  font-size: 0px;
  flex-wrap: wrap;
}

div.poc_styles .poc_table-striped>tbody .text-left.product_name small {
  font-size: 14px;
}

div.poc_styles .poc_table-striped>tbody .text-left.product_name a {
  color: #000000;
  font-family: var(--font1);
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  width: 100%;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > QUANTITY                                          
[3]   ------------------------------------------------------------- */

/* BUTTONS */

div.panel_cart table.products_info_cart td.quantity_td input.poc_form-control {
  border: 1px solid #eaeaea !important;
  font-weight: bold !important;
}

div.panel_cart table.products_info_cart td.quantity_td button {
  background: transparent !important;
  border: none !important;
}

/* STEPPER */

div.panel_cart table.products_info_cart td.quantity_td button span {
  color: black !important;
}

/* REMOVE */

div.panel_cart table.products_info_cart td.quantity_td button.remove_product span:before {
  display: none !important;
}

div.panel_cart table.products_info_cart td.quantity_td button.remove_product {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: black !important;
  box-shadow: none;
  padding: 0px;
  background-image: url("/catalog/view/theme/digital4u/stylesheet/svg/delete-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: transparent !important;
  border-radius: 0px !important;
  border: 1px solid #eaeaea !important;
  background-size: 15px 20px !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTAL #1                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart .quantity_td+td {
  display: none !important;
}

/*    --> CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTAL #2                                          
[3]   ------------------------------------------------------------- */

div.panel_cart table.products_info_cart .quantity_td~td {
  font-weight: bold !important;
  color: black !important;
  width: 120px;
  font-size: 25px !important;
}

/*    -->                                         CHECKOUT PAGE > SHOPPING CART SECTION > PRODUCTS TABLE > TOTALS                                         
[2]   =========================================================================================================== */

.panel_poc-body .totals {
  padding: 50px !important;
}

.panel_poc-body .totals td {
  vertical-align: middle !important;
}

.panel_poc-body .totals,
.panel_poc-body .totals * {
  border: none !important;
  color: black !important;
  vertical-align: sub;
  text-transform: uppercase !important;
}

.panel_poc-body .totals {
  background: white !important;
}

.panel_poc-body .totals strong {
  font-weight: normal !important;
}

.panel_poc-body .totals tr>td:last-child {
  font-weight: bold !important;
}

.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr>td:last-child>*,
.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr>td:last-child {
  font-weight: bold !important;
}

.panel_poc-body .totals .poc_table poc_table-bordered tbody>tr:last-child * {
  font-weight: bold !important;
}

div.panel_cart div.totals table tbody tr:last-child td.total {
  font-size: 30px !important;
}

div.panel_cart table {
  border: none !important;
}

/*    -->                                                                                                    CHECKOUT PAGE > SHOPPING CART SECTION > COMMENTS                                                     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.poc_styles textarea.poc_form-control {
  height: 80px !important;
  overflow: auto !important;
  margin-top: -25px !important;
}

/*    -->                                                                                                    CHECKOUT PAGE > SHOPPING CART SECTION > CONFIRM ORDER                                                      
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.perfect_one_checkout_main_container div.panel_confirm div.panel_poc {
  box-shadow: none !important;
}

div.perfect_one_checkout_main_container a.poc_btn.confirm_order_button,
div.panel_confirm div.payment_info #button-confirm {
  color: #ffffff !important;
  background: var(--accent2) !important;
  border: none !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  height: 60px !important;
  width: 310px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  overflow: auto !important;
}

/*    -->                                                                                                                           CHECKOUT PAGE > WHEN LOGGED IN               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.panel_addresses div.panel_poc div.panel_poc-body div.delivery_address select,
div.panel_addresses div.panel_poc div.panel_poc-body div.billing_address select {
  width: 100% !important;
}

/*    -->                                                          CHECKOUT PAGE > WHEN LOGGED IN  > PERSONALS                                    
[2]   =========================================================================================================== */

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body {
  max-width: 540px !important;
  flex-direction: column !important;
  padding-right: 35px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .delivery_address label,
div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .billing_address label {
  font-size: 16px;
  color: black !important;

  color: #000000 !important;
  font-size: 20px !important;
  line-height: normal !important;
  border-radius: 0px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .billing_address label {
  margin-top: 30px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses .panel_poc .panel_poc-body .poc_form-control {
  height: 39px !important;
}

div.perfect_one_checkout_main_container .col_1 .panel_addresses {
  margin-bottom: -74px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION ACCOUNT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

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

html.account-account #content {
  float: right
}

/*    -->                                                                                                                             ACCOUNT PAGE > LINKS SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



html.account-account #content ul li a {
  transition: all .12s;
  color: #666 !important
}

html.account-account #content ul li a:is(:hover) {
  color: var(--accent1) !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;
  text-transform: none !important;
}

.information-information .nav-tabs li a {
  color: #000000 !important;
  font-size: 15px !important;
  transition: all 0.2s;
  white-space: nowrap !important;
  border-radius: 0px;
  border: none !important;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.information-information .nav-tabs li:not(.current) a:hover {
  /* font-weight: bold; */
  padding-left: 20px;
}

/*    -->                                                                                                                         INFORMATION PAGE > FAQ ACCORDION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-information .accordion-group {
  margin-bottom: 3px;
}

.information-information .accordion-heading .accordion-toggle {
  background: #eeeeee;
  border: 1px solid #ddd;
  color: #333;
  padding: 10px 20px;
  display: block;
  transition: border 0.15s ease-in-out;
  border: none !important;
  min-height: 50px !important;
  display: flex;
  align-items: center;
}

.information-information .accordion-heading .accordion-toggle[aria-expanded="true"] {
  border: 1px solid #46423d;
  border-color: var(--accent2);
  background: var(--accent2);
  color: white;
}

.information-information .accordion-inner {
  background: transparent;
  padding: 20px;
}

/* .information-information div#accordion2 {
  margin: 100px auto;
} */

/*    -->                                                                                                                               INFORMATION PAGE > CONTENT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-information .section_title {
  margin-top: 60px;
}

.information-information #content * {
  font-size: 15px !important;
  line-height: 27px !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION SITEMAP PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

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



.information-sitemap #content>.row>.col-sm-3 {
  width: 100% !important;

}

.information-sitemap #content>.row>.col-sm-3>ul {
  -moz-column-count: 3;
  column-count: 3;
  -moz-column-gap: 30px;
  column-gap: 30px;

}

.information-sitemap #content>.row>.col-sm-3>ul li {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

@media(max-width: 1024px) {
  .information-sitemap #content>.row>.col-sm-3>ul {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

@media(min-width: 769px) {
  .information-sitemap #content>.row>.col-sm-3:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
}

@media(max-width: 768px) {
  .information-sitemap #content>.row>.col-sm-3>ul {
    -moz-column-count: unset;
    column-count: unset;
  }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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 ORDER HISTORY
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.account-order-info #content .btn-primary {
  background: #29166f !important;
  color: white !important;
}

.account-order-info #content .btn-primary:hover {
  background: var(--accent2) !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION ACCOUNT PAGES
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.account-wishlist #content .btn-primary {
  background: #29166f !important;
  color: white !important;
}

.account-wishlist #content .btn-primary:hover {
  background: var(--accent2) !important;
}

html[class*="account"] #content>h1 {
  text-align: left !important;
}

html[class*="account"] #content .buttons:before {
  display: none;
}

html[class*="account"] #content .buttons {
  display: flex;
  gap: 15px;
}

html[class*="account"] #content .buttons .pull-right {
  float: left !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION REST OF PAGES 
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               REST OF PAGES > CONTAINERS             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



.well {
  box-shadow: none !important;
}

/*    -->                                                                                                                                    REST OF PAGES > FONTS             
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container>.row *:not(legend):not(.gp_phone_orders),
html.information-contact body>.container>.row *:not(legend):not(.gp_phone_orders) {
  color: black !important;
  font-size: 15px;
  border-radius: 0px !important;
}

/*    -->                                                                                                                               REST OF PAGES > MAIN TITLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content>h1,
html.information-contact body>.container #content>h1 {
  font-size: 40px !important;
  font-family: var(--font2);
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

/* 
html[class*="account"] body > .container #content > h1:before,
html.information-contact body > .container #content > h1:before {
  content: "SURVIVAL";
  font-size: 15px !important;
  letter-spacing: 1px !important;
  line-height: 15px !important;
  margin-bottom: 5px;
  font-weight: normal !important;
  font-family: var(--font1) !important;
} */

/*    -->                                                                                                                          REST OF PAGES > SECONDARY TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content>H2,
html[class*="account"] body>.container #content legend,
html.information-contact body>.container #content legend {
  background: #f2f2f2;
  border: none;
  color: black;
  /* font-weight: bold; */
  text-transform: uppercase;
  padding: 14px 20px;
  margin-top: 30px;
  min-height: 50px;
  display: flex;
  font-size: 18px !important;
  align-items: center;
}

/*    -->                                                                                                                                    REST OF PAGES > FORMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                  REST OF PAGES > FORMS > INPUTS FIELDS                                 
[2]   =========================================================================================================== */

html[class*="account"] #content form label+div>*,
html.information-contact #content form label+div>* {
  border-radius: 0px !important;
  outline: none !important;
  border-color: #ddd !important;
  box-shadow: none !important;
}

html[class*="account"] #content form label+div>*:not(textarea),
html[class*="account"] #content .form-group input:not([type="radio"]),
html.information-contact #content form label+div>*:not(textarea) {
  height: 45px;
}

.form-control:focus {
  border-color: inherit !important;
  outline: 0;
  box-shadow: none !important;
}

/*    -->                                                                                                                             REST OF PAGES > CONTENT LIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account"] body>.container #content .list-unstyled {
  padding-top: 2px !important;
}

html[class*="account"] body>.container #content .list-unstyled li {
  margin: 7px 0px;
}

/*    -->                                                                                                                             REST OF PAGES > SIDEBAR LIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* html[class*="account"] body > .container #column-right{
  margin-top: 30px !important;
} */

html[class*="account"] body>.container #column-right .list-group-item {
  padding: 13px 17px;
  transition: all 0.12s;
  text-shadow: none !important;
}

html[class*="account"] body>.container #column-right .list-group-item:hover {
  background: var(--accent1) !important;
  color: white !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CONTACT PAGE  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*                                                                                                                                            CONTACT PAGE
[1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.information-contact #content>.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 50px !important;
}

html.information-contact #content>h3 {
  display: none !important;
}

.gp_phone_orders,
html.information-contact body>.container #content legend {
  text-align: center !important;
  /* background: #eee; */
  display: block !important;
  color: white !important;
  /* padding: 2px 0px; */
  /* font-size: 25px; */
  /* margin-top: 20px !important; */
  margin-bottom: 50px !important;
  /* font-weight: bold !important; */
  width: 100% !important;
  /* padding: 10px; */
  /* box-sizing: content-box; */
  /* padding-right: 13px !important; */
  /* padding: 0px 10px; */
  /* background: var(--accent1) !important; */
  padding: 20px !important;
  font-size: 22px !important;
  /* font-family: var(--font2) !important; */
  /* font-weight: bold; */
  line-height: 1 !important;
  margin-top: -13px;
  background: #121212;
  font-weight: normal !important;
}

html.information-contact body>.container #content legend {}

html.information-contact #content>.row>.gp_phone_orders {
  margin-bottom: 40px !important;
}

html.information-contact h2.secondary-title {
  display: none;
}

html.information-contact .journal-cms-block-35 .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

html.information-contact fieldset h2.secondary-title {
  display: block !important;
  font-size: 22px;
}

html.information-contact .store {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 10px;
}

html.information-contact .store iframe {
  height: 320px;
  border: 1px solid #e4e4e4;
}

.contact_title,
.contact_information {
  /* border: 1px solid #e4e4e4; */
  background: #eee;
}

.contact_title {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  /* color: #2c6873; */
  color: black;
  font-size: 20px;
  padding: 6px 0px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px !important;
}

.contact_information {
  width: 100%;
  padding: 10px 0px;
  color: #3c3c3c;
  font-size: 15px;
  margin-top: 15px;
  min-height: 397px;
}

.contact_information table tr td {
  padding: 10px 10px;
  line-height: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.contact_information table tr td:first-child {
  font-weight: bold;
  padding-left: 0px;
  text-align: right;
  padding-right: 20px;
}

.contact_information table tr td:last-child {
  padding-right: 0px;
  padding-left: 10px;
}

.contact_information table {
  margin: 0 auto;
}

html.information-contact body>.container #content form {
  margin-top: 0px;
}

html.information-contact body>.container .buttons .btn-primary {
  padding: 17px 35px;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  color: black;
  border: 1px solid black;
  text-shadow: none !important;
}

html.information-contact body>.container .buttons .btn-primary:hover {
  background: var(--accent1) !important;
}

html.information-contact #content form .text-danger {
  display: flex;
  background: pink;
  padding: 10px 15px;
  align-items: center;
}

@media (max-width: 1195px) {
  html.information-contact .journal-cms-block-35 .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .store {
    width: 100% !important;
    padding: 0px !important;
    margin-bottom: 20px;
  }

  .contact_information {
    width: calc(50% - 10px);
    float: left;
    margin-top: 0px;
    min-height: 321px;
  }

  .google-map {
    width: 50%;
    float: right;
  }
}

@media (max-width: 755px) {
  .contact_information {
    width: 100%;
    float: none;
    margin-top: 0px;
    min-height: 221px;
  }

  .google-map {
    width: 100%;
    float: none;
  }
}

@media (max-width: 325px) {
  .contact_information table tr td {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding-left: 10px !important;
  }
}

.contact-layout {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: center;
}

.custom_info_layout {
  display: flex;
  flex-direction: column;
}

/*    -->                                                                                                                                CONTACT PAGE > PAGE TITLE
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.information-contact body>.container #content>.section_title {
  text-transform: none;
  margin-bottom: 15px;
}

html.information-contact body>.container #content>.section_title>div:first-child {
  text-transform: uppercase;
  margin-bottom: 17px;
  margin-left: auto;
  color: var(--accent2) !important;
  margin-right: auto;
}

html.information-contact body>.container #content>.section_title>div:last-child {
  font-size: 33px;
  font-weight: 700;
  line-height: 30px;
}

html.information-contact body>.container #content>.section_title+.subtitle {
  text-align: center;
  font-size: 16px !important;
  margin-bottom: 50px;
}


/*    -->                                                                                                                          CONTACT PAGE > CUSTOM PANEL
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.information-contact .panel-default {
  display: none !important;
}

.custom_info_layout {
  display: flex;
  width: 100%;
  gap: 15px;
  margin-bottom: 50px
}

.custom_info_layout>div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  /* width: 33.33%; */
}

.custom_info_layout>div a {
  text-decoration: underline !important;
}

.custom_info_layout>div>span.label {
  text-align: left;
  margin: 0px;
  padding: 15px 20px;
  background: #f6f6f6;
  font-size: 17px !important
}

.custom_info_layout>div>span.value {
  padding: 10px;
  padding-top: 15px
}

/*    -->                                                                                                                          CONTACT PAGE > FORM TITLE
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.information-contact body>.container #content legend {
  display: none !important;
}

html.information-contact body>.container #content textarea#input-enquiry {
  margin-bottom: 15px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !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: #284e36 !important;
  color: white !important;
  border: none !important;
  width: 350px !important;
  max-width: 100% !important;
}

.checkout-success .buttons {
  display: none !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > DEV
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                RESPONSIVE > DEV > HEADER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* #header_logo_section {
	border: 1px solid green;
}

#header_menu_section {
	border: 1px solid red;
}

#header_icons_section {
	border: 1px solid blue;
} */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > GENERIC  
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                    RESPONSIVE > GENERIC > FLAGS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.mobile {
  display: none;
}

.desktop {
  display: unset;
}

@media (max-width: 768px) {
  .mobile {
    display: unset;
  }

  .desktop {
    display: none;
  }
}

/*    -->                                                                                                                    RESPONSIVE > GENERIC > SECTION TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {

  /* #common-home .module_product_tabs .section_title {
    margin-bottom: 35px;
  } */
  .section_title>div:last-child {
    font-size: 30px;
  }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

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

@media(max-width: 1550px) {
  header>.container>.row {
    gap: 10px;
  }
}

@media (max-width: 1150px) {
  header {
    --headerIconsSectionWidth: 240px;
    --headerLogoSectionWidth: 147px;
  }
}

@media (max-width: 880px) {
  header {
    --headerIconsSectionWidth: 210px;
    --headerLogoSectionWidth: 110px;
  }
}

@media (max-width: 768px) {
  #header_menu_section {
    width: 100%;
  }

  .header-icons .account>a>span {
    display: none !important;
  }

  /* .top-header-cont .header-icons>div:not(#cart),
  #header_menu_section>.header_navigation {
    display: none !important;
  } */
}

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

@media (max-width: 990px) {
  #top-bar {
    display: none !important;
  }
}

/*    -->                                                                                                                       RESPONSIVE > HEADER > BURGER BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#menu_toggle_button_mobile {
  display: none;
}

@media(max-width: 768px) {
  #menu_toggle_button_mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: var(--accent2);
    cursor: pointer;
    margin-left: 10px;
    min-width: 50px;
  }
}

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

@media (max-width: 768px) {
  #logo a {
    height: 50px !important;
    display: flex;
    align-items: center;
  }

  #logo a .img-responsive {
    max-height: 50px;
    width: auto;
  }
}

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

  #menu_container,
  #menu .nav.navbar-nav li.dropdown .dropdown-menu {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}




/*    -->                                                                     RESPONSIVE > HEADER > MENU SECTION > HEIGHTS
[2]   =========================================================================================================== */
@media(max-width: 768px) {
  #menu_header {
    height: 90px;
  }

  #menu .nav.navbar-nav {
    /* height: calc(100vh - 90px); */
    overflow: auto;
    justify-content: unset;
    margin-top: 0px;
    height: 100%;
  }

  #menu .nav.navbar-nav {
    /* height: calc(100vh - 150px) !important; */
    /* margin-top: 30px; */
  }

  #menu .extra_links {}

  #menu .nav.navbar-nav li.dropdown .dropdown-menu {
    top: 30px !important;
    height: calc(100vh - 30px);
  }
}

/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > EXTRA LINKS                       
[2]   =========================================================================================================== */

#menu .extra_links.for_mobile {
  display: none;
}

@media(max-width: 768px) {
  #menu .extra_links.for_mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 13px !important;
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, .3);

    margin-top: 25px;
  }

  #menu .extra_links.for_mobile a {
    font-size: 14px !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: normal;
    color: #fff
  }

}



/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > MAIN ITEMS                        
[2]   =========================================================================================================== */

@media (max-width: 1400px) {

  /* #menu .nav.navbar-nav>li>a,
  #language_selection>button {
    font-size: 14px !important;
  } */

  div#search input,
  .header_navigation>a {
    font-size: 13px !important;
  }
}

@media (max-width: 1150px) {
  .header_navigation {
    gap: 0px 10px;
  }

  .header_navigation>a {
    border-radius: 10px;
  }
}

/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > LOGO                      
[2]   =========================================================================================================== */

@media(max-width: 768px) {
  #header_logo_section {
    width: 200px;
  }
}

/*    -->                                                         RESPONSIVE > HEADER > MENU SECTION > MENU HEADER                        
[2]   =========================================================================================================== */

.mobile_links_section {
  display: none;
}

@media(max-width: 768px) {

  #menu_header .mobile_links_section {
    display: flex;
    justify-content: flex-start;
    position: relative !important;
    margin-top: 30px;
    padding: 0px 0px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    width: 100%;
    height: 60px;
  }


  .account-dropdown {
    position: relative;
  }

  .account-dropdown>.dropdown-menu {
    position: absolute !important;
    top: 30px;
    right: -50px;
    width: auto !important;
  }

  .mobile_links_section>ul.list-inline>li#search-toggle>a>svg {
    height: 20px;
    width: 20px;
  }

  .mobile_links_section #language_selection>button {
    color: white;
  }

  .mobile_links_section #language_selection>button:first-child::after {
    background: white;
  }



  .mobile_links_section>ul.list-inline {
    margin-left: 0px !Important;
    margin-bottom: 0px !Important;
    display: flex;
    align-items: center;

    width: calc(100% - 35px);
    justify-content: flex-start;
    gap: max(7vw, 20px);
  }

  .mobile_links_section>ul.list-inline>li {
    padding: 0px;
    margin: 0px;
    position: relative;
  }

  .mobile_links_section>ul.list-inline>li a {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !Important;

    line-height: 1;

  }

  .mobile_links_section>ul.list-inline>li>a>svg {
    height: 28px;
    width: 28px;
    fill: white !important;
    -webkit-filter: brightness(0) invert(100) !important;
    filter: brightness(0) invert(100) !important;
  }

  #menu_close_button:before {
    display: none !important;
  }

  #menu_close_button {
    top: 48px;
  }

  #menu .parent_header {
    padding: 0px !important;
    height: 60px !important;
    align-items: center !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) {
  #cart .dropdown-menu .table-products {
    padding-right: 0px;
  }

  header #cart .btn.btn-inverse #cart-total {
    top: -13px;
    right: -10px;
  }
}

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


/*    -->                                                                                                                       REEPONSIVE > HEADER > MENU SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                                                                       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 {
    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%;
    display: none;
  }
}

@media (max-width: 415px) {
  body {
    --burgerMenuWidth: calc(100vw - 35px);
  }
}

/*    -->  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: #0c0c0c;
    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-image: url("https://survival.demod4u.gr/image/catalog/banners/2022/005/footer_bg_mark.png") !important;

    background-repeat: no-repeat;
    background-position: center center;
    z-index: 99999999999;

    overflow: hidden !important;
  }

  #menu>.navbar-collapse[aria-expanded="true"],
  .burger_menu_enabled #menu>.navbar-collapse {
    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: #0c0c0c;
    width: 100%;
    background: var(--accent2);

    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: white;
    height: 20px;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > LANGUAGE BUTTON */

  #header_icons_section #language_selection {
    display: none !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection {
    flex-direction: row !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection>button {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .mobile_inner_navigation>div.language_mobile #language_selection>button:first-child {
    border-right: 1px solid white;
    border-bottom: none !important;
    margin-right: 8px;
    padding-right: 8px;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > BACK BUTTON */

  .mobile_inner_navigation>div.back_button {
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
  }

  .mobile_inner_navigation>div.back_button svg {
    height: 30px;
  }

  #menu.first_level_active .mobile_inner_navigation>div.back_button {
    visibility: visible;
    opacity: 1;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > CLOSE BUTTON */

  .mobile_inner_navigation>div.close_button span {
    color: white;
    font-size: 11px;
    margin-top: 6px;
    line-height: 1;
  }

  /*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU
  [3]   ------------------------------------------------------------- */

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */

  #menu .navbar-collapse {
    display: flex !important;
    flex-direction: column !important;
  }

  /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */

  #menu .nav.navbar-nav>li.dropdown {
    position: static;
  }

  #menu .nav.navbar-nav>li>a {
    height: auto;
    display: block;
    text-align: left;
    font-size: 20px !important;
    font-weight: normal;
    padding: 15px 0px;
    line-height: normal;
  }

  #menu .nav>li>a:hover,
  #menu .nav>li.open>a,
  #menu .nav.navbar-nav>li:hover {
    background: 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: 20px !important;
    line-height: normal !important;
    padding: 16px 20px 15px !important;
    background: #0c0c0c !important;
    color: var(--accent1) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    position: relative !important;

    width: var(--burgerMenuWidth) !important;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  #menu .mobile_parent_link:before {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    position: absolute;
    top: 0px;
    background: #494949;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #1
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    background: white;
    top: var(--burgerInnerNavigationHeight);
    border: none !important;
    height: calc(100vh - var(--burgerInnerNavigationHeight));
    overflow-x: hidden;
    bottom: 0px !important;
    top: auto !important;
  }

  #menu .nav.navbar-nav>li.dropdown>.mega-menu .dropdown-inner {
    padding: 20px;
  }

  #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: 20px !important;
    display: block !important;
  }

  #menu .mg-menu-cont>.mg-menu-item-title>a>span {
    color: black !important;
    font-size: 19px !important;
    font-weight: normal !important;
  }
}

/*    --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #2                                            
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
  #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: white;
    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: 19px !important;
    font-weight: normal !important;
    background: none !important;
  }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                             RESPONSIVE > FOOTER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1500px) {
  footer>.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1300px) {
  footer {
    background-image: none !important;
  }

  footer .links-row {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    row-gap: 20px;
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: 2 / 4;
  }
}

@media (max-width: 768px) {
  footer .links-row {
    grid-template-columns: repeat(2, 50%);
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: 1 / 3;
  }
}

@media (max-width: 550px) {
  footer .links-row {
    grid-template-columns: repeat(1, 100%);
  }

  footer .footer-column.newsletter_socials_column {
    grid-column: unset;
  }

  footer .footer-column:nth-child(2) h5 {
    display: none !important;
  }


}

/*    -->                                                                                                                         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;
  color: black;
  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%;
}

@media(max-width: 1860px) {
  #back_to_top {
    font-size: 0px;
    border: 1px solid var(--accent2);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 10px !important;
  }

  #back_to_top::before {
    /* position: relative; */
    bottom: unset;
    transform: translateY(-1px);
  }
}

/*    -->                                                              RESPONSIVE > FOOTER > BACK TO TOP > SWITCH                      
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #back_to_top {
    display: block !important;
  }
}

/*    -->                                                                                                                          RESPONSIVE > FOOTER > ACCORDION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 550px) {
  footer .footer-column:not(.newsletter_socials_column) h5 {
    border-bottom: 1px solid white;
    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: black;
  }

  footer .footer-column:not(.newsletter_socials_column).enabled h5:after {
    transform: rotateX(180deg);
  }

  footer .footer-column:not(.newsletter_socials_column) h5+*,
  footer .footer-column:nth-child(2) {
    display: none !important;
  }

  footer .footer-column:nth-child(2).enabled,
  footer .footer-column:not(.newsletter_socials_column).enabled h5+* {
    display: block !important;
  }

  footer .footer-column:nth-child(2) {
    margin-top: -25px;
  }

  footer .footer-column:not(.newsletter_socials_column) h5+* {
    padding: 10px 10px !important;
    display: block;
  }

  footer .footer-column.newsletter_socials_column {
    margin-top: 10px;
  }
}

/*    -->                                                                                                                 RESPONSIVE > FOOTER > NEWSLETTER SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1300px) {
  footer .newsletter_section .news-form {
    margin-left: 0px;
  }
}

/*    -->                                                                                                                         RESPONSIVE > FOOTER > BOTTOM BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 650px) {
  .powered_by {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .payments-row {
    display: grid;
    padding: 7px;
    width: 100vw !important;
    margin-left: 50%;
    transform: translateX(-50%);
    height: auto;
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: repeat(2, 50%);
    text-align: center;
    place-items: center;
  }

  .payments-row>div {
    grid-column: 1/6;
    margin-right: 20px;
  }
}

/*
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ΛΛΛ
 ||||| --> RESPONSIVE > HOME
 VVV
 VVV
 VVV
 VVV
 VVV
 VVV
 VVV
 */

@media(max-width: 1650px) {
  body {
    --maxContainerWidth: 100%;
  }
}

/*    -->                                                                                                                           RESPONSIVE > HOME > DISTANCES                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media(max-width:768px) {
  #common-home #content>.slideshow:nth-of-type(1) {
    margin-bottom: 0px !important;
  }

  /* #common-home #content>.slideshow:nth-of-type(2) {
    margin-bottom: 45px !important;
  } */

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

  #common-home .products-carousel-module {
    padding: 0px !important;
    /* padding-top: 30px !important; */
  }

  #common-home .html-home-1 {
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    position: relative !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }


  #common-home .html-home-1 .hmtl-img img {
    visibility: hidden !important;
    display: block !important;
  }

  .html-home-1 .html-content {
    padding: 30px 15px 50px 15px !important
  }

  /* .heading-carousel {
    padding-top: 80px !important;
  } */

  #common-home .home_banners {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
  }

  html #common-home .module_product_tabs {
    margin-top: 80px !important;
    margin-bottom: 0px !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  html #common-home .module_product_tabs.layout_2_tabs {
    margin-bottom: -40px !important;
  }

  #common-home .tab-content .products-carousel-module {
    padding-top: 0px !important;
  }

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


/*    -->                                                                                                                           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 #content>.slideshow {
    margin-bottom: 0px !important;
  }

  /* #common-home #content>.slideshow:nth-of-type(2) {
    margin-bottom: 50px !important;
  } */

  #common-home #slideshow1,
  .swiper-pagination.slideshow1 {
    display: block;
  }

  #common-home #slideshow0,
  .swiper-pagination.slideshow0 {
    display: none;
  }
}

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

/* @media (max-width: 1330px) {
  #common-home .carousel0_container .swiper-pager {
    right: 12%;
  }
}

@media (max-width: 1150px) {
  #common-home .carousel0_container .swiper-pager {
    right: 9%;
  }
} */

@media (max-width: 768px) {
  #common-home .carousel0_container .swiper-pager {
    display: none !important;
  }
}

/*    -->                                                                                                                        RESPONSIVE > HOME > TABS CAROUSEL                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                  ESPONSIVE > HOME > TABS CAROUSEL > LAYOUT       
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .module_product_tabs {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

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

/*    -->                                                           RESPONSIVE > HOME > TABS CAROUSEL > VIEW MORE     
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .module_product_tabs .view_more {
    position: relative;
    margin-top: 0px;
    top: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
  }
}

/*    -->                 RESPONSIVE > HOME > TABS CAROUSEL > PAGER                                     
[3]   ------------------------------------------------------------- */

@media (max-width: 991px) {
  #common-home .module_product_tabs .swiper-pager {
    display: none !important;
  }
}

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

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

@media (max-width: 1300px) {
  #common-home .module_product_tabs+.swiper-viewport {
    width: 50% !important;
  }

  #common-home .new_collection {
    width: 50% !important;
    margin-left: 0px !important;
  }

  #common-home .new_collection .swiper-container {
    padding: 0px 20px;
  }
}

@media (max-width: 991px) {
  #common-home .new_collection {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}

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

@media (max-width: 1300px) {
  #common-home .new_collection .section_title {
    padding-left: 30px !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 991px) {
  #common-home .new_collection .section_title {
    padding-left: 20px !important;
  }
}

/*    -->                                                             RESPONSIVE > HOME > NEW COLLECTION > PAGER                                
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  #common-home .new_collection .swiper-pager {
    left: 0px;
    width: 100%;
    top: 50%;
    line-height: unset;
    right: unset;
    transform: none;
  }
}

@media (max-width: 768px) {
  #common-home .new_collection .swiper-pager {
    display: none !important;
  }
}

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

@media (max-width: 1300px) {
  #common-home .new_collection .view_more {
    width: 100%;
    margin: 10px auto;
  }
}

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

@media (max-width: 1800px) {
  #common-home .hotspot_wrapper .info_img {
    display: none !important;
  }

  #common-home .hotspot_wrapper>div[class*="hotspot_info_container"] {
    align-items: center;
    display: flex;
    padding: 40px;
  }
}

@media (max-width: 1100px) {
  #common-home .hotspot_wrapper {
    flex-direction: column-reverse !important;
  }

  #common-home .hotspot_wrapper>div {
    width: 100% !important;
  }

  #common-home .hotspot_wrapper.banner_on_right {
    flex-direction: column !important;
  }

  #common-home .hotspot_wrapper.banner_on_right>div[class*="hotspot_info_container"] {
    padding-top: 0px !important;
  }

  #common-home .hotspot_wrapper>div[class*="hotspot_info_container"] {
    padding: 100px 20px 40px;
  }
}

@media (max-width: 768px) {
  #common-home .hotspot_wrapper .home_hotspot_desktop {
    display: none !important;
  }

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

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

@media (max-width: 1300px) {
  #common-home .home_grid.second_row {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  #common-home .home_grid.first_row {
    margin-bottom: 0px !important;
  }

  #common-home .home_grid .swiper-wrapper {
    transform: none !important;
    display: flex;
    flex-direction: column;
  }

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

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

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

/*    -->                                                           RESPONSIVE > HOME > MANUFACTURERS  > LAYOUT                        
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  .manufacturer_section {
    margin-bottom: 100px;
  }
}

/*    -->                                                           RESPONSIVE > HOME > MANUFACTURERS  > VIEW ALL                            
[2]   =========================================================================================================== */

@media (max-width: 1300px) {
  .manufacturer_section .view_more {
    position: relative;
    transform: none;
    right: 0px;
    margin: 40px auto 0 !important;
    display: block;
  }
}

/*    -->                                                              RESPONSIVE > HOME > MANUFACTURERS  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .manufacturer_section .swiper-pager {
    display: none !important;
  }
}

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

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

@media (max-width: 1300px) {
  #common-home .blog_container {
    width: 100%;
  }
}

/*    -->                                                                    RESPONSIVE > HOME > BLOG > VIEW MORE                        
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #latestblog a.view_more {
    display: none !important;
  }
}

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

@media (max-width: 1300px) {
  #common-home .blog_container .view_all {
    top: 0px;
    right: unset;
    margin: 15px auto 0px;
    display: block;
    position: relative;
  }
}

/*    -->                                                                       RESPONSIVE > HOME > BLOG  > PAGER                          
[2]   =========================================================================================================== */

@media (max-width: 768px) {
  #common-home .blog_container .swiper-pager {
    display: none !important;
  }
}

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

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

@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: 15px !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 img {
    width: 100%;
    height: auto !important;
    /* height: 540px !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: white;
  font-weight: bold;
  /* height: 60px; */
  align-items: center;
  justify-content: center;
  width: 100% !important;
  display: flex !important;
  cursor: pointer;
  background: var(--accent1) !important;
  padding: 19px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100vw !important;
  margin-left: -20px;
  margin-right: -20px;
  z-index: 1;
}

/*    -->   RESPONSIVE > CATEGORY > FILTERS > TOGGLE > STICK TO TOP                   
[3]   ------------------------------------------------------------- */

html.filters_reached_top .filters_toggle.mobile .open_mobile_filters {
  position: fixed;
  top: 51px;
  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;
    top: 0px !important;
  }

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

  .return_to_list_button {
    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: var(--accent1);
    /* width: 100%; */
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    /* bottom: 0px; */
    margin-top: 20px
  }

  .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;
    top: 0px !important;
  }

  /*    -->                                                                 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 > 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;
    white-space: normal;
    line-height: 1;
  }

  #checkout-cart .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  #checkout-cart .buttons>* {
    float: none;
  }

  #checkout-cart .buttons a {
    flex-wrap: wrap;
    line-height: 1;
  }
}

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

  .checkout-checkout #content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .checkout-checkout #content .check-column {
    padding: 0 15px !important;
  }

  .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: 768px) {
  #information-information.container>.row #column-left {
    display: flex !important;
    padding: 0px;
    margin-top: 20px;

  }

  #information-information.container>.row #column-left .nav-tabs {
    display: flex !important;
    gap: 10px !important;
    background: white !important;

  }

  #information-information.container>.row #column-left .nav-tabs>li {
    background: #eee !important;
  }
}

@media (max-width: 850px) {
  #information-information.container>.row {
    display: flex;
    flex-direction: column;
  }

  #information-information.container>.row>div,
  .information-information #column-left {
    width: 100% !important;
  }

  .information-information .nav-tabs li:not(.current) a:hover {
    font-weight: normal;
    padding-left: 10px;
    background-color: transparent !important;
  }

  .information-information .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #eee !important;
  }
}

.heading-carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section_title {
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--accent2);
  font-size: 16px;
}

.section_title_sec {
  /* margin-bottom: 30px; */
  color: black;
  font-size: 33px;
  font-weight: bold;
  line-height: 30px;
}

.swiper-pager {
  top: -10%;
}

.products-carousel-module {
  padding: 120px 0;
}

.head-carousel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px 0;
  padding-bottom: 0px;
}

.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(--accent3);
}

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

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

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

.products-carousel-module .swiper-pager {
  top: -5%;
}

.products-carousel-module .view_more {
  top: -6%;
  right: 5%;
  position: absolute;
}

.product-thumb {
  padding: 10px 15px;
}

.model_section {
  color: #6c6c6c;
  font-size: 13px;
  font-weight: 600;
  margin-top: 7px;
}

html.not-login .min-cont-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.html-home-1 {
  display: flex;
  height: 100%;
  align-items: center;
  color: white;
  padding-bottom: 120px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.html-home-1 .html-content {
  width: 50%;
  padding: 50px;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  background-color: #2979b6;
  padding-left: var(--maxContainerPadding);

}



.html-home-1 .hmtl-img {
  width: 50%;
  height: 100%;
  /* height: 400px; */
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image: url('/image/catalog/_cut_assets/company_3_1.jpg') !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100vh
}

.html-home-1 .hmtl-img img {
  /* width: auto;
    height: 100%; */
  /* width: 100%;
    height: auto; */

  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: none;
}

.html-home-1 .html-content h3 {
  color: white;
  font-size: 32px;
  font-weight: bold;
}

.html-home-1 .html-content p {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

.html-home-1 .html-content a {
  cursor: pointer;
  color: white;
  transition: 0.3s;
  border: 1px solid transparent;
  font-size: 15px;
  text-transform: uppercase;
  background-color: var(--accent2);
  padding: 10px 20px;
  margin-top: 45px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

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

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

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

.manufacturer_section .swiper-pager {
  top: 0 !important;
  transform: translateY(-80px);
}

.module_product_tabs .products-carousel-module {
  padding: unset;
}

.module_product_tabs .head-carousel {
  display: none;
}

.module_product_tabs .section_title_sec {
  /* margin-bottom: 20px; */
}

.img-tabs {
  width: 100%;
  height: auto;
}

.cont-img-tabs {
  position: relative;
}

.heading-carousel_new {
  position: absolute;
  left: var(--maxContainerPadding);
  top: 50%;
  transform: translate(0px, -50%);
}

.heading-carousel_new .section_title,
.heading-carousel_new .section_title_sec {
  color: white;
}

@media (min-width: 769px) {
  .design-new-content {
    display: flex;
    width: 100%;
    position: relative;
    /* top: -15%; */
    margin-top: -200px;
  }

  .module_product_tabs .design-new-content .nav-tabs {
    width: 30%;
    padding-left: var(--maxContainerPadding);
    flex-direction: column;
    gap: 15px;
    margin: unset;
    overflow: hidden;
  }

  .module_product_tabs .design-new-content .tab-content {
    width: 70%;
    padding-right: var(--maxContainerPadding);
  }

  .design-new-content .container {
    width: 100% !important;
  }
}

.heading-carousel_new .section_title {
  font-size: 20px;
  letter-spacing: 0.8px;
}

.swiper-viewport {
  border: unset;
  box-shadow: unset;
}

.viewmore-blog {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

#latestblog .blogpost-thumb:hover .viewmore-blog,
#blog-category .blogpost-thumb:hover .viewmore-blog {
  opacity: 1;
  visibility: visible;
  border-bottom: 1px solid #919191;
  padding-bottom: 3px;
}

#latestblog .blogpost-thumb:hover .viewmore-blog,
#blog-category .blogpost-thumb:hover .viewmore-blog {
  color: black;
}

.section_title {
  font-weight: bold;
}

.heading-blog .headingmain {
  font-size: 16px !important;
  font-weight: bold;
  color: var(--accent3) !important;
  letter-spacing: 0.8px !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  border: unset !important;
  margin: 0px !important;
}

.heading-blog .headingmain_sec {
  font-size: 30px;
  color: black;
  letter-spacing: 0.8px;
  line-height: 30px;
  font-weight: bold;
}

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

.comment-footer {
  font-size: 40px !important;
  color: white;
  font-weight: 100;
  opacity: 0.3;
  line-height: 40px;
}

footer .logo-div {
  padding: 0px 0;
}

.news-extra {
  color: black;
  font-size: 16px;
  font-weight: 100;
  line-height: 20px;
}

.news-form input {
  background-color: #ffffff1f;
}

.top-header-cont {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media(min-width: 550px) {
  .top-header-cont {
    gap: 50px;
  }
}

@media(max-width: 549px) {
  .top-header-cont {

    gap: 10px;
  }
}

.search-cont {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

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

/* #search input,
#search .btn.btn-default.btn-lg {
  background-color: #d8d8d842;
} */

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

.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: rgb(216 207 251) !important;
}

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

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

.search-cont {
  width: auto;
}

.header-icons {
  width: 40%;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: flex-end;
}


.account {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header-icons .account {
  position: relative;
}

.header-icons .account>a {
  color: var(--accent2) !important;
  text-transform: uppercase;
  font-weight: bold;
}

.header-icons .account>a>span {
  line-height: 1 !important;
  font-size: 16px;
  display: block;
  font-family: var(--font2);
}

.header-icons .account .dropdown-menu {
  padding: 0px;
}

.header-icons .account .dropdown-menu>li>a {
  padding: 15px 20px;
  color: black;
}

/* .header-icons .account .dropdown-menu li>a:hover {
  background-color: var(--accent1);
  color: white !important;
} */

header #cart {
  /* width: 24px; */
  height: 24px;
  /* margin-right: 10px; */
  order: 99;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 13px;
}

header #cart button {
  width: 100% !important;
}

#cart-total {
  /* display: none; */
}

.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(--accent2);
  padding: 10px 20px;
}

.mfilter-button-reset i {
  display: none;
}

.mfilter-button-bottom {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

.mfilter-button-reset:hover {
  color: white;
}

.view_section .btn-group .btn.btn-default {
  width: 40px;
  height: 40px;
  border-radius: unset !important;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  background: transparent !important;
  box-shadow: unset !important;
  justify-content: center;
}

.view_section .btn-group .btn.btn-default.active {
  border: 1px solid black;
}

.mfilter-col-input {
  position: relative;
}

.mfilter-col-input input {
  opacity: 0;
}

.mfilter-tb-as-td.mfilter-col-input::before {
  content: "";
  position: absolute;
  left: 0;

  pointer-events: none;
  width: 15px;
  height: 15px;
  top: 10px;
  border: 1px solid var(--accent3);
}

.mfilter-input-active::before {
  background-color: var(--accent3);
}

.mfilter-input-active::after {
  content: "";
  position: absolute;
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  left: 4px;
  top: 11px;
  width: 7px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.mfilter-col-count {
  display: none;
}

.desc-prod {
  font-size: 15px;
  letter-spacing: 0.8px;
  color: #222222;
  line-height: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.cont-under-desc {
  font-size: 16px;
  color: rgb(0 0 0 / 78%);
  /* letter-spacing: 0.8px; */

  display: flex;
  width: 100%;
  padding-bottom: 20px;

  margin-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
  justify-content: space-between;
}

.cont-under-desc>div {
  display: flex;
  line-height: 24px;
  gap: 10px;
  /* flex-direction: row; */
  width: 100%;
  /* justify-content: space-between; */
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product_info_section #product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.product_info_section #product .form-group button {
  width: 250px !important;
}

.product-product .swiper-pager {
  display: none !important;
}

.extra_products.related {
  background-color: rgb(41 22 111 / 9%);
  margin-top: 0px;
}

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

#product-product #content>.bottomcontent {
  margin-bottom: 0px;
}

#product-product #content .tabs-header {
  padding: 30px 0;
  font-size: 26px;
  font-weight: bold;
}

.extra_labels {
  /* position: absolute; */
  display: flex;
  /* bottom: -55px; */
  right: 0;
  left: 0;
  gap: 25px;
  font-size: 14px;
  line-height: 17px;
  justify-content: center;
}

.extra_labels>div {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.extra_labels>div>img {
  width: 60px;
  height: 60px;
}

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

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

#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;
  right: 5%;
  font-weight: bold;
  z-index: 1;
  transform: translateY(-40px);
  color: #000000 !important;
  font-family: var(--font2) !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: 1px;
  border-bottom: 1px solid #00000047 !important;
  text-transform: uppercase !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.product-list .product-thumb .caption {
  padding-left: unset !important;
  margin-left: unset !important;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.product-list .product-thumb {
  display: flex;
  gap: 150px;
}

.product-list .product-thumb .button-group {
  border: none;
}

td.product-thumb:hover {
  box-shadow: none;
}

td.product-thumb {
  background-color: transparent;
}

.minicart_content .table-products tbody tr:hover {
  background-color: rgb(216 207 251);
}

.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 rgb(216 207 251);
}

#blog .social-icons .blogs-back:before {
  content: "\f104" !important;
  font-family: FontAwesome;
  margin-right: 17px;
  font-size: 30px;
  color: var(--accent2);
  margin-top: -2px;
}

.doc_download {
  padding: 17px 35px;
  font-size: 16.53px !important;
  font-weight: bold;
  text-transform: uppercase;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  box-sizing: border-box;
  color: black;
  border: 1px solid var(--accent3);
  text-shadow: none !important;
}

.doc_download:hover {
  background: var(--accent3) !important;
  color: white !important;
}

#button-logo {
  height: unset !important;
}

@media (max-width: 768px) {
  .latest-posts .view_more {
    display: none;
  }

  .extra_labels {
    position: unset;
    display: flex;
    bottom: 100px;
    gap: 25px;
    font-size: 14px;
    line-height: 17px;
    order: 2;
    justify-content: center;
    align-items: center;
  }

  #product-product .product_images_section .images_container .thumbnails.main {
    order: 3;
  }

  .extra_labels>div {
    width: 33%;
    text-align: center;
  }

  .product-grid .product-thumb .caption {
    padding: 0px;
  }

  .product-thumb {
    padding: 15px;
    /* border: 1px solid #ccc !important; */
  }

  body {
    overflow-x: hidden;
  }

  .section_title_sec,
  .carousel_title,
  .heading-blog .headingmain_sec {
    font-size: 26px !important;
    margin-bottom: 30px !important;
    margin-top: 0px !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    text-align: center !important;
    /* padding-left: 7px;
    padding-right: 7px; */
  }

  .head-carousel {
    padding-bottom: 0px !important;
  }


  .section_title,
  .carousel_title_sec,
  .heading-blog .headingmain {
    margin-bottom: 5px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
  }

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

  .related .swiper-pager {
    display: flex !important;
    position: absolute;
    top: -64px;
    gap: 10px;
    padding-right: 10px;
  }

  .recently_viewed .swiper-pager {
    display: flex !important;
    position: absolute;
    top: -58px;
    gap: 10px;
    padding-right: 10px;
  }

  .products-carousel-module .view_more {
    display: none;
  }

  .product-thumb .caption .rating_container {
    height: 15px;
  }

  .min-cont-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-thumb .caption .price .price-old {
    position: unset;
  }

  .product-thumb:hover {
    box-shadow: unset !important;
  }

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

  .container {
    width: 100%;
  }

  .headingmain_sec {
    font-size: 20px;
    text-align: center;
  }

  .module_product_tabs:not(.layout_2_tabs) .nav-tabs>li {
    margin: 0;
    width: 100% !important;
  }

  .module_product_tabs .nav-tabs {
    flex-direction: column;

    gap: 5px;
  }

  .module_product_tabs .nav-tabs>li>a {
    width: 250px;
    height: 45px;
  }

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

  .model_section {
    font-size: 12px;
    text-align: left;
  }

  .img-tabs {
    height: 350px;
    width: auto;
  }

  .heading-carousel_new {
    top: 20%;
  }

  .module_product_tabs {
    position: relative;
  }

  .design-new-content {
    /* position: absolute;
    top: 15%;
    width: 100%;
    left: 0; */
    margin-top: -200px;
  }

  .module_product_tabs .design-new-content .nav-tabs {
    margin-left: 35px;
    margin-right: auto;
  }

  #latestblog .blogpost-thumb:hover .caption,
  #blog-category .blogpost-thumb:hover .caption {
    margin-top: unset !important;
    box-shadow: unset !important;
  }

  #latestblog .blogpost-thumb .viewmore-blog {
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #919191;
    padding-bottom: 3px;
  }

  .latest-posts>div {
    padding-left: 0px !important;
    padding-right: 0px !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: 25px;
  }

  .products-carousel-module {
    padding: 60px 0;
  }

  #product-product #content>.top_section {
    margin-bottom: -20px;
  }

  .cont-under-desc>div {
    flex-direction: column;
    gap: 10px;
  }

  .bottomcontent {
    padding: 0px 20px;
  }

  .bottomcontent>div {
    padding: 15px 0;
  }

  .ytvideo iframe {
    width: 100%;
  }

  #search {
    background: #f9f9f9;
    height: 60px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .search-input-cont {
    width: 80%;
    width: 100%;
    top: 100px !important;
    margin-top: 150px;
    margin-inline: auto !important;
    padding: 0px;
    max-width: 500px;
    transform: translateX(15px) !important;
    -webkit-transform: translateX(15px) !important;
    -moz-transform: translateX(15px) !important;
    -ms-transform: translateX(15px) !important;
    -o-transform: translateX(15px) !important;
  }

  .close-search-toggler {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search_enabled .search-cont {
    opacity: 1;
    visibility: visible;
  }

  .live-search-div {
    height: calc(100% - 60px) !important;
    top: 60px !important;
  }

  .live-search-div ul {
    max-height: 100% !important;
  }

  html.search_enabled {
    overflow: hidden;
  }

  .search-cont {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
    z-index: 99999;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    width: 100vw;
    transition: 0.3s;
  }

  /* #search {
    margin-top: 10px;
  } */
  .live-search-div {
    width: unset;
    position: unset;
    z-index: unset;
    padding: unset;
    margin-top: unset;
    background-color: unset;
    border: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    box-shadow: unset;
    left: unset;
    display: unset;
    transform: unset;
    top: unset;
    max-width: unset;
  }

  /* #header_menu_section {
    width: 100% !important;
    flex-direction: row-reverse;
  } */

  .header-icons {
    gap: 20px !important;
    padding: 0 10px;
  }

  .search-toggler {
    width: 24px;
    height: 24px;
  }

  .row.bottomcontent {
    display: flex;
    flex-direction: column-reverse;
  }

  .account>a>span {
    font-size: 0px !important;
  }

  .account>a>img {
    /* -webkit-filter: invert(99%) sepia(1%) saturate(2998%) hue-rotate(210deg) brightness(120%) contrast(100%); */
    /* filter: invert(99%) sepia(1%) saturate(2998%) hue-rotate(210deg) brightness(120%) contrast(100%); */
    -webkit-filter: brightness(0) invert(8%) sepia(40%) saturate(6715%) hue-rotate(250deg) brightness(104%) contrast(101%);
    filter: brightness(0) invert(8%) sepia(40%) saturate(6715%) hue-rotate(250deg) brightness(104%) contrast(101%);
    width: 24px;
    height: 24px;
    display: block !important;
    transform: translateY(-2px);
  }



  .header-icons {
    width: unset;
  }

  #search {
    width: 100vw !important;
  }

  .mg-menu-container::after {
    content: unset !important;
  }

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

  .news-form>input,
  .news-form>button {
    width: 100% !important;
  }

  /* #menu .mg-menu-container {
    padding-left: unset;
    padding: 20px !important;
  } */



  #menu .mg-menu-container {
    max-width: 100% !important;
    width: 100% !important;
    background: none !important;
    padding: 0px !important;
    gap: unset !important;
  }

  .carousel0_container .swiper-slide .wrapped_in_link:before {
    background-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.36) 100%);
  }

  .solid-header.filters_reached_top.sticky_enabled .open_mobile_filters {
    top: 0 !important;
    margin-top: 0;
  }
}

.breadcrumb>li {
  white-space: unset;
}

@media (min-width: 901px) {
  .additional_images .slick-list {}
}

@media (max-width: 901px) {
  #product-product .images_container .main-product-label {
    left: 0px;
  }
}

@media (max-width: 980px) {
  .html-home-1 {
    align-items: flex-start;

    flex-direction: column-reverse;
  }

  .html-home-1 .html-content,
  .html-home-1 .hmtl-img {
    width: unset !important;
  }

  .html-home-1 .hmtl-img img {
    width: 100%;
    height: auto;
  }

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

  .row.bottomcontent .col-md-6:first-child {
    padding: 0;
  }

  .bottomcontent img {
    padding: 0;
    width: 100%;
  }
}

@media (min-width: 769px) {
  #menu .nav.navbar-nav>li.dropdown>.mega-menu {
    padding: 0px !important;
  }

  .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) {
  .view_more {
    display: none;
  }

  #header_logo_section {
    min-width: 130px;
  }

  #search {
    width: 100%;
  }

  /* .header-icons {
    gap: 20px !important;
    justify-content: center;
  } */

  /* .account a>img {
    -webkit-filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
    filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
    display: unset;
  }

  .account a>span {
    font-size: 0px;
  } */
}

.html-home-1 .html-content a:hover {
  background-color: transparent;
  border-color: var(--accent2);
}

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

#error-not-found .buttons {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

span.desc-title {
  font-weight: bold;
}

.module_product_tabs:not(.layout_2_tabs) .nav-tabs {
  justify-content: center;
}

.module_product_tabs:not(.layout_2_tabs) .nav-tabs>li {
  width: 30%;
}

.thumbnails.main a.thumbnail img {
  max-height: 450px;
}

/*hide prices and addtocard if not login*/

html.not-login .cart_options_button,
html.not-login .price,
html.not-login #product-product #product,
html.not-login .product-price {
  display: none;
}

html.not-login .enquiry_button {
  display: none;
}

/* html.not-login */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PRODUCT PRICE LIST
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

html.module-pdt-list #content {
  padding: 0px 35px;
  width: 100% !important;
}

html.module-pdt-list #content * {
  line-height: unset !important;
}

/*    -->                                                                                                                             PRODUCT PRICE LIST > FILTERS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.module-pdt-list #content>.row.filters {
  background: #f3f3f3 !important;
  padding: 10px 10px 25px !important;
  display: flex;
  flex-direction: column;
  margin-top: 55px;
}


html.module-pdt-list .th-category-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}


html.module-pdt-list .th-category-filter br {

  display: none !important;
}


html.module-pdt-list .th-category-filter h3 {
  width: 100%;
  margin-bottom: 20px !important;
  display: block !important;
}


html.module-pdt-list .th-category-filter label {
  display: flex;
  margin-right: 20px !important;
}


html.module-pdt-list .th-category-filter input {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 5px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

html.module-pdt-list .th-category-filter .btn-container {
  width: 100%;
  display: flex;
}


html.module-pdt-list .th-category-filter .btn-container button[onclick*="filter"] {
  margin-right: 3px !important;
}

/*    -->                                                                                                                             PRODUCT PRICE LIST > TABLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.module-pdt-list #content table {
  margin-top: 30px;
}

/*    -->                                                                       PRODUCT PRICE LIST > TABLE > HEAD                    
[2]   =========================================================================================================== */

html.module-pdt-list #content table thead tr {
  background: black;

}

html.module-pdt-list #content table thead th {
  height: 45px;
  color: white !important;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase !important;
  border: none !important;
  background: var(--accent1);
}

/*    -->                                                                      PRODUCT PRICE LIST > TABLE > TBODY                    
[2]   =========================================================================================================== */

/*    -->                   PRODUCT PRICE LIST > TABLE > TBODY > TR                             
[3]   ------------------------------------------------------------- */

html.module-pdt-list #content table tbody tr {
  /* transition: all 0.12s; */
  /* border:1px solid transparent; */
}

/* html.module-pdt-list #content table tbody tr:hover {
  border:1px solid #ccc !important;
} */

/*    -->                   PRODUCT PRICE LIST > TABLE > TBODY > TD                             
[3]   ------------------------------------------------------------- */

html.module-pdt-list #content table tbody tr td {
  vertical-align: middle !important;
  border: none !important;
}

html.module-pdt-list #content table tbody tr td:not(:nth-child(3)) {
  text-align: center !important;
}

html.module-pdt-list #content table tbody tr td * {
  color: #2a2a2a !important;
}

/*    -->                                                     PRODUCT PRICE LIST > BUTTONS SECTION > IMAGE COLUMN                      
[2]   =========================================================================================================== */

html.module-pdt-list #content table img {
  border-radius: 20px !important;
  display: block !important;
  border: 1px solid #eee;
}

/*    -->                                                     PRODUCT PRICE LIST > BUTTONS SECTION > ADD TO CART COLUMN                      
[2]   =========================================================================================================== */


html.module-pdt-list .add-to-cart-ctm-btn {
  flex-wrap: wrap;
  height: 115px;
  align-items: center;
  padding: 10px !important;
}

/*    --> PRODUCT PRICE LIST > BUTTONS SECTION > ADD TO CART COLUMN > STEPPER                                               
[3]   ------------------------------------------------------------- */

html.module-pdt-list #content .stepper {
  width: 134px;
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

html.module-pdt-list #content .stepper .form-control {
  width: 45px;
  height: 45px;
  border-radius: 0px;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden;
  background: none;
  border: 1px solid #eee !important;
  border-width: 1px 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: bold !important;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin-top: 1px;
}



html.module-pdt-list #content .stepper .ctm-stepper i::before {
  font-size: 19px;
  display: block;
  background: none !important;
}

html.module-pdt-list #content .stepper .ctm-stepper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  displaY: flex;
  justify-content: center;
  align-items: center;
  background: #eee;
  border: none !important;
}

html.module-pdt-list #content .stepper .ctm-stepper,
html.module-pdt-list #content .stepper .ctm-stepper:hover i:before {
  transition: all .12s;
}

html.module-pdt-list #content .stepper .ctm-stepper:hover {
  background: var(--accent1);
}

html.module-pdt-list #content .stepper .ctm-stepper:hover i:before {
  color: white;
}

html.module-pdt-list #content .stepper .ctm-stepper:not(.plus) {
  left: 0px;
}

html.module-pdt-list #content .stepper .ctm-stepper.plus {
  right: 0px;
}

html.module-pdt-list #content .stepper .fa-angle-up:before {
  content: "-";
  transform: scaleX(1.5);
}

html.module-pdt-list #content .stepper .fa-angle-down:before {
  content: "+"
}



/*    --> PRODUCT PRICE LIST > BUTTONS SECTION > ADD TO CART COLUMN > ADD TO CART                                               
[3]   ------------------------------------------------------------- */

html.module-pdt-list #content .btn-cart {
  width: 200px;
  background: var(--accent1) !important;
  border: none !important;
  color: white !important;
  text-transform: uppercase;
  border-radius: 0px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
  margin: 0 auto;
  font-weight: bold !important;
  transition: all 0.12s;
  font-size: 15px;
}

html.module-pdt-list #content .btn-cart:hover {
  background: black !important;
}

/*    -->                                                                         PRODUCT PRICE LIST > PAGINATION                           
[2]   =========================================================================================================== */

html.module-pdt-list #content .pagination {}

html.module-pdt-list .ctm-pagination li {
  padding: 0px !important;
  margin: 1px;
  height: 30px;

}

html.module-pdt-list .ctm-pagination li a {
  background: #eee;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .12s;
}

html.module-pdt-list .ctm-pagination li * {
  color: #2a2a2a !important;
}

html.module-pdt-list .ctm-pagination li a:hover {
  background: black;
  color: white !important;
}

li.access-b2b {
  background: var(--accent1) !important;
  transition: all 0.4s;
}

li.access-b2b>a {
  color: white !important;
  width: 100%;
  transition: all 0.4s;
}

li.access-b2b:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  transition: all 0.4s;
}

li.access-b2b>a:hover {
  color: var(--accent1) !important;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  transition: all 0.4s;
}

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

.product-thumb .button-group a {
  width: 100% !important;
  /* visibility: hidden;
  opacity: 0; */
  transition: 0.3s !important;
  border: 1px solid #d8d8d8 !important;
  box-sizing: border-box;
  padding: 5px 0 !important;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-thumb .button-group a {
  width: calc(100% / 3);
  display: inline-block;
  color: #333;
  line-height: 38px;
  font-weight: 700 !important;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #ddd;
}

.product-thumb .button-group>a:hover {
  background: var(--accent2) !important;
}

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

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

.manufacturer {
  font-size: 14px !important;
  min-height: 30px !important;
  text-align: left;
}

.non-manufacturer {
  min-height: 30px !important;
  display: flex;
  align-items: center;
}

.eye-icon {
  background: none;
  border: none;
  padding: 0;
  font-size: 1.5em;
  cursor: pointer;
  color: #333;
  /* Χρώμα εικονιδίου */
}

@media screen and (max-width: 1399px) {
  .contact-layout {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  html.account-account #content {
    float: unset;
  }

  .breadcrumb {
    margin-bottom: 0px;
  }

  html.module-pdt-list .th-category-filter .btn-container {
    width: 100%;
    display: unset;
  }

  html.module-pdt-list #content table tbody tr {
    display: grid !important;
  }

  html.module-pdt-list #content table {
    text-align: center;
  }

  html.module-pdt-list #content table tbody tr td * {
    color: #2a2a2a !important;
    margin: auto;
  }
}

#product-category .cat-title {
  display: none;
}

@media (max-width: 768px) {
  .module_product_tabs .design-new-content .nav-tabs {
    margin: auto !important;
  }
}

div#product-category h2 {
  font-weight: bold;
  margin-top: 0px !important;
  margin-bottom: 20px;
  transform: translateX(-5px);
}

div#product-manufacturer h2 {
  font-weight: bold;
  margin-top: 0px !important;
  margin-bottom: 20px;
  transform: translateX(-5px);
}

.breadcrumb>li:first-child {
  padding-left: 0;
}

@media (max-width: 768px) {
  div#product-category h2 {
    text-align: center;
    padding-left: 0px !important;
    transform: translateX(0px);
  }

  div#product-manufacturer h2 {
    text-align: center;
    padding-left: 0px !important;
  }
}

div.manufacturer>a {
  color: var(--accent2) !important;
}

div#product-manufacturer>h2 {
  display: none;
}

.wishlist:hover svg path {
  stroke: white;
}

.wishlist.wishlisted svg path {
  fill: red;
}

.wishlist_button.wishlisted svg path {
  fill: red;
}

@media (max-width: 600px) {
  .contact-form div.buttons {
    display: flex !important;
    justify-content: center;
  }
}

html.not-login div.button-group {
  display: none !important;
}

@media (max-width: 600px) {
  .account-dropdown>.dropdown-menu {
    position: absolute !important;
    top: 30px;
    right: -100px;
    width: auto !important;
  }
}

.quantity-from {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  font-size: 1.8rem;
  color: #333;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 20px !important;
}

.quantity-from i {
  margin-right: 10px;
  color: #007BFF;
  font-size: 2rem;
}

.quantity-from span {
  font-weight: 700;
  color: #007BFF;
}

.min-cont-bottom .special-price {
  height: 40px;
}

.min-cont-bottom .special-price span {
  display: flex;
  align-items: center;
  background-color: rgb(41 22 111 / 9%);
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: var(--accent1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.min-cont-bottom .special-price span i {
  margin-right: 5px;
}

.mfilter-tb-as-td.mfilter-col-input::before,
.mfilter-input-active::after {
  pointer-events: none;
}