:root {
    --main-color: #EE1C25; 
    --alt-color: #8f2323;  
    --dark-color: #231F20;
    --white-color: #f9f9f9;
    --gray-color: #e1e9ef;
    --soft-color: #f5f8fa;
}



/* reset */
.theme-color {color: var(--main-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;}
.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, .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;}
.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, .one-product .price, .sidebar .active ul a > i, .product-details .salespriceend
    {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);}
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: 1.5px solid var(--main-color); 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;}
#show-register-tab {background: var(--alt-color);}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--main-color)!important;}
body.compensate-for-scrollbar {margin-right: 17px;}
@media (max-width: 767px) {
    footer .visa {max-width: initial; height: 26px;}
}




html, body {overflow: visible;}
html, body, h1, h2, h3, h4, h5, h6 {font-family: 'Jost', sans-serif; color: var(--dark-color);}
h1, h2, h3, h4, h5, h6 {color: var(--dark-color); font-weight: 500;}
p {font-family: 'Open Sans', sans-serif;}
h2.section-title {font-size: 24px; position: relative; margin-bottom: 36px; margin-top: 0;}
h2.section-subtitle {font-size: 24px; position: relative; padding-left: 15px; border-left: 2px solid var(--main-color); margin-bottom: 20px;}

.section-title:after, .theme-separator:after {content: ''; display: block; width: 40px; height: 3px; background: var(--main-color); position: absolute; bottom: -12px;}
.theme-separator-center:after {left: calc(50% - 20px);}
.gray-back {background-color: #f8f8f8;}
.z-2 {z-index: 2;}
.overflow-hidden {overflow: hidden;}
.flex-items-start {align-items: flex-start;}


.theme-button {color: #fff; border-radius: 30px; min-height: 46px; line-height: 1; font-size: 15px; font-weight: 500; background: var(--main-color); padding: 16px 20px; display: inline-flex; justify-content: center; align-items: center; 
                transition: all .5s ease; border: 0; width: fit-content;}
.theme-button:hover {background: var(--dark-color); color: var(--white-color);}

header .top {background: var(--main-color);}





header .bottom {margin-bottom: 0; padding: 0px; border-top: 0; border-bottom: 0; box-shadow: 0 4px 5px -2px rgba(0,0,0,.08);}
body:not(.homepage) header .bottom {margin-bottom: 30px;}
header .bottom #nav-section .navbar-default .navbar-nav > li > a {color: var(--dark-color); font: 500 16px/1.2 Jost,sans-serif; padding: 15px 20px;}
header .bottom #nav-section .navbar-default .navbar-nav > li > a:after {content: ''; width: 0; height: 2px; background: var(--main-color); position: absolute; left: 0; bottom: 0px; transition: width .4s ease;}
header .bottom #nav-section .navbar-default .navbar-nav > li > a:hover:after, header .bottom #nav-section .navbar-default .navbar-nav > li:hover > a:after {width: 100%;}
header .bottom #nav-section .navbar-default .navbar-nav > li > a.theme-color {color: var(--main-color);}
header .bottom #nav-section .navbar-default .navbar-nav > li > a.menu-border:before {height: 50%; content: ''; display: block; width: 1px; background: #ddd; left: -20%; position: absolute; top: 25%;}
header .bottom .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu {min-width: 100%;}
header .bottom .solid-menus .dropdown-menu > li > a {min-width: unset;}


.big-banner .swiper-slide img {aspect-ratio: unset;}
.big-banner .swiper-slide > div {max-height: 100%;}


.swiper-button-next, .swiper-button-prev {-webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 48px; height: 48px; padding: 0px; border: none; border-radius: 100%; background-color: white;
box-shadow: rgb(190, 196, 196) 0px 0px 0px 1px; opacity: 0.9; cursor: pointer; margin-right: 2px; font-size: 20px; top: calc(50% - 24px);}

.swiper-button-next:after, .swiper-button-prev:after {color: #202020; font-size: 16px!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 1px;}
.swiper-container .swiper-pagination-bullet-active {background: #fff;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {transition: width .2s ease-out;}



.homepage .swiperProductCategories .one-product.category img {aspect-ratio: 1; width: 100%; height: 100%; object-fit: contain;}
.homepage .swiperProductCategories .one-product.category h3 {font-size: 18px; font-weight: 400;  margin-top: 0;}
.homepage .home-categories .one-product.category {margin-bottom: 20px;}
.homepage .home-categories .one-product.category img {aspect-ratio: 1; width: 100%; height: 100%; object-fit: contain;}
.homepage .home-categories .one-product.category h3 {font-size: 17px; font-weight: 500;  margin-top: 10px; margin-bottom: 10px;}
.homepage .home-categories .one-product.category:hover h3 {text-decoration: underline;}


.rooms .roomsBanner .swiper-slide {flex-direction: column; align-items: flex-start;}
.rooms .swiper-slide > a {display: flex; min-height: 350px;}
.rooms .banner-text h3 {width: 100%; text-align: left; margin-top: 15px; color: var(--dark-color); font-size: 17px; font-weight: 600; margin-bottom: 6px;}
.rooms .banner-text ul {list-style: none; padding: 0; display: flex; flex-wrap: wrap; line-height: normal;}
.rooms .banner-text ul > li {position: relative; padding: 3px 0;}
.rooms .banner-text ul > li.seperator {padding-right: 10px; margin-right: 10px;}
.rooms .banner-text ul > li.seperator:after {content: ""; height: 10px; width: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #d0d4d9;}
.rooms .banner-text ul > li.break {width: 0; flex-basis: 100%; padding: 0;}
.rooms .banner-text ul > li > a {font-family: open sans; font-size: 13px; font-weight: 400; font-style: normal; text-decoration: none; outline: none; color: #7b7b7b; cursor: pointer; border-bottom: 0; -webkit-transition: all 150ms; -moz-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;}
.rooms .banner-text ul > li > a:hover {text-decoration: underline;}
.rooms p {font-size: 20px; line-height: 1.4;}
.rooms p > span {display: none;}
.rooms p > img {width: 34px; position: relative; top: -6px; margin-right: 2px;}
.rooms .swiper-slide a, .rooms .swiper-slide a img {width: 100%; object-fit: cover;}
.rooms .swiper-slide a:hover + .banner-text h3, .rooms .banner-text h3:hover {text-decoration: underline;}





.home-testimonials {}
.home-testimonials h2 {max-width: 200px;}
.home-testimonials .row {padding-top: 30px; padding-bottom: 30px;}
.swiperTestimonials {overflow: unset; z-index: 0;}
.swiperTestimonials .content:before {display: none;}
.swiperTestimonials .content > span {font-size: 16px;}
.swiperTestimonials .swiper-buttons {position: absolute; left: -360px; display: flex; flex-direction: row-reverse; top: 90px; height: 48px;}
.swiperTestimonials .swiper-buttons > div {position: relative; top: unset; left: unset; bottom: unset; right: unset; margin: 0; transform: translateY(0);}
.swiperTestimonials .swiper-buttons .swiper-button-next, .swiperTestimonials .swiper-buttons .swiper-button-prev {width: 28px; height: 28px; margin-right: 10px;}
.swiperTestimonials .swiper-buttons .swiper-button-next:after, .swiperTestimonials .swiper-buttons .swiper-button-prev:after {font-size: 10px!important;}
.swiperTestimonials .swiper-buttons:before { content: ''; background: var(--soft-color); position: absolute; left: -20px; display: block; width: 300px; height: 150%; top: -10px; z-index: 3; }
.swiperTestimonials .content {padding-left: 0;}
.swiperTestimonials .swiper-slide-next {transform: scale(1); opacity: 1;}
.swiperTestimonials .name {position: relative; font-weight: 400; color: #7c7f85; padding-left: 10px; margin-left: 10px; text-align: left; font-style: inherit;}
.swiperTestimonials .name:before {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); height: 10px; width: 1px; background: #d0d4d9;}
.swiperTestimonials .stars {line-height: 1;}
.swiperTestimonials .stars svg {width: 12px; height: 12px; margin-left: 5px; fill:#231F20;}
.swiperTestimonials .stars svg:first-child {margin-left: 0;}



.keypoints-wrap {padding: 60px 15px 50px;}
.keypoints-wrap h2 {font-size: 19px; text-transform: uppercase; font-weight: 700; padding-left: 15px; border-left: 2px solid var(--main-color); margin: 0; font-family: 'Open Sans', sans-serif; max-width: 59%;}
.keypoints-wrap .keypoints-block {padding-right: 40px; margin: 20px 0;}
.keypoints-wrap .keypoints-block span {display: block; color: #7c7f85; padding-top: 15px;}




.single-banner .button-block-item {position: relative;}
.single-banner .button-block-item-text {position: absolute; left: 70%; bottom: 20px;}
.single-banner .media-wrapper img {width: 100%;}
.single-banner .button-block-item-text h3 {font: 700 36px/1.2 Jost,sans-serif; margin-bottom: 10px; letter-spacing: -0.6px;}
.single-banner .button-block-item-text h4 {font: 20px/1.5 Jost,sans-serif;}
.single-banner .theme-button {margin-top: 20px;}



.blog-list .blog-text-wrap {background: var(--dark-color); align-self: stretch; height: auto;}
.blog-list .swiper-slide:nth-child(even) .blog-text-wrap, .blog-list .one-news:nth-child(even) .blog-text-wrap {background: var(--main-color);}
.blog-list .blog-text-wrap .blog-text {padding: 30px; justify-content: center; display: flex; flex-direction: column; height: 100%; align-items: flex-start;}
.blog-list .news-template-short3 .imgdiv {max-height: 340px; display: flex; margin-bottom: 0;}
.blog-list .news-template-short3 img:hover {transform: unset;}
.blog-list .one-news img {aspect-ratio: unset; object-fit: cover; object-position: center;}
.blog-list .one-news h4, .blog-list .one-news .time-ago, .blog-list .one-news a {color: #fff;}
.blog-list .one-news h4 {font-size: 20px; font-weight: 600; text-align: left;}
.blog-list .one-news .blog-link {border-bottom: 1px solid #fff; width: fit-content;}
.blog-list .one-news .blog-link:hover {border-bottom-color: var(--main-color);}
.blog-list .one-news span {margin-top: 10px; color: #fffb; line-height: 1.2;}
.blog-list .swiper-slide:nth-child(even) .blog-link:hover  {border-bottom-color: var(--dark-color);}
.blog-list .one-news .time-ago, .blog-list .one-news .time-ago a {color: #ffffff47;}
.blog-list .swiper-slide:nth-child(even) .time-ago, .blog-list .one-news .time-ago a {color: #ffffff7a;}





/*.newsletter-form {background: #db383e17; padding: 50px 0;}*/



.newsletter .newsletter-heading h2 > img {max-width: 30px; margin-right: 16px;}
.newsletter .newsletter-form input.email-input {font-size: 16px; line-height: 1.5; font-weight: 400; transition: border .3s cubic-bezier(.42,0,.1,1); position: relative; display: flex; border: 1px solid #e5e5e5; margin-top: 1rem; background-color: #fff;
                                    min-width: 0; flex: 1; padding: 17px 24px; width: 100%; background: #fff; outline: none; text-overflow: ellipsis;}

.newsletter .newsletter-form span, .newsletter .newsletter-form p {font-size: 13px; line-height: 1.2; font-weight: 400; letter-spacing: 0.5px; display: block; width: 100%; text-align: left; margin: 20px 0; color: #0f0f0f;}
.newsletter .newsletter-form p {font-family: 'Jost', sans-serif;}


.one-product {text-align: left; margin-bottom: 40px;}
.one-product .product-img a {display: flex; justify-content: start; align-items: center;}
.one-product .product-img img {display: block; object-fit: cover; /*width: 200px; height: 200px;*/}
.one-product .product-img img:hover {transform: scale(1);}
.one-product .price {font-size: 15px; font-weight: 600; color: var(--dark-color);}
.one-product .discountedprice {color: var(--main-color);}
.one-product .currency {font-size: 14px; text-transform: lowercase; font-weight: 400;}
.one-product .product-spec {font-size: 11px; color: #7c7f85; font-weight: 400; margin-top: 5px; font-family: open sans,sans-serif; margin-bottom: 10px; display: inline-flex;}
.one-product .product-colors {aspect-ratio: unset; position: relative; margin-left: 10px; padding-left: 10px;}
.one-product .product-colors:before {content: ""; height: 10px; width: 1px; position: absolute; left: 0; background: #d0d4d9; top: 50%; transform: translate(0,-50%);}
.one-product .follow-featured {position: relative; text-shadow: none; width: auto; top: auto; left: auto; margin-left: 7px; font-size: 17px;}
.one-product .follow-featured label {width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; 
                                        display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); transition: all .5s ease; border-radius: 50%;
                                        background: var(--gray-color); color: var(--dark-color);}
.one-product .follow-featured:hover label {color: #fff; background: var(--main-color);}
.one-product .product-buttons {transform: translateY(70px); transition: transform .2s ease-out; margin-top: 24px; margin-bottom: 10px;}
.one-product .product-holder:hover .product-buttons {transform: translateY(0);}
.one-product .jq-ry-container {padding-left: 0; width: auto!important;}
.one-product .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {width: 13px;}
.one-product .jq-ry-rated-group svg {fill: #FFC000;}


.exp-on-discount {font-size: 13px; background: var(--main-color); border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transform: rotate(16deg);}
.product-flags {}





.product .product-photo a {display: block; width: max-content;}
.product .product-photo img {margin-bottom: 0;}
.product .photo-info {display: flex; width: 80%; text-align: left; color: #231f2070; margin-top: 16px; line-height: 1.2;}
.product .photo-info svg {width: 38px; fill: #231f2059; margin-right: 10px; min-width: 38px;}
.product .info-text {color: #767676; letter-spacing: .1px; margin-bottom: 0;}
.product .product-details h1 {margin: 0 0 20px; padding: 0; letter-spacing: .1px; color: #0F0F0F;}
.product .product-details .sku {color: #767676; letter-spacing: .1px; margin-bottom: 0;}
.product .bettertabs {font-size: 16px;}
.product .product-details .price-holder .price, .product .product-details .price-holder .salesprice {font-size: 28px; color: var(--dark-color); font-weight: 500; letter-spacing: -.5px; margin-bottom: 5px; margin-top: 16px;}
.product .product-details .price-holder .salesprice {color: var(--main-color); margin-top: 8px;}
.product-details .price, .product-details .price .salesprice {margin-bottom: 8px;}
.product .product-details .price .price-old {font-weight: 400; color: var(--dark-color);}
.product .product-details .price .price-old .currency {font-size: 16px;}
.product .product-details .price-holder .currency, .product .product-details .price-holder .unit {font-size: 20px; text-transform: lowercase; color: #231f2057;}
.product .product-details .unit {margin-left: 16px; position: relative;}
.product .product-details .unit:before {content: '/'; left: -12px; top: 1px; position: absolute;}
.product .product-details .salespriceend {font-size: 15px; font-weight: 400;}
.product-details .add-to-cart, .product-details .go-to-checkout {font-size: 15px; font-weight: 500; text-transform: unset;}

.countdown-timer-wrapper {background-image: url(/img/countdown-bg.webp); margin-top: 30px;  border-radius: 0; padding: 20px; background-size: cover; background-repeat: no-repeat; background-position: center center; max-width: unset; width: 100%;}
.countdown-timer-wrapper .timer {padding: 0; display: flex; justify-content: center; column-gap: 10px; margin-top: 20px;}
.countdown-timer-wrapper .timer .timer-wrapper {width: auto; height: auto;}
.countdown-timer-wrapper .timer .timer-wrapper .time, .countdown-timer-wrapper .timer .timer-wrapper .text {background: #fff; color: var(--main-color);}
.countdown-timer-wrapper .timer .timer-wrapper .time {margin-bottom: 4px; padding: 20px 10px;}
.countdown-timer-wrapper .timer .timer-wrapper .text {font-size: 15px; width: 100%; display: inline-block;}
.countdown-timer-wrapper .promotext {font-weight: 400; padding-top: 0; font-size: 22px;}




.product .product-configuration {border-bottom: 0; background: #e1e9ef52; padding: 20px 20px 40px; border-radius: 15px;}
.product .product-configuration-title {font-size: 19px; font-weight: 600; margin: 16px 0; display: block;}
.product .product-configuration .product-button {border-bottom: 1px solid #e1e9ef;}
.product-button-choose button {padding: 11px 16px;color: var(--dark-color);margin: 0 8px 8px 0; font-size: 16px; border: 1px solid #d9dadb; transition: all 0.2s ease 0s; border-radius: 4px;}
.product-button-choose button.active {border: 1px solid #ee1c25; background: #ffffff; color: var(--main-color);}
.product-button-choose button:hover, .product-button-choose button:active, .product-button-choose button:focus {background: #fff; border-width: 1px;}
.product .choose-option {position: absolute; transform: translateY(-60px); padding-left: 20px; color: #405b75;}

.product-details .addtofav.inline .fa-heart {color: var(--dark-color);}
.product-details .add-to-cart svg {width: 16px; height: 16px; fill: #fff; margin-left: 10px;}
.product-details .addtofav.inline .checkbox-inline {border: 1px solid #d9dadb; margin-right: 16px; border-radius: 50%;}
.product-details .addtofav.inline .checkbox-inline label {margin-bottom: 0; padding: 11px; cursor: pointer;}
.product-details .addtofav.inline .checkbox-inline label span {display: flex; justify-content: center; width: 23px;}
.product-details .addtofav.inline .checkbox-inline:hover {background: var(--gray-color);}


.product-details .quantity-input {padding: 0;}
.product-details input.quantity-input:disabled {display: flex; align-items: center; justify-content: center; height: 100%; color: var(--dark-color); border-radius: 30px 0 0 30px; border: 1px solid #d9dadb; min-width: 50px;}
.product .product-details .sp-quantity .plus-minus {border: 1px solid #d9dadb; border-left: none; border-right: 0;}
.product .product-details .sp-quantity .plus-minus .ddd {align-items: center; background: none; border: none; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; height: 50%; justify-content: center; padding: 1px 10px;}
.product .product-details .sp-quantity .plus-minus .minus {border-top: 1px solid #d9dadb;}
.product .product-details .add-to-cart {margin-left: 0; position: relative; border-radius: 0 30px 30px 0;}
.product .product-details .add-to-cart:hover {background-color: var(--dark-color);}
.product-details .go-to-checkout {margin-left: 10px; background: var(--gray-color); color: var(--dark-color); margin-top: 0;}
.product-details .go-to-checkout:hover {background: var(--main-color); color: var(--white-color);}
.product-details .addtofav.inline .checkbox-inline, .product .product-details .add-to-cart, .product-details .go-to-checkout {transition: all .3s ease;}


.product-info {border-bottom: 1px solid #e1e9ef; border-top: 1px solid #e1e9ef; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; 
                justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; line-height: 1; font-size: 16px; margin-top: 20px;}
.product-info > div {padding: 0;}
.product-info svg {width: 25px; fill: #405b75;}
.brand-info svg {height: 23px;}
.product-info span {margin-left: 15px; display: inline-flex;}
.product-info a {width: 25px;}
.brand-info {margin-top: 0; border-top: 0; padding: 5px 0;}
.brand-info img {max-height: 50px;}



.product-details .description {font-size: 15px; margin-top: 0;}
.product-details a.toggler { padding: 20px 0; font-size: 19px; font-weight: 600; border-top: 1px solid #e1e9ef; }
.product-details .tgSadrzaj {padding: 0;}
.product-details .tgSadrzaj .toggler-one a {font-size: 17px; padding: 16px 20px; font-weight: 400;}
.product-details .tgSadrzaj p {padding-left: 20px;}
.product-details .tgSadrzaj li {font-size: 16px; line-height: 1.7; padding: 10px 20px; display: flex; justify-content: space-between;}
.product-details .tgSadrzaj li:nth-child(odd) {background: var(--soft-color); border-radius: 8px;}
.product-details .tgSadrzaj li strong {font-weight: 600; font-size: 15px;}

.product .sticky-element {position: -webkit-sticky; position: sticky; top: 20px; height: auto;}
.product .swiperSimilarProducts .one-product, .product .swiperSimilarProducts .one-product .product-holder {margin-bottom: 0;}



.breadcrumb {display: flex; align-items: center; padding-left: 0; background: transparent; margin-bottom: 20px; padding-top: 0; flex-wrap: wrap;}
.breadcrumb li {display: flex;}
.breadcrumb li a, .breadcrumb li.active {position: relative; display: flex; color: #767676; font-size: 10px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height: 1; padding: 0 8px; border: none; margin: 0; background: none;}
.breadcrumb li.active {padding-left: 0; color: var(--main-color);}
.breadcrumb li a svg {width: 16px; height: 16px; opacity: .6;}
.breadcrumb > li + li:before {content: ''; background-repeat: no-repeat; background-position: center; background-size: 6px 6px; margin: 0; padding: 0 3px;
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='chevron-right' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M20.63 89.809c.2 1.099.5 2.098 1.1 3.096 1.6 2.398 4.6 3.596 7.4 2.897 1.1-.3 2-.799 2.9-1.498 14.4-13.485 28.4-27.37 41.8-41.754.4-.499.8-.998 1-1.598.8-1.698.9-3.696.2-5.494-.3-.699-.7-1.398-1.2-1.997-13.5-14.384-27.4-28.369-41.8-41.754-.9-.7-1.8-1.199-2.9-1.498-.9-.2-1.9-.3-2.8-.1-3.7.6-6.2 4.195-5.6 7.891.2 1.399.9 2.597 1.9 3.696l36.2 36.36c-12.2 12.186-24.8 23.973-36.6 36.559-.3.4-.3.4-.6.699-.8 1.498-1.1 2.897-1 4.495z' /%3E%3C/g%3E%3C/svg%3E");}
.breadcrumb li a:after {position: absolute; right: 8px; bottom: -4px; left: 8px; display: block; height: 1px; content: ""; background: transparent;}
.breadcrumb li a:hover:after {background: var(--dark-color);}
.breadcrumb > li:first-child a {padding-left: 0;}
.breadcrumb li:first-child a:after {left: 0;}
.breadcrumb > li:last-child:before {display: none;}
@media (min-width: 768px){
    .breadcrumb > li + li:before {margin: 0 10px; background-size: 8px 8px; padding: 0 5px;}
}

.shop .category-advanced a {display: block;}
.shop .category-advanced-title {margin-top: 20px; text-align: left; margin-top: 15px; color: var(--dark-color); font-size: 17px; font-weight: 600; margin-bottom: 6px;}
.shop .category-advanced a:hover .category-advanced-title {text-decoration: underline;}
.shop .tgNaslov {font-size: 20px; font-weight: 600; border: none; color: var(--dark-color); border-top: 1px solid var(--gray-color);}
.shop span.tgNaslov {border-top: none;}
.shop #vertical-menu ul {box-shadow: none; padding: 0; width: 100%;}
.shop #vertical-menu ul li > ul {padding-left: 16px;}
.shop #vertical-menu .list-group-item {color: var(--dark-color); font-size: 17px; display: flex; width: 100%; text-align: left;}
.shop #vertical-menu ul.list-group li .icon-right:hover {color: var(--main-color);}
.shop #vertical-menu ul.list-group li ul > li > a {font-size: 16px; border-bottom: 1px solid var(--gray-color);}
.shop #vertical-menu .active > a.list-group-item {font-weight: 500; color: var(--main-color);}
.shop .sidebar .active ul a {color: inherit;}

.news-one .subtitle {font-size: 18px; color: inherit;}
.news-one .news-info ul {color: #8C8E91;}
.news-one .news-info ul > li {margin: 0 10px; text-transform: uppercase;}
.news-one .news-info ul > li:after {content: ""; position: relative; border-color: rgba(0, 0, 0, 0.09); border-left-width: 1px; border-left-style: solid; right: calc(-20px/2);}
.news-one .news-info ul > li:last-child:after {display: none;}
.news-one .main-content .social-circle a {border: none;}

.checkout .cart-checkout .okvir {background: #e1e9ef52; border: none; font-size: 16px;}
.checkout .cart-checkout .okvir h2, .checkout h3 {color: var(--dark-color); font-weight: 500;}
.checkout .form-control, .user-login .form-control {padding: 16px; box-shadow: none;}
.checkout .select2-container .select2-selection--single {height: 54px; padding: 11px;}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {height: 54px;}
.checkout .form-title, .checkout label, .checkout b, .user-login label, .user-login b {font-weight: 500;}
.checkout .checkoutCheckoxes {font-size: 14px;}
.checkout .checkoutCheckoxes p {margin-bottom: 0;}

.cart-checkout .okvir .cart_head, .cart-checkout .okvir .cart_total {border-width: 1px; border-color: var(--dark-color);}
.cart-checkout .okvir .cart_delivery {padding: 10px 0;}
.checkout .cart-checkout .cart_total {display: flex; align-items: center; padding: 20px 0;}
.checkout .cart-checkout .cart_total .desno {font-size: 20px;}
.checkout .cart-checkout .okvir .cart_product {display: flex; align-items: center; border-bottom: 1px solid var(--gray-color);}
.checkout .cart-checkout .okvir #checkout-submit {width: 100%;}

.static .register {background: #e1e9ef52;}
.static p.login-title, .static p.register-title {padding: 32px 16px; color: var(--dark-color); font-size: 22px;}
.static p.register-title {background: var(--gray-color);}

.kontakt .form-control {box-shadow: none; padding: 20px;}
.kontakt .form-control:hover, .checkout .form-control:hover {border-color: var(--dark-color);}
.kontakt .form-control:focus, .checkout .form-control:focus {background: var(--soft-color);}


.contact-info {padding-bottom: 30px; border-bottom: 1px solid #eff1f2; font-size: 15px;}
.contact-info ul > li {color: var(--dark-color); font-size: 16px; padding-bottom: 5px;}
.contact-info ul > li a {text-decoration: underline;}
.contact-info ul > li > span {color: #7C7F85; font-weight: 300; margin-right: 4px;}

.kontakt .form-group {margin-bottom: 30px;}




footer .details {background: var(--soft-color); padding-bottom: 16px;}
footer .details p.title {margin: 0; font-size: 16px; font-weight: 700; margin-bottom: 16px; font-family: 'Jost', sans-serif; text-transform: uppercase; padding-bottom: 0;}
footer ul li {display: block; max-width: fit-content; color: var(--dark-color); font-size: 15px;}
footer ul.payment li {display: flex; align-items: center; line-height: 1.4; margin-bottom: 16px;}
footer ul.footer-contact li {font-size: 18px;}
footer ul.footer-contact li span {font-size: 14px; color: #7c7f85; display: block; line-height: 1;}
footer ul li > a {position: relative;}
footer ul li a:after {content: ''; width: 0; height: 2px; background: var(--main-color); position: absolute; left: 0; bottom: 0px; transition: width .4s ease;}
footer ul li:hover a {color: var(--dark-color);}
footer ul li:hover > a:after {width: 100%;}


footer .footer-grey {color: #7c7f85;}
footer ul li > svg {height: 25px; width: 25px; min-width: 25px; margin-right: 10px;}

footer .credit-cards {flex-wrap: wrap;}
footer .visa {background: #fff; margin-right: 10px; margin-bottom: 10px; max-height: 34px; padding: 2px 5px; border: 1px solid #e1e9ef; border-radius: 5px; }
footer .intesa-margin {margin: 0 10px 10px 0;}
footer a:has(.intesa-margin) {flex: 1 1 100%;}

footer .footer-bottom {background-color: var(--soft-color);}
footer .footer-bottom > div {border-top: 1px solid #e1e9ef;}
footer .footer-bottom p {max-width: 80%; display: inline-block; margin: 20px 0; color: #737373;}


footer .signature {padding: 0; background-color: var(--soft-color);}
footer .signature a {color: inherit;}
footer .signature > div {border-top: 1px solid #e1e9ef; padding: 30px 0;}
footer :is(.signature, .signature a) {color: #1f1f1f;}
footer .signature .text-left a {margin-left: 20px; position: relative; color: #acacbb;}
footer .signature .text-left a:hover {color: #EA1E33}
footer .signature .text-left a:before {content: ''; position: absolute; width: 1px; height: 100%; background: #bebebe; left: -10px; top: 0;}
footer .signature .tos > ul > li {display: inline-block; line-height: 22px; padding-left: 10px;}
footer .signature .tos > ul > li > a {font-size: 13px;}


.advanced-search .tt-menu .tt-suggestion {color: var(--dark-color); padding: 0;}
.advanced-search .tt-menu .tt-suggestion a {padding: 8px 10px; display: flex;}



@media (min-width: 768px) {

    header .top .top-left svg {width: 21px; height: 21px; fill: var(--white-color);}
    header .top .top-left span {margin: 0 0 0 10px; color: var(--white-color);}
    header .top .top-links a {color: #fff; font: 500 15px/1 Jost,sans-serif; text-decoration: none; transition: all .5s ease; padding: 8px 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
                                display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
    header .top .top-links a > svg {margin: 0 10px 0 0; width: 16px; height: 16px; fill: var(--white-color);}
    
    
    header .logo img {max-height: 30px;}
    
    header .middle .header-contact li {margin: 12px 30px 10px 0;}
    header .middle .header-contact a {color: #1e3b65; font: 500 16px/1.2 Jost,sans-serif; text-decoration: none; transition: color .5s ease; position: relative; display: flex;}
    header .middle .header-contact a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--dark-color); transition: .3s ease-in-out;}
    header .middle .header-contact a:hover:after {width: 100%;}
    header .middle .header-contact span {color: #41617f; font: 13px/1.2 Jost,sans-serif; padding: 3px 0 0; display: block;}
    
    header .middle .cart-container a {background: var(--main-color); color: #fff; border-radius: 30px; height: 50px; line-height: 1; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s ease; border-radius: 30px; padding: 10px 10px 10px 20px;
                                        float: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;}
    header .middle .cart-container .cart-text {margin: 0 0 0 10px;}
    header .middle .cart-container .badge {position: relative; min-width: 30px; height: 30px; color: var(--dark-color); font: 700 14px/30px Jost,sans-serif; text-align: center; background: #fff; border-radius: 30px; margin: 0 0 0 15px; top: unset; right: unset; padding: 0;}
    header .middle .cart-container a > svg {width: 22px; height: 22px; fill: #fff;}
    header .middle .cart-container a:hover {background: var(--dark-color);} 
    
    header .middle .menu-cart ul li {padding: 0 0 0 25px;}
    header .menu-cart ul li svg {width: 20px; height: 20px;}
    header .middle .menu-cart ul li .img-circle {width: 50px; height: 50px;}
    header .middle .menu-cart ul li.profile {margin-bottom: 0;}
    header .middle .menu-cart ul li.profile > a, header .middle .menu-cart ul li.wishlist > a {width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); transition: all .5s ease; border-radius: 50%; background: var(--gray-color);}
    header .middle .menu-cart ul li.profile svg {fill: var(--dark-color); transition: all .5s ease;}
    header .middle .menu-cart ul li.profile > a:hover {background: var(--main-color);}
    header .middle .menu-cart ul li.profile > a:has(img):hover {background: none;}
    header .middle .menu-cart ul li.profile > a:hover svg, header .middle .menu-cart ul li.wishlist > a:hover svg {fill: #fff;}
    header .middle .menu-cart ul li.wishlist > a:hover {background: var(--dark-color);}
    header .middle .menu-cart ul li.wishlist .badge {color: var(--dark-color); font-size: 12px; padding: 5px 7px; right: -11px; top: -4px; border-radius: 50%; border: 1px solid var(--gray-color);}
    header .menu-cart ul li ul.user-menu-dropdown {top: calc(100% + 16px); left: -48px; border-radius: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); padding: 5px;}
    header .menu-cart ul li ul.user-menu-dropdown li {align-items: flex-end; padding: 0;}
    header .menu-cart ul li ul.user-menu-dropdown > li> a {font-size: 15px; font-weight: 500; padding: 10px;}
    
    header .middle .advanced-search .navbar-form.search {padding: 0;}
    header .middle .advanced-search .input {border-bottom: 1px solid var(--gray-color); position: relative;}
    header .middle .advanced-search .input ::placeholder {color: var(--dark-color);}
    header .middle .advanced-search .input input {border: 0; color: var(--dark-color); font: 18px/1.2 Jost,sans-serif; border-radius: 0; padding: 8px 0 0; height: 54px; padding-left: 10px;}
    header .middle .advanced-search .button {top: 14px; right: 0; cursor: pointer;}
    header .middle .advanced-search .button svg {fill: var(--dark-color); width: 26px;}
    header .middle .advanced-search .search-line {width: 0; height: 1px; background: #1e3b65; transition: width .5s ease; position: absolute; left: 0; bottom: -1px;}
    header .middle .advanced-search .input :has(input:focus) .search-line {width: 100%;}
    header .middle .advanced-search .input input:focus::placeholder {color: transparent !important;}
    header .middle .advanced-search .button input {position: absolute; left: 0; width: 100%; top: 0;}
    header .middle .search-line {width: 0; height: 1px; background: #1e3b65; transition: width .5s ease; position: absolute; left: 0; bottom: -1px;}
    
    
    
    header .bottom #nav-section .navbar-default .navbar-nav {display: flex; align-items: center; justify-content: space-between;}
    header .bottom #nav-section .navbar-default .nav:before, header .bottom #nav-section .navbar-default .nav:after {display: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li:first-child > a {padding-left: 0;}
    header .bottom #nav-section .navbar-default .navbar-nav > li:last-child > a {padding-right: 0;}
    header .bottom .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu > li > ul {top: 0;}
    
    .news-one .news-info ul > li:first-child {margin-left: 0;}
    
    .blog-list .one-news > .row {max-height: 340px;}

    .newsletter-form-wrap {padding: 64px;}
    .img-wrap, .newsletter-form-wrap {border: 1px solid #e5e5e5;}
    .img-wrap {border-right: 0;}
    .newsletter-form-wrap {border-left: 0; height: 100%;}
    
    
    
    .checkout .cart-checkout .okvir {padding: 30px;}
    .product-details .go-to-checkout {margin-left: auto;}

    
    footer {position: relative;}
    footer .logo {max-width: 250px;}
    
    
    .scrollToTop {position: absolute; top: 0; bottom: auto; background: #fff; font-size: 22px; border-radius: 0; color: var(--main-color); border: 0;}
    .scrollToTop:hover {color: var(--dark-color);}
    
}




@media (max-width: 767px) {
    
    .flex-xs {display: flex;}
    .flex-column-xs {flex-direction: column;}
    .order-2 {order: 2}

    
    header .solid-menus .navbar-header {display: flex!important; justify-content: space-between; padding: 10px 0 7px;}
    header .navbar-header:before, .navbar-header:after {display: none;}
    header .solid-menus .navbar-header .header-icons {line-height: 1;}
    header .solid-menus .navbar-brand > img {max-height: 20px; margin-top: 0;}
    header .navbar-header .shopping-cart {position: relative; top: auto; right: auto; margin-left: 5px;}
    header .solid-menus .navbar-toggle {margin-right: 0; display: flex; flex-direction: column; align-items: end; padding: 9px 10px;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {color: var(--dark-color);}
    header #nav-section .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
    header .navbar-header .badge {background-color: var(--dark-color); color: #fff; border: 0; position: absolute; right: -8px; top: -4px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; 
                                    font-size: 10px; font-weight: 500;}
    
    
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {background: var(--soft-color);}
    header .bottom .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: var(--dark-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a .badge {position: relative; min-width: 30px; height: 30px; color: var(--dark-color); font: 700 14px/30px Jost,sans-serif; text-align: center; background: #fff; border-radius: 30px;
                                                                        margin: 0 0 0 15px; top: unset; right: unset; padding: 0;}                           
    
    header .search-icon svg {width: 32px; height: 32px;}
    
    
    .swiper-button-next, .swiper-button-prev {top: 50%; transform: translatey(-100%); width: 34px; height: 34px;}

    .rooms > .row {padding-top: 50px!important;}
    
    .one-product .product-buttons {transform: translateY(0);}
    
    .product .photo-info {width: 100%; padding: 0 15px;}
    .product .photo-info svg {width: 30px; min-width: 30px;}
    .product .product-configuration {padding: 20px 20px 50px;}
    .product .choose-option {font-size: 13px; padding: 0px 20px; transform: translateY(-80px);}
    
    .shop #vertical-menu a.list-group-item {padding: 10px 0;}
    
    .blog-list .one-news .time-ago, .blog-list .one-news .time-ago a {font-size: 12px;}
    
    .swiperTestimonials .stars svg {margin-left: 1px;}
    
    .newsletter > .row {padding-bottom: 50px!important;}
    .newsletter-form-wrap {padding: 32px;}
    
    .keypoints-wrap {padding: 80px 15px 40px;}
    .keypoints-wrap .keypoints-block {margin: 0 0 40px;}
    
    .tos div {word-wrap: break-word;}
    
    .checkout .user-details .if-registered {margin-top: 20px!important;}
    
    
    .kontakt .contact-info > div {margin-bottom: 16px; border: 1px solid transparent;} 
    
    
    footer .logo {max-height: 22px; height: auto;}
    footer ul li {max-width: unset;}
    footer .tgSadrzaj ul {padding-top: 0;}
    footer .signature [class*='col-sm-'] {padding-left: 30px!important; padding-right: 30px!important; text-align: center;}
    footer .signature .text-left a {display: block; margin-top: 10px;}
    footer .signature .text-left a:before {display: none;}
    
    .search-box #search {margin-top: 50%; margin-bottom: auto; display: flex;}
    .search-box .input {padding: 15px 45px 15px 15px;}
    .search-box .input .button {right: 10px;}
    .search-box .tt-menu {top: calc(100% + 25px)!important;}
    .search-box .tt-suggestion a {display: flex; text-align: left; padding: 5px 0;}
    .search-box .tt-suggestion a img {display: none;}

}


@media (max-width: 480px) {
    
    .rooms .roomsBanner .swiper-slide a, .rooms .roomsBanner .swiper-slide a > img {width: 100%;}
    
}



.category select, .akcija select, .novo select, .brand .content select, .productbrand .content select, .shop .orderby select {border: none; padding: 10px; background-color: var(--gray-color); font-size: 14px; border-right: 5px solid transparent;}
a:active, a:focus {outline: none; text-decoration: none; color: inherit;}