.astroid-offcanvas {width: 460px;} .astroid-offcanvas .dropdown-menus {width: 460px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(460px, 0, 0);transform:translate3d(460px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-460px, 0, 0);transform:translate3d(-460px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#as-rp4u5cwj6{background-color:rgb(248, 248, 249);padding-top:8px;padding-bottom:8px}#cb-9ktthj3ad{padding-bottom:50px}#ac-nvxztdz1v{background-image:url(https://www.stoaaromatos.gr/images/parallax.jpg);background-repeat:no-repeat;background-attachment:fixed;padding-right:0px;padding-left:0px}#ac-nvxztdz1v{background-image:url(https://www.stoaaromatos.gr/images/parallax.jpg);background-repeat:no-repeat;background-attachment:fixed;padding-right:0px;padding-left:0px}#ar-jppsg7ckm{padding-bottom:30px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ar-1528971627712{padding-bottom:100px}#fs-1528971627712{background-color:rgb(34, 34, 34);color:rgb(255, 255, 255);padding:30px 60px 60px 60px}#fs-1528971627712 a{color:rgb(255, 255, 255);}#fs-1528971627712 a:hover{color:rgb(157, 30, 97);}h1, .h1{color:rgb(0, 0, 0);font-weight:500;text-transform:none;font-size:2.5em;letter-spacing:0em;line-height:1em;font-family:Open Sans, Arial, Helvetica, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-weight:500;text-transform:none;font-size:16px;letter-spacing:0em;line-height:1.2em;font-family:Open Sans, Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:2.099em;font-family:Open Sans, Arial, Helvetica, sans-serif;}body{background-color:rgb(255, 255, 255);color:rgb(44, 46, 54);}body a{color:rgb(44, 46, 54);}body a:hover{color:rgb(83, 48, 46);}header{color:rgb(44, 46, 54);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(255, 255, 255);}.astroid-logo-text .site-title{color:rgb(173, 69, 131);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(44, 46, 54);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(173, 69, 131);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(173, 69, 131);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(44, 46, 54);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(173, 69, 131);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(173, 69, 131);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(173, 69, 131);}.megamenu-container{background-color:rgb(255, 255, 255);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}.has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(157, 30, 97);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(173, 69, 131);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-offcanvas { color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(173, 69, 131) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu, .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-mobilemenu { color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(173, 69, 131) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-contact-info i[class*="fa-"]{color:rgb(157, 30, 97);}h2, .h2 {
    font-weight: 500;
    text-transform: none;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
}
h3, .h3 {
    font-weight: 500;
    text-transform: none;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
}
h4, .h4 {
    font-weight: 500;
    text-transform: none;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
}

.container {
    max-width: 1400px;
}
.body-oc .container-oc {
    font-size: 1rem;
}
.astroid-logo img {
    max-width: 150px;
    max-height: 68px;
}

.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
    color: #969899;
    background-color: #53302E;
    border-color: #53302E;
}

.btn-primary:hover, .btn-backtohome:hover, .btn-prosandcons:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
    color: #3a3b3c;
    background-color: #18191a;
    border-color: #3a3b3c;
}

.menu-ul {
    position: relative;
    border-top: 3px solid #53302E;
}

.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
    border-top: 4px solid rgba(157, 30, 97, 0.4);
}

.color-theme {
    color: #53302E;
}
.body-oc .product-thumb:hover {
    border: 1px solid #53302E;
}
.body-oc .product-thumb a {color:#53302E}
.dropdown-menu li > a:hover {
  background-color: #53302E;
  background-image: linear-gradient(to bottom, #53302E, #8F1E61);
  background-repeat: repeat-x;
}
.body-oc #top-oc #form-currency .currency-select:hover,
.body-oc #top-oc #form-language .language-select:hover {
  background-color: #53302E;
  background-image: linear-gradient(to bottom, #53302E, #8F1E61);
  background-repeat: repeat-x;
}
.body-oc #menu-oc {
  background-color: #53302E;
  background-image: linear-gradient(to bottom, #53302E, #8F1E61);
  background-repeat: repeat-x;
  border-color: #8F1E61 #8F1E61 #8F1E61;
  min-height: 40px;
}
.body-oc #menu-oc .see-all:hover,
.body-oc #menu-oc .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #53302E;
  background-image: linear-gradient(to bottom, #53302E, #8F1E61);
  background-repeat: repeat-x;
}
.body-oc #menu-oc .btn-navbar {
  background-color: #53302E;
  background-image: linear-gradient(to bottom, #53302E, #8F1E61);
  background-repeat: repeat-x;
  border-color: #8F1E61 #8F1E61 #8F1E61;
}
.body-oc #menu-oc .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #53302E;
}
.body-oc a {
    color: #AD4583;
}

.body-oc a:hover {
    color: #8F1E61;
}
.h3, h3 {
    border-left: 3px solid #53302E;
    padding-left:6px;
}

.btn-primary, .btn-backtohome {
    background-color: #53302E;
	border:1px solid #53302E;
}

.btn-primary:hover, .btn-backtohome:hover {
    background-color: #222;
	border:1px solid #53302E;
	}
	
.body-oc h2::after, .body-oc .h2:after {
    background-color: #53302E;
}

.title-category::after, legend:after {
    background-color: #53302E;
}
.body-oc .image-additional a:hover {
  border: 1px solid #53302E;
}
.body-oc .list-group-item.active, .body-oc .list-group-item.active:hover, .body-oc .list-group-item.active:focus {
    background-color: #53302E;
    border-color: #53302E;
}

.body-oc a.btn-primary {
    background-color: #53302E;
}

.body-oc a.btn-primary:hover {
    background-color: #1B1C21;
}
.customer-account a:hover {
	background-color: #53302E;
}
.body-oc .thumbnail.banner:hover {
    border: 1px solid #53302E;
}
hr.hr-fancy::after {
    background-color: #53302E;
}
.body-oc .product-thumb .button-group button:hover {
    background: none repeat scroll 0% 0% #53302E !important;
	border: 1px #F5C026 solid !important;
    color: #ffffff;
}
#information-information p{font-size:16px;}
#information-contact.container-oc {
    font-size: 16px;
}

/**STORE10 PLUS CSS**/
.body-oc #cart {
    margin-bottom: 0px;
}
.body-oc #cart > .btn {
    border: 1px solid #fff;
}
@media only screen and (min-width: 990px) {
header .logo-wrapper {
    padding: 10px 0;
    border-right: 1px solid #eee;
  }
}

@media only screen and (min-width: 767px) {
.body-oc .product-thumb.related .button-group {
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    height: 60px;
  }
.col-md-12.product-gallery {
    padding-right: 25px;
  }
}
.body-oc .product-thumb.related:hover {
    position:relative;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
    padding: 0px;
}
#astroid-sticky-header .container {max-width:100%;}
.astroid-header-section .astroid-header-sticky > div {
    padding-top: 0px;
    padding-bottom: 0px;
}
.heading-single span::after {
    left: 100%;
    margin-left: .5em;
}
  .heading-single span::before, .heading-single span::after {
    content: "";
    position: absolute;
    top: 50%;
    height: .5em;
    border-top: 1px solid #ddd;
    width: 200em;
}
  .heading-single span::before {
    right: 100%;
    margin-right: .5em;
}
  .heading-single {
    overflow: hidden;
    margin-bottom:40px;
}
  .heading-single span {
    position: relative;
}

.favth li a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    content: "\f192";
    padding-left: 0;
    padding-right: 10px;
    color: #ccc;
    font-size: 14px;
    margin-top: 2px;
}

.favth li {line-height:2em;}

div.mod-languages ul {
    margin: -2px 0 0 0;
}
.fa-ul > li {
    line-height: 2;
}


.nav-pills > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .body-oc .nav-pills > li.active > a, .body-oc .nav-pills > li.active > a:focus, .body-oc .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #53302E;
}
.nav-pills > li > a:hover, .body-oc .nav-pills > li > a:hover  {
    background-color: #eee;
}
.nav-pills > li > a, .body-oc .nav-pills > li > a {
  border-radius: 4px;
  font-size:17px;
}
.hometabs .nav > li > a, .body-oc .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right:8px;
    margin-bottom:8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.tab-content {padding-top:20px;}

.body-oc .btn-primary {
    background-color: #53302E;
    border-color: #53302E;
}
.body-oc .btn-primary:hover {
    background-color: #111111;
    border-color: #53302E;
}

.body-oc .related .col-lg-2, .body-oc .related .col-md-3, .body-oc .related .col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
}
.body-oc .form-control {
    height: calc(1.5em + 22px);
    padding: 10px .75rem;
    font-size: 1rem !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.body-oc .form-control {
    box-shadow: 2px 2px 9px rgba(0,0,0,.06);
    border: 1px solid #fdfdfd;
    display: block;
    width: 100%;
}

.cart2 .body-oc #cart > .btn {
    box-shadow: none;
    color: rgb(44, 46, 54);
    padding: 12px 8px 5px 8px;
    background-color: rgb(248, 248, 249);
}
.cart2 .body-oc #cart > .btn {
    border: 1px solid rgb(248, 248, 249);
}
.cart2 .body-oc #cart > .btn {
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}
.cart2 .body-oc #cart {
    position: absolute;
    top: -10px;
    right: 0px;
    z-index: 9999;
}
.cart2 #cart > .btn span#cart-items {
    top: 4px;
}
.cart2 #cart .fa.fa-shopping-cart {
    font-size: 19px;
}
.tipota {display:none;}
.panel-group .col-sm-6 {padding-left:15px; padding-right:15px;}
h3.title-category {border-left:none;}

 .checkbox, .body-oc .radio{
    position: relative;
    display: inline;
}
#product input[type="radio"]{
     visibility: hidden;
}
.body-oc .img-thumbnail {
    display: block;
}
.img-thumbnail{
min-height:75px;
}

.mfilter-box-42 .mfilter-counter {
    background: #53302E!important;
    color: #ffffff;
}
.mfilter-box-42 .mfilter-counter:after {
    border-right-color: #53302E!important;;
}

.mfilter-heading-text{
    font-size: 16px;
    color: white;
}
.mfilter-heading-content{
    background: #53302E;
}
.mfilter-iscroll > .scroll-element .iScrollIndicator {
    background-color: #53302E;
}
.mfilter-opts-container{
    background-color: white;
}
.body-oc #content-oc {
    min-height: 20px;
}

.radio input[type=radio] {
    position: relative!important;
}
.mfilter-free-button {
    margin: 100px 0 0 228px;
    border: 10px solid #53302E;
    background: #53302E url(/components/com_opencart/catalog/view/theme/default/stylesheet/mf/images/icons.png?v8=) no-repeat -69px 0;
}
.astroid-mobilemenu {
    z-index: 99999 !important;
}

#cart > .btn span#cart-items {
    background:#9d1e61;
    font-size: 11px;
    font-weight: bold;
}

#cart > .btn span#cart-items {
    background:#9d1e61;
    font-size: 11px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
.form-group.addtocart {
  position: relative;
  bottom: 0px;
  left: 0;
  z-index: 2;
 }
}@media (max-width: 991.98px) {#cb-9ktthj3ad{padding-bottom:40px}#ar-jppsg7ckm{padding-bottom:30px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ar-1528971627712{padding-bottom:80px}#fs-1528971627712{padding:25px 20px 50px 20px}h1, .h1{font-size:2.5em;letter-spacing:0em;line-height:1em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:16px;letter-spacing:0em;line-height:1.2em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:16px;letter-spacing:0px;line-height:1em;}}@media (max-width: 767.98px) {#cb-9ktthj3ad{padding-bottom:30px}#ar-jppsg7ckm{padding-bottom:30px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ac-1528971627712{padding-top:20px}#ac-nqq8v038a{padding-top:20px}#ac-44pi8z6ep{padding-top:20px}#ac-mwv8zcsyo{padding-top:20px}#ar-1528971627712{padding-bottom:50px}#fs-1528971627712{padding:20px 10px 50px 10px}h1, .h1{font-size:2.5em;letter-spacing:0em;line-height:1em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:14px;letter-spacing:0px;line-height:12em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:16em;letter-spacing:0px;line-height:1em;}}