:root {
    --main-color: #e2011a;  /*df2a88 e2011a*/
    /*--alt-color: #8f2323; */ 
    --black-color: #212121;
    --white-color: #f9f9f9;
    --gray-color: #e1e9ef;
    --soft-color: #f5f8fa;
}





/* reset */
.theme-color {color: var(--main-color);}
.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
.relative {position: relative;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-justify-between {justify-content: space-between;}
.grid {display: grid;}
::-moz-selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--main-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--main-color);}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a:hover {color: var(--main-color);}
.one-product .product-img {border: none;}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus, .comments .btn, .hvr-sweep-to-right::before, .cart-checkout .okvir #checkout-submit, .cat-title {background: var(--main-color);}
/*.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color); border-color: var(--alt-color);}*/
.product .product-brand {color: var(--main-color); font-weight: 600;}
.addtofav.inline .fa-heart, .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--alt-color);}
.product-details .addtofav .checkbox-inline {line-height: 1;}
.product-details .price, .product-details .price .salesprice, .user-details .if-registered, .search h1 span, .shop ul.filters .alert.alert-primary strong, #vertical-menu .active a.list-group-item, .one-product .price, .sidebar .active ul a > i
    {color: var(--main-color);}
.kontakt .btn {background: var(--main-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li {background-color: var(--main-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--main-color)!important;}
footer ul li {opacity: 1;}
footer .details p.title {margin: 0;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: var(--dark-color);}
footer .visa {width: auto;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.swiperTickerContainer, .xadmin-links, .swiper-container .swiper-pagination-bullet-active {background: var(--main-color);}
.news-template-short2 img:hover {transform: scale(1);}
.news-one .main-content a {border-bottom: none; color: var(--main-color);}
.scrollToTop {background: var(--main-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.category select, .brand select {border: none;}
.swiper-button-next, .swiper-button-prev {color: var(--main-color)!important;}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--main-color)!important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: var(--main-color);}
@media (max-width: 767px) {
    footer .visa {max-width: initial; height: 26px;}
}




body {font-family: 'Fira Sans Condensed', sans-serif; color: #616161;}
h1, h2, h3, h4, h5, h6 {font-family: 'Fira Sans Condensed', sans-serif; color: var(--black-color);}
a {color: var(--black-color);}
a:hover {color: rgb(30, 62, 149);}

.section-title {margin-bottom: 20px; margin-top: 0;}
.section-subtitle {display: block; font-size: 14px; color: #616161; font-weight: 400; margin-top: 10px;}

.theme-button {position: relative; display: inline-block; border: 1px solid var(--main-color); border-radius: 5px; background-color: transparent; color: var(--black-color); font-weight: 500; padding: 10px 28px 10px 18px; text-transform: uppercase; font-size: 14px; line-height: 23px; transition: all .2s;}
.theme-button:after {content: ''; display: block; position: absolute; right: 11px; top: 16px; width: 10px; height: 10px; transition: all .2s; background-repeat: no-repeat; background-size: 14px 14px; background-position: center; background-image: url("data:image/svg+xml,%3Csvg 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='410.2 228.8 167.7 334.3' style='enable-background:new 410.2 228.8 167.7 334.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23e2011a;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M410.7,229.3L577.3,396L410.7,562.7'/%3E%3C/svg%3E%0A");}
.theme-button:hover {background-color: var(--main-color); color: #fff;}
.theme-button:hover:after {background-image: url("data:image/svg+xml,%3Csvg 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='410.2 228.8 167.7 334.3' style='enable-background:new 410.2 228.8 167.7 334.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M410.7,229.3L577.3,396L410.7,562.7'/%3E%3C/svg%3E%0A");}
.theme-button-alt {background-color: var(--main-color); color: #fff;}
.theme-button-alt:after {background-image: url("data:image/svg+xml,%3Csvg 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='410.2 228.8 167.7 334.3' style='enable-background:new 410.2 228.8 167.7 334.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M410.7,229.3L577.3,396L410.7,562.7'/%3E%3C/svg%3E%0A");}
.theme-button-alt:hover {background-color: transparent; color: var(--black-color);}
.theme-button-alt:hover:after {background-image: url("data:image/svg+xml,%3Csvg 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='410.2 228.8 167.7 334.3' style='enable-background:new 410.2 228.8 167.7 334.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23e2011a;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M410.7,229.3L577.3,396L410.7,562.7'/%3E%3C/svg%3E%0A");}

.grey-border-top {border-top: 1px solid #ededee;}
.grey-border-bottom {border-bottom: 1px solid #ededee;}

.img-wrap-rounded {display: flex; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}
.img-wrap-rounded img {object-fit: contain; width: 160px; height: 160px;}


header .advanced-search .input input {border-radius: 24px; border: 1px solid; border-color: #ededee; width: 100%; overflow: hidden; padding-top: 12px; padding-bottom: 12px;}
header .advanced-search .button {height: 48px; width: 40px; top: 0;}
header .advanced-search .button input {width: 40px; height: 100%;}
header .advanced-search .button svg {width: 40px; height: 30px; position: absolute; left: 0; pointer-events: none; top: 9px;}

header .swiperTickerContainer {background: #fff;}



.slide-banners {overflow: hidden;}
.slide-banners .swiper-container {overflow: unset;}
.slide-banners .swiper-slide {flex-direction: column;}
.slide-banners .swiper-slide p {margin-top: 16px; font-weight: 500;}


.banner-radius img {border-radius: 12px; overflow: hidden;}




.swiperProducts.swiper-container {padding: 10px 10px 0; margin-left: -10px;}
.one-product .product-holder {box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; padding: 20px 24px 24px; border-radius: 8px;}
.one-product img {padding: 10px;}
.one-product img:hover {transform: scale(1.1);}
.one-product .product-content {min-height: 100px;}
.one-product .product-holder a h2 {font-weight: 400;}

.one-product .product-content .product-bottom {margin-top: auto;}

.one-product .price {color: var(--black-color); font-weight: 600; line-height: 1;}
.one-product .discountedprice {color: var(--main-color);}
.one-product .price .currency {font-weight: 400; color: var(--black-color); font-size: 14px;}

.one-product .product-buttons {}
.one-product .follow-featured {position: relative; top: auto; left: auto; text-shadow: none; color: #616161; width: auto; line-height: 0;}
.one-product .follow-featured label {margin-bottom: 0; display: inline-flex;}
.one-product .follow-featured label span svg {width: 26px; height: 26px; fill: #fff}

.one-product .add-to-cart {border: none; background: none; display: flex;}
.one-product .add-to-cart svg {width: 28px; height: 28px; fill: var(--main-color); transition: transform .2s ease, -webkit-transform .2s ease;}
.one-product .add-to-cart:hover svg {transform: scale(1.25);}
.one-product .product-flags [class^='exp-on-'] {margin-right: 0; right: 0px; width: 45px; height: 35px; margin-bottom: 4px;}
.exp-on-discount {background: #6c8cc7;}

.swiper-button-next, .swiper-button-prev {background-color: #fff; border: none; border-radius: 5px; bottom: 45%; box-shadow: 0 0 10px #0000001a; height: 35px!important; line-height: 48px; outline: none; width: 35px!important;}
.swiper-button-prev {left: 17px;}
.swiper-button-next {right: 17px;}

.breadcrumb {background-color: transparent;}

.swiperProductBrand .swiper-slide a {display: flex; aspect-ratio: 1 / 1; max-height: 100px;}
.swiperProductBrand .swiper-slide a img {height: 100%; width: auto; min-width: 100%; object-fit: contain;}


.border-bottom {padding-bottom: 30px;}
.info-icons .border-top {padding-top: 30px;}
.info-icons svg {width: 40px; height: 40px; margin-right: 16px; fill: var(--main-color);}
.info-icons h4 {margin: 0 0 2px;}
.info-icons p {margin-bottom: 0;}
.border-bottom:after {content: ''; display: block; position: absolute; background-color: #ededee; height: 1px; width: calc(100% - 30px); left: 15px; bottom: 0;}
.border-top:before {content: ''; display: block; position: absolute; background-color: #ededee; height: 1px; width: calc(100% - 30px); left: 15px; top: 0;}



.breadcrumb {padding: 15px 0; font-size: 14px;}
.breadcrumb a {color: #71777b; }
.breadcrumb > .active {color: #4444448a;}
.breadcrumb a:hover {text-decoration: underline;}
.product .product-photo {margin-top: 20px;}
.product .product-photo .slick-slide a {display: flex; padding: 30px;}
.product .product-brand {display: flex;}
.product-brand img {max-width: 120px; max-height: 80px; object-fit: contain;}
.product-details .addtofav .checkbox-inline svg {width: 30px; height: 30px; fill: var(--white-color);}
.product-details .addtofav .checkbox-inline .checked svg {width: 30px; height: 30px; fill: var(--main-color);}
.product-details .addtofav .checkbox-inline label {cursor: pointer;}
.product-details .product-top {margin-bottom: 5px;}
.product-details h1 {font-size: 30px; margin: 6px 0 10px; letter-spacing: .5px;}
.product-details .sku {color: #71777b; margin-bottom: 10px;}
.product-rating {border-bottom: 1px solid #ededee; padding-bottom: 16px;}
.product-rating .jq-ry-container {padding-left: 0;}
.product-rating a {text-decoration: underline;}
.product-rating a:hover {text-decoration: none;}
.product .product-configuration {display: none;}
.product label {margin-bottom: 0; font-weight: 400; display: flex; align-items: center;}
.product .addtofav.inline .text {margin-left: auto; margin-right: 10px;}
.product .price-wrapper {padding: 16px 0; border-bottom: 1px solid #ededee;}
.product-details .price, .product-details .price .salesprice {margin-bottom: 0;}
.product-details .price .salesprice {font-size: 28px; font-weight: 500;}
.product .unit-description, .product .vat-info {color: #71777b; font-size: 12px;}
.product .product-details .currency {font-size: 16px; color: var(--black-color);}
.product-details .price .salesprice .currency {color: var(--main-color);}
.product-details .price {color: var(--black-color); font-weight: 500; font-size: 25px;}
.product-details .price .price-old {color: #71777b; font-size: 18px; font-weight: 400; text-decoration: none; width: fit-content; margin-left: auto; margin-right: 0; position: relative;}
.product-details .price-old:after { content: ''; position: absolute; top: 50%; height: 1px; width: 100%; left: 0; background: var(--black-color); transform: rotate(5deg); }
.product-details .price .price-old .currency {color: #71777b;}
.product-details .add-to-cart svg {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px;}
.product-details .sp-plus, .product-details .sp-minus {background: transparent; color: var(--black-color); line-height: 1; height: 100%; display: flex; align-items: center; padding: 0 10px;  overflow: hidden;}
.product-details .sp-plus:after, .product-details .sp-minus:after, .product-details .add-to-cart:after {display: none;}
.product-details .ddd:hover .theme-button {background: var(--main-color); transition: all .2s;}
.product-details .ddd:hover i {color: var(--white-color);}
.product-details .add-to-cart, .product-details .go-to-checkout {font-size: 16px; padding: 10px 28px 10px 18px;}
.product-details .add-to-cart {flex: 1; padding-right: 60px;}
.product-details .go-to-checkout {background: transparent; margin-left: 30px; color: var(--black-color);}
.product-details .go-to-checkout:hover {background: var(--main-color); color: #fff;}
.product-details .description {border-top: 1px solid #ededee; padding-top: 16px; font-size: 15px; color: var(--black-color);}
.product-details .product-flags {width: auto; left: 0; top: 50%; right: auto; transform: translateY(-50%); font-weight: 600;}
.product-flags [class^='exp-on-'] {padding: 0; margin-bottom: 0; display: inline-flex; border-radius: 0% 50%; width: 50px; height: 46px; align-items: center; justify-content: center; margin-right: 10px;}
.product-flags .exp-on-action {background: #ffe353; color: var(--black-color);}
.product-flags .exp-on-discount {background: #1e3e95;}
.product .detail-description {background: var(--soft-color); padding: 30px 0 45px;}

.product .product-comments {background: #fcfafa; padding: 50px 0 40px;}
.product .comments {border: none; padding: 0; margin: 0;}



.shop .category-list .break-category a {text-align: center; display: block;}
.shop .category-list .break-category .img-wrap {display: flex; aspect-ratio: 1 / 1; border-radius: 50%; overflow:hidden; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px;}
.shop .category-list .break-category img {object-fit: cover; height: 100%; width: auto; }
.shop .category-list .category-advanced-title {margin-bottom: 0; font-size: 18px;}
.shop .category-list .sub-cat a:hover {color: var(--main-color); font-weight: 500;}



.one-news a h2 {color: var(--black-color);}
.news-template-short2 .imgdiv {border-radius: 8px; position: relative;}
.news-template-short2 img {aspect-ratio: 1.5 / 1; object-fit: cover;}
.news-template-short2 .time-ago {color: inherit;}
.news-template-short2 .news-date {position: absolute; top: 0; right: 0; display: block; padding: 6px 10px; background: #fff; border-radius: 0 8px 0 8px; color: var(--black-color); z-index: 1; pointer-events: none; line-height: 1; border-bottom: 1px solid #eee; border-left: 1px solid #eee; font-weight: 600;}

.news-one .news-info {padding-bottom: 20px;}
.news-one .news-info li span {font-weight: 600;}
.news-one .news-intro {background: #fcfafa;}
.news-one .subtitle {color: var(--black-color); font-size: 19px; line-height: 1.3; padding-right: 20px;}


#noty_bottom_layout_container {box-shadow: 0 0 10px -3px #000000; left: 0!important; width: 100%!important; margin-top: 4px!important;}
#noty_bottom_layout_container > li, #noty_bottomCenter_layout_container, #noty_bottomCenter_layout_container > li {background-color: #1e3e95!important;}
#noty_bottom_layout_container > li {margin: 0!important;}


.shop .sort .filter-attribute, .orderby select {border-radius: 6px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 9px 0px; padding: 12px 11px 12px 15px; border: 0; cursor: pointer; border-right: 8px solid transparent;}
.shop .sidebar .list-group {box-shadow: none;}
.shop #vertical-menu .active a.list-group-item {background: none; font-weight: 500;}
.shop .sidebar #vertical-menu li a.icon-right i {transform: rotate(0deg); transition: all .2s; color: var(--black-color);}
.shop .sidebar #vertical-menu li a.icon-right.icon-rotate i {transform: rotate(180deg); color: var(--main-color);}
.shop .sidebar #vertical-menu ul ul > li {padding-left: 10px;}
.shop .sidebar #vertical-menu li a:hover {background: #f5f2f2;}
.shop #vertical-menu a.list-group-item {padding: 5px 20px 5px 5px !important; color: var(--black-color);}
.shop .one-filter {display: inline-flex; align-items: center; padding: 2px 28px 2px 12px; position: relative; background: rgb(30, 62, 149); color: rgb(255, 255, 255); cursor: pointer; margin: 4px 8px 4px 0px; flex-shrink: 0; border-radius: 12px; font-size: 14px; line-height: 22px; font-weight: normal;}
.shop .one-filter .close {opacity: 1; position: absolute; right: 6px; top: 50%; width: 16px; height: 16px; margin-top: -8px; line-height: 0;}
.shop .one-filter .close:hover {opacity: .5;}


.kontakt h1 {margin-top: 0;}
.kontakt .contact-info {border-right: 1px solid #ebebeb; font-size: 15px;}
.kontakt .form-control {background: #f4f0f04f; border: 1px solid #ebebea; box-shadow: none; padding: 20px; border-radius: 6px; margin-bottom: 10px;}
.kontakt .info-icons-item {justify-content: center;}


.o-nama .banner-radius img {box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px 0px;}
.o-nama .about-content a {font-weight: 500;}

.brendovi .service-box {border-radius: 6px; box-shadow: rgba(198, 198, 198, 0.4) 0px 0px 12px 0px; padding: 15px; display: flex; flex-direction: column; cursor: pointer; border: none; align-items: center;}
.brendovi .service-box a {display: flex; height: 130px; aspect-ratio: 1 / 1;}
.brendovi .service-box a img {object-fit: contain; height: 100%; max-width: 100%;}
.brendovi .service-box:hover h3 {color: var(--main-color);}


.checkout .cart-checkout .okvir {border-color: #6c8cc7;}
.checkout .cart-checkout .okvir .cart_product, .checkout .okvir .cart_total {display: flex; align-items: center;}
.checkout .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--black-color);}



.search h1 {background: #f9f9f9; padding: 30px 0; margin-top: 0px; z-index: -1; position: relative;}
.search .product-list-6 .one-product img {aspect-ratio: unset; }
.search h2.section-title {margin-top: 30px;}
.search .product-list-6 .one-product .product-holder {box-shadow: none;}

footer .details {padding: 55px 0 20px 0; border-top: 1px solid #ededee;}
footer .details p.title {text-transform: uppercase; font-size: 14px; color: #282426; padding-bottom: 14px; letter-spacing: .5px; font-weight: 500; display: block;}
footer .details .menu-list a, footer .contact-list a, footer .contact-list .padding-item {padding: 5px 5px 6px 0; display: block; text-decoration: none; color: inherit; color: #858585;}
footer .details .menu-list li:hover a {color: var(--black-color);}
footer ul li a:before, footer .asortiman svg {display: none;}

footer .wrap-row {display: flex; justify-content: space-between; margin-bottom: 12px;}
footer .wrap-row.otp .card-wrap {width: 100%;}
footer .credit-cards .card-wrap {flex: 0 1 auto; display: flex; align-items: center; justify-content: center; width: 76px; height: 36px; padding: 7px; border: 1px solid #e4e4e4; border-radius: 5px; text-align: center; color: #858585;}
footer .visa {height: 35px; margin-bottom: 20px; margin-right: 10px;}

footer .social-icons  {margin-right: 10px;}
footer .social-icons a {margin-right: 16px;}
footer .social-icons li > a > svg {width: 26px; height: 26px; fill: #858585a1;}
footer .social-icons li > a:hover > svg {fill: var(--main-color);}

footer .footer-bottom {border-top: 1px solid #aaaaaa73; padding: 20px 0; border-bottom: 1px solid #aaaaaa73;}
footer .footer-bottom li > a {margin: 0 10px;}


footer .signature {color: var(--black-color); padding: 15px 0;}
footer .signature a {color: var(--main-color);}
footer .signature img {width: 20px; height: auto; margin-right: 5px;}

footer a.close-cookie-notification {color: #fff;}


.scrollToTop {position: absolute; animation: none; border-radius: 5px; border: none; bottom: auto; top: 0;}


@media screen and (min-width: 768px){
    
    .m-l-a {margin-left: auto;}
    
    header {box-shadow: 0px 4px 21px 0px rgba(0,1,1,.17); background: rgb(244 240 240 / 31%);}
    
    header .top {background: #fff; border-bottom: 1px solid #ededee;}
    header .top ul {display: flex; list-style: none; justify-content: flex-end; margin-bottom: 0;}
    header .top a {color: var(--black-color);}
    header .top .top-menu li > a {margin-left: 16px; font-size: 15px; display: flex; align-items: center;}
    header .top .separator {content: ''; width: 5px; height: 5px; background: var(--main-color); display: inline-block; position: relative; top: 8px; margin-left: 16px; margin-right: 1px;}
    
    header .middle {background: transparent;}
    
    header .bottom {border: none; padding: 0;}
    header .bottom .navbar-nav {display: flex; position: relative;}
    header .bottom .nav:before, .bottom .nav:after {display: none;}
    
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {display: flex; align-items: center; padding: 16px 16px 14px 16px; color: var(--black-color); font-size: 14px; font-weight: 500; outline: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.all-cat > a, header .bottom #nav-section .navbar-default .navbar-nav > li:hover > a {box-shadow: 0px 4px 21px 0px rgba(0,1,1,.17); border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; color: var(--main-color); text-decoration: none; font-size: 14px; position: relative; 
                text-align: center; fill: var(--main-color);}
    header .bottom .dropdown-menu li:hover > a {color: var(--main-color);}
    header .bottom .dropdown-menu li:hover > a > i {transform: rotate(180deg); transform-origin: center;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.all-cat:hover > a:after, header .bottom #nav-section .navbar-default .navbar-nav > li:hover > a:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; height: 15px;  z-index: 1001;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a svg {width: 20px; height: 20px; margin-right: 8px;}
    header .bottom #nav-section .navbar-default .navbar-nav .menu-right > a {padding: 16px 13px 14px 12px;}
    header .bottom #nav-section .navbar-default .navbar-nav .menu-right > a > svg {margin-right: 4px; fill: transparent; stroke: var(--main-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li.active > a {color: var(--main-color);}
    
    /*  mega menu  */
    header .solid-menus .dropdown-full-width .dropdown-menu {left: 0; right: 0; box-shadow: 0px 3px 21px 0px rgba(0,1,1,.17); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    
    /*  level 2-3  */
    .solid-menus .dropdown-menu > li > a {display: block; color: var(--black-color); width: 100%; padding: 10px 20px; position: relative; font-size: 14px; font-weight: 500; outline: none; min-width: unset; width: auto;}
    .solid-menus .dropdown-menu > li:hover > a {color: var(--main-color);}
    
    .solid-menus .dropdown-menu > li:hover a.dropdown-toggle.sub-marker:after {content: ''; display: block; right: 0; width: 10px; height: 100%; position: absolute; background: #fff; top: 0; z-index: 1001;}
    header .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: transparent;}
    header .dropdown-menu {border-radius: 0 0 5px 5px;}
    header .dropdown, header .dropup {position: unset;}
    header .solid-menus .dropdown .dropdown-right > .dropdown-menu {min-height: 100%; padding: 15px 10px;}
    header .solid-menus .dropdown .dropdown-right > a i.icn-right, header .solid-menus .dropdown .dropdown-left > a i.icn-right {top: 19px; right: 14px; font-size: 21px; transform-origin: center; width: 0px; height: 0px; display: flex; align-items: center; justify-content: center; transition: .2s; margin: 0;}

    .all-cat a svg {width: 20px; height: 20px; fill: var(--main-color); margin-right: 10px;}
    
    
    .shop .sidebar {background: none; box-shadow: rgba(198, 198, 198, 0.4) 9px 0px 9px -9px; background: rgb(244 240 240 / 31%);}
    .shop .sidebar .panel, .shop .sidebar .panel a {background: transparent;}
    
    footer .details ul li {line-height: 1;}

}


@media screen and (min-width: 992px){
    .shop .product-list .product-list-4 {padding-left: 50px;}

}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .product-details .add-to-cart, .product-details .go-to-checkout {font-size: 14px;}

}




@media screen and (max-width: 991px){
    
}


@media screen and (max-width: 767px){
    
    header #navbar-inner-container {padding: 10px 0;}
    header .navbar-header {display: flex!important; align-items: center;}
    header .solid-menus .navbar-brand {padding: 0; height: 40px;}
    header .solid-menus .navbar-brand img {height: 40px; margin-top: 0;}
    header .bottom {padding: 0;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a  {display: flex; justify-content: flex-start; align-items: center; color: var(--black-color); font-size: 17px; font-weight: 600;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.active > a {color: var(--main-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a > svg {width: 22px; fill: var(--black-color); transform: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a > span {margin-right: 7px;}
    header .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: var(--black-color);}
    header .search-icon {position: absolute; right: 0; top: calc(50% - 15px);}
    header .search-icon svg {width: 30px; height: 30px;}
    
    .big-banner .swiper-slide a {aspect-ratio: 1 / 1; display: block; @media: (aspect-ratio: 1/1);}
    .big-banner .swiper-slide img {@supports not (aspect-ratio: 1 / 1) {
            &::before {
              float: left;
              padding-top: 100%;
              content: "";
            }
        
            &::after {
              display: block;
              content: "";
              clear: both;
            }
          }
    }
    
    .flex-column-xs {flex-direction: column;}
    
    .info-icons .info-icons-item {margin: 20px 30px;}
    
    .one-product .product-holder {padding: 20px 16px 16px;}
    .one-product .follow-featured {position: absolute; top: 8px; left: 16px;}
    
    .underline-link a {text-decoration: underline;}
    .product .mobile-slideshow .swiper-slide a {display: flex; padding: 30px;}
    .product-top:before, .product-top:after {display: none;}
    .product-details .add-to-cart, .product-details .go-to-checkout {margin-top: 16px; margin-left: auto; margin-right: auto; width: 90%;}
    .product-details .add-to-cart {}
    .product-details .description {border-bottom: 1px solid #ededee; padding-bottom: 16px;}
    .detail-description {margin-bottom: 30px;}
    .product-details .unit-description {margin-bottom: 8px; display: block;}
    .product .product-details .vat-info {position: absolute; bottom: 0; right: 0;}
    
    .news-template-short2 .time-ago, .news-template-short2 .imgdiv {width: 100%;}
    .news-one .subtitle {font-size: 18px; padding-right: 0;}  
    
    .shop ul.filters {margin: 16px 0!important;}
    .shop .show-filters {margin-bottom: 40px;}
    .shop #vertical-menu .navbar-header {background: var(--gray-color);}
    .shop #vertical-menu .navbar-toggle {border: none;}
    .shop #vertical-menu .navbar-default .navbar-toggle .icon-bar {background-color: var(--black-color);}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
    
    footer .credit-cards .card-wrap {margin: 16px auto;}
    footer .social-icons {justify-content: center;}
    footer .signature .col-md-5 {text-align: center!important;}
    
    .scrollToTop {display: none;}
}










@font-face {
    font-family: "Brooklyn Samuels W00 No5 Bold";
    src: url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.eot");
    src: url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/f833a8db3f858c83100d9ed55ea5cec4.svg#Brooklyn Samuels W00 No5 Bold")format("svg");
}