:root {
    --main-color: #262626;
    --alt-color: #262626;
}


body { line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; font-family: "Montserrat", sans-serif; color: #262626; }




/* reset */
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-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;}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus, .comments .btn, .hvr-sweep-to-right::before, .cart-checkout .okvir #checkout-submit {background: var(--main-color); }
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color);}
.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
    {color: var(--main-color);}
.kontakt .btn {background: var(--main-color);}
.product  {    font-family: 'NeueMontrealRegular';}
#noty_center_layout_container > li {background-color: var(--main-color)!important;}
footer ul li a:hover {font-weight: inherit;}
footer ul li {opacity: 1;}
footer .details p.title {margin: 0; padding: 0;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #333;}
.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);}
.scrollToTop {background: var(--main-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}



/* bootstrap 5 */
.align-items-center {-ms-flex-align: center!important; align-items: center!important;}
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; padding-right: 15px; padding-left: 15px; }
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
*/


p {font-size: 14px; font-weight: 400; line-height: 22px; color: #262626; margin-bottom: 15px; font-family: 'NeueMontrealRegular';}
a {transition: all .3s ease 0s;}
a:hover {color: #CACCC1;}
a:focus, a:visited, a:active { outline: none; border: none; text-decoration: none;}
a:focus, a:hover {color: inherit;}

h2 {color: rgb(38, 38, 38);}


.btn-primary { background: #262626;}
.user-login #show-forgot-password {color: #262626!important;}
.static p.login-title { color: #262626!important; }
.checkout-captcha-title {  color: #262626; }


.one-product .follow-featured { color: #ffffff; font-size: 23px; background: #c3c3c5; border-radius: 57%; padding-left: 6px; padding-top: 5px; width: 31px; height: 31px; text-align: left; position: absolute;
    top: 7px; left: 7px; z-index: 10; line-height: unset;}

h2.follow-us { margin-top: 12px; margin-bottom: 2px; font-weight: 500; }
.homepage .border p { margin: 0 0 13px; font-size: 16px; }
body.homepage .hidden-home {display: none!important;}
.philosophy .main-wrapper {background-color: #cacbc1;}


/* index */

.clickable-mainmenu-wrap .mobile-curr-lang-wrap {height: 100px; width: 100%;}

.navbar-nav-icons .badge {position: absolute; bottom: 0; right: 7px; background-color: #000000ba; padding: 3px 7px 4px 7px; color: #fff; border-radius: 50%; font-family: 'NeueMontrealMedium'; font-weight: 400;}

.clickable-mainmenu-style6 ul.navbar-nav-icons { list-style: none; margin: 0; align-items: center;}
.clickable-mainmenu-style6 ul.navbar-nav-icons > li > a { display: flex; padding: 5px 10px; }
.clickable-mainmenu-style6 ul.navbar-nav-icons > li > a > svg { width: 30px; height: 30px; display: inline-block; fill: #686868; }
svg#search-alt-3 {height: 27px; width: 27px;}

.search-box .input .button input {color: #656263;}

@media only screen and (min-width: 768px) {
    
    header .lang-cart-search-wrap .lang-curr-dropdown {position: absolute;}
}

@media only screen and (min-width: 992px) {
    .border {padding-top: 200px;}
    
    .clickable-mainmenu-style6 ul.navbar-nav-icons { list-style: none; margin: 0; align-items: center; justify-content: flex-end;}
    .clickable-mainmenu-style6 ul.navbar-nav-icons > li > a { display: flex; padding: 5px 10px; }
    .clickable-mainmenu-style6 ul.navbar-nav-icons > li > a > svg { width: 30px; height: 30px; display: inline-block; fill: #686868; }
}

@media only screen and (min-width: 1370px){
    .container-fluid {padding: 0 80px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lang-cart-search-wrap .mobile-language-active {font-size: 13px;}
    .clickable-mainmenu-style6 ul.navbar-nav-icons > li > a > svg {width: 30px; height: 30px; display: inline-block; fill: #686868;}
    svg#search-alt-3 {height: 25px; width: 25px;}
}

header .bottom {background: transparent;}


.breadcrumb {margin-bottom: 20px;padding: 1px 0;}
.breadcrumb > li {margin: 0 2px; text-transform: capitalize; font-family: 'NeueMontrealRegular', serif;}
.breadcrumb > :is(li, li > a) {font-size: 14px;}
.breadcrumb > li:before {display: none;}
.breadcrumb > li:after {font-family: "Font Awesome 5 Free"; content:"\f105"; position: relative; font-weight: 900; font-style: normal; margin: 0 2px 0 8px; font-size: 12px; color: #787878}
.breadcrumb > li:last-child:after {display: none;}



.advanced-search.withDropDown .button {z-index: 3;right: 217px; font-size: 21px;  top: 10px; }
.advanced-search.withDropDown .button button { background: #fff; border: 0; }
.advanced-search.withDropDown .input-group-btn button {padding: 11px 70px; border: 1px solid #ccc;}

.solid-menus .navbar.no-bg .navbar-toggle { border-color: transparent;}
.navbar-default .navbar-toggle .icon-bar { background-color: #eaebed;}


.solid-menus .dropdown-menu > li > a:hover { color: #98999b; }

a.very-dark-text { color: #38373c!important; font-weight: 700; }


.dropdown .dropdown-menu {z-index: 9999;}

.one-product .product-holder {/* -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;*/background: #fff; }
.one-product .product-holder a h2 {font-size: 16px; margin: 0px 0px 5px;}
.one-product img {aspect-ratio: auto;}
.one-product .price {color: rgb(58, 58, 58);}
.one-product .price-old { color: rgb(68, 68, 68); font-size: 12px; font-weight: 300; text-decoration: line-through; margin-right: 5px; }
.swiper-container .swiper-pagination-bullet-active {background: rgb(152, 153, 155);  opacity: 1;}



.iffixed {/*display: flex; justify-content: center;*/ width: 50%!important; float: left;}

.one-product .product-bottom { padding: 20px 0 0; position: relative; }
.one-product .cta-button {  position: absolute; right: 17px; bottom: 20px; text-align: right; z-index: 999;}
.one-product .free-delivery { padding: 10px 0; font-weight: 300; } 
.one-product .product-brand-short { margin-bottom: 7px; } 

a.animated-dark2-arrow { border-radius: 8px; background-color: #4a4b4a; color: #fff!important; position: absolute; top: 36%; right: 4%;}
.cta-button a { border-radius: 8px;  background-color: #4a4b4a; color: #fff!important; padding: 6px 12px;}


.product-details { padding-left: 100px; }
.product-details h1 {letter-spacing: -1px; font-size: 24px; text-transform:capitalize; font-weight: 700; color: #262626;}
.product-configuration {border: none;}
.product-details .price, .product-details .price .salesprice {font-weight: 400; color: #98999b!important; font-size: 28px; line-height: 23px;}
.product-details .add-to-cart, .product-details .go-to-checkout {font-size: 16px; padding: 10px 20px;}
.product-details .sp-plus, .product-details .sp-minus {padding: 3px 5px;}

.product-details .go-to-checkout {background: rgb(202, 203, 195);}
.vatt { font-size: 14px; margin-left: 5px;}
.product-details .description {font-size: 14px;}
.product .product-photo img {aspect-ratio: auto; margin: 0;}
.product .slider-nav .slick-slide.thumbnail-image .thumbImg {height: auto;}
.slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img {cursor: pointer;}
.slider-nav .slick-slide span {padding: 0;}
.product .similar-products {padding: 50px 0 90px;}
.exp-on-discount { position: relative; padding: 2px 10px; background: #63d1c8; color: #fff; z-index: 99; margin-bottom: 6px; }


.philosophy .about-us-area .custom-container .row {display: flex;}


.shop .breadcrumb-area, .blog .breadcrumb-area {margin-top: -200px;}
.shop .shop-area {padding: 50px 0 80px;}
.shop .shop-top-bar .shop-top-bar-left .shop-page-list {margin-left: 0!important;}
.shop .shop-top-bar .shop-top-bar-right .shop-short-by select {color: #282828; font-weight: 700;}
.shop .form-check { display:flex; align-items:center; margin-bottom: 1em; } 
.shop .form-check-input{ height:20px; width:20px; margin: 0; position: initial; }
.shop .form-check-label{ margin:0; margin-left:1em; line-height: 1; font-weight: 400;}
.shop .page-link{ color: #262626;}
[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }



.pagination {display: flex; align-items: center; justify-content: center;}


.checkout h3 {margin-top: 40px;}
.checkout .cart-checkout input {height: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; font-size: inherit; color: inherit; width: inherit;}
.user-login .register input {height: inherit; }
.user-login input[type="checkbox"] {width: auto;}


.contact .border, .philosophy .border {padding-top: 0;}



footer {font-weight: 400;}
footer .details {background-color: #262626; color: #d5d5d5; font-size: 12px; padding: 70px 0 0;}
footer .details h4 {font-size: 12px; font-weight: 500; letter-spacing: 2px; color: #fff; margin: 0; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 0;}
footer .details h4:before {display: none;}
footer .details a {color: #d5d5d5;}
footer .details .footer-logo img {width: 150px;}
footer .details .footer-info {margin: 40px 0 42px;}
footer .footer-info li {line-height: 1.84;}
footer ul li a:before { background-color: #4a4b4a; }
footer .footer-holder {color: #333;}
footer input {width: 100%; border: 1px solid rgba(255, 255, 255, 0.13);}
footer .subscribe-email {font-size: 12px; font-weight: 300; -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 50%); box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 50%); background-color: rgba(0, 0, 0, 0.01); height: 60px; padding: 2px 30px; margin-bottom: 13px; color: #777777;}
footer .subscribe-button {font-size: 14px; font-weight: 500; height: 55px; padding: 2px 30px; margin-bottom: 0px; background-color: #CACCC1; text-align: center; color: #fff;}
footer .signature {background-color: #262626; color: #848484; font-weight: 300; font-size: 11px; padding: 25px 0 10px;}
footer .signature p {color: #848484; font-weight: 300; font-size: 11px; margin-bottom: 0;}
footer .credit-cards {width: 100%;}
footer .credit-cards img {/*filter: grayscale(1); transition: filter 0.1s ease-in;*/ margin: 0 9px; max-height: 30px; width: auto;}
footer .credit-cards img:hover {/*filter: grayscale(0);*/}
footer .intesa-margin {margin: 0;}
footer .footer-social ul > li {display: inline-block; margin-right: 15px;}
footer .footer-social ul > li > a {font-size: 18px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(255, 255, 255, 0.14); border-radius: 100%; text-align: center; display: inline-block; color: #777777; line-height: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 38px; height: 38px;}
footer .footer-social ul > li > a > i {line-height: 38px;}
footer .footer-social ul > li > a:hover {color: #fff;}
footer .footer-social ul > li > a.fb:hover {background-color: #3b5998;}
footer .footer-social ul > li > a.inst:hover {background-color: #E1306C;}
footer ul li a:before {display: none;}
footer ul li a:hover {color: #fff; font-weight: inherit;}

.scrollToTop {width: 50px; height: 50px; background-color: #CACCC1; color: #fff; right: 20px; bottom: 60px; text-align: center; overflow: hidden; border-radius: 50px; z-index: 9811 !important;}
.scrollToTop i {display: block; line-height: 50px; font-size: 22px;}
.scrollToTop:hover i {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.scrollToTop:hover {color: #fff;}


.about-us-content-3 h2 {  margin: 35px 0 35px; }


h2.background span {background: #fff; padding: 0; letter-spacing: 1px; font-weight: 700;}
h2.background:before {border-top: 1px solid #fff;}

.navbar { min-height: 40px;}


.desktop-l {  padding-left: 0px!important; }
.desktop-r {  padding-right: 0px!important; }


.btn-success { background: #caccc1; }
.btn-success:hover { background: #656263; }
.btn-success[disabled] {background: #656263; }


@media only screen and (max-width: 991px) {
    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {color: inherit;}
    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {margin: 0;}
    .mobile-off-canvas-active .clickable-mainmenu-style6 {border-bottom: 1px solid #ddd; padding: 24px 0; margin-bottom: 30px;}
    
    .clickable-mainmenu-style6 ul.navbar-nav-icons {display: flex; justify-content: flex-start;}}

    .search-box {z-index: 10001;}


@media only screen and (max-width: 767px) {
    
    header {background: transparent;}
    .border {padding-top: 0;}
    
    .desktop-l {  padding-left: 15px!important; }
    .desktop-r {  padding-right: 15px!important; }
    .solid-menus .pull-me-right {  margin: unset;}
    
    .bg-color {border-top: 1px solid rgba(0, 0, 0, 0.1);}
    
    header {margin-bottom: 0!important;}
    header .bottom {padding: 15px 0;}
    header .bottom .solid-menus .navbar-header {}
    header .bottom .solid-menus .navbar-brand > img {width: 120px; height: auto; margin-top: unset;}
    header .bottom .solid-menus .navbar-brand.navbar-brand-center {position: relative; left: unset; margin: 0; padding: 0; display: flex;}
    header .bottom .solid-menus .navbar-toggle.navbar-toggle-left {float: right; margin: 0; border: none; padding-right: 0;}
    header .bottom .navbar-collapse.collapse.in, .navbar-collapse.collapsing {margin-top: unset;}
    header .bottom #nav-section .navbar-default :is(.navbar-toggle:hover, .navbar-toggle:focus) {background-color: transparent;}
    header .bottom #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: #262626; width: 22px!important; height: 1px;}
    header .bottom #nav-section .navbar-default .navbar-toggle .icon-bar:nth-child(2) {width: 18px!important;}
    header .bottom #nav-section .navbar-default .navbar-toggle .icon-bar:nth-child(4) {width: 13px!important;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {font-size: 15px; text-transform: capitalize; line-height: 18px; position: relative; display: inline-block; font-weight: 500; color: #000;}
    header .bottom .solid-menus .dropdown {}
    header .bottom .solid-menus .dropdown .dropdown-menu ul {list-style-type: none;}
    header .bottom .solid-menus .dropdown .dropdown-menu ul > li > a {padding: 7px 0; display: block;}
    header .bottom .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
    
    
    .search-box .input .button {display: flex; position: relative; right: auto; top: auto;}
    .search-box .input input {justify-content: center; text-align: center; height: 35px;}

    .breadcrumb {margin-top: 20px;}
    
    .product .product-details {padding-left: 15px;}
    .breadcrumb > li.responsive-center {font-weight: 400; font-size: 14px;}
    .swiper-button-next.swiper-button-white { background: rgb(127, 125, 128); height: 80px; width: 50px; margin-right: -15px; margin-top: -14%; border-radius: 5px; }
    .swiper-button-prev.swiper-button-white { background: rgb(127, 125, 128); height: 80px; width: 50px; margin-left: -15px; margin-top: -14%; border-radius: 5px; }
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 44px!important;}
    
    .news-category h1 {font-size: 26px; display: flex; width: 100%; margin: 10px 0 40px;}
    
    .shop .breadcrumb-area, .blog .breadcrumb-area {margin-top: auto;}
    
    .product h1 {margin-top: 40px;}
    
    
    
    footer .details.visible-xs {padding-top: 50px;}
    footer .details .footer-logo img {margin: 0; display: block;}
    footer .details ul {text-align: left; padding-top: 0;}
    footer .details .footer-logo img {display: inline-block;}
    footer .details .footer-info {margin: 23px 0 25px;}
    footer .credit-cards {padding: 50px 0 0;}
    footer .credit-cards img {max-height: 26px; margin-bottom: 20px;}
    footer .visa {height: auto;}
    
}


/* doradjeno ispod */

.footer-title h3 { font-size: 18px;  color: #fff;}

.tp-caption {color: #fff}

.collection-title{ font-size: 50px !important;  color: #fff;  line-height: 1 !important; font-family: 'addingtonCf-thin', serif !important; margin-bottom: 0 !important; position: initial !important; }
.collection-title span {  color: #fff;font-size: 18px !important;  display: block !important; text-align: left !important; margin-left: 170px !important;  } 
.collection-text{ font-family: 'NeueMontrealRegular', serif !important; font-size: 12px !important; line-height: 1.6 !important; } 



.water{ font-size: 56px !important; display: block !important; line-height: 1.2 !important; color: #fff;} 
.water span{ display: block !important; font-size: 18px !important; line-height: 1 !important; margin-bottom: 0 !important; } 

#rev_slider_8_1 .tparrows:before{ color: #fff !important; } #slide-21-layer-4{ top: 0 !important; } 
#slide-22-layer-3{ top: 100px !important; } 
#rev_slider_8_1_wrapper #slide-20-layer-4, #rev_slider_8_1_wrapper #slide-21-layer-4, #rev_slider_8_1_wrapper #slide-22-layer-4, #rev_slider_8_1_wrapper #slide-23-layer-4{ font-size: 12px !important; } 

[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}
[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}
[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}
@keyframes livewireautofill { from {} } 
.bioxgn-logo{ transform: rotate(-90deg); height: auto !important; width: 120px !important; margin-top: 32px; }


.breadcrumb-content ul li {text-transform: unset;}


@media only screen and (max-width: 767px) {
    
    .flex-xs {display: flex!important;}


    .collection-title{ font-size: 30px !important;  color: #fff;  line-height: 1 !important; font-family: 'addingtonCf-thin', serif !important; margin-bottom: 0 !important; position: initial !important; }
    .collection-title span {  color: #fff;font-size: 18px !important;  display: block !important; text-align: left !important; margin-left: 140px !important;  } 
    .collection-text{ font-family: 'NeueMontrealRegular', serif !important; font-size: 12px !important; line-height: 1.6 !important; } 

    .water{ font-size: 36px !important; }
    .water span{margin-left: 44px!important;}

    .footer-widget  input { font-size: 12px; font-weight: 300; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(255, 255, 255, 0.13);-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.01); height: 60px; padding: 2px 30px; margin-bottom: 13px; color: #777777;}
    .footer-widget #mc-embedded-subscribe { font-size: 14px;  font-weight: 500; height: 55px; padding: 2px 30px; margin-bottom: 0px; background-color: #CACCC1; text-align: center; color: #fff;}


}