:root {
    --theme-color: #2dbef5; /*#01aef0 iz logotipa tirkiz*/
    --alt-color: #003777;
    --heading-color: #141933;
    --light-theme-color: #c6ecee;
    --gray-color: #545658;
    --light-gray-color: #f3f3f7;
    --black-color: #101010;
    --white-color: #fafafa;
    --dark-color: #000028;
    --theme-transition: transform 0.5s ease;
}

.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;}
.icon-svg {display: block; font-size: 0;}
::-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: #fff;}
.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 {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(--theme-color);}
.addtofav.inline .checkbox-inline, .addtofav.inline .checkbox-inline label {cursor: pointer;}
.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, .pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {background-color: var(--theme-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--theme-color);}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #00000080;}
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);}
.news-one .main-content a {color: var(--theme-color); border-bottom: 2.5px solid var(--theme-color);}
.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 .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);}
.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;}
.theme-overlay:before {background: transparent linear-gradient(90deg, var(--theme-color) 0%, #0054838c 100%) 0% 0% no-repeat padding-box; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}

body {padding-top: 130px; color: #414141;}
.nav-up {top: -126px;}
/*.header-background, .nav-up, .nav-down {position: fixed;}*/

h1, h2, h3, h4 {font-family: "Roboto", sans-serif; color: var(--heading-color);}
h1 {font-size: 30px;}
h2 {font-size: 23px;}
h2.section-title, h3.section-title {font-family: Roboto, Helvetica, serif; font-size: 21px; font-weight: 500; line-height: 28px; margin: 24px 0 16px;}
a, a svg {transition: all .15s ease-out;}

.theme-hover, .product-holder {transition: var(--theme-transition);}
.theme-hover:hover, .product-holder:hover {transform: translateY(5px);}
.theme-bg:before {background: url(/img/bg/paws-hearts.png) repeat left top / contain; opacity: .03; pointer-events: none;}
.theme-bg-gray {background: #F5F6F8;}
.tos .border {position: relative; background: #F5F6F8;}
.tos .border:before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/img/bg/paws-hearts.png) repeat left top / contain; opacity: .03; pointer-events: none;}
.theme-button {background: var(--theme-color); border-radius: 4px; color: #fff; font-family: "Roboto", sans-serif; font-weight: 500; position: relative;}
.theme-button:hover {background: var(--alt-color);color: #fff;}

.cookie-notification {display: flex; bottom: 0; top: auto; transform: translate(0, 0); margin-bottom: 0; width: 100%; max-width: 100%; left: 0; border-radius: 24px 24px 0 0; border: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 14px -19px 38px, rgba(0, 0, 0, 0.22) 10px -15px 12px;}
.cookie-notification a.c-button:hover {background-color: var(--alt-color);}  

header {position: fixed; top: 0; width: 100%; z-index: 99999;}
header.menu-open {height: 100%; overflow-y: scroll; min-height: 100%; overflow-x: hidden;}
header.menu-open.nav-up {top: 0;}
header.menu-open + .theme-bg {height: 100vh;}
body.menu-open {padding-top: 0;}
body.menu-open footer {display: none;}

header .top {background: #414141; color: #fff;}
header .text-icons li {font-size: 13px; font-weight: 600; letter-spacing: -.3px;}
header .text-icons li svg {fill: var(--alt-color); width: 15px; height: 15px;}
header .text-icons .locations:before {width: 1px; background: #0037774f; left: -8px; height: 70%; top: 4px;}
header .text-icons .badge {right: -10px; background: #fff; top: auto; transition: .15s; color: var(--heading-color);}
header .text-icons a, header .text-icons a svg {transition: .15s; color: var(--heading-color);}
header .text-icons a:hover, header .text-icons a:hover .badge {color: var(--theme-color);}
header .text-icons a:hover svg {fill: var(--theme-color);}
header .middle {background: var(--light-theme-color); padding: 10px 0;}
header .advanced-search .input {border: none;}
header .advanced-search .input input {border: none; padding: 8px 61px 8px 25px; border-radius: 20px; color: var(--heading-color);}
header .advanced-search .button {right: 8px; top: 0; height: 100%; display: inline-flex; align-items: center; justify-content: center;}
header .advanced-search .button input {border: none; width: 50px; height: 100%;}
header .advanced-search .button svg {position: absolute; pointer-events: none; fill: var(--alt-color); width: 20px; height: 20px;}
header .advanced-search .input input:focus {border: none;}
header .menu-cart > ul {gap: 12px;}
header .menu-cart > ul > li > a {display: flex; padding: 9px; background: #76ceef; border-radius: 50%;}
header .menu-cart > ul > li > a svg {height: 21px; width: 21px; fill: var(--alt-color);}
header .menu-cart > ul > li > a .badge {padding: 3px 6px 4px 7px; top: auto; bottom: 0; right: -12px; background: var(--alt-color); color: #fff;}
header .menu-cart > ul > li > a:hover {background: var(--alt-color);}
header .menu-cart > ul > li > a:hover svg {fill: #fff;}
header .menu-cart ul li .img-circle {width: 24px; height: 24px; border: none;}
header .bottom {background: var(--theme-color); border: none; padding: 0; margin-bottom: 0!important;}
header .navbar-default .navbar-nav > li > a {color: #fff;}
header .navbar-default .navbar-nav > li > a.action-menu {padding-left: 26px; z-index: 2; transition: .15s;}
header .navbar-default .navbar-nav > li > a.action-menu:before {background: #f04e4e; height: 100%; top: 0; width: 100%; border-radius: 0; z-index: -1; transition: .15s;}
header .navbar-default .navbar-nav > li > a.action-menu span:first-child {border-radius: 50%; padding: 4px; left: 5px; aspect-ratio: 1;}
header .navbar-default .navbar-nav > li > a.action-menu span svg {width: 13px; height: 13px; fill: #fff;}
header .navbar-default .navbar-nav > li > a.action-menu:hover, header .solid-menus .no-bg li.active a.action-menu {color: #fff;}
header .navbar-default .navbar-nav > li > a.action-menu:hover:before, header .solid-menus .no-bg li.active a.action-menu:before {background: var(--theme-color);}
header .navbar-default .navbar-nav > li > a.location-menu:before {background: var(--theme-color);}
header .navbar-default .navbar-nav > li > a.location-menu:hover:before {background: #fff;}
header .navbar-default .navbar-nav > li > a.location-menu:hover {color: var(--theme-color);}
header .navbar-default .navbar-nav > li > a.location-menu:hover svg {fill: var(--theme-color);}
header .navbar-default .navbar-nav > li > a.vet-menu:before {background: #008C4A;}
header .solid-menus .no-bg li a:hover, header .solid-menus .no-bg li.active a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: var(--theme-color); text-shadow: none;}
header #nav-section .navbar-default .navbar-nav > li > a img {width: 20px; filter: brightness(1.5) hue-rotate(45deg);}

.swiper-container.swiperProducts {overflow: unset;}
.swiperProducts .swiper-slide {opacity: 1; transition: opacity .15s ease-out;}
.swiperProducts .swiper-slide.swiper-slide-prev {opacity: 0; transition: opacity .15s ease-out;}
.swiper-buttons {display: flex; position: absolute; right: 0; top: -50px; gap: 12px; z-index: 9;}
.swiper-buttons button {border-radius: 50%; width: 40px; height: 40px; background: #fff; border: 1px solid var(--theme-color); display: inline-flex; align-items: center; justify-content: center; transition: .25s;}
.swiper-buttons button svg {width: 14px; height: 14px; fill: var(--theme-color);}
.swiper-buttons .swiper-button-prev-unique {transform: scaleX(-1);}

.media-wrapper {border-radius: 12px; overflow: hidden;}

.title-link {font-family: "Roboto", sans-serif; font-weight: 500; position: relative; text-decoration: underline; color: var(--theme-color); font-size: 16px; transition: var(--theme-transition);}
.title-link:after, footer .details a:after {content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 6.78684L35.2132 27.8356C36.7657 29.3881 39.283 29.3881 40.8356 27.8356C42.3881 26.283 42.3881 23.7657 40.8356 22.2132L19.7868 1.16444C18.2342 -0.388146 15.717 -0.388146 14.1644 1.16444C12.6118 2.71702 12.6118 5.23426 14.1644 6.78684Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 43.2132L35.2132 22.1644C36.7657 20.6119 39.283 20.6119 40.8356 22.1644C42.3881 23.717 42.3881 26.2343 40.8356 27.7868L19.7868 48.8356C18.2342 50.3881 15.717 50.3881 14.1644 48.8356C12.6118 47.283 12.6118 44.7657 14.1644 43.2132Z'%3E%3C/path%3E%3C/svg%3E");
    width: 11px; height: 11px; background-size: 11px; background-repeat: no-repeat; position: absolute; right: 0; top: 6px; opacity: 0; transition: .15s; pointer-events: none;}
.title-link:hover:after {transform: translateX(15px); opacity: 1;}
.title-link:hover:after, footer .details a:hover:after {transform: translateX(15px); opacity: 1;}
.title-link:hover {text-decoration: none;}
.block-link {font-size: 15px;}
.block-link:after {width: 10px; height: 10px; background-size: 10px;}

.categories-section-bottom a {background: #dff4f6; color: #00737f; color: #1f4a7d; min-height: 44px; padding: 5px 10px; border-radius: 8px;}
.categories-section-bottom .img-wrap {left: 5%; bottom: 0;}
.categories-section-bottom .img-wrap img {height: 75px;}
.categories-section-bottom a h3 {font-size: 15px; white-space: nowrap;}

@media and min-width(768px){
    .categories-section-bottom a {min-height: 60px;}
    .categories-section-bottom a h3 {font-size: 18px;}
}

.home-banners .button-block-item {font-family: "Roboto", sans-serif; margin-bottom: 24px;}
.home-banners .button-block-item-text {font-size: 17px; font-weight: 500; margin-top: 10px; color: var(--heading-color);}
.home-banners .button-block-item-text span {display: flex; margin-top: 16px; width: fit-content;}
.home-banners .button-block-item-text:hover strong {border-bottom-color: transparent;}

@media min-width(768px){
    .home-banners .button-block-item {margin-bottom: 0;}
    .home-banners .button-block-item-text {font-size: 21px;}
}

.one-product .product-holder {display: flex; flex-direction: column; /*min-height: 360px;*/ padding: 10px 0; overflow: unset; text-align: left; margin-bottom: 30px; z-index: 13;}
.one-product .product-img {box-shadow: 10px 2px 60px rgba(40, 35, 68, 0.14); background: #fff; border-radius: 16px;}
.one-product .product-img a {z-index: 2; position: relative; display: flex; padding: 16px; overflow: hidden; border-radius: 16px;}
.one-product img:hover {transform: scale(1);}
.one-product .product-holder a h3 {text-align: left; color: var(--heading-color); font-size: 16px;  margin: 14px 0 8px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; min-height: 25px;}
.one-product .price-wrap {background: rgb(229, 240, 249); color: var(--heading-color); display: inline-flex; align-items: baseline; border-radius: 4px; padding: 8px 16px; 
    width: fit-content; font-family: "Roboto", sans-serif;}
.one-product .price {color: var(--heading-color); font-size: 16px; flex-wrap: wrap;}
.one-product .price-wrap:has(.price-old) {background: #fde8e8;}
.one-product .currency {margin-left: 4px; font-weight: 400; font-size: 14px;}
.one-product .product-holder:hover {z-index: 20;}
.product-flags {right: auto; left: 6px; top: 16px; width: auto; z-index: 3; pointer-events: none; max-width: 80%; text-align: left;}
.product-flags [class*='exp-on-'] {padding: 7px 10px; display: inline-flex; border-radius: 8px; line-height: 1; font-weight: 600; font-size: 10px; color: #fff;
    position: relative; left: 6px; top: auto; box-shadow: 0.7px 1.1px 6.6px -2px rgba(0, 0, 0, 0.024), 1.3px 2px 11px -2px rgba(0, 0, 0, 0.037), 1.9px 2.8px 13.3px -2px rgba(0, 0, 0, 0.048), 2.6px 3.9px 13.7px
    -2px rgba(0, 0, 0, 0.057), 3.9px 5.8px 13.4px -2px rgba(0, 0, 0, 0.064), 8px 12px 26px -2px rgba(0, 0, 0, 0.07); margin-bottom: 6px; margin-right: 2px;  font-family: "Roboto", sans-serif; z-index: 1;}

.exp-on-new, .exp-on-top {background: #55d7ff; color: var(--heading-color) !important;}
.exp-on-new:before, .exp-on-top:before {background: #55d7ff;}
.product-flags .exp-on-discount, .product-flags .exp-on-discount:before {background: #f04e4e;}
.product-flags .exp-on-action, .product-flags .exp-on-action:before {background: #d33fa0;}

.one-product .follow-featured {left: auto; right: 10px; top: 13px;}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked {color: var(--theme-color);}
.add-to-cart-short .short-add-to-cart-btn, .theme-button {background: var(--theme-color); transition: .15s;}
.add-to-cart-short .short-add-to-cart-btn:hover, .short-add-to-cart-btn:focus {box-shadow: none; transform: none; background: var(--alt-color);}
.one-product .add-to-cart {font-size: 20px; font-weight: 700;}

.store-only-btn {display: flex; justify-content: center; font-weight: 700; padding: 5px 20px; border: 0; border-radius: 4px; box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15); color: #fff; min-width: 55px;
    margin-left: 6px; background: var(--theme-color);}
.store-only-btn svg {width: 20px; height: 24px; fill: #fff;}
.store-only-btn img {max-height: 36px; aspect-ratio: unset;}
.only-text {font-weight: 500; font-family: "Roboto", sans-serif; letter-spacing: .2px; font-size: 14px; color: #fff; width: 100%; justify-content: center; padding: 3px; border-radius: 0 0 16px 16px; pointer-events: none;}
.only-text svg {width: 20px; height: 20px; margin-right: 6px; fill: #fff;}
.store-only-text {background-color: var(--theme-color);}
.online-only-text {background-color: var(--alt-color);}

.one-product-tooltip {top: 102%; text-align: center; background: var(--alt-color); font-weight: 600; z-index: 999; padding: 5px 10px; color: #fff; white-space: nowrap; border-radius: 4px;
    opacity: 0; transform: translateY(30px); transition: .15s ease-out 0s; pointer-events: none;}
.one-product-tooltip:before {content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 12px 11px 12px; border-color: transparent transparent var(--alt-color) transparent; 
    transform: rotate(0deg); bottom: calc(100% - 1px); left: calc(50% - 12px);}
.store-only-btn:hover + .one-product-tooltip, .one-product .short-add-to-cart-btn:hover + .one-product-tooltip {opacity: 1; transform: translateY(0px); transition: .2s ease-out .5s;}
.store-only-btn:hover {background: #c5ecef!important;}

.one-product input[type='checkbox'].icon-checkbox + label .unchecked {color: var(--theme-color); text-shadow: none;}

.swiper-slide .product-holder .one-product-tooltip {top: auto; left: 102%; transform: translate(30px, 0);}
.swiper-slide .product-holder .one-product-tooltip:before {bottom: auto; right: calc(100% - 1px); left: auto; top: calc(50% - 8px); border-width: 8px 12px 8px 0; border-color: transparent var(--alt-color) transparent transparent;}
.swiper-slide .store-only-btn:hover + .one-product-tooltip, .swiper-slide .short-add-to-cart-btn:hover + .one-product-tooltip {transform: translateX(0px);}

.brands .swiper-container-holder {position: relative;}
.brands .swiperProductBrand {padding-bottom: 30px;}
.brands .brand-item a {gap: 16px; width: 100%;}
.brands .brand-item a .img-wrap {background-color: #fff; border-radius: 8px; padding: 12px; min-height: 160px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1; width: 100%;}
.brands .brand-item img {height: auto;}
.brands .brand-item a > h3 {font-size: 16px; font-weight: 500; color: var(--heading-color);}

.orderby select {border: none; background: none; border-radius: 4px; background-color: #E8E9EB; padding: 10px; border-right: 5px solid transparent; color: var(--alt-color); cursor: pointer;}

.shop .category-advanced-item a .img-wrap {height: 150px; width: 100%;}
.shop .category-advanced-item a .img-wrap img {object-fit: cover; width: 100%; min-height: 100%; border-radius: 12px; box-shadow: 0px 2px 6px rgba(40, 35, 68, 0.14);}
.shop .sidebar .tgNaslov {font-weight: 400; padding: 10px 0; color: var(--theme-color); font-family: Roboto, Helvetica, serif;}

.productbrand .brand-description {font-size: 16px; line-height: 1.6;}

/* JEDAN PRODUCT STRANA */
.product .theme-bg:before {opacity: .02;}
.product .slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img {border-radius: 12px;}
.product .slider-banner-image img {border-radius: 16px;}
.product .slider-banner-image {padding-left: 20px;}
.product .slider-banner-image a {display: block; border-radius: 16px; overflow: hidden; position: relative;}
.product .product-photo .product-flags {left: 23px; top: 10px;}
.product .product-photo .product-flags [class*='exp-on-'] {font-size: 12px; padding: 8px 11px;}
.product-photo img {margin-bottom: 0;}
.product-photo .online-only-wrap, .mobile-slideshow .online-only-wrap {width: 200px; height: 200px; right: -100px; bottom: -100px; background: var(--alt-color); transform: rotate(-45deg); text-align: center;}
.product-photo .online-only-wrap span, .mobile-slideshow .online-only-wrap span {background: transparent; width: 58%; font-size: 15px;}
.product-photo .online-only-wrap svg, .mobile-slideshow .online-only-wrap svg {min-width: 20px; width: 20px; height: 20px; fill: #fff;}
.product-details h1 {letter-spacing: 0; color: var(--heading-color); font-weight: 500; margin: 0px 0 8px; font-size: 26px;}
.product .product-configuration {border-bottom: none;}
.product .product-brand {font-weight: 400; color: var(--theme-color);}
.product .only-text {margin-bottom: 0;}
.product .product-details .online-only-text {background: none; color: var(--alt-color); justify-content: flex-start; padding: 0;}
.product .product-details .online-only-text svg {fill: var(--alt-color);}
.product .product-details .store-only-text {font-size: 18px; border-radius: 8px; pointer-events: auto;}
.product .store-only-btn {background: #f5f6f8; z-index: 1; padding: 10px 22px; background-color: var(--theme-color);}
.product .store-only-btn svg {width: 24px; fill: #fff;}
.product .product-details .one-product-tooltip {left: 50%; transform: translate(-50%, 30px);}
.product .product-details .store-only-btn:hover + .one-product-tooltip {transform: translate(-50%, -20px);}
.product .product-details .store-only-btn svg {fill: var(--alt-color);}
.product-details .price-wrap {background: #fff; padding: 20px; border-radius: 16px;}
.product-details .price-wrap:before {opacity: .03; background-size: cover; pointer-events: none;}
.product-details .price, .product-details .price .salesprice {margin-bottom: 0;}
.product-details .price .price-old {color: #f04e4e; font-size: 20px; font-weight: 500; margin-bottom: 4px;}
.product-details .price .price-old .currency {font-size: 1em;}
.product-details .price, .product-details .price .salesprice {color: var(--heading-color); font-size: 26px;}
.product-details .price .currency, .product-details .price .salesprice .currency, .product-details .price span:first-child {font-weight: 400; font-size: .8em;}
.product-details .salespriceend {color: var(--alt-color); font-size: 15px; font-weight: 400; font-family: "Roboto", sans-serif;}
.product-details .salespriceend span {font-weight: 700!important; font-size: .9em !important;}
.product .choose-option {color: var(--theme-color); font-weight: 500; font-family: "Roboto", sans-serif;}
.countdown-timer-wrapper {border-radius: 16px; background: transparent; width: auto; padding: 0; margin: 0; border: none;}
.countdown-timer-wrapper .timer {padding: 0; padding-top: 8px; display: flex; gap: 10px;}
.countdown-timer-wrapper .timer .timer-wrapper {background: #dff4f6; padding: 9px; border-radius: 8px; display: flex; width: auto; height: auto;display: flex; flex-direction: column; 
    align-items: center; justify-content: center; line-height: 1;}
.countdown-timer-wrapper .timer .timer-wrapper:last-of-type {background: #fde8e8;}
.countdown-timer-wrapper .promotext, .countdown-timer-wrapper .timer .timer-wrapper .time {color: var(--alt-color);}
.countdown-timer-wrapper .timer .timer-wrapper .text {color: #003777b8; margin-top: 4px;}
.product-details .sp-quantity {border: 1px solid var(--theme-color); border-radius: 8px;}
.product-details .sp-plus, .product-details .sp-minus {font-size: 23px; font-weight: 400; padding: 5px 10px 6px; background: transparent; font-family: "Roboto", sans-serif; color: var(--alt-color);}
.product-details a.ddd:hover {background-color: var(--theme-color);}
.product-details a.ddd:hover .fff {color: #fff;}
.product-details .quantity-input {background: transparent; padding: 0; height: 100%; float: none; font-size: 18px; width: auto; max-width: 40px;}
.product-details .add-to-cart, .product-details .go-to-checkout {font-size: 16px; font-weight: 500; border-radius: 8px; font-family: "Roboto", sans-serif; box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15);
    text-transform: none; white-space: nowrap; width: auto;}
.product-details .add-to-cart svg, .product-details .go-to-checkout svg {width: 24px; height: 24px;}
.product-details .go-to-checkout {padding: 10px 15px;}
.product-details .go-to-checkout span {text-decoration: none; pointer-events: none; line-height: 1;}
.product-details .go-to-checkout span:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 6.78684L35.2132 27.8356C36.7657 29.3881 39.283 29.3881 40.8356 27.8356C42.3881 26.283 42.3881 23.7657 40.8356 22.2132L19.7868 1.16444C18.2342 -0.388146 15.717 -0.388146 14.1644 1.16444C12.6118 2.71702 12.6118 5.23426 14.1644 6.78684Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 43.2132L35.2132 22.1644C36.7657 20.6119 39.283 20.6119 40.8356 22.1644C42.3881 23.717 42.3881 26.2343 40.8356 27.7868L19.7868 48.8356C18.2342 50.3881 15.717 50.3881 14.1644 48.8356C12.6118 47.283 12.6118 44.7657 14.1644 43.2132Z'%3E%3C/path%3E%3C/svg%3E");}
.product-details .go-to-checkout:hover span:after {transform: translateX(15px); opacity: 1;}
.product-details .description {font-size: 16px;}

.product ul.product-bullets li {padding: 8px 0; display: flex; align-items: center; color: var(--dark-color);}
.product ul.product-bullets li .title {color: var(--alt-color); margin-right: 4px;}
.product ul.product-bullets li .title a {color: var(--alt-color);}
.product ul.product-bullets li.available {color: var(--theme-color);}
.product ul.product-bullets li.available img {max-width: 60px;}

.news-list .news-time:before {width: 1px; top: 100%; background-color: #dbdbdb; left: calc(50% + 1px); height: 400%;}
.news-list .one-news:last-of-type .news-time:before {height: 200%;}
.news-list .news-time:after {content: ''; position: absolute; background-color: #f5f5f5; top: -10px; left: calc(50% - 15px); height: calc(100% + 20px); width: 30px; border-radius: 50%;}
.news-list .one-news h3 {color: var(--theme-color); z-index: 1; position: relative;}
.news-list .one-news h3 span {display: block; font-size: 14px; font-weight: 400;}
.news-list .news-one-content {border-bottom: 1px solid #aaa; padding-bottom: 24px;}
.news-list .news-one-content p {font-size: 16px;}
.news-list .one-news:last-of-type .news-one-content {border-bottom: none;}
.news-list .news-one-content h4 {color: var(--alt-color);}

.one-news-content .img-wrap, .productcategory-holder .img-wrap {border-radius: 12px 12px 0 0;}
.one-news-content .news-text, .productcategory-holder .category-text {background-color: #fff; border-radius: 0 0 12px 12px;}
.one-news .img-wrap img, .productcategory-holder .img-wrap img {aspect-ratio: unset; object-fit: cover; min-height: 300px;}
.one-news a h4, .productcategory-holder .category-text h4 {color: var(--heading-color);}
.productcategory-holder .img-wrap img {min-height: 200px;}

.news-one h1 {color: var(--heading-color);}
.news-one .subtitle {color: inherit; font-size: 17px;}
.news-one .subtitle p {border-bottom: 1px solid #e1e1e1;}
.news-one .subtitle ul li {font-size: 12px;}
.news-one .main-content {color: var(--dark-color);}
            
.locations .one-location .location-text {background-color: #fff; border-radius: 0 0 12px 12px;}
.locations .one-location .img-wrap {border-radius: 12px 12px 0 0; height: 300px; width: 100%;}
.locations .one-location .img-wrap img {aspect-ratio: unset; object-fit: cover;  filter: brightness(1.1); min-height: 300px;}
.locations .one-location h2 {color: var(--heading-color); font-size: 20px; line-height: 25px;}
.locations .one-location h3 {font-size: 18px; font-weight: 400;}
.locations .one-location h3 svg {width: 20px; height: 20px; fill: var(--theme-color);}
.locations .contact-icons a {color: var(--alt-color);}
.locations .contact-icons a:hover span {color: var(--theme-color); text-decoration: underline;}
.locations .one-location b {color: var(--alt-color);}

.swiper-container-holder .swiper-pagination-bullet {width: 16px; height: 16px; background-color: var(--alt-color); margin: 0 2px; transition: .25s;}
.swiper-container-holder .swiper-pagination-bullet-active {background-color: var(--theme-color); width: 20px; height: 20px; transition: .25s;}

.form-control {height: unset; padding: 18px 30px; font-size: 15px; background: #fff; border-radius: 8px; border: none; color: var(--heading-color); line-height: 1;}
.contact-form #contact-submit {display: flex; justify-content: space-around; font-weight: 700; padding: 7px 20px; border: 0; border-radius: 4px; box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15);
    color: #fff; text-transform: uppercase; transition: .25s;}
.contact-form #contact-submit svg {width: 26px; height: 26px; fill: #fff;}
.contact-form #contact-submit:hover {background: var(--alt-color);}

.dataTables_wrapper .dataTables_filter input {padding: 10px 15px;}
.user-home select.input-sm {padding: 0px 12px; cursor: pointer;}

.breadcrumb {background-color: transparent; padding: 10px 0; display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumb > li {font-size: 12px; color: var(--alt-color);}
.breadcrumb > li a:hover {color: var(--theme-color); text-decoration: underline;}
.breadcrumb > li.active {color: #777;}
.breadcrumb > li+li:before {content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 6.78684L35.2132 27.8356C36.7657 29.3881 39.283 29.3881 40.8356 27.8356C42.3881 26.283 42.3881 23.7657 40.8356 22.2132L19.7868 1.16444C18.2342 -0.388146 15.717 -0.388146 14.1644 1.16444C12.6118 2.71702 12.6118 5.23426 14.1644 6.78684Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1644 43.2132L35.2132 22.1644C36.7657 20.6119 39.283 20.6119 40.8356 22.1644C42.3881 23.717 42.3881 26.2343 40.8356 27.7868L19.7868 48.8356C18.2342 50.3881 15.717 50.3881 14.1644 48.8356C12.6118 47.283 12.6118 44.7657 14.1644 43.2132Z'%3E%3C/path%3E%3C/svg%3E");
    width: 8px; height: 8px; display: inline-flex; background-repeat: no-repeat; background-size: 8px; margin: 0 6px; opacity: .5;}
.breadcrumb > li.back:before {display: none;}

.checkout .okvir {background: #fff; border-radius: 16px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 32px;}
.cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--alt-color);}
#order-holder .form-control, #order-holder .btn {border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
.checkout .form-control {padding: 14px 30px;}
.cart-checkout .okvir #checkout-submit:hover {color: #fff;}
.checkout #checkout-form {width: auto; flex-grow: 1;}
.checkout .popover-content .control-group > div {display: flex; align-items: center;}
.checkout .select2.select2-container {border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
.checkout .select2-container .select2-selection--single {height: auto; padding: 7px 4px; font-size: 15px; background: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; display: flex;
    align-items: center; border: none;}
.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--heading-color);}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--theme-color) transparent transparent transparent;}
.checkout .select2-dropdown {border-color: #dcdddf;}
.cart-checkout .okvir .cart_product, .cart-checkout .okvir .cart_total, .cart-checkout .okvir .cart_delivery, .cart-checkout .okvir .cart_subtotal_weight {display: flex; align-items: center; 
    justify-content: space-between; color: var(--heading-color);}
.cart-checkout .okvir .cart_total {padding: 24px 0;}
.cart-checkout .okvir .cart_total .desno {font-size: 18px;}
.checkout .voucher-input {border-radius: 0 0 8px 8px;}

.pagination > li > a, .pagination > li > span {color: var(--alt-color); margin: 0; border-color: var(--light-theme-color);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: var(--theme-color); background-color: var(--light-theme-color); border-color: var(--light-theme-color); margin: 0;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: var(--alt-color); background-color: var(--light-theme-color); border-color: var(--light-theme-color);}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius: 12px; border-top-left-radius: 12px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 12px; border-top-right-radius: 12px;}

.contact-info li {font-size: 16px; color: var(--heading-color); line-height: 2; font-family: "Roboto", sans-serif; font-weight: 400;}
.contact-info svg {width: 20px; height: 20px; fill: #ccc;}
.contact-info a {display: flex; align-items: center;}
.contact-info a:hover {color: var(--alt-color);}
.contact-info a:hover svg {fill: var(--theme-color);}

footer {box-shadow: 10px 2px 40px rgba(40, 35, 68, 0.07);}
footer .details {background: #fff; padding: 55px 0 0 0;}
footer .details p.title {position: relative; font-size: 17px; font-weight: 600; color: var(--heading-color); font-family: "Roboto", sans-serif; padding: 0; margin-bottom: 12px;}
footer .details li {line-height: 1;}
footer .details a {position: relative; font-size: 15px; padding: 6px 0; color: var(--heading-color); display: inline-block; width: fit-content; font-family: 'Roboto';}
footer ul li a:before {display: none;}
footer .logo {margin-top: 0; width: auto;}
footer .social-circle li a {width: 40px; height: 40px; background: var(--theme-color); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; padding: 10px;}
footer .social-circle li svg {width: 26px; height: 26px; fill: #fff;}
footer .social-circle li a:hover {background: var(--alt-color);}
footer .social-circle li a:hover svg {fill: var(--theme-color);}
footer .contact-info li {display: flex; justify-content: center; align-items: center;}
footer .details a:after {width: 10px; height: 10px; background-size: 10px; top: 9px;}
footer .contact-info li a {display: none;}
footer .contact-info li a:after, footer .social-circle li a:after {display: none;}
footer .signature {padding: 16px 0;}
footer .signature a {color: var(--heading-color);}
footer .visa {max-height: 30px; margin: 0 4px;}
footer .footer-cc a:after {display: none;}

@media screen and (min-width: 768px){
    body {padding-top: 125px;}
    
    h1 {font-size: 36px;}
    h2 {font-size: 26px;}
    h2.section-title, h3.section-title {font-size: 24px; margin: 30px 0 20px}
    
    header .bottom {background: var(--alt-color);}
    header .navbar-nav {margin-top: 0;}
    header .solid-menus .dropdown-menu > li > a {background: var(--alt-color); color: #fff;}
    header .navbar-default .navbar-nav > li > a.action-menu:before {height: 50%; top: 13px; border-radius: 8px;}
        
    .novosti .news-list .one-news h3 {font-size: 36px;}
    .novosti .news-list .one-news h3 span {font-size: 20px;}
    
    .shop .sidebar {background: transparent;}
    
    footer .contact-info li {justify-content: flex-end;}
    footer .logo {height: 54px;}
    footer .footer-cc {border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 24px 0; margin: 32px 0 0;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .navbar-default .navbar-collapse {padding-left: 0; padding-right: 0;}
    #nav-section .navbar-default .navbar-nav > li > a {padding-right: 14px; padding-left: 10px;}
    
    header .logo {height: 55px; display: inline-flex;}
    header .logo a {display: inline-flex; align-items: center;}
    header .logo img {padding-bottom: 0; height: auto;}
    
    header .text-icons .locations:before {left: -13px; height: 100%; top: -11px;}
    
    .categories-section .header-container-wrapper:last-child .header-container .header-title {padding-right: 0; text-align: right;}
    .categories-section .header-container-wrapper:last-child .header-container .header-title span {padding-right: 3px;}
    .categories-section-bottom a {min-height: 120px;}
    
    .product .product-photo .slider-banner-image {height: auto;}
    .product .product-photo .banner-slider {display: flex; flex-direction: column-reverse;}
    
}


@media screen and (min-width: 992px){
    .one-product .product-holder {min-height: 370px; padding: 0px;}
    
    .product-details h1 {font-size: 30px;}
    .product-details .add-to-cart, .product-details .go-to-checkout {font-size: 17px;}
    .product-details .go-to-checkout .title-link {font-size: 17px;}
    
    .shop .sidebar {padding-right: 50px;}
}

@media screen and (min-width: 992px) and (max-width: 1043px){
    header #nav-section .navbar-default .navbar-nav > li > a {padding-right: 10px;}
    .product-details .add-to-cart {padding: 13px 10px;}
    
}


@media screen and (max-width: 991px){
    .one-product .product-holder a h3 {margin-bottom: 20px;}
}


@media screen and (max-width: 767px){
    header .middle {order: 3;}
    header .navbar-form {margin: 0!important;}
    header .bottom {background: #fff;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a, header .bottom #nav-section .navbar-default .navbar-nav > li > a > .fas {color: var(--heading-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a.action-menu {color: #fff;}
    header .navbar-collapse {background: #fff!important;}
    header .navbar-default .navbar-nav .dropdown-menu > li > a {background: #fff!important; color: var(--heading-color)!important;}
    header .solid-menus .navbar-toggle {margin-left: 15px!important; border: none; padding: 9px 10px;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {background: var(--heading-color); height: 1px;}
    header .solid-menus .navbar-brand > img {height: 35px;}
    header .solid-menus .dropdown .dropdown-right .dropdown-menu, .solid-menus .dropdown .dropdown-left .dropdown-menu {background: var(--theme-color); padding-left: 4px;}
    header .solid-menus .dropdown .dropdown-right .dropdown-menu li a {background: var(--light-gray-color) !important; font-size: 13px; border-bottom: 1px solid #e5e5e5;}
    header .navbar-header .shopping-cart {right: 20px; top: 10px;}
    header .navbar-header .locations {top: 14px; right: 66px;}
    header .navbar-header .locations svg {height: 24px; width: 24px;}
    header .navbar-header .shopping-cart:hover svg path, header .navbar-header .shopping-cart:hover svg ellipse {stroke: var(--theme-color);}
    header .navbar-header .locations:hover svg {fill: var(--theme-color);}
    header .badge {background-color: var(--theme-color); color: var(--alt-color);}
    
    .breadcrumb>li.responsive-center {display: inline-flex; align-items: center; font-size: 15px;}
    
    .scroll-xs {overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap;}
    
    .cart-checkout .okvir .desno {color: var(--heading-color);}
    .checkout .voucher-input input {width: 70%; border-radius: 15px!important; margin-bottom: 16px;}
    .checkout .voucher-input .code-input {}
    
    .product-details .salespriceend {text-align: start; width: min-content; min-width: 100%;}
    .mobile-slideshow .swiper-slide a {display: block; border-radius: 16px; overflow: hidden; position: relative; width: 100%;}
    .mobile-slideshow .swiper-slide a img {width: 100%;}
    
    .only-text {font-size: 12px;}
    .only-text svg {width: 16px; height: 16px;}
    
    footer h4 {color: var(--heading-color); font-size: 18px; font-weight: 600;}
}

@media screen and (max-width: 576px){
    h2.section-title, h3.section-title {max-width: 75%;}
    .one-product .price-wrap {width: 100%;}
    .one-news.blog.news-template-short2 {width: 85%;}
    .doctors .doctor-item {width: 70%;}
}

@media screen and (max-width: 360px){
    body {font-size: 14px;}
    h1 {font-size: 27px;}
    h2 {font-size: 21px;}
    h2.section-title, h3.section-title {font-size: 20px;}
    .home-banners .button-block-item-text {font-size: 16px;}
    .tgNaslov {font-size: 20px;}
    .product-details .sp-plus, .product-details .sp-minus {font-size: 20px; padding: 5px 5px 6px;} 
    .product-details .add-to-cart, .product-details .go-to-checkout {width: auto; font-size: 15px;}
    .product-details .add-to-cart svg {width: 20px; height: 20px;}
}

.scrollToTop {border-color: #fff; border-radius: 12px; right: 0;}

.informacije-o-placanju-i-isporuci, .saobraznost-i-garancija, .odustanak-od-ugovora, .politika-reklamacija, .informacije-o-placanju-i-isporuci {padding-top: 160px;}
@media screen and (min-width: 992px){
    .informacije-o-placanju-i-isporuci, .saobraznost-i-garancija, .odustanak-od-ugovora, .politika-reklamacija, .informacije-o-placanju-i-isporuci {padding-top: 170px;}
}