:root {
    --theme-color: #d0556f; /*D8356A sa starog sjajnija*/
    --alt-color: #FCC898; /*fdc999*/
    --dark-color: #27221f;
    --white-color: #f9f9f9;
}



/* reset */
.theme-color {color: var(--theme-color);}
a {transition: color .25s;}
.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;}
.absolute {position: absolute;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.p-r-0 {padding-right: 0!important;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-items-end {align-items: flex-end;}
.flex-justify-between {justify-content: space-between;}
.grid {display: grid;}
.inline-flex {display: inline-flex;}
::-moz-selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-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(--theme-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--theme-color);}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a:hover {color: var(--theme-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, .cat-title, .short-add-to-cart-btn:hover {background: var(--theme-color);}
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color); border-color: var(--alt-color);}
.cart-checkout .okvir .editable {border-bottom: 0;}
.addtofav.inline .fa-heart, .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--alt-color);}
.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(--theme-color);}
.kontakt .btn {background: var(--theme-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li {background-color: var(--theme-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--theme-color);}
footer ul li {opacity: 1;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #333;}
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(--theme-color);}
.news-template-short2 img:hover {transform: scale(1);}
.scrollToTop {background: var(--theme-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.category select, .brand select {border: none;}
.breadcrumb .back {margin-left: auto;}
.swiper-button-next, .swiper-button-prev {color: var(--theme-color)!important;}
.user-login input[type=submit] {background: var(--alt-color);}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--theme-color)!important;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--theme-color); font-size: 20px;}
label {font-weight: 400; margin-bottom: 0;}
.overlay:before {content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
a:focus, a:hover {color: var(--theme-color);}


body {font-size: 16px;}
body, h1, h2, h3, h4, h5, h6, a {font-family: "Signika", sans-serif; color: var(--dark-color);}
.homepage h1 {position: absolute; font-size: 36px; z-index: 99; top: 0; min-width: 482px; max-width: 500px; left: 0; transform: translateY(-50%); text-align: center;background: #fcca99d6; padding: 64px 65px; border-radius: 56% 49% 71% 49% / 65% 59% 47% 52%; align-items: center; line-height: 1.2; display: block; flex-wrap: wrap; border: 3px dashed var(--theme-color); outline: 10px solid #fcca99d6;}
.homepage h1 > span {font-size: 40px;}
h2.section-title {margin-bottom: 24px; font-size: 44px; font-family: Pacifico; font-weight: 500; color: var(--theme-color); line-height: 1.2;}

.yellow-button:before {content: ''; position: absolute; width: 500px; height: 500px; display: block; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='-193 284.3 225 225' style='enable-background:new -193 284.3 225 225' xml:space='preserve'%3E%3Cstyle%3E.st2%7Bfill:%23f4f4f4%7D.st3%7Bfill:%23ff0983%7D%3C/style%3E%3Ccircle cx='-80.5' cy='396.8' r='112.5' style='fill:%23fbd16f'/%3E%3Cellipse transform='rotate(-26.785 -44.21 372.264)' class='st2' cx='-44.2' cy='372.2' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-54.7 353.2c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3Cellipse transform='rotate(-26.785 -107.466 438.402)' class='st2' cx='-107.4' cy='438.4' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-118 419.4c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2.1-7.8-2.3-11.5 0z'/%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 -44.348 438.701)' class='st2' cx='-44.3' cy='438.7' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-54.7 419.4c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2.1-7.8-2.3-11.5 0z'/%3E%3C/g%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 -107.464 372.262)' class='st2' cx='-107.4' cy='372.2' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-118 353.2c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: center; background-size: contain; z-index: -1; top: 0; opacity: 1; transform: rotate(350deg);}


.border {background: #d0556f08; overflow: hidden;}
.home-categories.yellow-button:before {top: 53%; opacity: .2; right: 81%;}

header .top {display: none;}
header .header-contact {font-size: 20px;}
header .header-contact a {color: var(--theme-color);}
header .header-contact a svg {width: 20px; height: 20px; fill: var(--theme-color);}
header .logo img {height: auto; max-height: 70px;}

header .middle {padding: 30px 0;}
header .middle .badge, header .bottom .badge {background-color: var(--alt-color); color: var(--dark-color); top: auto; bottom: 6px; border: none; font-size: 13px; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; padding: 0; line-height: 1;}



header #nav-section {position: relative;}
header #nav-section:before, header #nav-section:after { content: ""; position: absolute; top: -8px; left: 0; width: 100%; height: 15px; background: url('/img/bg/main-menu-dupli-sav.png') repeat-x; z-index: 9; display: block; position: absolute; pointer-events: none; z-index: 1001;}
header #nav-section:after {bottom: -8px; top: auto;}
header #nav-section .navbar-default .navbar-nav > li > a {font-size: 20px; font-weight: 500; color: #fff;}

header .solid-menus .navbar-pos-search, header .solid-menus .navbar-pos-search a svg {width: 40px; height: 40px;}

header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu {background: var(--theme-color); color: #fff;}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu a { color: #fff; font-size: 15px;}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu a:hover {}

header .navbar-nav>li>.dropdown-menu {padding-top: 16px;}
header .dropdown-menu>li>a:focus, header .dropdown-menu>li>a:hover, header .dropdown:hover {background-color: var(--alt-color); color: var(--theme-color);}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu .dropdown-menu a {background-color: var(--alt-color);}
header .dropdown-menu li .dropdown-menu li a:hover {color: var(--theme-color)!important;}


.theme-button {font-size: 17px; padding: 8px 20px; min-width: 64px; 
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; 
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.7; background: var(--theme-color); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1.5px, rgba(0, 0, 0, 0.04) 0px 0.5px 0.6px, rgba(0, 0, 0, 0.06) 0px 1.7px 2.2px -0.7px, rgba(0, 0, 0, 0.08) 0px 5px 6.4px -1.5px; background: #fff; border: 1px solid #d0556f7d; color: var(--theme-color);}
.theme-button:hover {background-color: var(--theme-color); color: #fff;}   
    
.intro-text {font-size: 20px; margin: 50px auto 20px;}
.intro-text p {max-width: 70%; display: inline-block; line-height: 1.4;}
.intro-text p span {color: var(--theme-color); font-weight: 700;}

.home-banner {margin-top: 30px;}
.big-banner .swiper-slide img {object-position: bottom;}
.swiper-slide .description {background: transparent;}

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {background: #fff; width: 40px; height: 40px; margin: 0; transition: all 250ms ease 0s; 
    transform: scale(1) translateY(-50%); opacity: 1; font-weight: 700; border-radius: 50%; padding: 0px; z-index: 99; 
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1.5px, rgba(0, 0, 0, 0.04) 0px 0.5px 0.6px, rgba(0, 0, 0, 0.06) 0px 2.3px 2.9px -0.7px, rgba(0, 0, 0, 0.08) 0px 7.6px 9.7px -1.5px;}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {font-size: 15px;}
.swiper-container .swiper-button-next {right: 0;}
.swiper-container .swiper-button-prev {left: 0;}
.swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover {background: var(--alt-color); }
.swiper-container .swiper-button-next:hover:after, .swiper-container .swiper-button-prev:hover:after {color: #fff;}




.one-product {text-align: left;}
.one-product .product-holder {padding: 16px; background: #fff; margin-bottom: 30px;}
.one-product .product-holder:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.one-product img:hover {transform: scale(1);}
.one-product .product-img {aspect-ratio: 1 / 1;}
.one-product .product-img img {object-fit: contain; max-height: 100%;}
.one-product .product-holder a h2 {font-size: 18px; font-weight: 600; text-transform: capitalize; margin-top: 16px;}
.one-product .product-holder .product-sku {font-size: 15px; float:right; margin-bottom: 30px; font-weight: 300; color: #00000069;}
.one-product .price {margin-bottom: 0; font-weight: 500;}
.one-product .product-holder .short-add-to-cart-btn {color: #fff; background-color: var(--theme-color); border: none; border-radius: 6px; padding: 6px 10px; line-height: 1; box-shadow: 0px 0px 1.5px hsl(0deg 0% 0% / 0.15), 0px 0.5px 0.6px hsl(0deg 0% 0% / 0.04), 0px 1.7px 2.2px -0.7px hsl(0deg 0% 0% / 0.06), 0px 5px 6.4px -1.5px hsl(0deg 0% 0% / 0.08); -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.one-product .product-holder .short-add-to-cart-btn svg {width: 22px; height: 22px; fill: #fff;}
.one-product .product-holder .short-add-to-cart-btn:hover {background-color: #b5415a;}
.one-product .nostock {font-weight: 600; border-top: 1px solid #d3d3d3; display: inline-block;}
.short-add-to-cart-btn:hover {color: #fff;}
.one-product .icon-checkbox + label svg {z-index: 1; width: 22px; height: 22px; display: flex; color: #bfbfbf;}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked svg {color: var(--theme-color);}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked svg path {fill: var(--theme-color);}


[class*='exp-on-'] {background: var(--alt-color); border-radius: 4px; color: var(--dark-color);}
.exp-on-new {background: #40a9af; color: #ffffff;}



.banner-grid-wrap {display: grid; aspect-ratio: 4 / 3; gap: max(14px, min((10.86px + 0.98vw), 36px)); grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-template-areas:
"item1 item1 item2"
"item1 item1 item3"
"item4 item5 item5";
}
.banner-item {overflow: hidden;}
.banner-item-1 {grid-area: item1;}
.banner-item-2 {grid-area: item2;}
.banner-item-3 {grid-area: item3;}
.banner-item-4 {grid-area: item4;}
.banner-item-5 {grid-area: item5;}
.banner-item, .banner-item .img-wrap {height: 100%;}
.banner-item a {height: 100%; display: block; width: 100%; position: relative;}
.banner-item a:before {background: linear-gradient(0deg, #00000078, 20%, transparent);}
.banner-item a img {min-height: 100%; width: 100%; object-fit: cover; aspect-ratio: 2.5;}
.banner-item a h3 {position: absolute; bottom: 18px; left: 18px; color: #fff; margin: 0; font-size: 20px; z-index: 2;}
.banner-item:before {background: rgba(208, 85, 111, .5); transform: translateY(-100%); transition: all ease-in-out .25s;
    display: flex; flex-direction: column; justify-content: center; align-items: center; 
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' version='1.0' xmlns='http://www.w3.org/2000/svg' width='206.667' height='105.333' viewBox='0 0 155 79'%3E%3Cpath d='M58.8 3.3C55.6 6 54 9 54 12.4c0 1.9-.7 2.6-2.7 3.1-8.2 1.8-11.5 9.7-7.8 18.7.5 1.4.2 1.8-1.4 1.8-2.1 0-38.3 7.5-41 8.5-6.2 2.3 13.5-.1 35.7-4.4 5.6-1.1 10.9-1.8 11.7-1.5.9.4 1.2 1.6.8 4-1.6 9.5 9 16.8 17.5 12 2.1-1.1 2.7-1 5.2 1.4 5.3 5 13.2 4.4 17.6-1.2 1.6-2 2.6-2.4 5.5-2 7.2.8 12.9-4.6 12.9-12.4 0-2.4.8-4.6 2.6-6.6 1.4-1.7 2.8-4.3 3.1-5.8.6-3 1.4-3.3 16.9-4.6l7.1-.6 3.1 4.3c3.8 5.1 5.6 10.2 4.8 13.4-.6 2.4-6.2 9.5-7.5 9.5-.3 0-.6-1.8-.7-4-.1-4.4-2.7-9-4.9-9-4.4 0-4.3 10.5.1 13.9l2.6 2-2.2 6.5c-2.5 7.7-2 10.4 3 15.7 3.4 3.6 8 5.3 8 2.9 0-.6-.8-1-1.9-1-2.5 0-9.1-7.4-9.1-10.3 0-1.2.9-4.9 2.1-8.2 1.5-4.4 3-6.5 5.3-8 4.2-2.7 7.9-10 7-14-.9-4.2-3.8-9.6-6.3-12l-2.2-1.9 6.8-1.9c7.1-1.9 9.6-3.3 8.7-4.8-1.1-1.9-11.8-.8-24.8 2.6-7.5 1.9-14.1 3.5-14.8 3.5-.7 0-2-1.3-3-2.9-2-3.5-7.2-6.5-10.3-5.8-1.9.3-2.4-.1-2.9-2.3-1.8-9.4-13.8-13.2-20.2-6.3-2 2.2-2.5 2.3-3 .9C73.6 1 63.3-.5 58.8 3.3zm14.5 3.1c2.1 2.9 3 3.2 4.9 1.3 3.5-3.5 6.9-4.9 10.2-4.3 3.9.7 5.9 2.7 8.1 7.9 1.4 3.4 2.1 3.8 6 3.7 1.7-.1 6.7 3.4 8.6 6.1l2.2 3.1-2.4 4.9c-1.2 2.7-2.9 5.5-3.6 6.1-.7.6-1.3 3-1.3 5.3 0 3.2-.7 5.2-2.6 7.4-2.3 2.8-3.2 3.1-8 3.1-4.5 0-5.6.4-6.9 2.3-3.5 5.4-9.9 6-15 1.5-3.6-3.1-3.6-3.1-7.1-1.5-5.3 2.6-8.2 2.1-12.1-1.8-3.3-3.3-3.5-3.9-3-8.1.4-4.2.3-4.6-2.5-6-7.6-3.9-6-17.1 2.5-19.6 2.8-.8 3.9-1.8 4.3-3.7 1-4.9 3.4-9.2 5.6-10.1 3.9-1.7 10-.4 12.1 2.4zM148 18c-2.4 1.5-22.1 4.8-20.8 3.4.3-.3 3.9-1.4 8-2.4 8.1-2 15.3-2.6 12.8-1zm-13.1 24.1c1.3 3.8 1.4 7.9.3 7.9-2.7 0-5.5-6.6-4-9.4 1.4-2.4 2.5-2 3.7 1.5z'/%3E%3Cpath d='M67 9.7c-2.6 1-6 4.6-6 6.4 0 1-1.3 2.6-2.9 3.5-5.4 3.2-6.8 10.4-2.7 14.3 1.3 1.2 2.2 3 1.9 3.9-.7 2.8 3.8 8.4 8 9.8 2.1.7 3.7.9 3.7.3 0-1.4 3.2-1 5.4.6 2.7 2.1 7.9 1.9 10.5-.4 1.2-1 3.7-2.2 5.7-2.5 4.7-.9 7.3-3.3 8-7.6.4-1.9 1.3-4.4 2-5.5.8-1.1 1.4-3.9 1.4-6.2 0-4.6-2.5-7.9-6.7-8.9-1.3-.4-2.3-1-2.3-1.5 0-1.4-5.2-5.7-7.7-6.4-1.4-.3-3.8.1-5.5.9-2.7 1.4-3.3 1.4-5.1.1-2.2-1.5-5-1.8-7.7-.8zm9 3.5c2.4 1.7 3.3 1.9 4.3.9 1-1 .8-1.1-.8-.5-1.8.7-1.8.6-.6-.9 3-3.7 12.1-.4 12.1 4.5 0 1.3.8 1.8 2.7 1.8 6 0 9.6 8.1 5.6 12.6-1 1-1.9 3.4-1.9 5.3-.2 4.3-3.3 7.1-7.9 7.1-1.9 0-3.9.8-5 2-2.7 3-11.5 2.2-11.5-1.1 0-.6.5-.7 1-.4.6.3 1 .2 1-.4 0-.5-.4-1.3-1-1.6-.5-.3-1-.2-1 .3 0 .6-.9.8-2 .5-1.1-.3-2 0-2 .6s.7.8 1.7.4c1.1-.4 1.4-.3.9.5-.4.7-2.5 1.2-4.6 1.2-3 0-4.3-.6-6-2.7-1.2-1.5-2-3.8-1.8-5.2.2-1.6-.6-3.4-2.4-5.2-1.6-1.5-2.8-3.7-2.8-4.9 0-2.4 5.1-8 7.3-8 1 0 1.3-.7 1-1.9-.7-2.9 3.9-7.1 7.7-7.1 1.7 0 4.4 1 6 2.2z'/%3E%3Cpath d='M71 13c0 .6.7 1 1.5 1s1.5-.2 1.5-.4-.7-.6-1.5-1c-.8-.3-1.5-.1-1.5.4zM83 12.9c0 .5.7 1.1 1.5 1.5.8.3 1.5.1 1.5-.3 0-.5-.7-1.1-1.5-1.5-.8-.3-1.5-.1-1.5.3zM66.5 14c-.3.5-.2 1 .4 1 .5 0 1.3-.5 1.6-1 .3-.6.2-1-.4-1-.5 0-1.3.4-1.6 1zM75.5 16c.3.5 1.1 1 1.6 1 .6 0 .7-.5.4-1-.3-.6-1.1-1-1.6-1-.6 0-.7.4-.4 1zM87.6 16.5c.4.8 1 1.5 1.5 1.5.4 0 .6-.7.3-1.5-.4-.8-1-1.5-1.5-1.5-.4 0-.6.7-.3 1.5zM64 17.5c0 .8.2 1.5.4 1.5s.6-.7 1-1.5c.3-.8.1-1.5-.4-1.5-.6 0-1 .7-1 1.5zM89 20c0 .6.7 1 1.5 1s1.5-.2 1.5-.4-.7-.6-1.5-1c-.8-.3-1.5-.1-1.5.4zM93.5 21c.3.5 1.4 1 2.3 1 1.5 0 1.5-.2.2-1-2-1.3-3.3-1.3-2.5 0zM62.8 21.7c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6zM58.5 23.1c-1.1 1.7.1 2.1 1.5.4.8-.9.8-1.5.2-1.5-.6 0-1.4.5-1.7 1.1zM81.3 22.7c-.7.2-1.3 1.3-1.3 2.3 0 .9-.7 2.3-1.5 3-1.5 1.3-1.4 1.4-3-3.5-.6-1.9-4.1-2-4.8-.1-.6 1.5.6 2.9 3.6 3.9 2.5.9 2.1 2-1.4 4-1.7.9-2.9 2.3-2.6 3 .6 1.8 5.2 1.5 5.2-.3 0-.8.4-2.1.9-2.8 1-1.7 3.6.3 3.6 2.8 0 2.1 2.1 3.2 3.9 2 2-1.2.8-4.4-1.9-5-3.2-.8-3.2-3.2 0-4 1.8-.4 2.5-1.3 2.5-3 0-2.4-1.1-3.2-3.2-2.3zM74.5 26c.3.5.1 1-.4 1-.6 0-1.1-.5-1.1-1 0-.6.2-1 .4-1 .3 0 .8.4 1.1 1zM97 24.2c0 .9.5 2 1 2.3 1.3.8 1.3-.5 0-2.5-.8-1.3-1-1.3-1 .2zM57.1 27.6c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3zM96.6 29.5c-.3.8-.1 1.5.3 1.5.5 0 1.1-.7 1.5-1.5.3-.8.1-1.5-.3-1.5-.5 0-1.1.7-1.5 1.5zM58 32.5c.7.9 1.5 1.3 1.7 1.1.7-.7-.7-2.6-1.9-2.6-.6 0-.6.6.2 1.5zM94 33.5c0 .8.4 1.5 1 1.5.5 0 .7-.7.4-1.5-.4-.8-.8-1.5-1-1.5-.2 0-.4.7-.4 1.5zM61 35.5c0 .8.2 1.5.4 1.5s.6-.7 1-1.5c.3-.8.1-1.5-.4-1.5-.6 0-1 .7-1 1.5zM93.6 38.5c-.3.8-.1 1.5.3 1.5.5 0 1.1-.7 1.5-1.5.3-.8.1-1.5-.3-1.5-.5 0-1.1.7-1.5 1.5zM61 39.2c0 .9.5 2 1 2.3 1.3.8 1.3-.5 0-2.5-.8-1.3-1-1.3-1 .2zM85 42c0 .5.7 1 1.6 1 .8 0 1.2-.5.9-1-.3-.6-1-1-1.6-1-.5 0-.9.4-.9 1zM90 42c0 .5.7.7 1.5.4.8-.4 1.5-.8 1.5-1 0-.2-.7-.4-1.5-.4s-1.5.4-1.5 1zM64 42.9c0 .5.7 1.1 1.5 1.5.8.3 1.5.1 1.5-.3 0-.5-.7-1.1-1.5-1.5-.8-.3-1.5-.1-1.5.3zM81.5 45c-.3.5-.2 1 .4 1 .5 0 1.3-.5 1.6-1 .3-.6.2-1-.4-1-.5 0-1.3.4-1.6 1zM77 46c1.9 1.3 3 1.3 3 0 0-.6-1-1-2.2-1-1.9 0-2 .2-.8 1z'/%3E%3C/svg%3E");
    background-position: center; background-size: 36%; background-repeat: no-repeat; z-index: 1; pointer-events: none;}
.banner-item:hover:before {transform: translateY(0); transition: all ease-in-out .25s;}

.why-us-item h3 {margin-bottom: 8px; font-size: 24px; font-weight: 600;}
.why-us-item p {font-size: 16px;}
.why-us-item .img-wrap {margin-right: 16px; width: 60px; height: 60px;}
.why-us-item img {max-width: 100%; margin-right: 16px;}
.why-us-item svg {max-width: 40px; max-height: 40px; position: absolute; z-index: 1; width: 26px; height: 26px; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: var(--theme-color);}



.home-social:before {left: -100px; opacity: .3; width: 400px; height: 400px; bottom: 0; top: auto; transform: rotate(22deg);}
.social-heading.yellow-button:before {right: 0; width: 100px; height: 100px; opacity: .4; top: 20%; bottom: auto; transform: rotate(112deg);}
.home-social h2 {font-family: "Pacifico", cursive; color: var(--theme-color); font-size: 62px; font-weight: 400;}
.home-social .social-heading img {max-width: 70%;}
.home-social .grid {width: 100%; grid-area: images; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: max(14px, min((10.86px + 0.98vw), 36px));}
.home-social .home-social-link {display: flex; align-items: center; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; position: relative;}
.home-social .home-social-link img {object-fit: cover; height: 100%; width: 100%;}
.social-list li a {margin: 0 5px; display: inline-flex; background: var(--alt-color); border-radius: 50%; padding: 12px; position: relative; transition: all .1s;}
.social-list li svg {width: 20px; height: 20px; display: inline-flex; fill: var(--theme-color); transition: all .1s;}
.social-list li a:before {border-radius: 50%; display: block; border: 2px dashed #d0556f7d; width: 84%; height: 84%; left: 8%; top: 8%;}
.social-list li a:hover {background: var(--theme-color);}
.social-list li a:hover svg {fill: var(--alt-color);}
.home-social h3 a {color: var(--theme-color); font-size: 24px; font-weight: 600;}
.home-social h3 a:hover {text-decoration: underline;}
.home-social h3:before {width: 140px; height: 140px; opacity: .18; top: 0; right: 100%; left: auto;  transform: rotate(340deg);}
.home-social .home-social-link:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(208, 85, 111, .5); transform: translateY(-100%); transition: all ease-in-out .25s;
    display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-241 333 128 128' style='enable-background:new -241 333 128 128' xml:space='preserve'%3E%3Cpath d='M-135.2 362.8c0 4.2-3.4 7.7-7.7 7.7s-7.7-3.4-7.7-7.7 3.4-7.7 7.7-7.7c4.3.1 7.7 3.5 7.7 7.7zm-41.8 55.5c-11.8 0-21.3-9.6-21.3-21.3s9.6-21.3 21.3-21.3 21.3 9.6 21.3 21.3c0 11.8-9.5 21.3-21.3 21.3zm0-54.2c-18.2 0-32.9 14.7-32.9 32.9s14.7 32.9 32.9 32.9 32.9-14.7 32.9-32.9-14.7-32.9-32.9-32.9zm0-19.6c17.1 0 19.1.1 25.9.4 6.2.3 9.6 1.3 11.9 2.2 3 1.2 5.1 2.5 7.4 4.8 2.2 2.2 3.6 4.4 4.8 7.4.9 2.3 1.9 5.6 2.2 11.9.3 6.7.4 8.8.4 25.9 0 17.1-.1 19.1-.4 25.9-.3 6.2-1.3 9.6-2.2 11.9-1.2 3-2.5 5.1-4.8 7.4-2.2 2.2-4.4 3.6-7.4 4.8-2.3.9-5.6 1.9-11.9 2.2-6.7.3-8.8.4-25.9.4-17.1 0-19.1-.1-25.9-.4-6.2-.3-9.6-1.3-11.9-2.2-3-1.2-5.1-2.5-7.4-4.8-2.2-2.2-3.6-4.4-4.8-7.4-.9-2.3-1.9-5.6-2.2-11.9-.3-6.7-.4-8.8-.4-25.9 0-17.1.1-19.1.4-25.9.3-6.2 1.3-9.6 2.2-11.9 1.2-3 2.5-5.1 4.8-7.4 2.2-2.2 4.4-3.6 7.4-4.8 2.3-.9 5.6-1.9 11.9-2.2 6.8-.3 8.8-.4 25.9-.4zm0-11.5c-17.4 0-19.6.1-26.4.4-6.8.3-11.5 1.4-15.5 3-4.2 1.6-7.8 3.8-11.3 7.4-3.6 3.6-5.7 7.1-7.4 11.3-1.6 4.1-2.7 8.7-3 15.5-.3 6.8-.4 9-.4 26.4s.1 19.6.4 26.4c.3 6.8 1.4 11.5 3 15.5 1.6 4.2 3.8 7.8 7.4 11.3s7.1 5.7 11.3 7.4c4.1 1.6 8.7 2.7 15.5 3 6.8.3 9 .4 26.4.4s19.6-.1 26.4-.4c6.8-.3 11.5-1.4 15.5-3 4.2-1.6 7.8-3.8 11.3-7.4 3.6-3.6 5.7-7.1 7.4-11.3 1.6-4.1 2.7-8.7 3-15.5.3-6.8.4-9 .4-26.4s-.1-19.6-.4-26.4c-.3-6.8-1.4-11.5-3-15.5-1.6-4.2-3.8-7.8-7.4-11.3-3.6-3.6-7.1-5.7-11.3-7.4-4.1-1.6-8.7-2.7-15.5-3-6.8-.3-9-.4-26.4-.4z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-position: center; background-size: 30px 30px; background-repeat: no-repeat;
}
.home-social .home-social-link:hover:before {transform: translateY(0); transition: all ease-in-out .25s;}





.brand-slider {background-color: #fff; transform: rotate(3deg);}
.brand-slider .swiper-wrapper {padding: 30px 0;}
.brand-slider:before, .brand-slider:after {content: ''; position: absolute; bottom: 100%; z-index: 10; display: block; background-size: auto 32px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='basic' 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 103.9 16' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M51.9,1C26,1,26,16,0,16h103.9C77.9,16,77.9,1,51.9,1z'/%3E%3C/svg%3E%0A"); 
    background-position: 0 0; background-color: transparent; right: 0; left: 0px; height: 32px; background-repeat: repeat-x;}
.brand-slider:after {bottom: -64px; top: 100%; bottom: auto; transform: rotate(180deg); background-position: -100px 0;}
.swiperProductBrand {cursor: grab;}



.category .cat-title {color: #fff;}
.category .category-description {font-size: 16px; line-height: 1.5;}

.category .list-group.panel {border: none; background: transparent; box-shadow: none;}
.category #vertical-menu .list-group-item {background: transparent; color: var(--dark-color); padding: 9px 20px 9px 0; border: none; font-size: 16px;}
.category .productcategory-holder {margin-bottom: 0;}
.category #vertical-menu .active a.list-group-item {background: transparent;}
.category #vertical-menu ul li > ul {padding-left: 10px;}



.category-item {padding: 10px;}
.category-img-wrap {display: flex; border-radius: 50%; overflow: hidden; aspect-ratio: 1 / 1;}
.category-img-wrap img {width: 100%; min-height: 100%; object-fit: cover; transform: scale(1.8);}
.category-item .category-name {font-weight: 500; font-size: 20px; text-transform: capitalize;}
.category-img-wrap:before {background: #fcc898bd; opacity: 0; transition: all .2s; z-index: 1;}
.category-img-wrap:after {content: ''; position: absolute; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 87.3 89.8' style='enable-background:new 0 0 87.3 89.8' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23f4f4f4%7D.st1%7Bfill:%23ed2383%7D%3C/style%3E%3Cellipse transform='rotate(-26.785 79.973 20.627)' class='st0' cx='80' cy='20.6' rx='4.4' ry='1.1'/%3E%3Cpath class='st1' d='M69.4 1.6c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.3-11.5 0z'/%3E%3Cellipse transform='rotate(-26.785 16.716 86.765)' class='st0' cx='16.7' cy='86.8' rx='4.4' ry='1.1'/%3E%3Cpath class='st1' d='M6.2 67.7c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 79.834 87.064)' class='st0' cx='79.8' cy='87.1' rx='4.4' ry='1.1'/%3E%3Cpath class='st1' d='M69.4 67.7c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3C/g%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 16.718 20.625)' class='st0' cx='16.7' cy='20.6' rx='4.4' ry='1.1'/%3E%3Cpath class='st1' d='M6.2 1.6c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.3-11.5 0z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; 
    background-size: 30%; transition: all .2s ease-in; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; display: block; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; background-position: center;}
.category-img-wrap:hover:after {background-size: 50%;}
.category-img-wrap:hover:before {opacity: 1;}
.home-categories .swiper-container .swiper-button-next, .home-categories .swiper-container .swiper-button-prev {transform: scale(1) translateY(calc(-50% - 35px));}
        
        


.news-wrapper, .news-column {gap: 40px;}
.news-column {flex: 1 1 0;}
.news-column-big .one-news {flex: 1; display: flex;}
.news-column-big .one-news > a {flex: 1;}
.news-2.one-news, .news-3.one-news, .blog .one-news {display: flex;}
.one-news {position: relative;}
.one-news > a {display: flex; overflow: hidden; aspect-ratio: 1.4 / 1; z-index: 1;}
.one-news a img {aspect-ratio: 1; object-fit: cover; width: 100%; min-height: 100%;}

.news-1 .news-content, .news-1 .news-content .news-content-inner {display: flex; flex-direction: column; justify-content: center; align-items: center; backdrop-filter: blur(3px);}
.news-1 .news-content {position: absolute; top: 0; height: 100%; pointer-events: none; z-index: 1;}
.news-1 .news-content .news-content-inner {max-width: 80%; padding: 24px; background-color: rgba(256, 256, 256, .5); z-index: 1; text-align: center; pointer-events: all;}
.news-1 .news-content .news-content-inner h3 a {}
.news-1 .news-content .news-content-inner h3 a:hover {color: var(--theme-color);}

.news-content-inner {padding: 0 24px;}
.date-time {font-weight: 700; color: var(--theme-color); font-size: 13px;}
.news-content h3 {font-size: 20px; font-weight: 600; margin: 16px 0;}
.news-description {font-size: 15px;}
        
        

.o-nama .yellow-button:before {top: 30%; opacity: .2; left: 0;}
.o-nama .page-content p, .o-nama .page-content ul li {font-size: 18px; font-weight: 400; line-height: 29px;}
.o-nama .page-content h3 {color: var(--theme-color); font-size: 30px;}
.o-nama .about-list ul li {position: relative; padding-left: 40px; line-height: 2.4;}
.o-nama .about-list ul li:after {width: 30px; height: 30px; top: 5px;}
.o-nama .about-list h4 {font-family: Pacifico; color: var(--theme-color); font-size: 25px}
    	    


.product .product-main, .product .breadcrumb {background: #fff;}
.product .breadcrumb {padding-left: 0;}
.product .slider-nav .thumbnail-image.slick-slide .thumbImg img {border: 1px solid #e5e5e5;}
.product .slider-nav .thumbnail-image.slick-slide.slick-current.slick-active .thumbImg img {border-color: var(--theme-color);}
.product .thumbnail-image.slick-slide {width: auto!important;}

.product-details h1 {font-weight: 600; font-size: 30px; letter-spacing: normal; margin-bottom: 8px;}
.product-details .sku {font-weight: 300; color: #00000069;}
.product .product-brand {display: inline-flex; aspect-ratio: 2 / 1;}
.product .product-brand img {object-fit: contain;}
.product h2.section-title {padding-top: 30px;}
.product .currency {text-transform: lowercase;}
.product .sp-quantity {display: inline-flex; border: 1px solid #e5e5e5; border-radius: 4px;overflow: hidden;}
.product .sp-quantity a.ddd {background: transparent;}
.product .sp-quantity a.ddd .fff  {background: transparent; color: var(--theme-color);}
.product .product-details input.quantity-input:disabled {font-size: 18px; font-weight: 400;}
.product .product-details .price, .product .product-details .price .salesprice {margin-bottom: 0;}
.product .product-details .add-to-cart {margin-left: 0; flex: 1; text-align: center; display: inline-flex; align-items: center; justify-content: center; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.product .product-details .add-to-cart svg {width: 26px; height: 26px; margin-left: 16px;}
.product .product-details .go-to-checkout {margin-top: 20px; max-width: fit-content; float: right; display: inline-flex; margin-left: auto; color: var(--dark-color);}
.product .product-details .add-to-cart, .product .product-details .go-to-checkout {padding: 8px 20px; font-size: 17px;}
.product .product-details .add-to-cart:hover {background-color: #b5415a;}
.product .product-details .go-to-checkout:hover {color: #fff;}
.product .vat-info {color: #00000069; font-size: 15px; margin-bottom: 16px; font-weight: 300;}
.product-details .description {font-size: 16px; border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; padding: 16px 0; margin: 0px 0 24px;}
.product-configuration {border: none; margin-bottom: 0;}
.follow-featured label {cursor: pointer;}


.category h1 {font-size: 40px; margin-bottom: 30px; font-weight: 600;}


.orderby select {background: var(--theme-color); color: #fff; box-shadow: none; display: flex; align-items: center; padding: 0 10px; height: 46px; cursor: pointer; border: none; border-right: 5px solid transparent; box-shadow: 0px 0px 1.5px hsl(0deg 0% 0% / 0.15), 0px 0.5px 0.6px hsl(0deg 0% 0% / 0.04), 0px 1.7px 2.2px -0.7px hsl(0deg 0% 0% / 0.06), 0px 5px 6.4px -1.5px hsl(0deg 0% 0% / 0.08);
    border-radius: 6px;}


.checkout {font-size: 16px;}
.checkout h3 {color: var(--theme-color);}
.cart-checkout .okvir {padding: 24px; border: none; background: var(--alt-color); box-shadow: rgb(0 0 0 / 27%) 0px 4px 12px;}
.cart-checkout .okvir h2, .cart-checkout .okvir i {color: var(--dark-color);}


.proizvodi .productcategory-holder .product-img a {display: flex; min-height: 230px;}
.proizvodi .productcategory-holder .product-img a img {object-fit: cover; aspect-ratio: unset;}
.proizvodi .productcategory-holder h4 {font-weight: 500; font-size: 20px; text-transform: capitalize;}


.blog .responsiveClear {display: none;}
.blog .one-news {margin-bottom: 40px;}
.blog .one-news > a {aspect-ratio: unset;}
.blog .one-news > a img {height: 200px; min-height: unset;}


.brendovi .service-box {border: none; background: #fff; margin-bottom: 30px; transition: all .2s;}
.brendovi .service-box:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.brendovi .service-box a {display: inline-flex;  aspect-ratio: 1 / 1;}
.brendovi .service-box a img {object-fit: contain; width: 100%; padding: 10px;}


.kontakt form button {float: right;}
.kontakt .form-control {box-shadow: none; background: transparent; border: 1px solid #cdcdcd; padding: 16px 20px; border-radius: 6px; margin-bottom: 16px; font-size: 16px;}
.kontakt .form-control:focus {background-color: #fff; border-color: var(--theme-color);}
.kontakt .form-control:hover {border-color: var(--theme-color);}
.kontakt .form-control::placeholder {color: var(--dark-color); font-weight: 300;}
.kontakt .contact-info {font-size: 18px;}
.kontakt .contact-info h2, .contact-info h3, .contact-info h4 {color: var(--theme-color); margin-bottom: 0;}
.kontakt .contact-info ul li {line-height: 1.6em;}


.veleprodaja a.theme-color:hover {text-decoration: underline;}
.veleprodaja .text-md, .veleprodaja .text-sm {line-height: 1.3em;}


.scrollToTop {animation: none; -webkit-animation: none; border: none; border: 1px dashed #fff; outline: 5px solid var(--theme-color);}
.scrollToTop:hover {color: #fff; outline: 5px solid var(--theme-color); animation-duration: 1s; animation-timing-function: linear; animation-name: "jello"; webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-name: "jello"; 
    -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-name: "jello";}

@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }




footer .details, footer .signature {background: var(--theme-color); color: #fff;}
footer .details .footer-text a {color: var(--alt-color); font-size: 18px; line-height: 1.9; position: relative; padding-left: 34px; transition: .2s;}
footer .details a:hover {color: #fff!important;}
footer .footer-text a:before {display: none;}
footer .social-list li a:before {visibility: visible; background-color: transparent; bottom: auto;}
footer .social-list li a:hover:before {transform: scaleX(0);}
footer .details .footer-text a:after, .about-list li:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='-193 284.3 225 225' style='enable-background:new -193 284.3 225 225' xml:space='preserve'%3E%3Cstyle%3E.st2%7Bfill:%23f4f4f4%7D.st3%7Bfill:%23ff0983%7D%3C/style%3E%3Ccircle cx='-80.5' cy='396.8' r='112.5' style='fill:%23fbd16f'/%3E%3Cellipse transform='rotate(-26.785 -44.21 372.264)' class='st2' cx='-44.2' cy='372.2' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-54.7 353.2c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3Cellipse transform='rotate(-26.785 -107.466 438.402)' class='st2' cx='-107.4' cy='438.4' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-118 419.4c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2.1-7.8-2.3-11.5 0z'/%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 -44.348 438.701)' class='st2' cx='-44.3' cy='438.7' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-54.7 419.4c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2.1-7.8-2.3-11.5 0z'/%3E%3C/g%3E%3Cg%3E%3Cellipse transform='rotate(-26.785 -107.464 372.262)' class='st2' cx='-107.4' cy='372.2' rx='4.4' ry='1.1'/%3E%3Cpath class='st3' d='M-118 353.2c-10.9 6.7-6.4 22.1 6.4 22 1.2 0 2.6-.2 4.1-.6 2.7-.7 4.9-2.6 5.9-5.2.1-.2.1-.4.1-.4-.6 0-4.6 4.4-6.6 4.6-3.9.7-4.1.2.8-1.2 4.9-1.6 5.6-2.2 6.9-5.7.9-5.4 0-8.3-3.7-11.9-.7-.7-1.5-1.2-2.4-1.6-4.4-2-7.8-2.2-11.5 0z'/%3E%3C/g%3E%3C/svg%3E"); 
    background-repeat: no-repeat; background-position: center; position: absolute; left: 0px; width: 23px; height: 23px; transform: rotate(347deg); top: 0px; filter: hue-rotate(334deg); }
footer .details p.title {margin: 0; padding-bottom: 24px;}
footer .logo {height: auto; width: fit-content;}
footer .social-list {margin-top: auto; position: relative;}
footer .social-list:before {content: ''; background: url(/img/bg/footer-social.png) no-repeat center; width: 400px; position: absolute; bottom: -21px; display: block; pointer-events: none; background-size: contain;
    height: 263px;}
    
footer .footer-contact {}
footer .details .footer-contact a {font-size: 20px;}
footer .details .footer-contact a:after {transform: rotate(10deg); filter: hue-rotate(334deg);}

footer .signature {padding: 30px 0 0;}
footer .signature .row {border-top: 1px solid #fff; padding: 30px 0; font-size: 15px;}



@media (min-width: 768px) and (max-width: 991px) {
    div.product-list-6 .one-product:nth-of-type(2n+1) {clear: none;}
    div.product-list-6 .one-product:nth-of-type(4n+1) {clear: both;}
    
    header .navbar-nav {text-align: left;}
    header #nav-section .navbar-default .navbar-nav > li > a {padding-left: 10px; padding-right: 10px; font-size: 18px;}
}



@media screen and (min-width: 768px){
    
    header .menu-cart ul li {margin-left: 5px;}
    header .bottom {padding: 0; background: var(--theme-color);}
    header #nav-section {padding: 3px 0;}
    header .solid-menus .navbar-pos-search a svg path {fill: #fff;}
    header #nav-section .navbar-default .navbar-nav > li > a {position: relative;}
    header #nav-section .navbar-default .navbar-nav > li > a:before { content: ''; position: absolute; left: 5%; top: 10%; width: 90%; height: 80%; display: inline-block; padding: 5px; border: 1px dashed #fff; z-index: 1; opacity: 0; } 
    header .solid-menus .no-bg li.active a {background: var(--alt-color);}
    header #nav-section .navbar-default .navbar-nav > li > a:hover {background: var(--alt-color);}
    header #nav-section .navbar-default .navbar-nav > li > a:hover:before, header #nav-section .navbar-default .navbar-nav > li.active a:before {opacity: 1;}
    header .solid-menus #top-search input, header .advanced-search {height: 54px!important;}
    header .solid-menus .no-bg #top-search input {text-align: center;}
    header .solid-menus .no-bg #top-search input::placeholder {color: var(--alt-color);}
    header .solid-menus .navbar-pos-search .x-search-close i {font-size: 24px; color: var(--theme-color); margin-right: 30px;}
    
    
    h1 {font-size: 52px; margin-bottom: 36px;}
    
    
    .news-2.one-news > a, .news-2.one-news .news-content, .news-3.one-news > a, .news-3.one-news .news-content, .news-preview a, .news-preview .news-content {flex: 1 1 0;}
    

}







@media only screen and (max-width: 767px) {
    body {overflow: hidden;}
    .p-b-100 {padding-bottom: 50px!important;}
    .p-t-100 {padding-top: 50px!important;}
    
    h2.section-title {font-size: 36px;}
    
    header .menu-cart ul li {margin-left: 5px;}
    header .bottom {padding: 0;}
    header #nav-section {padding: 3px 0;}
    header .solid-menus .navbar-pos-search a svg path {fill: var(--dark-color);}
    header #nav-section .navbar-default .navbar-nav > li > a {position: relative;}
    header #nav-section .navbar-default .navbar-nav > li > a:before { content: ''; position: absolute; left: 5%; top: 10%; width: 90%; height: 80%; display: inline-block; padding: 5px; border: 1px dashed #fff; z-index: 1; opacity: 0; } 
    header #nav-section .navbar-default .navbar-nav > li > a:hover {background: var(--alt-color);}
    header #nav-section .navbar-default .navbar-nav > li > a:hover:before {opacity: 1;}
    header .solid-menus .no-bg #top-search input {text-align: center;}
    header .solid-menus .no-bg #top-search input::placeholder {color: var(--alt-color);}
    header .solid-menus .navbar-pos-search .x-search-close i {font-size: 24px; color: var(--theme-color); margin-right: 30px;}
    
            

    header #nav-section:before {display: none;}
    header .solid-menus .navbar-header {display: flex; align-items: center;}
    header .solid-menus .navbar-toggle {border: none;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {background: var(--theme-color);}
    header .navbar-brand {height: auto; padding: 18px 0px;}
    header .solid-menus .navbar-brand > img {height: 50px;}
    header .navbar-header .shopping-cart {position: relative; top: auto; right: 56px; margin-left: auto; line-height: 1;}
    header .navbar-header .shopping-cart svg {width: 27px; height: 27px;}
    header .solid-menus .navbar-pos-search a {top: 16px;}
    header .solid-menus #top-search input {height: 81px;}
    .solid-menus .navbar-pos-search .x-search-close {top: 16px; font-size: 20px;}
    header .navbar-header .badge {bottom: 0px}
    
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {background: var(--theme-color); font-size: 18px; font-weight: 600;}
    header .navbar-nav>li>.dropdown-menu, header .navbar-nav .open .dropdown-menu {background: var(--alt-color); padding: 16px 0;}
    header .navbar-default .navbar-nav .dropdown-menu>li>a {color: var(--dark-color)!important; font-size: 16px; font-weight: 600; padding: 12px 35px !important;}
    header .navbar-default .navbar-nav .dropdown-menu>li .dropdown-menu a {transform: translateX(10px); white-space: normal; font-size: 15px; position: relative;}
    header .navbar-default .navbar-nav .dropdown-menu>li .dropdown-menu a:after {content: ''; position: absolute; display: block; height: 1px; width: auto; left: 35px; bottom: 0; background: var(--theme-color); right: 35px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-item-dark a {background-color: #b5415a;}
    
    .homepage h1 {font-size: 26px; min-width: unset; max-width: 80%; top: 200px;}
    .homepage h1 > span {font-size: 34px;}
    .big-banner .swiper-slide img {aspect-ratio: 1 / 1.3;}
    .swiper-slide > div {max-height: 500px; overflow: hidden;}
    .home-banner {margin-bottom: 170px;}
    .home-banner .swiper-container {overflow: unset;}
    .swiper-slide .description {margin-left: 10%;}
    
    .home-categories.yellow-button:before {top: 1320px; opacity: .1; left: 30%; width: 300px; height: 300px;}
    
    .banner-grid, .banner-grid h2 {text-align: center;}
    .why-us-item {margin-bottom: 30px;}
    .why-us-item .img-wrap {margin: 0 auto;}
    .why-us-item h3 {margin-top: 16px;}
    
    .banner-grid-wrap {aspect-ratio: 1 / 2.3; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-template-areas:
    "item1 item1"
    "item1 item1"
    "item2 item3"
    "item4 item5";
    }
    .banner-item a h3 {text-align: left; max-width: 82%; font-size: 18px;}
    
    .brand-slider .swiper-container .swiper-button-next, .brand-slider .swiper-container .swiper-button-prev {top: 103%;}
    .brand-slider .swiper-container {overflow: unset;}
    .brand-slider:before, .brand-slider:after {z-index: 0;}
    
    .home-social {text-align: center;}
    .home-social:before {width: 200px; height: 200px; opacity: .2;}
    .social-heading {margin-top: 60px;}
    .home-social h3:before {right: -38px; left: auto; width: 60px; height: 60px; top: 50px;}
    .social-heading.yellow-button:before {opacity: .3;}
    
    .news-wrapper, .news-column {display: flex; flex-direction: column;}
    .one-news {flex-direction: column;}
    .news-column-big .one-news > a {aspect-ratio: 1 / 1.1;}
    .news-content-inner {padding: 16px 24px;}
    
    
    .product .product-cart-align {align-items: center;}
    .product-details .description, .product-details h1, .product .vat-info, .product .sku {text-align: center;}
    .product .product-details .go-to-checkout {float: none; margin: 20px auto;}
    
    .o-nama .about-list ul li {line-height: 1.5; margin-bottom: 24px;}
    .o-nama .yellow-button:before {width: 300px; height: 300px;}
    
    
    
    
    
    
    
    footer .logo {margin: 0;}
    footer .details a {color: #fff;}
    footer .social-list {margin-top: 100px;}
    footer .social-list:before {opacity: .5;}
    footer .footer-contact {border-top: 1px solid var(--alt-color); border-bottom: 1px solid var(--alt-color); padding-bottom: 20px;}
    footer .toggler.tgNaslov {margin-top: 40px; border: 0; font-size: 17px; text-transform: uppercase; font-weight: 500;}
    footer .tgSadrzaj ul {padding-top: 0;}
    
    
}



        @media screen and (max-width: 399px){
            footer .social-list {}
            footer .social-list:before {width: 360px; bottom: -30px;}
        }