:root {
    --theme-color: #f5e6df; /*#E8DAC6      #EBE3B8*/
    --alt-color: #e5dde0; /*C7C7BA*/
    --heading-color: #141933;
    --tidewater-color: #072a42;/*#2F4F4E*/
    --gray-color: #545658;
    --light-gray-color: #f3f3f7;
    --black-color: #101010;
    --light-gray-color: #fafafa;
    --dark-color: #000028;
    --theme-transition: transform 0.5s ease;
    
}


/* reset */
.theme-color {color: var(--theme-color);}
a {transition: color .25s;}
.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
.relative {position: relative;}
.absolute {position: absolute;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.p-r-0 {padding-right: 0!important;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-items-end {align-items: flex-end;}
.flex-justify-between {justify-content: space-between;}
.grid {display: grid;}
.inline-flex {display: inline-flex;}
::-moz-selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--theme-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: #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, .product .product-brand {color: var(--theme-color);}
.addtofav.inline .checkbox-inline, .addtofav.inline .checkbox-inline label {cursor: pointer;}
.product-details h1 {letter-spacing: normal;}
.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, .product ul.product-bullets .available
    {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 ul li {opacity: 1; line-height: 1.6em;}
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);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: var(--alt-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(--alt-color)!important;}
.user-login input[type=submit] {background: var(--alt-color);}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--theme-color)!important;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--theme-color); font-size: 20px;}
label {font-weight: 400; margin-bottom: 0;}
.overlay:before {content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.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 {color: #252525; font-size: 16px;}
body, h1, h2, h3, h4, h5, h6, a, li {font-family: "Catamaran", sans-serif;}
body:not(.homepage) {padding-top: 50px;}

h1 {color: var(--tidewater-color); font-size: 30px; font-weight: 500;}
h2.section-title {font-size: 28px; font-weight: 400; line-height: 1.2; margin-bottom: 16px; margin-top: 0;}
h3.section-subtitle {font-size: 16px; /*color: #C3B0A4;*/ color: var(--tidewater-color); font-weight: 400; margin-bottom: 0;}
a, a:before {transition: .25s; color: inherit;}
a:hover {color: var(--alt-color);}
a:focus, a:hover {text-decoration: none;}

.theme-button {background: linear-gradient(90deg, var(--theme-color), transparent); background-color: var(--theme-color);  padding: 0 1.8em; height: 56px; display: inline-flex; 
        align-items: center; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; position: relative; border: 0;
        color: var(--heading-color); transition: background .25s ease-in-out; text-decoration: none; cursor: pointer; width: fit-content;}
.theme-button svg {display: block; margin-left: 3em; width: 35px; height: 11px; transition: .25s ease-in-out; stroke: var(--tidewater-color); fill: none;}
.theme-button:after, .theme-hover:after {content: ''; position:absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%;
        transition: opacity .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out, height .25s ease-in-out; border: 1px solid transparent;}
.theme-button:hover:after, .theme-hover:hover:after {border-color: var(--theme-color); opacity: 1; width: calc(100% + 20px); height: calc(100% + 20px); transform: translate(-10px, -10px);}
.theme-button:hover {background-color: var(--alt-color); color: var(--tidewater-color);}
.theme-button:hover svg {transform: translateX(6px); }
.theme-hover, .theme-banner {position: relative;}

.light-gray-bg {background-color: var(--light-gray-color);}


header {position: fixed; top: 0; width: 100%; z-index: 99; background: linear-gradient(180deg, #00000096, 55%, transparent);}
body:not(.homepage) header {transition: all .45s ease-in-out; background: #fff; box-shadow: rgb(0 0 0 / 7%) 0px -1px 16px;}
body header.header-background {background: #fff; box-shadow: rgb(0 0 0 / 7%) 0px 10px 50px; transition: all .45s ease-in-out;}


header .top, header .swiperTickerContainer {background: var(--theme-color); color: var(--tidewater-color);}
header .swiperTickerContainer .swiper-slide {cursor: default;}
header .top .top-icon > span {position: relative; padding-left: 30px; display: inline-flex; font-size: 14px; font-weight: 600; color: var(--heading-color);}
header .top .top-icon > span:before {content: ''; position: absolute; width: 20px; height: 20px; display: inline-flex; left: 0;
    background-repeat: no-repeat; background-position: center; background-size: 20px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' width='20px' height='20px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Crect x='4' y='16' width='12' height='2'/%3E%3Crect x='2' y='11' width='10' height='2'/%3E%3Cpath d='M29.9189,16.6064l-3-7A.9985.9985,0,0,0,26,9H23V7a1,1,0,0,0-1-1H6V8H21V20.5562A3.9924,3.9924,0,0,0,19.1421,23H12.8579a4,4,0,1,0,0,2h6.2842a3.9806,3.9806,0,0,0,7.7158,0H29a1,1,0,0,0,1-1V17A.9965.9965,0,0,0,29.9189,16.6064ZM9,26a2,2,0,1,1,2-2A2.0023,2.0023,0,0,1,9,26ZM23,11h2.3408l2.1431,5H23Zm0,15a2,2,0,1,1,2-2A2.0023,2.0023,0,0,1,23,26Zm5-3H26.8579A3.9954,3.9954,0,0,0,23,20V18h5Z'/%3E%3Crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3E%3C/svg%3E");
}
header .top .top-icon2 > span:before {background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' stroke='currentColor' stroke-width='2' viewBox='0 0 48 48' width='20' xmlns='http://www.w3.org/2000/svg' class='_mr-8 _w-20'%3E%3Cpath d='M19 32L30 17'%3E%3C/path%3E%3Ccircle cx='19' cy='19' r='3'%3E%3C/circle%3E%3Ccircle cx='30' cy='29' r='3'%3E%3C/circle%3E%3Cpath d='M29 5L24 8L19 5L17 11H10V16L5 19L9 24L5 29L10 32V37H17L19 43L24 40L29 43L31 37H38V32L43 29L39 24L43 19L38 16V11H31L29 5Z'%3E%3C/path%3E%3C/svg%3E");}
header .top .top-icon3 > span:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' width='20px' height='20px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='wallet'%3E%3Cpath d='M22,14.5859a2.5038,2.5038,0,0,0-2-2.4494V10.5859a2.5026,2.5026,0,0,0-2.5-2.5h-.793L12.2676,3.6465a2.5027,2.5027,0,0,0-3.5352,0L4.27,8.1093A2.4944,2.4944,0,0,0,2,10.5859v8a2.5026,2.5026,0,0,0,2.5,2.5h13a2.5026,2.5026,0,0,0,2.5-2.5V17.0353A2.5037,2.5037,0,0,0,22,14.5859ZM9.44,4.3535a1.5012,1.5012,0,0,1,2.121,0L15.293,8.0859H5.707ZM17.5,20.0859H4.5a1.5016,1.5016,0,0,1-1.5-1.5v-8a1.5017,1.5017,0,0,1,1.5-1.5h13a1.5017,1.5017,0,0,1,1.5,1.5v1.5H17.5a2.5,2.5,0,0,0,0,5H19v1.5A1.5016,1.5016,0,0,1,17.5,20.0859Zm2-4h-2a1.5,1.5,0,0,1,0-3h2a1.5,1.5,0,1,1,0,3Z'/%3E%3C/g%3E%3C/svg%3E");}

header .icon-item {display: flex; align-items: center; }
header .icon-item svg, header .menu-cart ul li svg {max-width: 30px; min-width: 30px; height: auto; max-height: 24px; color: var(--theme-color); stroke-width: 1.5;}
header .icon-item:hover svg, header .menu-cart ul li a:hover svg {color: var(--tidewater-color);}

header .middle {padding: 10px 0;}
header .middle, header .advanced-search .input input {background: transparent;}
header .advanced-search .input input {border-color: transparent; border-bottom: 1px solid #aaa;}
header .logo img {filter: brightness(0) invert(1); transition: .25s;}
header .solid-menus .navbar-brand img {transition: .25s; height: 30px; width: auto; margin: 0 auto;}
.homepage header .solid-menus .navbar-brand img {filter: brightness(0) invert(1);}
header.header-background .solid-menus .navbar-brand img {filter: none;}
header .solid-menus .dropdown-menu > li > a {color: var(--tidewater-color);}
header .menu-cart ul li {margin-left: 16px;}
header .middle .badge {right: -1px; top: 24px; background: var(--theme-color); color: var(--tidewater-color); font-weight: 700; padding: 3px 5px 2px 5px; font-size: 12px;}
header .menu-cart ul li svg {fill: none;}

body:not(.homepage) header .logo img, body.homepage header.header-background .logo img {filter: none;}

header .bottom {border: none; padding: 0; margin-bottom: 0; /*background: #d6d6b81c;*/}
header .bottom .navbar-default .navbar-nav > li > a {position: relative; color: #fff; font-weight: 300; font-size: 16px; text-transform: uppercase; text-shadow: none; text-shadow: 0px 0px 36px #000;}
header .solid-menus .no-bg li.active a {color: #fff; font-weight: 400;}
header .solid-menus li a:before {content: ''; border: 1px solid var(--theme-color); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none;}
header .solid-menus li.active a:before, header .solid-menus li a:hover:before {opacity: 1;}
header .solid-menus .no-bg li a:hover {color: var(--theme-color);}
.homepage header .solid-menus .no-bg li a:hover {color: #fff;}
header .solid-menus .no-bg li ul li a:hover, header .solid-menus .no-bg li ul li.active a {background-color: var(--theme-color); color: var(--tidewater-color);}
.homepage header .solid-menus li a:before {mix-blend-mode: multiply;}
.nav-up {top: -203px;}

body:not(.homepage) header #nav-section .navbar-default .navbar-nav > li > a, body.homepage header.header-background #nav-section .navbar-default .navbar-nav > li > a {color: var(--tidewater-color); 
    transition: all .45s ease-in-out; text-shadow: none;}
body:not(.homepage) header .navbar-default .navbar-nav > li > a, body.homepage header.header-background .navbar-default .navbar-nav > li > a {font-size: 16px;}
body:not(.homepage) header .icon-item svg, body:not(.homepage) header .menu-cart ul li svg, body.homepage header.header-background .menu-cart ul li svg, body.homepage header.header-background .icon-item svg {color: var(--tidewater-color);}
body:not(.homepage) header .icon-item:hover svg, body:not(.homepage) header .menu-cart ul li a:hover svg, body.homepage header.header-background .menu-cart ul li a:hover svg,
    body.homepage header.header-background .icon-item:hover svg {color: #e5d0c6;}

header [class*=" icon-"] {font-family: inherit;}

.icon-separator {z-index: 2; fill: #fff; bottom: -1px; height: 40px;}

.big-banner .swiper-slide > div {max-height: 700px; position: relative;}
.big-banner .swiper-slide img {aspect-ratio: unset;}
.big-banner .swiper-slide > div:before {content: ''; background: linear-gradient(180deg, var(--theme-color), transparent); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;}


.homepage h1 {font-weight: 400;}
.title-desc {font-size: 24px; max-width: 80%; color: var(--tidewater-color); font-weight: 300;}



.top-categories .category-item a {height: 100%; display: block; width: 100%;}
.top-categories .category-item .img-wrap {height: 224px;}
.top-categories .category-item .img-wrap:before {background: linear-gradient(360deg, var(--tidewater-color), 10%, transparent);}
.top-categories .category-item .img-wrap img {min-height: 100%; width: 100%; object-fit: cover; aspect-ratio: 2.5;}
.top-categories .category-item h3 {color: var(--tidewater-color); bottom: 16px; left: 16px; z-index: 1; font-size: 16px;}
.top-categories .category-item h3 span {font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}
.top-categories .category-item h3 svg, .top-categories .category-item-big a svg {width: 35px; height: 11px; transition: .25s ease-in-out; color: #fff; stroke: #fff; fill: none;}
.top-categories .category-item-big a {background-color: var(--theme-color);}
.top-categories .category-item-big a:hover {background-color: #ebd8cf;}
.top-categories .category-item-big a h3 {font-size: 48px;}
.top-categories .category-item-big a span {color: var(--tidewater-color);}
.top-categories .category-item-big a svg {stroke: var(--tidewater-color);}
.top-categories .category-item a .img-wrap:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0;
    background: linear-gradient(360deg, var(--tidewater-color), 15%, transparent); transition: .25s;}
.top-categories .category-item a:hover .img-wrap:after {opacity: 1; }
.top-categories .category-item a:hover h3 svg, .top-categories .category-item-big a:hover svg {transform: translateX(6px);}


.category-grid-wrap {display: grid; gap: max(14px, min((10.86px + 0.98vw), 36px)); grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(4, 1fr); 
        grid-template-areas:
        "item1 item2"
        "item3 item7"
        "item4 item5"
        "item6 item8"
;
}
.item-1 {grid-area: item1;}
.item-2 {grid-area: item2;}
.item-3 {grid-area: item3;}
.item-4 {grid-area: item4;}
.item-5 {grid-area: item5;}                    
.item-6 {grid-area: item6;}                    
.item-7 {grid-area: item7;}                    
.item-8 {grid-area: item8;}                    


.banner-slider .banner-slider-bg {background-color: #ecdfda; height: 320px; z-index: -1; top: 57%; transform: translateY(-50%);}
.banner-slider .banner-slider-bg2 {background-color: var(--alt-color);} /*#D7CDC1*/
.banner-slider .banner-img {padding: 30px;}
.banner-slider .banner-img img {aspect-ratio: 1 / 1.1; width: 100%;}
.banner-slider .banner-img a {position: relative; display: flex;}
.banner-slider .banner-img a:before, .theme-banner:before {content: ''; border: 2px solid var(--theme-color); width: calc(100% + 20px); height: calc(100% + 20px); transform: translate(-10px, -10px); position: absolute; 
    left: 0; top: 0; mix-blend-mode: multiply;}
.banner-slider .category-link {right: 15px; top: calc(100% - 20px);}
.banner-slider-2 .category-link {top: 100%; left: 15px; right: auto;}
.banner-slider .swiper-button-next, .banner-slider .swiper-button-prev {background: #e8d9c1; box-shadow: 0 0 5px #0000001f;}
.banner-slider .swiper-button-next {right: 5px!important;}
.banner-slider .swiper-button-prev {left: 5px!important;}
.banner-slider-2 .swiper-button-next, .banner-slider-2 .swiper-button-prev {background: var(--alt-color);}
.banner-slider .swiper-button-next:hover, .banner-slider .swiper-button-prev:hover {background: var(--theme-color);}
.banner-slider .one-product .product-holder {box-shadow: 0 0.325rem 0.76rem rgba(0, 0, 0, 0.02), 0 0.55rem 1.78rem rgba(0, 0, 0, 0.02);}

@media screen and (min-width: 768px){
    .banner-slider .banner-img {padding: 100px;}
    .banner-slider .banner-img-left {padding-left: 0;}
    .banner-slider .banner-img-right {padding-right: 0;}
}



.one-product .product-holder {border: 0px solid #f6efe8; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .04); background: #fff; overflow: unset;}
.one-product .product-img {background: var(--light-gray-color); box-shadow: none;}
.one-product .product-img a {display: flex; mix-blend-mode: darken;}
.one-product .product-img img:hover {transform: scale(1);}
.one-product .follow-featured {top: auto; bottom: 0; right: 0; left: auto;}
.one-product .follow-featured svg {width: 24px; height: 24px; }
.one-product input[type='checkbox'].icon-checkbox + label .unchecked svg {color: var(--alt-color);}
.one-product input[type='checkbox'].icon-checkbox + label .checked svg {color: var(--alt-color); fill: var(--alt-color);}
.one-product .product-text {}
.one-product .product-holder a h2 {color: var(--heading-color); font-weight: 500; opacity: .6;}
.one-product .price {color: var(--heading-color); font-weight: 500;}
.one-product .price-eur {font-size: 15px;}

.one-product .add-to-cart-short {position: absolute; justify-content: flex-end; height: 56px; transition: all 0.5s ease-in-out; bottom: 0; width: 100%; left: 0;}
.one-product .add-to-cart-short button {padding: 0 1em; font-size: 14px; font-weight: 500;}
.one-product .add-to-cart-short button svg {margin-left: 0; fill: none; width: 21px; height: 25px; color: var(--tidewater-color);}
.one-product .product-holder:hover {box-shadow: 0 0.625rem 1.26rem rgba(0, 0, 0, 0.05), 0 1.25rem 3.78rem rgba(0, 0, 0, 0.05) !important;}


.swiper-button-next, .swiper-button-prev {background: var(--theme-color); color: var(--tidewater-color)!important; width: 34px!important; height: 34px!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0!important;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: var(--alt-color);}

.product-flags { position: absolute; left: -6px; top: 0; z-index: 3; overflow: hidden; width: calc(100% + 12px)!important; height: 80px; text-align: right; pointer-events: none; z-index: 9; }
.product-flags [class^='exp-on-'] { font-size: 11px; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); 
    transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #68B5CD; position: absolute; top: 12px; }
.product-flags .exp-on-new {right: -22px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: var(--tidewater-color);}
.product-flags [class^='exp-on-']:before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #5799ad; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #5799ad; }
.product-flags [class^='exp-on-']:after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #161f23; border-bottom: 3px solid transparent; border-top: 3px solid #161f23; }

.product-flags .exp-on-action {background: #ff928b;}
.product-flags .exp-on-action, .product-flags .exp-on-discount {background: var(--theme-color); left: -21px; color: var(--tidewater-color);}
.product-flags .exp-on-action:before, .product-flags .exp-on-discount:before {border-left-color: #c7c09d; border-top-color: #c7c09d;}
.product-flags .exp-on-action:after, .product-flags .exp-on-discount:after {border-right-color: #c7c09d; border-top-color: #c7c09d; display: none;}
.product-flags .exp-on-new:before {display: none;}


.product .product-photo .product-flags {left: 0; width: calc(100% - 13px)!important;}
.product .product-photo .product-flags [class^='exp-on-'] {right: -19px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.product .product-photo .product-flags .exp-on-action:before, .product .product-photo .product-flags .exp-on-discount:before {display: none;}
.product .product-photo .product-flags .exp-on-action:after, .product .product-photo .product-flags .exp-on-discount:after {display: block; border-right-color: #c7c09d; border-top-color: #c7c09d;}
.product .addtofav.inline .fa-heart {color: var(--alt-color);}
.product-details .price, .product-details .price .salesprice {margin-bottom: 8px;}
.product .product-details .price, .product .product-details .add-to-cart, .product .product-details .sp-plus, .product .product-details .sp-minus, .product .comments .btn, 
    .product-details .go-to-checkout {color: var(--tidewater-color);}
.product-details .sp-plus, .product-details .sp-minus {font-size: 20px; z-index: 1; width: 24px; display: flex; justify-content: center; align-items: center;}
.product-details .sp-input {height: 56px;}
.product-details .quantity-input {padding: 0; height: 100%;}
.product-details .add-to-cart, .product-details .go-to-checkout {font-size: 16px;}
.product .product-details .add-to-cart svg {fill: none; height: 23px; width: 25px; margin-left: 0; margin-right: 8px;}
.product-details .description { margin: 30px 0 30px; font-size: 18px; border-top: 1px solid var(--theme-color); border-bottom: 1px solid var(--theme-color); padding: 15px 0;}
.product ul.product-bullets li {padding: 7px 0; border-bottom: 1px solid var(--theme-color);}
.product ul.product-bullets li:last-child {border-bottom: none;}
.product ul.product-bullets .available {color: var(--tidewater-color);}
.product .comments {border: none;}
.product .comments-wrap {background-color: var(--light-gray-color);}


.shop .panel {box-shadow: none; border-left: 2px solid var(--theme-color);}
.category .cat-title {padding: 0; font-weight: 600; color: var(--tidewater-color);}
.pagination > li > a, .pagination > li > span {color: var(--tidewater-color); border-color: var(--theme-color);}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: inherit; background-color: var(--alt-color); border-color: var(--alt-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(--tidewater-color);  background-color: var(--theme-color); border-color: var(--theme-color); margin: 1px;}

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

#vertical-menu .navbar-header {background: var(--theme-color);}
.navbar-default .navbar-toggle .icon-bar {background-color: var(--tidewater-color);}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: var(--alt-color);}
#vertical-menu .active a.list-group-item {background: var(--theme-color); color: var(--tidewater-color);}
#vertical-menu ul ul > li a.list-group-item::before {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' fill='%23072a42' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='603 234 400 400' style='enable-background:new 603 234 400 400;' xml:space='preserve'%3E%3Cpath d='M686.3,600.7c0,13.5,8.1,25.6,20.6,30.8c12.5,5.2,26.8,2.3,36.3-7.2l166.7-166.7c13-13,13-34.1,0-47.1L743.2,243.8 c-9.5-9.5-23.9-12.4-36.3-7.2c-12.5,5.2-20.6,17.3-20.6,30.8V600.7z'/%3E%3C/svg%3E%0A")}
#vertical-menu .list-group-item {color: var(--tidewater-color);}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {background-color: var(--alt-color);}
#vertical-menu li > ul > li > .list-group-item {padding-left: 24px!important;}


.checkout #checkout-form {width: auto; flex-grow: 1;}

.breadcrumb {padding: 10px 0px; font-size: 14px; background: transparent;}
.breadcrumb > li {color: var(--tidewater-color); font-size: 14px; font-weight: 300;}


.cart-checkout .okvir {border: 3px solid var(--tidewater-color);}
.checkout .cart-checkout .okvir i, .checkout .cart-checkout .okvir h2 {color: var(--tidewater-color);}
.checkout .cart-checkout .okvir .fa-trash-alt {color: #ff6961;}
.checkout .user-details .if-registered, .checkout #login-form-checkout .if-registered {color: var(--tidewater-color);}
.checkout .pretty input:checked~.state.p-success .icon, .checkout .pretty input:checked~.state.p-success .svg, .checkout .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg 
    {color: var(--tidewater-color); stroke: var(--tidewater-color);}
.order-as-company {background: #fafafa;}
.form-control {padding: 16px 15px; background: #ede8eb73; border-radius: 7px; border-color: transparent; color: var(--tidewater-color);}


footer .details {background: var(--alt-color);}
footer .details, footer .details p.title, footer ul li, footer .details a {color: var(--tidewater-color); font-weight: 300;}
footer ul li {line-height: 2em;}
footer .details p.title {padding-bottom: 24px; margin-bottom: 0;}
footer .social-circle a {background: #e5d0c6; padding: 7px;}
footer .social-circle a svg {width: 22px; height: 22px; fill: var(--tidewater-color);}
footer ul li a:hover {color: var(--tidewater-color); opacity: .6;}
footer .social-circle a:hover {background: var(--alt-color);}
footer h4 {color: var(--tidewater-color); font-size: 22px; font-weight: 500;}
footer .signature {background-color: #fff; color: var(--tidewater-color);}
footer .signature-text a {text-decoration: underline; color: var(--tidewater-color);}
footer .signature-text a:hover {text-decoration: none;}
footer .visa {max-height: 30px; margin: 0 1px;}

footer ul li a:before {display: none;}

.swiperProducts, .swiperProductsBanner {padding: 12px!important;}

@media screen and (min-width: 641px){
    .swiperProducts, .swiperProductsBanner {padding: 20px 14px!important;}
}

@media screen and (min-width: 768px){
    
    body:not(.homepage) {padding-top: 164px;}
    
    h1 {font-size: 36px;}
    h2.section-title {font-size: 32px; margin-bottom: 32px;}
    h3.section-subtitle {font-size: 18px;}
    
    header .bottom .navbar-default .navbar-nav > li > a {font-size: 18px;}

    
    .category-grid-wrap {grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, 1fr); 
        grid-template-areas:
        "item1 item2 item3 item7"
        "item4 item5 item6 item8"
        ;
    }
}

@media screen and (min-width: 992px){
    .one-product .add-to-cart-short {opacity: 0;}
    .one-product .product-holder:hover .add-to-cart-short {opacity: 1;}
}

@media screen and (max-width: 767px){
    
    header .solid-menus .navbar-toggle {border: none; z-index: 2;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: var(--tidewater-color);}
    .homepage header #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: var(--theme-color);}
    .homepage header.header-background #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: var(--tidewater-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {font-weight: 300; background: var(--theme-color); color: var(--tidewater-color); text-shadow: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a .badge {background: #fff; color: var(--tidewater-color);}
    header .solid-menus .dropdown .dropdown-right > a i.icn-right {top: 19px; color: var(--tidewater-color);} 
    header .navbar-header .shopping-cart {right: 20px;}
    header .navbar-header .shopping-cart svg {width: 30px; height: 30px; fill: none; color: var(--tidewater-color);}
    .homepage header .navbar-header .shopping-cart svg {color: var(--theme-color);}
    .homepage header.header-background .navbar-header .shopping-cart svg {color: var(--tidewater-color);}
    header .search-icon {right: 65px; top: 13px;}
    header .search-icon svg {width: 30px; height: 30px;}
    

    header .navbar-nav .open .dropdown-menu {background: #fff;}
    header .navbar-default .navbar-nav .open .dropdown-menu > li > a {border-bottom: 1px solid var(--theme-color);}
    header .navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a {border-bottom: none;}
    header .solid-menus .dropdown .dropdown-right .dropdown-menu {border-left: 5px solid var(--tidewater-color);}
    header .solid-menus .dropdown .dropdown-right .dropdown-menu li a {padding-left: 44px !important;}
    
    .shop .navbar-toggle {border-color: transparent!important;}
    

    
    .big-banner .swiper-slide > div {height: 400px;}
    
    .product .product-details .add-to-cart {white-space: nowrap; width: auto;}
    
    footer ul li {line-height: 1.6em; padding: 3px 0;}

    
}







::-moz-selection {color: var(--tidewater-color); background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: var(--tidewater-color); background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}

.noty_text {color: var(--tidewater-color); font-weight: 500;}

.search-box {border: 15px solid var(--alt-color); background-color: #f5e6dfed;}
.search-box .input {color: var(--tidewater-color); border-radius: 0; border: 2px solid var(--tidewater-color);}
.search-box .input .button {border-left: 1px solid var(--tidewater-color); top: 0; bottom: 0; right: 0; display: inline-flex; align-items: center; background: var(--alt-color);}
header .search-box .input .button input {height: 100%; width: 100%;  padding: 0 10px; color: var(--tidewater-color);}









.sales-price-note {font-size: 16px}
.price.price-holder .salesprice {color: #072a42}