/* -------------------------- BURGER ICON -------------------------- */


.burger-icon {
  width: 40px;
  height: 35px;
  position: relative;
  margin: auto;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  transform: scale(.7, .7);
  color:#a3a3a3;
}

.burger-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: currentColor;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.burger-icon span:nth-child(1) {
  top: 0px;
}

.burger-icon span:nth-child(2),.burger-icon span:nth-child(3) {
  top: 14px;
}

.burger-icon span:nth-child(4) {
  top: 28px;
}

.burger-icon.open span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
}

.burger-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}

.burger-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.burger-icon.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}



/* -------------------------- SIDENAV -------------------------- */

.sidenav {
	width: 100%;
  position: fixed;
	max-width:350px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  right: 0;
  z-index: 91;
  transform: translateX(100%);
  transition-property: transform;
  transition-duration: 1s;
}
.sidenav > nav {
  position:relative;
  height:100%;
  background-color: #000;
  color: #fff;
}

.sidenav.active {
    transform: translateX(0);
}
body.sidenav-active {overflow: hidden;}

.sidenav a,
.sidenav a:hover {text-decoration: none;}

/* -------------------------- COLLAPSE -------------------------- */

ul.collapse-parent li svg {width:.9rem;}

ul.collapse-parent,
ul.collapse-parent ul {
  list-style-type: none;
  padding-left: 1rem;
}
ul.collapse-parent {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
}
ul.collapse-parent ul {
  padding-bottom: .75rem;
}

li.collapse-container {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-bottom: 1rem;
}
ul.collapse-parent li:not(.collapse-container) {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

li.collapse-container > .collapse-row {display:flex;justify-content: space-between;padding-bottom: 1rem;margin-bottom: 1rem;}
li.collapse-container > .collapse-row {border-bottom: 1px solid #1a1919;}
ul.collapse-parent > li.collapse-container {margin-bottom: 1rem;}
.sidenav ul.collapse-parent > li.collapse-container {margin-bottom:0;}
li.collapse-container a,
li.collapse-container > a,
li.collapse-container > a:visited {color:inherit;text-decoration: none;}
li.collapse-container a:hover {color:inherit;}

li.collapse-container button[data-bs-toggle=collapse] {
  border: none;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%;
  color:#fff;
  font-weight: 300;
}
li.collapse-container button[data-bs-toggle=collapse]:focus {outline: 0;}

li.collapse-container button[data-bs-toggle=collapse] > svg {transition: transform .5s;}
li.collapse-container button[data-bs-toggle=collapse][aria-expanded="false"] > svg {transform: rotate(360deg);}
li.collapse-container button[data-bs-toggle=collapse][aria-expanded="true"] > svg {transform: rotate(180deg);}


/* -------------------------- OVERLAY -------------------------- */

.page-overlay {
    position: fixed;
    z-index: 90;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    background: rgba(0,0,0,.4);
    transition-property: left;
    transition-duration: .8s;
    transition-delay: .1s;
    /* 
    transition: right 0.8s, left 0.8s;
    background: rgba(0,0,0,0.5);
    transition: right .8s ease-out 0s; left: .8s ease-out 0s;
     */
}
.page-overlay.show {
    left: 0;
    width: 100%;
}


/* ------------ TOP BANNER START ------------ */

.header-banner {height: 0;overflow: hidden;display: flex;flex-direction: row;}
.lg .header-banner,
.xl .header-banner,
.xxl .header-banner  {height:auto;border-bottom: 1px solid #ccc;transform: translateY(0);padding: 0 .5rem;}
.header-banner > div {display: flex;flex-direction: row;align-items: center;}
.header-banner > div.gutter {flex-grow: 1;}
.header-banner a {display: flex;align-items: center;text-decoration: none;}
.header-banner svg {width:1em;height:1em;}
.header-banner .social-item {padding-left: .5rem;padding-right: .5rem;}

.header-banner .icon-btn {overflow-x:hidden;position: relative;height:27px;padding:0 .5rem;margin: .5rem;background: #ccc;color:#fff;border-radius: .3em;transition: background .7s;}
.header-banner .icon-btn:hover {background: #a3704f;}
.header-banner .icon {display:flex;text-align: center;color: #fff;}
.header-banner .icon-text {width:0;transition: width .7s;}
.header-banner .icon-btn .icon-text,
.header-banner .icon-btn:hover .icon-text {color: #fff;}
.header-banner .email .icon-btn:hover .icon-text {width: 150px;}
.header-banner .phone .icon-btn:hover .icon-text {width: 120px;}
html:not([lang=el]) .header-banner .phone .icon-btn:hover .icon-text {width: 155px;}
/* .header-banner .icon-text {transform: translateX(-100%);transition: transform .7s;}
.header-banner .icon-btn:hover .icon-text {transform: translateX(0);} */

/* ------------ TOP BANNER - END ------------ */


/* ------------ HEADER MENU - general ------------ */

.header-container {box-shadow: 0 6px 25px rgb(0 0 0 / 7%);  padding-left: 0;padding-right: 0;position: relative;z-index:91;}
body.sticky-menu .header-container {position: fixed;transition: transform .7s;}
.header-container .navbar-nav ul.langs {list-style-type: none;padding-left: 0;display: flex;flex-direction: row;}
.header-container .navbar-nav ul.langs li.lang-seperator {margin-left: .25rem;margin-right: .25rem;}
.header-container .navbar-nav ul.langs li.lang a {transition: color .7s;font-weight: 500;}
.header-container .navbar-nav ul.langs li.lang a.not-active {color: #a3a3a3;}
.header-container .navbar-nav ul.langs li.lang a:hover {color: #a3704f;}


.sidenav ul.langs {list-style-type: none;padding-left: 0;display: flex;flex-direction: row;}
.sidenav ul.langs li.lang-seperator {margin-left: .25rem;margin-right: .25rem;}
.sidenav ul.langs li.lang a {transition: color .7s;}
.sidenav ul.langs li.lang a.not-active {color: #a3a3a3;}
.sidenav ul.langs li.lang a:hover {color: #a3704f;}


.lang-seperator {color: #a3a3a3;}
nav.webart-navbar {align-items: initial;width:100%;padding-top:0;padding-bottom:0;transition: all 1s;}
nav.webart-navbar .navbar-brand {padding:1rem;}
.xs nav.webart-navbar .navbar-brand {padding:1rem .5rem;}
nav.webart-navbar .navbar-brand img {min-width:170px;max-width:170px;}
.xs nav.webart-navbar .navbar-brand img {min-width:135px;max-width:135px;}
.xs nav.webart-navbar .navbar-brand {padding-right:0;margin-right:0;}
nav.webart-navbar .sidenav-btn {color:inherit;display: flex; align-items: end;padding-left: .5rem;padding-right: .5rem;z-index: 91;outline: 0;}
body.xs nav.webart-navbar .sidenav-btn {padding-left: .75rem;padding-right: .75rem;}
nav.webart-navbar .sidenav-btn > svg {width:2em;height:2em;}

nav.webart-navbar .nav.navbar-nav {min-height: 100%;display: flex;flex-direction: row;flex: 1 1 auto;justify-content: flex-end;font-size:1rem;margin-bottom: 1rem;}
nav.webart-navbar .nav.navbar-nav > .nav-item {display: flex;align-items: end;width: auto;padding-left: 1rem;padding-right: 1rem;position:relative;}
nav.webart-navbar .nav.navbar-nav > .nav-item .nav-link {display:flex;align-items: end;height:min-content;padding-top:0;padding-bottom:0;font-weight:500;letter-spacing: 2px;color: #fff;}

.xl nav.webart-navbar .nav.navbar-nav  .nav-item .nav-link {font-size: smaller;}
.lg nav.webart-navbar .nav.navbar-nav  .nav-item .nav-link {font-size: smaller;}

nav.webart-navbar .nav.navbar-nav > li.nav-item ul li.nav-item {display:flex;flex-direction: column;}


nav.webart-navbar .level-1 > .nav-item > .level-2, 
nav.webart-navbar .level-1 > .nav-item > .collapse-parent {
  position: absolute;
  margin-top: 0px;
  transition: transform .5s;
  transform-origin: top;
  transform: scale(1, 0);
  border: none;
  border-radius:0;
  box-shadow: 0 6px 25px rgb(0 0 0 / 7%);
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 10rem;
  padding: .5rem 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  font-weight: 400;
}
nav.webart-navbar .level-1 > .nav-item > .level-2 > ul {padding-left: 0;}
nav.webart-navbar .mobile-items {
  display: flex;
  flex-direction: row;
}
/* nav.webart-navbar .mobile-items > div {
  padding-right: 1.5rem;
  margin-right: .5rem;
}
body.xs nav.webart-navbar .mobile-items > div {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 0;
} */

.xl nav.webart-navbar .mobile-items,
.xxl nav.webart-navbar .mobile-items {display: none;}


/* --- OPEN (first level) --- */
nav.webart-navbar .level-1 > .nav-item:hover > .level-2,
nav.webart-navbar .level-1 > .nav-item:hover > .collapse-parent {transform: scale(1, 1);}


/* ------------ underline effect (hover - active) ------------ */


nav.webart-navbar .nav.navbar-nav li.nav-item {position: relative;width:max-content;padding: .25rem 0; margin: 0 1rem;}
.lg nav.webart-navbar .nav.navbar-nav li.nav-item {margin: 0 .7rem;}

nav.webart-navbar .nav.navbar-nav li.nav-item > a {position: relative;overflow: hidden;transition: left .3s;padding-left: 0;left: 0;align-items: center;color: inherit;width: max-content;}

nav.webart-navbar .nav.navbar-nav li.nav-item > a:before,
nav.webart-navbar .nav.navbar-nav li.nav-item > a:after {content: "";width: 100%;position: absolute;display: block;transition: transform .3s;left: 0;z-index: 2;bottom: 0;}

nav.webart-navbar .nav.navbar-nav li.nav-item > a:before {visibility: hidden;transform: translateX(-100%);}

nav.webart-navbar .nav.navbar-nav > li.nav-item:hover > a:before,
nav.webart-navbar .nav.navbar-nav li.nav-item > a:not(.not-link):hover:before,
nav.webart-navbar .nav.navbar-nav li.nav-item > a.active:before {transform: translateX(0);transition: transform .3s;visibility: visible;}

nav.webart-navbar .nav.navbar-nav li.nav-item > a:after {visibility: visible;transition: transform .6s;transform: translateX(150%);}

nav.webart-navbar .nav.navbar-nav > li.nav-item:hover > a:after,
nav.webart-navbar .nav.navbar-nav li.nav-item > a:not(.not-link):hover:after,
nav.webart-navbar .nav.navbar-nav li.nav-item > a.active:after {transition: transform .3s .3s;transform: translateX(0);visibility: hidden;} 

nav.webart-navbar .nav.navbar-nav li.nav-item > a.active {color:#a3704f;}
nav.webart-navbar .nav.navbar-nav li.nav-item > a.not-link {cursor:default;}


/* -------------------------- DROPDOWN MENU START -------------------------- */

/* nav.webart-navbar .nav.navbar-nav > .nav-item.nav-item-dropdown .nav-link {pointer-events: none;} */

/* --- COLLAPSE DROPDOWN --- */
nav.webart-navbar .nav-item.nav-item-dropdown.dropdown-collapse ul > li {width:100%;padding: 0 1rem; margin: 0;}
nav.webart-navbar .nav-item.nav-item-dropdown.dropdown-collapse ul.collapse-parent ul {padding-left: .5rem;}
nav.webart-navbar .nav-item.nav-item-dropdown.dropdown-collapse .collapse-parent button,
nav.webart-navbar .nav-item.nav-item-dropdown.dropdown-collapse .collapse-parent a {white-space: nowrap;}
nav.webart-navbar .nav-item.nav-item-dropdown.dropdown-collapse li.collapse-container > .collapse-row {
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}


/* -------------------------- DROPDOWN MENU END -------------------------- */
 

/* -------------------------- MEGA MENU START -------------------------- */

nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega {position: static;overflow: hidden;}
nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 {width:100vw;overflow-y: scroll;max-height: calc(100vh - 100px);}
nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 > ul {padding-top:3rem;padding-bottom: 3rem;padding-left:.75rem;padding-right: .75rem;}

nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 > ul > li.nav-item {flex-grow: 1; flex-basis: 0; margin-left: 0;}

/* nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 > li > ul.level-3 > li > a {white-space: normal;width: auto;} */

nav.webart-navbar .nav.navbar-nav  > .nav-item.nav-item-mega .bodyMenuList > li > ul {padding-left:1rem;}
nav.webart-navbar .nav.navbar-nav  > .nav-item.nav-item-mega .bodyMenuList ul > li {margin-left:0;padding-top:0;width:auto;}



nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .nav-link {pointer-events: none;}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > .nav-item > a {
  line-height: 1.5;
  white-space: normal;
  margin-bottom: .5rem;
}


/* -------------------------- MEGA MENU END -------------------------- */




/* -------------------------- CUSTOM SETTINGS -------------------------- */

.header-container {z-index:90;}
nav.webart-navbar .navbar-nav .icon-cart::before { width:20px;height:20px;margin-right: 5px;content:""; background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\" version=\"1.1\"><g><path style=\"fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(61.568627%,61.568627%,61.176471%);stroke-opacity:1;stroke-miterlimit:10;\" d=\"M 7.300781 18.199219 L 25.998047 18.199219 L 28.898438 6.398438 L 4.300781 6.398438 Z M 7.300781 18.199219 \" transform=\"matrix(0.666667,0,0,0.666667,0,0)\"/><path style=\"fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(61.568627%,61.568627%,61.176471%);stroke-opacity:1;stroke-miterlimit:10;\" d=\"M 1.101562 1.898438 L 3.498047 2.900391 L 8.197266 21.802734 L 24.398438 21.802734 \" transform=\"matrix(0.666667,0,0,0.666667,0,0)\"/><path style=\"fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(61.568627%,61.568627%,61.176471%);stroke-opacity:1;stroke-miterlimit:10;\" d=\"M 14.302734 26.402344 C 14.302734 27.339844 13.541016 28.101562 12.597656 28.101562 C 11.660156 28.101562 10.898438 27.339844 10.898438 26.402344 C 10.898438 25.458984 11.660156 24.697266 12.597656 24.697266 C 13.541016 24.697266 14.302734 25.458984 14.302734 26.402344 Z M 14.302734 26.402344 \" transform=\"matrix(0.666667,0,0,0.666667,0,0)\"/><path style=\"fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(61.568627%,61.568627%,61.176471%);stroke-opacity:1;stroke-miterlimit:10;\" d=\"M 22.300781 26.402344 C 22.300781 27.339844 21.539062 28.101562 20.601562 28.101562 C 19.658203 28.101562 18.902344 27.339844 18.902344 26.402344 C 18.902344 25.458984 19.658203 24.697266 20.601562 24.697266 C 21.539062 24.697266 22.300781 25.458984 22.300781 26.402344 Z M 22.300781 26.402344 \" transform=\"matrix(0.666667,0,0,0.666667,0,0)\"/></g></svg>");  }

nav a {color:#fff;}
.sidenav {background: #fff;color:inherit;}
.sidenav a.active span,
.sidenav a:hover span,
.sidenav a:not([data-bs-toggle=collapse]):hover span {border-bottom: 2px solid #a3704f;color:inherit;}
nav.webart-navbar .sidenav-btn:hover {color:#a3704f;}

.header-banner,
nav.webart-navbar {background: #000;}
nav.webart-navbar a {text-decoration: none;}
nav.webart-navbar .nav-icon {transform: scale(0.7);}
.lg nav.webart-navbar .nav-icon,
.xl nav.webart-navbar .nav-icon,
.xxl nav.webart-navbar .nav-icon {transform: scale(0.85);}

nav.webart-navbar .nav.navbar-nav li.nav-item > a:before,
nav.webart-navbar .nav.navbar-nav li.nav-item > a:after {background-color: #a3704f;height: 1px;}
nav.webart-navbar .level-1 > .nav-item > .level-2,
nav.webart-navbar .level-1 > .nav-item > .collapse-parent {background:#000;color: #fff;transition: all 1s;}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > ul {padding-top:1rem;padding-bottom: 1rem;}


nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > ul > li > .nav-item-title  {
  font-size: 1em;
  background: #f7a574;
  color: #fff;
  padding: .25rem 1rem;
  margin-bottom: .5rem;
  pointer-events: none;
}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .bodyMenuList ul {padding-left: 1rem;}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > ul > li:last-child > .nav-item-title {width: max-content;}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > ul > .nav-item > a.active:before {
  height: 0;
}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega ul.level-3 > li > a {
  font-size: .85em;
}
nav.webart-navbar .nav.navbar-nav  > li.nav-item.nav-item-mega .level-2 > ul {
  display: flex;
  flex-wrap: wrap;
}
nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 > ul > li.nav-item {padding: 1rem 0;}

nav.webart-navbar .nav.navbar-nav > li.nav-item.nav-item-mega .level-2 > ul > li.nav-item {
  flex-basis: auto;
  /* width: 16.666667%; */
  width: calc(100vw/6);
  margin-right: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.lg .header-banner, .xl .header-banner, .xxl .header-banner {
  background: #a3704f;
  color: #fff;
  border-bottom: none;
}
.header-banner .icon-btn {background: inherit;}
.header-banner .icon-text,
.header-banner .phone .icon-btn:hover .icon-text {width:auto;}

/* ----------------------- */





.mobile-menu > ul > .nav-item {margin-bottom: 1rem; margin-bottom: 1rem;}