@font-face {
    font-family: 'Futura Hv BT';
    src: url('../webfonts/FuturaBT-Heavy.eot');
    src: url('../webfonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('../webfonts/FuturaBT-Heavy.woff') format('woff'),
        url('../webfonts/FuturaBT-Heavy.ttf') format('truetype'),
        url('../webfonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Bk BT';
    src: url('../webfonts/FuturaBT-Book.eot');
    src: url('../webfonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/FuturaBT-Book.woff2') format('woff2'),
        url('../webfonts/FuturaBT-Book.woff') format('woff'),
        url('../webfonts/FuturaBT-Book.ttf') format('truetype'),
        url('../webfonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}



@media print {.noPrint, .adminBtn {display:none !important;}}

html { touch-action: manipulation; }

body {background:#fff;color:#666;font-family:'Futura Bk BT', sans-serif;font-size:16px;font-weight: 400;line-height:1;margin:0;padding-top:80px;}
body.lg-on {overflow:hidden;}

img {max-width: 100%;}
ul, ol {list-style-type: none;margin: 0 0;padding: 0 0;}

.vsebina ul {margin:0 0 1em 1em;}
.vsebina ul li {line-height:24px;margin-bottom:.5em;}
.vsebina ul li:before {content:"";display:inline-block;width:3px;height:3px;background-color:#000000;margin:0 0.8em 0.2em -1em;}
.vsebina.intro ul li:before {background-color:#fff;width:2px;height:2px;margin:0 1em 0.3em -1em;}

.vsebina ol {list-style-type:decimal; margin-left: 20px; margin-bottom: 20px;}

.oh {overflow:hidden}
.fl {float:left}
.fr {float:right}
.db {display:block;}
.tar {text-align:right;}
.link {cursor:pointer;}
.my-80 {margin-top:55px;margin-bottom:55px;}
.py-80 {padding-bottom:55px;padding-top:55px;}
.lh {line-height:1.7;}
.fs13 {font-size:13px;}

a {text-decoration:none; color:#1b1b1b; }
a:hover, a:active, a.active, a:focus {text-decoration:none;color:#1b1b1b !important;}

h1, h2, h3, h4 {font-family:'Futura Hv BT'; color:#1b1b1b; text-transform:uppercase;}
h1 {font-size:26px;letter-spacing:0.1em;}
h2 {font-size:24px;letter-spacing:0.1em;}
h3 {font-size:22px;letter-spacing:0.1em;}
h4 {font-size:19px;letter-spacing:0.1em;}
h5 {color:#000000;}
.vsebina h4 + h5 {margin-top:1rem;}
.vsebina h3 + h4 {margin-top:2rem;}

.main-title {text-align:center;padding:35px 0 20px 0;}

button:focus, a:focus {outline:0;}

.touch-scroll {overflow-x:auto; -ms-overflow-style:none; overflow:-moz-scrollbars-none; -webkit-overflow-scrolling:touch;}

/* custom columns */
.col-third { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%;}

/* transitions */
.trans, a, .form-label-group > label, .card-body-limited, .card-body-limited.show, .slick-prev, .slick-next {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.navbar-toggler > span {-webkit-transition: transform .1s ease-in-out; -o-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out;}
.inquiryNotif {-webkit-transition: transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out;}

/* header */
header {background-color:#fff; height: 80px; z-index:1032 !important; border-bottom: #e9e8e9 1px solid;}
header, header a, .search .form-label-group > label, .search .form-control {font-size:16px;font-family:'Futura Bk BT'; letter-spacing:0.035em;}
header, .navbar-light .navbar-nav .nav-link, .search .form-label-group > label, .search .form-control {color:#1b1b1b;}
header i {font-size:14px; line-height:14px !important;}
header i {font-size:14px; line-height:14px !important;}
.btn-stores span {margin-right:10px}
body:not(.index) header {border-bottom:1px solid #e5e5e5;}

.navbar {padding:0;}
.navbar-toggler {padding:15px;margin-right:-15px;border:none;height:100%;border-left:1px solid #e6e7eb;}
.navbar-toggler > span {background-color:#000000;display:block;height:2px;width:20px;margin-left:auto;}
.navbar-toggler > span:nth-child(2) {width:16px;}
.navbar-toggler > span:last-child {width:12px;}
.navbar-toggler > span + span {margin-top:4px;}

.navbar-toggler.open > span {height:4px;width:20px;}
.navbar-toggler.open > span:first-child {transform:rotate(45deg);}
.navbar-toggler.open > span:nth-child(2) {display:none;}
.navbar-toggler.open > span:last-child {transform:rotate(-45deg);margin-top:-4px;}

.sub-menu {display: none;}
.sub-menu a {display: inline-block;padding: 0 0 30px 10px;color: #666;line-height: 1.4;transition:color .3s;}
.sub-menu a:hover, .sub-menu a.active {color: #000000;}
.nav-item:hover .sub-menu {display: block;}

.logo {position:absolute; top:50%;left:50%;transform:translate(-50%, -50%); display: flex; justify-content:center; align-items:center;}
.logo > a {display: block;}

.logo-side {font-family: 'Futura Bk BT'; color: #a1a1a1; border-left: 1px solid #e3e3e3; padding: 16px; margin-left:22px; margin-top:16px; font-size: 16px; text-transform:none;}


.search {width:100%;border-top:1px solid #e6e7eb;}
.search .btn-search {position:absolute;bottom:15px;right:7px;}
.search .form-control {border:none;border-bottom:1px solid #e6e7eb;padding:5px 30px 0 15px;}
.search .form-label-group > label {padding:0;border:none;}
.search .form-label-group > label > span {display:none;}
.search .form-label-group > input, .search .form-label-group > label {height:auto;line-height:26px;}
.search .form-label-group .form-control:not(:placeholder-shown) {padding:5px 30px 0 15px;}
.search .form-label-group .form-control:not(:placeholder-shown) ~ label {display:none;}

.btn-stores span {display:none;}

.btn-basket .badge {position:absolute;top:-8px;left:100%;margin-left:-3px;color:#e25243;background:none;font-size:10px;}
.btn-basket > a > span:not(.badge) {display:none;}
 
.navbar-collapse input::placeholder {
    color: #1b1b1b;
    font-size: 16px;
}

.navbar-collapse .btn-search {
    margin-right: 8px;
}

/*locations*/

.container.locations ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    font-family: 'Futura Bk BT';
    margin-bottom: 50px;
}

.container.locations ul:last-child {
    margin-bottom: 0px;
}

.container.locations h3 {
    font-size: 30px;
    white-space: initial !important;
    letter-spacing: 0.0em;
    margin: 30px 0;
}

.container.locations ul li {
    flex: 0 0 100%;
    width: 100%;
    padding: 15px;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 30px;
}


.container.locations ul li strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Futura Hv BT';
    letter-spacing: 0.025em;
    color: #1b1b1b;
}


/* homepage */
.clickable {
    cursor: pointer;
}

#heroContainer {
    font-family:'Futura Bk BT';
    background-position:bottom center;
}

#ctl00_container_content_ctl00_slick {
    position: static;
}

.hero {
    position:relative;
    height: 470px;
    border-bottom: 1px solid #e9e8e9;
    margin-bottom: 45px;
}

body.index .hero {min-height: 500px; height:calc(100vh - 80px); margin-bottom:0; overflow: hidden; position: relative;}

/*body.index .hero img {height:calc(100vh - 80px); width: 100%; object-fit: cover; object-position: center;}*/


.hero .slick-slide img {object-fit:contain;}


.hero .slick-slide {
    min-height: 500px;
    height:calc(100vh - 80px);
    display: flex !important;
    flex-direction: column;
    /*align-items: center !important;*/
}

body.index .hero .inner .container {
    margin-bottom: 30px;
    margin-left: 15px;
}

body.index .hero .container h2 {
    text-transform: none;
    font-size: 35px;
    letter-spacing: 0;
    margin-bottom: 20px;
}

body.index .hero .container h3{
    white-space: initial;
    font-size: 18px;
    line-height: 34px;
    font-family: 'Futura Bk BT';
    margin-bottom: 30px;
    letter-spacing: 0;
}

body.index .hero .container a.btn {
    display: inline-block;
    margin-right: 8px;
    padding: 10px;
    text-transform: none;
    font-family: 'Futura Hv BT';
    font-size: 14px;
    min-width: 150px;
}

body.index .hero .container a.btn-white {
    background: #fff !important;
}

body.index .hero .container a.btn-whit:hover,
body.index .hero .container a.btn-whit:focus {
    background: #1b1b1b !important;
    color: #fff !important;
}



body.index .hero .container a.btn-outline-primary {
    color: #1b1b1b;
    border-color: #1b1b1b;
}

body.index .hero .container a.btn-outline-primary:hover,
body.index .hero .container a.btn-outline-primary:focus {
    background: #1b1b1b !important;
    color: #fff !important;
}

body.index .slick-dots {
    position: absolute;
    top: calc(50% - 40px);
    left: 20px;
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    bottom: unset;
    transform: translateY(-50%);
}

body.index .slick-dots li {
    margin: 15px 0;
}


body.index .slick-dots li button:before {
    font-size: 5px;
    line-height: 14px;
    border-radius: 50%;
    color: #1b1b1b;
    opacity: 1;
}

body.index .slick-dots li.slick-active button:before {
    border: 3px solid #1b1b1b;
}

body.index .hero :focus {
    outline: none !important;
}

.side-icons {
    z-index: 1031;
    position: fixed;
    top: calc(50%);
    right: 20px;
    transform: translateY(-50%);
}

.side-icons a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: #1b1b1b;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #1b1b1b;
    box-shadow: #fff 0px 0px 3px;
}

.side-icons a:hover {
    background: #fff;
    color: #1b1b1b !important;
}


.breadcrumb {
    padding: 36px 0;
    letter-spacing: 0.1rem;
}

.heroDesc h1 {
    font-size: 48px;
    margin-bottom: 30px;
    text-transform: none;
    letter-spacing: 0.01em;
    color: #282828;
}
.heroDesc p {
    line-height: 28px;
    font-size: 19px;
    letter-spacing: 0.01em;
    color: #4c4c4c;
}

.breadcrumb-item {
    color: #434334 !important;
}

.breadcrumb-item.active {
    font-weight: 600;
}

.colection-top-bar {
    position: relative;
    z-index: 1;    
}

#dropdown-filter .dropdown .dropdown-toggle::after {
    content: "\f107";
    font-family: "Font Awesome\ 5 Free"; font-weight:900;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0em;
    margin-right: 12px;
    vertical-align: -2px;
    font-size: 14px;
    opacity: 0.7;
    border: none;
}

#dropdown-filter .dropdown.show .dropdown-toggle::after {
    content: "\f106";
}

#dropdown-filter .dropdown-filter-center {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

#dropdown-filter .dropdown a {
    background: transparent !important;   
    text-transform:none;
    border:none;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-family:'Futura Bk BT';
}

#dropdown-filter .dropdown a:not(.disabled){color: #282828 !important;}


#dropdown-filter .dropdown a:hover {
    background: none !important;
    color: #282828 !important;
}

.colection-top-bar .counter {
    padding-top: 7px;
    font-size: 16px;
    letter-spacing: 0.01em;
}

#dropdownMenuLinkCat {
    padding-left: 0;
}

#dropdown-filter .custom-control-label {width:100%;padding-right:35px;}
#dropdown-filter .custom-control-label small {position:absolute;top:50%;transform:translateY(-53%);right:0;font-size:65%;}

#dropdown-filter .dropdown-item.disabled, #dropdown-filter .dropdown-item:disabled {color:#d5d5d5;}

#dropdown-filter .dropdown-menu > div,
#dropdown-filter .dropdown-menu > ul li a {
    padding: 4px 24px;
    white-space: nowrap;
    display:block;
}
#dropdown-filter .dropdown-menu > ul li a {
    font-size: 16px;
    transition: none;
}

#dropdown-filter .dropdown-menu > ul > li > ul > li > a {padding-left:35px;}

#dropdown-filter .dropdown-menu ul li:hover > a {
    background: #f9f9f9 !important;
}

#dropdown-filter .dropdown-menu a.active {
    font-weight: 900;
}

.dropdown-menu.show{
    font-family: 'Futura Bk BT';
}

#dropdown-filter .dropdown-menu.custom-scrollbar { 
    max-height: 270px;
    overflow-y: scroll;
}
#dropdown-filter .dropdown-menu .dropdown-item {
    display: inline-block;
    padding: 4px 20px;
}

.selected-filters {font-size:13px;border:1px solid #e9e8e9;}
.selected-filters a {text-decoration:none !important; background-color:#f9f9f9;border-color:#e9e8e9;}
.selected-filters a i {font-size:11px;}
.selected-filters a:hover {color:#e25243 !important; border-color:#e25243 !important;}
.selected-filters .btn-delete-all {border-color:#808080 !important; background-color:#e9e9e9;}
.selected-filters .color {width:10px;height:10px;content:'';display:inline-block;border:1px solid #808080;margin-right:3px;}

/*new styles homepage*/

h3 {
    font-family: 'Futura Hv BT';
    font-size: 45px;
    white-space:nowrap;
    letter-spacing: 0.085em;
    text-transform: none;
}

.dark-bg {
    background-color:#181818;
    color:#fff;
    padding: 30px;
}

.container2 {   
    width: 90%;
    max-width: 1700px;
    margin: 0 auto;
}

.features .container2 {    
    padding: 0 6px;
}


.features .feature {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.features.links-only .feature {width:50%; padding:5px 0;}

.features .feature:last-child {
    border-bottom: none;
}


.features .feature img {
    width: 35px;
    height: 35px;
    align-self:flex-start;
}

.features .feature p {
    line-height: 35px;
    margin-bottom: 0;
    margin-left: 20px;
}

.features .feature a, .features .feature a:hover, .features .feature a:focus {color:#fff !important;}
.features .feature a:hover, .features .feature a:focus {text-decoration:underline;}

.showcase {
    padding-left: 4px;
    padding-right: 4px;
}

.showcase .showcase-box {
    position: relative;
    margin-top: 4px;
    background: #f2e5e0;
    overflow: hidden;
}

.showcase .showcase-box .showcase-box-img {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.showcase .showcase-box .showcase-box-img img {
    width: 100%;
    margin-top: 50%;
    transform: translateY(-50%);
    transition: 0.5s transform ease-in-out;
}

.showcase .showcase-box:nth-child(2n) {
    background: #f8f6f3;
}

.showcase .showcase-box img {
    width: 100%;

}
.showcase .showcase-box .showcase-content {
    position: absolute;
    bottom: 50px;
    left: 10px;
}
.showcase .showcase-box .showcase-content h3 {
    font-family: 'Futura Hv BT';
    /*font-size: 45px;*/
    font-size: 30px;
    white-space:nowrap;
    /*margin-bottom: 30px;*/
    margin-bottom: 15px;
    letter-spacing: 0.01em;
    text-transform: none;
}
.showcase .showcase-box .showcase-content p {
    font-family: 'futura bk bt';
    font-size: 17px;
    width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height:28px;
    color: #1b1b1b;
}
.showcase .btn,
.footwear .btn,
.popular-brands .btn {
    width: 150px;
    height: 46px;
    line-height: 46px;
    padding-top: 0;
    margin-right: 5px;
    text-transform:capitalize;
    font-family: 'Futura Hv BT' !important;
    font-size: 14px;
    display:inline-block;
}

.showcase .showcase-box:nth-child(2n) .btn-primary:hover {
    background:#f8f6f3 !important;
}
.showcase .showcase-box:nth-child(2n + 1) .btn-primary:hover {
    background:#f2e5e0 !important;
}

.showcase .btn-outline-primary,
.footwear .btn-outline-primary, 
.popular-brands .btn-outline-primary {
    color: #1b1b1b;
    border-color: #1b1b1b;
}

.showcase .showcase-box .showcase-content .btn-outline-primary:hover {
    color: #fff !important;
    background:#1b1b1b;
}


.footwear {
    margin-top: 100px;
    margin-left: 4px;
    margin-right: 4px;
    color: #1b1b1b;
}


.footwear .footwear-box {
    flex: 0 0 100%;
    margin-bottom: 4px;
    position: relative;
}


.footwear .footwear-box:nth-child(2),
.footwear .footwear-box:nth-child(4),
.footwear .footwear-box:nth-child(6) {
    height: 70vw;
}
.footwear .footwear-boxes .footwear-box {
    background:#f2e5e0;
}  

.footwear .footwear-boxes:nth-child(2n)  {
    flex-direction: row-reverse
}
.footwear .footwear-boxes:nth-child(2n) .footwear-box  {
    background:#f6f4f0;
}

.footwear .footwear-box .footwear-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 300px;
}
.footwear .footwear-box h3 {
    font-family: 'Futura Hv BT';
    font-size: 35px;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0.03rem;
    line-height: 35px;
    margin-bottom: 0;
}
.footwear .footwear-box p {
    font-family: 'Futura Bk BT';
    line-height: 24px;
    margin: 30px 0;
    /*letter-spacing:0.1em;*/
    font-size: 17px;

}

.footwear .btn-primary:hover {
    background:#f2e5e0 !important;
}
.footwear .btn-outline-primary:hover,
.popular-brands .btn-outline-primary:hover {
    background:#1b1b1b !important;
    color:#fff !important;
}

.popular-brands {
    position: relative;
    text-align: center;
    margin: 100px auto;
}

.popular-brands img {
    display: block;
    margin: auto;
}

.popular-brands a {
    text-transform: capitalize;
    margin: 30px 0;
}

.popular-brands h3 {
    font-family: 'Futura Hv BT';
    font-size: 30px;
    white-space:nowrap;
    margin-bottom: 0px;
    letter-spacing: 0.01em;
    text-transform: none;
}

.popular-brands div .btn {
    font-family: 'Futura Hv BT';
}

.popular-brands div img {
    filter: grayscale(1);
    margin-top: 25px;
    padding-left:17px;
}

.visit-us {
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
}

body.index .visit-us {    
    margin-bottom: -50px;
}

.visit-us .row {
    margin: 0 0;
}

.visit-us .col-lg-6 {
    padding: 2px;
    margin-bottom: 4px;
}

.visit-us .col-lg-6 > img {
    width: 100%;
}

.visit-us .col-lg-6.gray {
    filter: grayscale(1);
}

.visit-us .visit-us-content {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.visit-us h3 {
    font-family: 'Futura Hv BT';
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: 0.01em;
    text-transform: none;
    white-space: nowrap !important;
}

.visit-us .btn {
    height: 46px;
    line-height: 46px;
    padding: 0 40px;
    text-transform:none;
    font-family: 'Futura Hv BT' !important;
    font-size: 14px;
    display:inline-block;
}
.visit-us .btn:hover {
    background: #f2e5e0 !important;
}

body.index .new-offers-controls {
    display: flex !important;
    justify-content: center;
}

.new-offers {
    position: relative;
    overflow:hidden;
}

body.index .new-offers .new-offers-controls {
    text-align: center;
    margin-bottom: 40px !important;
}

body.index .new-offers h2 {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.new-offers h3 {
    font-size: 35px;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.new-offers .new-offers-controls {
    font-family: 'Futura Bk BT';
    font-size: 17px;
    margin-bottom: 25px;
}

.new-offers .new-offers-controls .new-offers-control {
    margin: 0 18px;
    padding: 6px 0;
    position: relative;
}


.new-offers .new-offers-controls .new-offers-control.selected::after {
    content:'';
    width: 0;
}

.new-offers .new-offers-controls .new-offers-control::after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #1b1b1b !important;
    transition: 0.3s all ease-in-out;
}
.new-offers .new-offers-controls .new-offers-control.selected:hover::after {
    width: 0;
}
.new-offers .new-offers-controls .new-offers-control:hover::after {
    width: 100%;
}

.new-offers .new-offers-controls .selected {
    border-bottom: 5px solid #1b1b1b;
}

.new-offers .new-offers-controls a {
    /*font-size: 24px;*/
    margin: 0 15px;
}

.new-offers .new-offers-controls-arrows a.gray {
    color: #868686;
}

.new-offers .new-offers-boxes {
    font-family: 'Futura Hv BT';
    font-size: 15px;
    margin-top: 40px;
    width: 100%;
    color: #1b1b1b;
}

.new-offers .new-offers-box {
    position: relative;
    margin-bottom: 80px;
}

.discount, .badges > span {
    background-color: #1b1b1b;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height:40px;
    width: 40px;
    height: 40px;
    font-size: 13px;
}

.discount.percent-only {font-size:22px;}

.discount + .badges  {top:55px;}

.discount {
    position: absolute;
    top: 8px;
    right: 8px;
}

.product-gallery .discount {z-index:1;}

.new-offers .new-offers-boxes img {
    width: 100%;
    background:#e7e7e7;
    margin-bottom: 35px;
}

.new-offers .new-offers-boxes .title {
    text-transform: uppercase;
}
.new-offers .new-offers-boxes .prev-price {
    color: #9ca4a8;
    font-family: 'Futura Bk BT';
    text-decoration: line-through;
    margin-bottom: 8px;
}

.subpage .privacy h3 {
    margin: 60px 0 30px;
}

.subpage .privacy ul {
    list-style: initial;
    margin-left: 20px;
}

.subpage .privacy table {
    background: #ebe7ec;
    margin: 40px 0;
}
.subpage .privacy td, .subpage .privacy th {
    padding: 10px;
    border: 1px solid #9f9f9f;
    border-collapse: collapse;
    background: #ebe7ec;
}

/*landing page - O Kopitarni*/
.subpage h1 {letter-spacing: 0.0em; text-transform: none;}
.subpage h2 {letter-spacing: 0.0em; font-size: 50px; text-transform:none; margin-bottom: 28px;}
.subpage h3 {letter-spacing: 0.0em; font-size: 30px; white-space: initial;}
.subpage h4 {font-family:'Futura Hv BT'; letter-spacing: 0.2em; margin-bottom: 25px; font-size: 12px; text-transform:uppercase;}
.subpage p {letter-spacing: 0.0em; font-size: 16px; text-transform:none; line-height: 34px; text-align:justify;}


.sub-nav {
    font-family:'Futura Bk BT';
    background: #1b1b1b;
    color: #fff;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 1;
    transition: 0.2s top ease-in-out;
}

.sub-nav ul {
    list-style:none;
    padding: 0;
}

.sub-nav ul li {
    padding: 0 10px;
}

.sub-nav ul li a {
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 30px 0px;
    white-space:nowrap;
    position: relative;
}


.sub-nav ul li a::after {
    content:'';
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 4px;
    width: 0;
    background: #fff;
    transition: 0.3s all ease-in-out;
}


.sub-nav ul li a:hover,
.sub-nav ul li a:active,
.sub-nav ul li a:focus {
    color: #fff !important;
}
.sub-nav ul li a:hover::after {
    width: 100%;
}

.sub-nav + .main-title {padding-top:130px;}

#o-kopitarni {
    padding-top: 77px;
    position: relative;
}

#o-kopitarni .content {
    padding: 50px 20px;
    max-width: 550px;
}

#o-kopitarni p {
    font-size: 20px;
    line-height: 44px;
}

#o-kopitarni .bg > img {
    width: 100%;
    /*max-height: 700px;*/
    object-fit:cover;
    object-position:bottom;
    min-height: 300px;
}

#o-kopitarni .bg {
    position: relative;
}

.feet {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    padding-bottom: 30px;
    cursor: pointer;
}

.feet img{
    width: 26px;
    margin-bottom: 15px;
    transition: 0.3s transform ease-in-out;
    animation: feet 3s 0s infinite ease-in-out;
}

.feet .dot {
    position: absolute;
    bottom: 0;
    width: 3px;
    height: 3px;
    background: #1b1b1b;
    opacity: 0;
}

.feet .dot:nth-child(2) {
    animation: dots 2s 0s infinite linear;
}
.feet .dot:nth-child(3) {
    animation: dots 2s 0.5s infinite linear;
}
.feet .dot:nth-child(4) {
    animation: dots 2s 1.0s infinite linear;
}
.feet .dot:nth-child(5) {
    animation: dots 2s 1.5s infinite linear;
}

@keyframes feet {
  0% { transform: translateY(0px)}
  50% {transform: translateY(4px);}
  100% {transform: translateY(0px);}
}

@keyframes dots {
  0% {opacity: 0; transform: translateY(-30px)}
  20% {opacity: 1;}
  20% {opacity: 1;}
  100% {transform: translateY(5px); opacity: 0;}
}



.boxes-img-text section .fs-boxes .fs-box .fs-box-container {
    /*width: 100%;*/
    height: 100%;
}


/*.boxes-img-text {overflow: hidden;}*/

.boxes-img-text section:nth-child(2n+1) .fs-boxes {background: #f3f3f3;}

.fs-box {padding: 0; position: relative; width: 100%; margin-bottom: 4px;}

.fs-boxes.row{margin: 0;}

.fs-boxes {position: relative; margin-bottom: 4px !important;}



.fs-box .fs-box-container .fs-box-content {
    z-index: 1;
    max-width: 500px;
    margin: auto;
    padding: 20vw 20px;
}

.fs-box .fs-box-container {
    width: 100%;
}

.fs-box .fs-box-container img{
    width: 100%;
}

.fs-box .fs-box-content p {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
    transition: all 0.3s ease-in-out;
    height: 130px;
/* For displaying 3 dots after text*/
    display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
}

.fs-box .fs-box-content.expended p {
    display: flex; 
   -webkit-line-clamp: 100;
   -webkit-box-orient: horizontal;
   text-overflow: unset;
}

.fs-box .fs-box-content .fs-box-link {
    font-family:'Futura Hv BT';
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.2em;
}

.fs-box .fs-box-content .gallery {display:inline-block;}
.fs-box .fs-box-content .fs-box-link + div:empty {margin-top:50px;}

.fs-box .fs-box-content .fs-box-link::after { 
    content: "\f078";
    font-family: "Font Awesome\ 5 Free"; font-weight:900;
    display: inline-block;
    font-size: 12px;
    color: #1b1b1b;
    margin-left: 5px;
    vertical-align: 2px;
}

.fs-box .fs-box-content.expended .fs-box-link::after { 
    content: "\f077";
}


#novice, #dodatne-informacije {
    padding-top: 100px;
}

.tab-content {
    overflow:hidden;
}

.tab-content .fs-boxes {
    flex-direction: column-reverse;
}

.kopita-nav > ul {
    list-style: none;
    margin-bottom: 1px;
}

.kopita-nav > ul li {
    padding: 0 20px;
}

.kopita-nav .nav-tabs {
    border: none !important;
}

.kopita-nav > ul li a {
    border: none !important;
    display: inline-block;
    padding: 30px 0;
    font-size: 17px;
    border-bottom: 5px solid #fff !important;
    letter-spacing: 0.025em;
    position: relative;
}
.kopita-nav ul li a:hover {
    border: none !important;
    border-bottom: 5px solid #fff !important;
}

.kopita-nav > ul li a::after {
    content:'';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 5px;
    background: #1b1b1b;
    transition: 0.3s all ease-in-out;
}
.kopita-nav > ul li a:hover::after {
    width: 100%;
}

.kopita-nav ul li a.active {
    border: none;
    border-bottom: 5px solid #1b1b1b !important;
    color: #1b1b1b !important;
}

.tab-content .fs-boxes{
    background:#f4f4f4;
    width: 100%;
    height: 100%;
}

.tab-content .fs-box-content .btn {
    text-transform: none;
    padding: 11px 14px;
    font-size: 15px;
}

.tab-content .fs-box-content .btn + .btn, .tab-content .fs-box-content .gallery + .btn {margin-left:10px;}

.tab-content .fs-box-content .btn:hover,
.tab-content .fs-box-content .btn:focus {
    background: #f4f4f4 !important;
}

#dodatne-informacije h3 {
    margin-bottom: 68px;
    font-size: 35px;
}

#dodatne-informacije a.collapse-link {
    font-size: 17px;
    letter-spacing: 0.025em;
    font-weight: 600;
}

#dodatne-informacije p {
    font-size: 17px;
}

.latest-news {
    padding: 115px 0;
}

.latest-news-li {
    margin-bottom: 50px;
}

.latest-news h3.title-center {
    margin-bottom: 75px;
}

].latest-news h3 a {
    font-size: 35px;
    letter-spacing: 0;
}


.latest-news-li  .latest-news-img {display:-ms-flexbox; display:flex; flex-direction:row;height:55vw;}
.latest-news-li  .latest-news-img img {object-fit:cover;flex:1;overflow: hidden;}

.latest-news-li  .latest-news-img {overflow:hidden;}
.latest-news-li  .latest-news-img img {transition: 0.3s all;transform-origin: center;}
.latest-news-li:hover  .latest-news-img img {transform: scale(1.2);}

.latest-news-li h3 {
    font-size: 25px !important;
    letter-spacing: 0.0em;
    margin-top: 15px;
    white-space: initial !important;
}



/* subpages */
.subpage {z-index:1031;background-color:#fff;}
.mini-container {padding:0px 15px;margin:0px auto;}
.intro + .mini-container {margin-top:-55px;margin-bottom:55px;}
.main-title + .intro {margin-top:0;}

.hero {background-repeat:no-repeat;background-position:center top;background-size:cover;}
.hero.half {height:198px;background-position:top 0px;}
.hero, .hero.half {min-height:198px;}
.hero + .container:not(.main-title) {margin-top:65px;}

.breadcrumb {margin:0; background:none;}
.breadcrumb, .breadcrumb a {color:#000000;}
.breadcrumbs-only .breadcrumb {padding:30px 0px;}

.subpage a {
    text-decoration: underline;
}

.subpage .sub-nav a, .subpage .fs-box-link, .subpage .nav-link, .subpage .btn,
.subpage .title-center a, .subpage .latest-news-item , .subpage .collapse-link,
.subpage .breadcrumb a, .subpage .dropdown-menu a, .subpage .deck a, .subpage .product-attributes a,
.subpage .new-offers a, .pagination .page-item a {text-decoration: none;}

/* map */
#map_canvas {width:100%;height:calc(100vh - 80px);}
#map_canvas {min-height:400px;}

.intro .picture.map {margin-right:0;}
.intro .front.with-map {margin-top:15px;}

/* catalogue */
.sidebar:empty {display:none;}
.sidebar .btn-link {color:#000000;font-size:12px;text-transform:none;}

#accordion, #accordion a {font-size:15px;}
#accordion > .card:last-child {border-bottom:1px solid #e6e7eb;}
#accordion > .card {border:none;border-top:1px solid #e6e7eb;background:none;}
.card-header {background:none;border:none;padding:0;}
.card  .btn-link:hover, .card  .btn-link:focus {text-decoration: none;}
.card-header .btn:after {content: '\f068';font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:10px;position: absolute;top:50%;right:0;transform:translateY(-50%);}
.card-header .btn.collapsed:after {content: '\f067';}
.card-body {padding:5px 0px 0px 0px;}
.card-body.catalogue-menu {padding-bottom:20px;}
.card-body.catalogue-menu ul {padding-left:15px;}
.card-body.catalogue-menu > ul {padding-left:0;}
.card-body-limited {overflow:hidden;margin-bottom:20px;padding-bottom:0px;}
.card-body-limited:not(.show):not(.collapsing) {max-height:190px;}
.card-body-limited.show {max-height:none;overflow:auto;}
.card-limited-show-hide {padding:0px 20px 20px 24px; margin-top:-10px;}
.card-limited-show-hide a {font-size:15px;}
.card-limited-show-hide a i {vertical-align:middle;margin-left:5px;margin-top:-1px;}

.slider {vertical-align: middle;position: relative;margin:10px;}
.slider.slider-horizontal {height: 20px;}
.slider.slider-horizontal .slider-track {height:6px;width: 100%;margin-top: -3px;top: 50%;left:0;}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {height: 100%;top: 0;bottom: 0;}
.slider.slider-horizontal .slider-handle {margin-left:-10px;}
.slider .hide, .slider input {display:none;}
.slider-track {position: absolute;background-color:rgba(13, 23, 59, 0.70);}
.slider-selection {position: absolute;background-color:#000000;}
.slider-track-low, .slider-track-high {position: absolute;}
.slider-handle {position: absolute;top: 0;width:20px;height:20px;background-color:#fff;border:1px solid #000000;cursor:pointer;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}
.price-fields {padding-bottom:20px;}
.price-fields .value-from, .price-fields .value-to {border-color:#000000;font-size:14px;}

.filter-loading{text-align:center;font-size:30px;}

.deck > div {margin-bottom:30px;}


.product-item {
    position:relative;
    display:block;
    font-family: 'Futura Hv BT';
    font-size: 15px;
    width: 100%;
    color: #1b1b1b;

}
.product-item:hover, .product-item:focus, .product-item:active {color:#1b1b1b !important;}
.product-item h3 {padding-top:1.5em;margin-bottom:20px;font-size: 15px !important; white-space:normal; text-transform: uppercase; letter-spacing: 0;}

.product-item .product-img {display:-ms-flexbox; display:flex; flex-direction:row;height:28vw;}
.product-item .product-img img, .slick-slide img, .basket-img img, .cart-item-image img, .desc-gallery img{object-fit:cover;flex:1;overflow: hidden;}

.product-item .product-img {overflow:hidden;}
.product-item .product-img img {transition: 0.3s all ease-in-out;transform-origin: center;}
.product-item:hover .product-img img {transform: scale(1.2);}
.product-item {overflow: inherit !important;}

body.index .product-slider-container {
    margin-bottom: 140px;
}

.product-item .price {
    font-size:15px; font-weight:900; margin-top:0px;}
.product-item .stock, .product-item .old-price {
    font-size:15px;
    color: #9ca4a8;
}

.product-item .lowest-price {font-family:'Futura Bk BT', sans-serif;color:#9ca4a8;}

.help {
    font-family: 'Futura Bk BT';
    background: #f5efec;
    margin-bottom: 10px;
    padding: 40px;
    text-align: center;
    color: #1b1b1b;
    font-size: 22px;
    line-height: 30px;
}
.help span {position: relative; display: inline-block;}
.help .bold {
    font-family: 'Futura Hv BT';
}

.help span:first-child:before, 
.help span:last-child:before {
    content: '';
    position: absolute;
    top: 13px;
    width: 4px;
    height: 4px;
    background: #1b1b1b;
    border-radius: 50%;
    display: none;
}
.help span:first-child:before {left: -12px;}
.help span:last-child:before {right: -12px;}

.help span:last-child {text-decoration:underline;}

.pagination {margin-bottom:0px; margin-top:50px;}
.page-link {font-size:12px;}
.page-link , .page-item > span {border:none;color: #666;padding:8px 19px 4px 19px;}
.page-item:first-child .page-link {padding-left:0;}
.page-item:last-child .page-link {padding-right:0;}
.pagination .active {background: transparent;}
.pagination > .page-item {border-right:1px solid #e6e7eb;}
.pagination > .page-item:last-child {border-right:none;}
.page-item.active .page-link {color: #000000;font-weight: 700;}
.page-link:hover {color:#008599;}
.page-link, .page-link:hover, .page-item.active .page-link {background:none;border:none;border-radius:0;}


.product-gallery .slick-nav .slick-dots > li:only-child {display:none !important;}
.product-gallery .slick-dots li.slick-active button:before {color:#000000;}
.product-gallery .device-images .slick-slide {height:calc(100vw - 30px);}
.product-gallery .device-images .slick-slide > a {height:100%; display:-ms-flexbox; display:flex; flex-direction:row;}
.product-gallery .device-images .slick-track {display:-ms-flexbox !important; display:flex !important;}
.product-gallery .device-images > li:only-child {text-align:center;}
.product-gallery .slick-nav .slick-slide {border: 1px solid #ccc;cursor:pointer;transition:border-color .3s ease-in-out;}

.slick-nav .slick-slide {display:-ms-flexbox; display:flex; flex-direction:row; height:48px;}
.slick-nav .slick-slide, .slick-nav .slick-slide img {outline:none;}
.slick-nav .slick-slide:hover, .slick-nav .slick-slide:focus {border-color:#000000;}
.slick-nav .slick-slide:active, .slick-nav .slick-slide.slick-current {border-color:#000000;}

.product-details {max-width:700px; padding-right: 15px; }
.product-details h1 {font-size:35px;line-height:47px;letter-spacing:0.0em;margin-bottom:1rem; text-transform: none;}
.product-details .desc:not(.show) {position:relative;display:block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;height:calc(1em * 1.7 * 3);width: 100%;}
.product-details .desc.collapsing {-webkit-line-clamp:initial;}

.product-details .stock {color:#fff; background:#1b1b1b; padding: 5px 10px; margin-right: 13px; text-transform: uppercase; font-size: 10px; letter-spacing: 0.085em; font-family:'Futura Hv BT';}
.product-details .ean {color:#000; background:#fff; padding: 4px 10px; text-transform: uppercase; border: 1px solid #1b1b1b;font-size: 10px; letter-spacing: 0.085em; font-family:'Futura Hv BT';}
.product-details .old-price {margin-top:40px; color: #aaaaaa;}
.product-details .price {font-size:27px;font-weight:900; color:#1b1b1b;margin-bottom:20px; margin-top:40px;}
.product-details .old-price + .price {margin-top:0;}
.product-details #itemDescMore {color:#666;}
.product-details #itemDescMore i {font-size:12px;}
.product-details #itemDescMore, .product-details #itemDescMore i {text-decoration:underline;}
.product-details .kolaps {max-width:500px;}
.w-100 + .product-details .kolaps {max-width:none;}

.product-details #itemDesc p {font-size: 16px !important; line-height: 1.7rem;}

.product-counter {border-top: 1px solid #e9e8e9;}
.product-counter .form-control, .product-counter .btn {height: 38px;}
.product-counter .form-control {font-family:'Futura Hv BT'; line-height:26px; letter-spacing:0.085em; font-size:14px; color:#1b1b1b; width:65px; border: none;}
.product-counter .btn {display: block;position: relative;background:#fff;color:#000000;font-size:10px;padding:12px 10px 9px 10px;}
.product-counter .btn-down {border-right:none;}
.product-counter .btn-up {border-left:none;}
.product-counter .btn:focus, .product-counter input:focus {box-shadow: none;}
.product-counter input:focus {outline:0;}
.product-counter.small-counter {width:120px;}
.product-counter.small-counter .form-control {width:1%;padding-left:0;padding-right:0;}
.product-counter.small-counter .input-group {-ms-flex-wrap:nowrap; flex-wrap:nowrap;}

.desc-gallery {margin-bottom:30px;}
.desc-gallery a {height:185px;}
.desc-gallery > div {margin-top:30px;}

.product-attributes .title {color:#aaaaaa;font-size:15px; margin-bottom: 13px;}
.product-attributes .mx-n1 {margin-left:-.25rem;margin-right:-.25rem;}
.product-attributes > div > div > a {border:1px solid #e5e5e5;}
.product-attributes .size-helper {font-size:14px;text-decoration:underline;}

.product-attributes a.active {
    color: #1b1b1b !important;
}
.product-details #btnCart {
    text-transform: none;
    padding: 15px 0;
}
.product-details #btnInquiry {
    text-transform: none;
    padding: 15px 0;
}

.product-details .locations > div {
    text-decoration:underline;
    font-size: 14px;
    color: #1b1b1b;
}
.product-details .locations i {
    color: #1b1b1b;
    padding: 5px;
}
.product-details p {
    font-size: 16px;
}

.options-size > div > a {font-weight:700;font-size:14px;text-align:center;display:block;line-height:44px;}
.options-size > div > a.active:not(.disabled), .options-size > div > a:active:not(.disabled) {border-color:#000000;}
.options-size > div > a.disabled {color:#e5e5e5;}
.options-size > div > a.disabled:hover, .options-size > div > a.disabled:focus, .options-size > div > a.disabled:active {cursor:not-allowed;color:#e5e5e5 !important;}
.options-size div {margin-bottom:.5rem; -ms-flex: 0 0 54px; flex: 0 0 54px; max-width: 54px;}

.options-color > div > a {display:block;width:20px;height:20px; border-radius: 50%;}
.options-color > .col {-ms-flex: 0 0 26px; flex: 0 0 26px; max-width: 26px;}
.options-color > div > a.active, .options-color > div > a:active {border-color: #1b1b1b;}
.options-color span {text-indent: 100%; white-space: nowrap; overflow: hidden; width:100%; height:100%; display:block; border:2px solid #fff; border-radius: 50%;}

.kolaps > .collapse-link:first-child {border-top:1px solid #ccc;}
.kolaps > .collapse, .kolaps > .collapsing {border-bottom:1px solid #fff;}
.kolaps > .collapse, .kolaps > .collapse.show {transition:border-color .3s ease-in-out;}
.kolaps > .collapse.show {border-color:#ccc;}
.collapse-link {font-family:'Futura Bk BT';color: #282828; font-size:16px;letter-spacing:0.025em;display:block;position:relative;padding:25px 0 25px 0;border-bottom:1px solid #fff;}
.collapse-link.collapsed {border-color:#ccc;}
.collapse-link:after {font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:10px;position: absolute;top:50%;right:0;transform:translateY(-50%);}
.collapse-link.collapsed:after {content:'\f078';}
.collapse-link:not(.collapsed):after {content:'\f077';}



.badges {position:absolute;top:8px;right:8px;}
.badges > span {display:block;font-size:10px;}
.badges > span + span {margin-top:5px;}
.badges .badge-new {text-transform:uppercase;background-color:#fff;color:#1b1b1b;border:1px solid rgba(27, 27, 27, 0.3);}
.product-gallery .badges {z-index:1;}

.product-slider-container {padding:40px 25px;}
.product-slider-container:not(.no-bg) {}
.product-slider-container h2, .instagram h2, .multislider h2, .center-title h2 {font-family:'Futura Hv BT'; text-align:left;margin-bottom:30px; text-transform: none; font-size: 30px; letter-spacing: 0;}

body.index .product-slider-container h2 {font-size: 34px;}

.product-slider-container .btn-primary {min-width:222px;}

.piktogrami {padding-bottom:20px;font-size:14px;}
.piktogrami .materials {padding-left:5px;}
.piktogrami .materials img {height:26px;}
.piktogrami .materials > div:nth-child(2) {margin-top:12px;}
.piktogrami .materials > div:nth-child(3) {margin-top:7px;}
.piktogrami .picto {-ms-flex: 0 0 46px; flex: 0 0 46px; max-width: 46px; margin-right:10px;}
.piktogrami .picto div + div {margin-left:3px;}

/*.product-slider-container .container {position: relative;}*/

.slick-prev, .slick-next { background:transparent;color:#1b1b1b;transform:translate(0, -87px);z-index:1;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color:#898989;}
.slick-prev:before, .slick-next:before {font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:23px; color:inherit;}
.slick-prev:before, .slick-next:before, .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before, .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:1; }
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}
.slick-disabled, .slick-disabled:hover, .slick-disabled:focus {}
.slick-disabled:before, .slick-disabled:hover:before, .slick-disabled:focus:before {color:#898989;}

/*.slick-no-nav {padding: 0 30px}*/
/*.gallery .slick-prev, .slick-next { background:transparent;color:#fff;transform:translate(0, -87px);z-index:1;}
.gallery .slick-prev:hover, .gallery .slick-prev:focus, .gallery .slick-next:hover, .gallery .slick-next:focus {color:#fff;}*/
.gallery .slick-prev, .gallery .slick-next { transform: translateY(-20px); z-index: 10;}
.gallery .slick-prev {position: absolute; top: -30px; left: calc(100% - 80px); }
.gallery .slick-next {position: absolute; top: -30px; right: 0px; }

/* inquiry */
.inquiryNotif {border-top:2px solid #fff;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:1031;background-color:#fff;border:1px solid #000000;padding:20px;-webkit-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.3);}
.inquiryNotif:not(.show) {transform:translateY(calc(100% + 15px));}

/* basket */
.basket {transition:transform .5s ease-in-out;position:fixed;top:0;bottom: 0;left:0;z-index:1051; overflow: auto; background-color:#fff;width:100%;}
.basket:not(.show) {transform:translateX(-100%);}
.btn-close-basket, .basket-total > div {text-transform:uppercase;letter-spacing:0.08em;}
.btn-close-basket {font-size:11px;}
.btn-close-basket i {margin-left:5px;font-size:14px;vertical-align:middle;margin-bottom:3px;}
.basket-heading, .filter-heading {height:70px;border-bottom:1px solid #e5e5e5;}
.basket-heading, .basket-total, .filter-heading {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.basket ul > li, .basket-total {border-top:1px solid #e5e5e5;}
.basket ul > li:first-child {border-top:none;}
.basket-remove-from-cart {position:absolute;top:19px;right:1rem;}
.basket-remove-from-cart, #CartItemsContent .remove-from-cart {font-size:12px;color:rgba(13,23,59,0.5);}
.basket-img {width:45px;min-width:45px;min-height:45px;max-height:56px;margin-right:15px;border:1px solid #e5e5e5;padding:2px;}
.basket-info .name {line-height:1.3em;}
.basket-info .name a + span {margin-top:5px;font-size:14px;line-height:1.3;}
.basket-info .counter .btn {background:none;padding:0;}
.basket-info .counter input {border:none;width:50px;padding:0;height:calc(1em + 5px);}
.basket-info .counter {margin-right:-5px;}
.basket-list {max-height:calc(100vh - 185px);overflow:auto;}
.basket-total {height:115px;}
.basket-total > div {font-size:12px;}

/* cart */
.CartStepsTop > div {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width:25%;background-color:#fff;border:1px solid #000000;color:#ddd;padding:15px 20px; text-align:center; position:relative;}
.CartStepsTop > div + div {border-left:none;}
.CartStepsTop > div > span {margin-left:10px;}
.CartStepsTop > div.active {background-color:#1b1b1b;color:#fff;}
.CartStepsTop > div.done {color:inherit;}
.CartStepsTop > div:not(:last-child):after, .CartStepsTop > div:not(:last-child):before {content:'';position:absolute;top:50%;transform:translateY(-50%);z-index:1;right:-14px;border:7px solid transparent;}
.CartStepsTop > div:not(:last-child):before {border-left-color:#000000;}
.CartStepsTop > div:not(:last-child):after {border-left-color:#fff;right:-13px;}
.CartStepsTop > div.active:before {border-left-color:#000000;}
.CartStepsTop > div.active:after {display:none;}

.postavka_seperator {background-color:#e5e5e5;height:1px;content:" ";margin:20px 0px;}

#CartItemsContent .cart-item-image {-ms-flex: 0 0 80px;flex: 0 0 80px;max-width:80px; padding-right:5px;}
#CartItemsContent .lh, #CartItemsContent .product-counter {padding-left:5px;}
#CartItemsContent .cart-item-image a {border:1px solid #e5e5e5; min-height:60px; max-height:70px; padding:5px;}
#CartItemsContent .product-counter {-ms-flex: 0 0 180px;flex: 0 0 180px;max-width:180px;}
#CartItemsContent .remove-from-cart {text-align:center;}

.step1_summary {border-top:2px solid #e5e5e5;margin-top:20px;padding-top:20px;}
.step1_summary > div > div.postavka_seperator, #reviewItems div.postavka_seperator {margin:7px 0px;}
.step1_summary > div > div > div:not(.d-flex) {display:inline-block;width:110px;text-align:right;float:right;}
.step1_summary.fs13 > div > div > div:not(.d-flex) {width:90px;}
.step1_summary .promocode {background-color:rgba(13, 23, 59, 0.3);color:#fff;}

#txtPromoCode {letter-spacing:0.1em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}

#CartLogin strong, #CartReviewForm strong {color:#000000;}
#CartLogin > .row > .col-md-6 {border-bottom:1px solid #e5e5e5;padding-left:45px;}
#CartLogin > .row > .col-md-6:first-child {border-right:1px solid #e5e5e5;padding-left:0;padding-right:45px;}

#reviewItems > div:first-child > div {border-bottom:2px solid #e5e5e5;padding-bottom:0.5rem;}
#reviewItems > div.row > div:last-child {white-space:nowrap;}
#reviewItems > div.row:not(.step1_summary) {line-height:1.4;}

/* footer */
footer {font-family: 'Futura Bk BT'; background-color:#ffffff;line-height:22px;padding-top:50px;}
footer, footer a {color:#1b1b1b;font-size:15px;}

/*footer .split {padding:0px 15px;}*/
footer .split > div:not(:last-child):not(:first-child) {border-bottom:1px solid #61687f;}

footer .contact {padding:15px 0px;margin-bottom:15px;}
footer .contact .follow-us {margin-top:39px;}
footer .contact i {margin-right:7px;}

footer .signup {padding:74px 0px; background:#181818; color: #fff; width: 100%; margin-bottom: 77px;}
footer .signup h4 {color: #fff; font-size: 35px; text-transform:none;}
footer h4, footer h4 a {font-family: 'Futura Hv BT';font-size:12px;letter-spacing:0em !important;color:#000;}
footer h4 + div {margin-top:15px;}

footer .signup .form-label-group {margin-bottom:7px; background:#181818;}
footer .signup .form-label-group > label {color:#fff;}
footer .signup .form-control {font-size:13px;line-height:3;}
footer .signup .form-control, footer .signup .form-control:focus {color:#fff;background-color:transparent;border-color:#fff;}
footer .signup div .col-lg-2 {text-align:right;}
footer .signup div .col-lg-2 button {width: 100%; height: 78px; text-transform:none;font-size:16px; font-family: 'Futura Hv BT';}
footer .signup div .col-lg-4 div input,
footer .signup div .col-lg-4 div label {width: 100%; height: 78px; padding: 27px 20px;}
footer .signup div .col-lg-4, 
footer .signup div .col-lg-2 {padding-left: 0; padding-top: 6px;} 
footer .signup div div {font-size:20px; letter-spacing:0.01em;}
footer .signup div .col-lg-4 label {letter-spacing:0.07em;}
footer .footer-footer {display:flex; justify-content:space-between;}
footer .footer-eu-logos {display:none;}

.footer-menu h4 a,
.footer-menu a ,
.contact h4 a,
.contact h4 {font-size: 16px; letter-spacing:0.06em;}

.contact h4 a,
.contact h4 {margin-bottom: 15px;}
.contact .follow-us h4 {margin-bottom: 15px;}

.footer-menu ul li, .footer-menu > ul:last-child > li:last-child {border-bottom:1px solid #1b1b1b;}
.footer-menu ul li:first-child {border-top:1px solid #1b1b1b;}
.footer-menu ul li:last-child {border-bottom:none;}
.footer-menu a {display:inline-block;padding:8px 0px;}
.footer-menu h4 {position:relative; margin-bottom: 0;}
.footer-menu h4 a {padding:12px 0px;}
.footer-menu .toggler {top:50%; right:0; position:absolute;transform: translateY(-50%);}
.footer-menu ul li ul {transition:all .5s;}
.footer-menu ul li ul:not(.show) {display:none;}
.footer-menu ul li ul li {padding-left:15px;}
.footer-menu .show {margin-bottom: 20px;}
.footer-footer {margin-bottom: 65px;}

footer .authors-container {line-height:16px;border-top:1px solid #f7f7f7;}
footer .authors, footer .authors a {color:#c4c4c4; font-size:14px;}
footer .authors {padding: 20px 0 30px;}

.follow-us div a i {font-size: 28px;}

/* eu */
.eu_logos {position:fixed;bottom:0;left:0;right:0;z-index:1031;background-color:#000000;padding:5px;}
.eu_logos img {min-width:131px;}
.eu_logos p {margin:0.5rem 0;padding-right:10px;}
.eu_logos p a {line-height:10px;font-size:11px;}
.eu_logos p a, .eu_logos p a:hover, .eu_logos p a:focus, .eu_logos p a:active {color:rgba(255,255,255,0.7) !important;}
.eu_logos .eu-close {position:absolute; top:5px; right:7px;margin:0;font-size:12px;}
.eu_logos .eu-close, .eu_logos .eu-close:hover, .eu_logos .eu-close:focus, .eu_logos .eu-close:active {color:rgba(255,255,255,0.7) !important;}
.eu_logos + #cookie_notification {border-bottom:1px solid #fff;}

/* floating popup */
.special-popup {max-width:calc(100vw - 40px); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.23);position:fixed;bottom:0;right:0;margin:20px;width:335px;max-height:111px;z-index:1031;transition:opacity ease-in-out .5s;}
.special-popup .popup-close {position:absolute; top:2px; right:3px; color:#fff;margin:0;font-size:10px;}
.special-popup .hero-floating, .special-popup .slick-slider, .special-popup .slick-list {height:inherit;}
.special-popup .slick-slide {margin:0px !important;}
.special-popup:not(.show) {opacity:0;}
.special-popup:empty {display:none !important;}

/* forms */
.btn {border-radius:0;font-size:13px; text-transform:uppercase; letter-spacing:0.025em; padding:10px 15px 7px 15px;}
.btn:hover, .btn:active, .btn:focus, .btn:active:focus {box-shadow:none !important;}

.btn-primary {border:1px solid #000000;background-color:#181818;color:#fff;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {background-color:#fff !important;color:#000000 !important;border-color:#000000 !important;}

.btn-primary.invert, .btn-primary.invert.outlined {background-color:#fff;color:#1b1b1b;}
.btn-primary.invert:not(.outlined) { border-color:#fff; }
.btn-primary.invert:hover, .btn-primary.invert:focus, .btn-primary.invert:active {background-color:#1b1b1b !important;border-color:#fff !important;color:#fff !important;}
.btn-primary.invert.outlined:hover, .btn-primary.invert.outlined:focus, .btn-primary.invert.outlined:active {border-color:#000000 !important;}

.btn-secondary {background-color:rgba(13, 23, 59, 0.6); border-color:transparent;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {background-color:rgba(13, 23, 59, 0.7) !important;color:#fff !important;border-color:#000000 !important;}

.form-control:focus {border-color:#000000;box-shadow:0 0 0 0.2rem rgba(13, 23, 59, 0.25);}

.dropdown-item.active, .dropdown-item:active {background-color:#e5e5e5;}

.main-form {padding:0px;color:#1b1b1b;}
.main-form .form-control:focus {box-shadow:0 0 0 0.2rem rgba(13, 23, 59, 0.25);}

.input-group-prepend  > .input-group-text {width:235px;}

.form-row .terms {font-size:13px;padding-bottom:10px;}

.agree-block label {
    display: flex;
    align-items:flex-start;
    cursor:pointer;
}

.agree-block label span:last-child {
    font-size: 13px;
}

.agree-block input[type="checkbox"]+span {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    margin-top:2px;
}

.agree-block input[type="checkbox"]:checked+span::before {
    font-size: 0.5em;
    line-height: 0;
}

/* floating labels */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: inset 0 0 0px 9999px white; box-shadow: inset 0 0 0px 9999px white;transition: all .15s ease-in-out;}

.form-label-group {position: relative;margin-bottom: 1rem;}
.form-label-group > input, .form-label-group > textarea, .form-label-group > select, .form-label-group > label {height:50px;padding: 14px;}
.form-label-group > textarea {height:150px;}
.form-label-group > label {outline:0; position: absolute;top: 0;left: 0;display: block;width: 100%;margin-bottom: 0;line-height:1.5;font-family:'Futura Bk BT', sans-serif; color:#495057;font-size:16px;pointer-events: none;cursor: text;border: 1px solid transparent;}

.form-label-group .form-control.is-invalid {background-image:none;padding-right:14px;}
.form-label-group .form-control.is-invalid + label {color:#dc3545;}

.form-label-group .form-control::-webkit-input-placeholder, .form-label-group textarea::-webkit-input-placeholder {color: transparent;}
.form-label-group .form-control:-ms-input-placeholder, .form-label-group textarea:-ms-input-placeholder {color: transparent;}
.form-label-group .form-control::-ms-input-placeholder, .form-label-group textarea::-ms-input-placeholder {color: transparent;}
.form-label-group .form-control::-moz-placeholder, .form-label-group textarea::-moz-placeholder {color: transparent;}
.form-label-group .form-control::placeholder, .form-label-group textarea::placeholder {color: transparent;}

.form-label-group .form-control:not(:placeholder-shown), .form-label-group textarea:not(:placeholder-shown) {padding-top: 0rem;padding-bottom:0;}
.form-label-group > select, .form-label-group select.form-control:not(:placeholder-shown) {padding:12px 20px 0px 2px;}
.form-label-group .form-control:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {padding-top: 0rem;padding-bottom:.15rem;font-size: 12px;color: #d5d6d9;}
.form-label-group .form-control:not(:placeholder-shown) ~ label .required, .form-label-group textarea:not(:placeholder-shown) ~ label .required {display:none;}

.form-label-group textarea:not(:placeholder-shown) {padding-top: 0.9rem !important;}

.main-form .btn {
    padding: 13px 0 12px;
    text-transform: none;
    font-family: 'Futura Hv BT';
    font-size: 14px;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group > label {display: none;}
    .form-label-group .form-control::-ms-input-placeholder, .form-label-group textarea::-ms-input-placeholder {color: #d5d6d9;}
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {display: none;}
    .form-label-group .form-control:-ms-input-placeholder, .form-label-group textarea:-ms-input-placeholder {color: #d5d6d9;}
    .search .form-control, .search .form-control:-ms-input-placeholder {padding-bottom:5px;}
}

::-ms-clear {display: none;}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance:none; display:none;
}

.form-label-group textarea {max-height:200px;min-height:38px;resize:vertical;}
.form-row + .form-row, .form-row + .form-label-group {margin-top:.5rem;}

.custom-control-label:before {
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.custom-control + .custom-control {margin-top:2px;}
.custom-control-label:before, .custom-control-label:after {width:18px;height:18px;}
.custom-control-label:before {background-color:#fff;border:1px solid #ced4da;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color:#fff;}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color:#e9ecef;}
.custom-control-input:not(:disabled)~.custom-control-label:hover:before {background-color:#e5e5e5;}
.custom-control-input:disabled~.custom-control-label::before {opacity:0.3;}
.custom-control-input:disabled~.custom-control-label {color:#d5d5d5;}
.custom-control-input:focus~.custom-control-label::before, .custom-control-input:focus:not(:checked)~.custom-control-label::before {box-shadow:0 0 0 0.2rem rgba(13, 23, 59, 0.25);border:1px solid #000000;}
.custom-control-input:checked~.custom-control-label::before {border:1px solid #000000}
.custom-file-input:lang(si)~.custom-file-label::after{content:"Prebrskaj"}
.custom-file-label {overflow:hidden;white-space:nowrap;}
.custom-checkbox .custom-control-input:checked~.custom-control-label:not(.not-blue) {color:#000000;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%230d173b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.custom-radio .custom-control-input:checked~.custom-control-label::after {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%230d173b'/%3E%3C/svg%3E")}



/* gallery */
.lg-backdrop {background-color:#fff}
.lg-toolbar .lg-icon {color:#000}
.lg-toolbar .lg-icon:hover {color:#000000;}
.lg-toolbar, .lg-actions .lg-next, .lg-actions .lg-prev {background:none}
.lg-actions .lg-prev:after, .lg-actions .lg-next:before {display:none}
.lg-actions .lg-prev svg, .lg-actions .lg-next svg {height:80px;}
.lg-actions .lg-prev:hover polyline, .lg-actions .lg-next:hover polyline {stroke-width:3;stroke:#000000;}
.lg-outer .lg-thumb-item img {object-fit:cover;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {background-color:#fff;border-color:#e2151a;}

/* attachments */
.fileList {margin-bottom:30px;}
.fileList div + div {margin-top:5px;}
.fileList a {font-size:12px; background-color:#f8fafb;padding:10px;border:1px solid #000000;display:block;}
.fileList i {font-size:16px;}
.fileList a span {border-right:1px solid #000000;padding:0 10px 0 0;margin-right:10px;display:inline-block;}
.fileList a:hover {background-color:#000000; color:#fff !important;}
.fileList a:hover span {border-right-color:#fff;}

/* cPanel */
.cPanel {line-height:18px;margin-top:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.cPanel i{font-size:24px;margin-bottom:10px}
.cPanel>div{text-align:center;}
.cPanel>div+div {margin-left:20px;}

/* orders */
.ordersList {color:#3e3e3e; margin-bottom:20px;}
.ordersList > div:first-child {background-color:#e1e1e1;}
.ordersList > div {font-size:14px;}
.ordersList > .row {background-color:#f0f0f0;border-bottom:2px solid #ddd;}
.ordersList > .row:last-child {border-bottom:none;}
.ordersList > .row > div {padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;}

/* loader */
.cssload-loader-wrapper {position: fixed;top:0;left:0;width:100%;height:100%;z-index:1050;background-color:rgba(255,255,255,0.8);}
.cssload-loader {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-left:-100px;margin-top:-100px;perspective: 4700px;}
.cssload-inner {position: absolute;width: 100%;height: 100%;}

.cssload-inner.cssload-one {border-bottom: 10px solid #F2E5E0;left: 0%;top: 0%;animation: cssload-rotate-one 2.05s linear infinite;-o-animation: cssload-rotate-one 2.05s linear infinite;-ms-animation: cssload-rotate-one 2.05s linear infinite;-webkit-animation: cssload-rotate-one 2.05s linear infinite;-moz-animation: cssload-rotate-one 2.05s linear infinite;}
.cssload-inner.cssload-two {border-right: 10px solid #666;right: 0%;top: 0%;animation: cssload-rotate-two 2.05s linear infinite;-o-animation: cssload-rotate-two 2.05s linear infinite;-ms-animation: cssload-rotate-two 2.05s linear infinite;-webkit-animation: cssload-rotate-two 2.05s linear infinite;-moz-animation: cssload-rotate-two 2.05s linear infinite;}
.cssload-inner.cssload-three {border-top: 10px solid #000000;right: 0%;bottom: 0%;animation: cssload-rotate-three 2.05s linear infinite;-o-animation: cssload-rotate-three 2.05s linear infinite;-ms-animation: cssload-rotate-three 2.05s linear infinite;-webkit-animation: cssload-rotate-three 2.05s linear infinite;-moz-animation: cssload-rotate-three 2.05s linear infinite;}

@keyframes cssload-rotate-one {0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-o-keyframes cssload-rotate-one {0% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-ms-keyframes cssload-rotate-one {0% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-webkit-keyframes cssload-rotate-one {0% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}
@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}

/* fade in animation */
@-moz-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-o-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@keyframes fade-in {from{opacity:0;}to{opacity:1;}}

/* COOKIES BEGIN */

#cookie_notification{position:fixed;bottom:0px;left:0px;right:0px;zoom: 1;background-color:#000000;color:rgba(255,255,255,0.7);font-size:11px;padding:10px;z-index:2000000001;letter-spacing:normal;line-height:normal;}
#cookie_notification a{color:rgba(255,255,255,0.7) !important;text-decoration:underline;}
#cookie_notification a:hover{text-decoration:none;color:rgba(255,255,255,0.7) !important;}
#cookie_notification .d-flex > div:first-child {padding:0px 15px;}
#cookie_notification #cookie_ok {text-decoration:none;cursor:pointer;}

#more-about-cookies h2, #more-about-cookies h3{margin-bottom:10px;}
#more-about-cookies table {border-collapse:collapse;	}
#more-about-cookies table th{border:1px solid gray;background-color:#373C3C;color:#fff;vertical-align:top;text-align:left;padding:10px;font-size:12px;}
#more-about-cookies table td {border:1px solid gray;background-color:#eeeeee;vertical-align:top;padding:10px;font-size:12px;}
#more-about-cookies table td strong{font-family:"Courier New", Courier, monospace;font-weight:normal;display:inline-block;margin-top:2px;	}
#more-about-cookies table td .mono{font-family:"Courier New", Courier, monospace;}
#more-about-cookies .tip{background-color:#eeeeee;overflow:hidden;border:2px solid #666666;padding:20px;font-size:12px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);}
#more-about-cookies .tip label{font-size:14px;}
#more-about-cookies .btnCookiesSaveSettings{border:1px solid #000000;background-color:#373C3C;color:#fff;padding:5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}
#more-about-cookies .btnCookiesSaveSettings:hover{background-color:#ffffff;color:#000000;}
#more-about-cookies em {font-size:14px;}

/* COOKIES END */

@media screen and (max-width:575.98px){
    .slick-slide .product-item .product-img {height:52vw;}
    footer .signup h4 {font-size: 38px;}
    footer .signup div {font-size: 14px;}

    #dropdown-filter .dropdown-filter-center {
         flex-direction: column; 
         flex-wrap: nowrap !important;         
         transition: all 0.3s ease-in-out;    
    }
    #dropdown-filter .dropdown-filter-center:not(.expanded) {height: 50px;overflow: hidden;}
    #dropdown-filter .dropdown-filter-center.expanded {
         flex-direction: column; 
         flex-wrap: nowrap !important;
    }
    #dropdown-filter .dropdown-filter-center.expanded .filtersDropdown::after {
    content: "\f106";
    }

    .colection-top-bar > div {
        width: 100%;
    }

    .filter_bar {margin-bottom:35px;}

    .filter_bar .dropdown {
        border-bottom: 1px solid #ccc;
        padding: 4px 0;
        background-color: #fff;
    }
    .filter_bar .dropdown .dropdown-menu {
        border: none;
    }

    .filter_bar .dropdown .dropdown-menu > div,
    .filter_bar .dropdown .dropdown-menu > ul li{
        padding: 4px 0 !important;
    }

    .dropdown-filter-left {
        border-top: 1px solid #ccc;
        margin-bottom: 0 !important;
    }
    .filter_bar .dropdown-filter-center {
        padding-right: 1px !important;
    }
    
    .filter_bar .dropdown-filter-center .dropdown-menu,
    .filter_bar .dropdown-filter-left .dropdown-menu {
        /*width: 240px;*/
        width: 100%;
        position: relative !important;
        transform: translate3d(0px, 0, 0px) !important;

    }

    .filter_bar .dropdown-filter-center .dropdown-toggle,
    .filter_bar .dropdown-filter-left .dropdown-toggle {
        width: 100%;
        text-align: left;
    }

    .filter_bar .dropdown-filter-left .dropdown-toggle::after,
    .filter_bar .dropdown-filter-center .dropdown-toggle::after {
        position: absolute;
        right: 8px;
        top: 17px;
    }
}

@media screen and (min-width: 576px) {    
    .heroDesc p {max-width:480px;}
    .hero.half {background-position:right bottom;}    
    .product-item .product-img {height:164px;}
    .product-slider-container {padding:120px 0px 0px;}
    .product-slider-container h2, .instagram h2, .multislider h2, .center-title h2{margin-bottom:50px;} 
    body.index .product-slider-container h2 {font-size: 45px;}   
    .product-slider .slick-slide, .guestbook-slider .slick-slide {margin:0px 15px;}
    .product-slider .slick-list, .guestbook-slider .slick-list {margin:0px -15px;}
    .guestbook-slider.main-list {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap:0px; -webkit-column-gap:0px; column-gap:0px;}    
    .product-gallery .device-images .slick-slide {height:400px;}

    .product-slider-container h2, .instagram h2, .multislider h2, .center-title h2 { font-size: 35px !important; }
    /*.slick-prev {left:-70px;}
    .slick-next {right:-70px;}*/
    .intro .front.with-map {margin-left:0;width:100%;}
    .multislider .parts a > span:first-child {height:132px;}
    /*.multislider .slick-prev {left:-30px;}
    .multislider .slick-next {right:-30px;}
    .slick-prev, .slick-next {width:60px;}*/    
    .instagram .col {-ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}    
    .instagram a {height:173px;}
    .news a {height:242px;}    
    .inquiryNotif{right:auto;margin:15px;}
    .basket {width:400px;}
    .basket-info .name a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block;width:260px;}
    .mini-container {width:475px;}
    
    #dropdown-filter .dropdown-filter-center {
        overflow: unset !important;
        flex-direction: row;
    }

    .container.locations ul li {
        flex: 0 0 50%;
        width: 50%;
    }

    .container.locations h3 {
        font-size: 35px;
     }
    /*landing page - O Kopitarni*/
 
    .subpage h2 { font-size: 48px;}
    .subpage h3 {font-size: 35px;}

    
    .latest-news-li  .latest-news-img {height:340px;}

    /*new styles homepage*/
    .hero .slick-slide {
        min-height: 500px;
        height:calc(100vh - 80px);
        display: flex !important;
        flex-direction: column;
        /*align-items: center !important;*/
    }

    body.index .hero .inner .container {
        margin-bottom: 50px;
        margin-left: 50px;
    }

    body.index .hero .container h2 {
        font-size: 48px;
        margin-bottom: 25px;
        max-width:400px;
    }

    body.index .hero .container h3{
        font-size: 20px;
        margin-bottom: 50px;
        max-width:400px;
    }


    .showcase .showcase-box .showcase-content {
        bottom: 100px;
        left: 60px;
    }
    .showcase .showcase-box .showcase-content h3 {
        font-size: 45px;
        margin-bottom: 20px;
    }
    .showcase .showcase-box .showcase-content p {
        margin: 35px 0;
   } 

    .footwear .footwear-box .footwear-content {
        width: 450px;
    }
    .footwear .footwear-box h3 {
        font-size: 45px;
    }
    .popular-brands h3 {
        font-size: 45px;
    }

    .visit-us h3 {
        font-size: 45px;
    }

.discount, .badges > span {
    line-height:60px;
    width: 60px;
    height: 60px;
    font-size: 18px;
}

.discount.percent-only {font-size:30px;}

.discount + .badges {top:75px;}

.badges > span {font-size:14px;}

.filter_bar {margin-bottom: 55px;}

}


/*@media screen and (min-width:576px) and (max-width: 679px), 
       screen and (min-width:768px) and (max-width: 859px), 
       screen and (min-width:992px) and (max-width: 1090px), 
       screen and (min-width:1200px) and (max-width: 1269px), 
       screen and (min-width:1440px) and (max-width: 1569px) {
    .slick-prev, .slick-next {width:30px;height:30px;transform:translate(0, -72px);}
    .slick-prev {left:-35px;}    
    .slick-next {right:-35px;}   
}

@media screen and (min-width:1440px) and (max-width: 1499px),
       screen and (min-width:992px) and (max-width: 1029px),
       screen and (min-width:768px) and (max-width: 789px),
       screen and (min-width:576px) and (max-width: 609px) {
    .slick-prev {left:0;}    
    .slick-next {right:0;}   
}*/

@media screen and (min-width:576px) and (max-width:767.98px) {
    .instagram .row > .col:nth-child(n+10) {display:none !important;}
    .sidebar {width:400px;}
}

@media screen and (min-width:576px) and (max-width:991.98px) {
    .search:not(.d-lg-none) {display:none;}
    header div.btn-basket,
    header button.navbar-toggler {
        width: 80px;
        height: 80px;
        text-align: center;
    }
        
    header button.navbar-toggler {
        padding-right: 27px;
    }
}

@media screen and (max-width: 767.98px) {  
    .deck:not(.groups) > div {-ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width:calc(50% - 10px);}   
     
    body.modal-open .subpage.position-relative {position:initial !important;}
    #accordion {max-height:calc(100vh - 120px);overflow:auto;}
    #accordion > .card {padding:0 15px;}
    #accordion > .card:last-child {border-bottom:none;}
    #accordion > .card:first-child {border-top:none;}
    .sidebar {position: fixed; top:0; bottom: 0; left:0; z-index: 1051; background-color:#fff;transition: transform .5s ease-in-out;padding:0;}
    .sidebar:not(.show) {transform:translateX(-100%);}
    #reviewItems > .flex-column.flex-md-row > div {flex-basis:auto;}
    .ordersList .tar {text-align:left !important;}
    .ordersList > .row > div {padding:5px 10px;}
    .ordersList > .row > div:first-child {padding-top:15px;}
    .ordersList > .row > div:last-child {padding-bottom:15px;}
    
    footer .signup {margin-bottom: 40px;}
    .footer-footer {margin-bottom: 0px;}

    .hero {
        height: 198px;
    }

    .heroDesc {
        padding: 0 15px !important;
    }
    .heroDesc p {
        margin-bottom: 40px;
    }        

    #dropdown-filter {
        display: block !important;
    }

    #dropdown-filter .dropdown-filter-left {
        margin-bottom: 20px;
    }

    #dropdown-filter .dropdown-filter-center {
        position: static !important;
        transform: translateX(0) !important;
        flex-wrap: wrap;
        padding-right: 50px;
    }

    .dropdown-filter-center .dropdown a {
        padding-left: 0;
        padding-right: 30px;
    }
    
    #dropdownMenuLinkFLAG {
        padding-right: 15px !important;
    }
    
    
    /*new styles homepage*/

    .showcase .showcase-box img {
        padding: 12px;
    }
        
    .showcase .showcase-box {
        flex-direction:column;
        text-align: center;
    }

    .showcase .showcase-box p {
        width: 100%;
    }

    .showcase .showcase-box .showcase-content {
        position: initial;
        padding: 30px 0 50px;
    }

}

@media screen and (min-width: 768px) {


    .deck > div {-ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); max-width:calc(50% - 15px);}  
    

    h1 {font-size:40px;letter-spacing:0.2em;}   
    h2 {font-size:38px;letter-spacing:0.2em;}   
    h3 {font-size:30px;}   
    .heroDesc {
        margin-bottom: 120px;
    }
    .product-slider .slick-slide, .guestbook-slider .slick-slide {margin:0px 30px;}
    .product-slider .slick-list, .guestbook-slider .slick-list {margin:0px -30px;}
    .product-slider .slick-prev {left: calc(100% - 80px); top: 0;}
    .product-slider .slick-next {right:0px; top: 0;}
    body.index .product-slider .slick-prev {left: -25px; top: 50%;}
    body.index .product-slider .slick-next {right:-25px; top: 50%;}
    .hero.half {height:258px;}
    .product-item .product-img {height:210px;}
    .product-item:hover h3:before {width:30px;}
    #accordion {padding-bottom:80px;}
    .sidebar {-ms-flex: 0 0 200px;flex: 0 0 200px;max-width:200px;}
    .card-body-limited.show {max-height:545px;}
    .price-fields {width:160px;}  
    .intro .back {font-size:12px;line-height:36px;}   
    .multislider .parts a > span:first-child {height:170px;}
    .instagram .col {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .instagram a {height:175px;}
    .news a {height:161px;}
    .step1_summary .promocode {background:none;color:inherit;}
    .step1_summary > div:last-child {-ms-flex: 0 0 360px;flex: 0 0 360px;max-width:360px;}
    .step1_summary.fs13 > div:last-child {-ms-flex: 0 0 300px;flex: 0 0 300px;max-width:300px;}
    .cPanel>div+div {margin-left:50px;}

    /*landing page - O Kopitarni*/ 
    
    .sub-nav ul li {
        padding: 0px 20px;
    }

    .sub-nav ul li a {
        padding: 30px 0px;
    }

    #o-kopitarni .content {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        max-width: 400px;
    }


    .latest-news-li  .latest-news-img {height:460px;}

    /*new styles homepage*/
    
    .showcase .showcase-box:hover .showcase-box-img img {
        transform: translateY(-50%) scale(1.1);
    }

    .showcase .showcase-box .showcase-content p {
        margin: 0 0 30px 0;  
        width: 370px;
    }
        
    .features .feature {
        width: 50%;
        border-bottom: none;
    }

    .features.links-only .feature {width:25%;}

    .features .feature:first-child {
        border-top: none;
    }

    .features .feature p {
        margin-left: 20px;
        text-align: left;
    }

    .features.links-only .feature p {margin-left:0;}    

    .new-offers .new-offers-box {
        width: calc(50% - 30px);
    }

	.eu_logos, #cookie_notification {left:auto;right:10px;bottom:10px;background-color:rgba(0,0,0,0.6);width:425px;}
	.eu_logos p {max-width:250px;}
	.eu_logos p a {line-height:15px;font-size:12px;}
	.eu_logos + #cookie_notification {bottom:95px;border:none;}
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .instagram .row > .col:nth-child(n+9) {display:none !important;}
    
    .product-details {padding-right: 0;}
}

@media screen and (max-width: 991.98px) {
    header div.btn-basket {padding-top:28px;}
    header div.btn-basket i {font-size: 18px;}
       
    .offcanvas-collapse {position:fixed;top:80px; bottom: 0;left: 100%;width: 100%;overflow-y: auto;visibility: hidden;background-color:#fff;transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;}
    .offcanvas-collapse.show {visibility: visible;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
    .navbar-light .navbar-nav .nav-link {border-bottom:1px solid #e6e7eb;padding:18px 15px 12px;}
    .navbar-light .navbar-nav .nav-item-gray {background-color:rgba(0,0,0,0.02);}
    .navbar-light .navbar-nav .nav-item-gray .nav-link {opacity:0.8;}
    .navbar-nav .nav-item .nav-link.active {font-weight:700;}
    .sub-menu {padding: 15px;}
    .sub-menu a:hover, .sub-menu a.active {font-weight:bold;}
    .link-dropdown::after {
        content: '\f107';
        position: absolute;
        top: 50%; transform:translateY(-50%);
        right: 15px;
        font-family:"Font Awesome\ 5 Free"; font-weight:900;
        color: #000000; font-size:14px;
    }

    .link-dropdown.active::after {content: '\f106';}
    .link-dropdown.active + .sub-menu {display:block;}

    .btn-basket {padding:25px 14px 0px 14px;border-right:1px solid #e6e7eb;margin-left:-15px;height:100%;}
    header .actions {height:100%;}
    .search {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .search .form-control {height:auto;line-height:50px;}  
    .breadcrumb, .breadcrumb a {font-size:11px;text-transform:uppercase;letter-spacing:0.1em;}
    .breadcrumb-item+.breadcrumb-item {padding:0;}
    .breadcrumb-item::before, .breadcrumb-item+.breadcrumb-item::before {content: '\f0d9';  font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:12px; color:#000000;padding-left:0;padding-right:12px;}
    .breadcrumb li:not(:nth-last-child(2)) {display:none;}
    .deck.groups > div {-ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width:33.3333%; min-width:215px;}
    .product-item.actually-group .product-img {height:294px;}    
    .product-gallery {padding-bottom:50px;}    
    .product-gallery .slick-nav {margin-top:15px;}       
    .slick-track {margin:0;}
    .slick-nav {padding-left:10px;}
    .slick-nav .slick-slide {margin:0px 5px;}    
    .slick-nav .slick-list {max-width:348px;}
    .slick-dots {bottom:-50px;}
    .slick-dots li {margin:0 15px;}

    /*.slick-dots li, .slick-dots li button, .slick-dots li button:before {width:16px;height:16px;}*/
    .slick-dots li button:before {font-size:9px;}
    .intro .container {padding:0;}    
    footer .split > div {padding-left:0; padding-right:0;}
    
    footer .signup .col-lg-6 {padding-left: 0; margin-bottom: 30px; text-align:center;}
    footer .signup div .col-lg-4, footer .signup div .col-lg-2 {padding-left: 15px;}  
    footer .signup div .col-lg-4 {margin-bottom: 15px;}

    footer .row {margin: auto;}
    footer .footer-footer {display: flex;flex-direction: row;justify-content: flex-start;width: 100%; padding: 15px;}
    footer .authors .container {padding-left: 30px;}
    footer .footer-footer .contact {text-align:left !important;}
    .contact {width: 100%; margin-top:20px;}
    .contact.col-md-3 {max-width: 100%;}
    .follow-us {border-bottom: 1px solid #1b1b1b;border-top: 1px solid #1b1b1b;padding:28px 0;}

    
    #dropdown-filter .dropdown-filter-center {
        position: absolute;
        left: 100%;
        top: 0;
        transform: translateX(-100%);
    }
    #dropdownMenuLinkFLAG {
        padding-right: 0;
    }
    
}

@media screen and (min-width: 992px) {
    
    body {padding-top:80px;}
    header {height:80px;}
    
   .navbar-nav .nav-item .nav-link {
        border-bottom: 4px solid #fff;
        padding: 24px 0 !important;
    }
    .navbar-nav .nav-item .nav-link::after {
        background: #1b1b1b;
    }
    .navbar {padding:0px 0px 0px 0px; height:100%; position:absolute; left: 50%; transform:translate(-50%)}
    .navbar-expand-lg .navbar-nav > .nav-item {padding:4px 10px;}    
    .navbar-expand-lg .navbar-nav > .nav-item:not(:first-child), header .actions > div:not(:first-child) {}    
    .navbar-expand-lg .navbar-nav > .nav-item:first-child {padding-left:0;}
    .navbar-expand-lg .navbar-nav > .nav-item:last-child {padding-right:0;}

.navbar-nav .nav-item .nav-link::after {
    content:'';
    width: 0;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: width 0.2s ease-in-out;
}
.navbar-nav .nav-item .nav-link:hover::after {
    width: 100%;
}

.navbar-nav .nav-item .nav-link.active {
    color: #1b1b1b !important;
    border-bottom: 5px solid #1b1b1b;
}

    .sub-menu {
        position: absolute;
        top:100%;
        margin-top:-4px;
        left:20px;
        z-index:1;
        background-color:#fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .navbar-nav > li:first-child .sub-menu {left:0px;}

    .sub-menu a {padding:10px 15px;white-space:nowrap;display:block;min-width:177px;}
    .sub-menu a:hover, .sub-menu a.active {background-color:#f9f9f9;}
    
    header .actions > div {padding:3px 10px;}
    header .actions > div:last-child {padding-right:15px;} 
    
    .actions-right {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
    }
    
    body.index .product-slider .slick-prev {left: calc(100% - 80px); top: 0;}
    body.index .product-slider .slick-next {right:0px; top: 0;}
       
    .search {width:100px;border-top:none; transition: 0.3s all;}
    .search:focus-within {width: 130px; }
    .search .btn-search {bottom:0;right:-4px;}
    .search .form-control {padding-left:0;padding-top:0;}
    .search .form-label-group .form-control:not(:placeholder-shown) {padding-left:0;padding-top:0;}
    .logo {left:15px;transform:translate(0, -50%);}
    .user-dropdown {padding-bottom:0;}
    .user-dropdown .dropdown-header {padding-left:15px;text-transform:capitalize;}
    .user-dropdown .dropdown-item {border-top:1px solid #e5e5e5;padding:13px 10px 8px 10px;}
    .user-dropdown > .dropdown-item:last-child {border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;}
    .submenu {height:60px;}
    .main-title {padding:65px 0;}
    .hero.half {height:375px;}
    .breadcrumb, .breadcrumb a {font-size:14px;}
    .breadcrumb li:last-child {color:#e25243;}
    .breadcrumb-item+.breadcrumb-item::before {content:'/'; font-weight:900; font-size:14px; color:#000000;}
    .sidebar {-ms-flex: 0 0 250px;flex: 0 0 250px;max-width:250px;margin-right:20px;}
    .price-fields {width:220px;}
    .deck.four-in-a-row > div {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width:25%;}

    body.index .visit-us {margin-bottom: -112px;}

    .product-details {max-width:400px;}

    .product-item .product-img {height:300px;}
    .product-gallery .position-sticky {top:100px;}
    .product-gallery{-ms-flex: 0 0 565px;flex: 0 0 565px;max-width: 565px;}
    .product-gallery .slick-nav {-ms-flex: 0 0 80px;flex: 0 0 80px;max-width: 80px;margin-top:-5px;}
    .product-gallery .slick-with-nav {-ms-flex: 0 0 calc(100% - 80px);flex: 0 0 calc(100% - 80px);max-width: calc(100% - 80px);padding-left:5px;}    
    .product-gallery .device-images .slick-slide {height:423px;}
    .slick-nav .slick-slide {margin:5px 0;}    
    .collection {background-image:url(../images/toper_napis.jpg);background-repeat:no-repeat;background-position:left 110px bottom;}
    .intro .back {width:545px;padding:25px 15px 25px 30px;}
    .intro .front {width:595px;padding:45px 40px 40px 35px;margin:0;}    
    .intro .front .image-cover {margin:-45px -40px -40px -35px;}    
    .intro .front.with-map {margin-top:0;width:400px;}
    .intro .picture {width:560px;margin:0;}    
    .intro .picture:not(.left), .intro .front.right {position:absolute !important;right:15px;top:50%;transform:translateY(-50%);}
    .intro.flip .front.right {right:auto;left:15px;}
    .intro .foo {background-color:#eaeaea;width:540px;height:470px;position:absolute;bottom:0px;left:0;}    
    .intro.flip .foo {left:auto;right:0;}
    .intro.flip .picture.left {margin-left:auto;}
    .multislider .gallery-item {margin-bottom:0;}
    .multislider .parts {padding-left:30px;}
    .multislider .parts a > span:first-child {height:228px;}

    .slick-no-nav {
        padding-right: 25px;
    }

    


    .gallery .slick-prev {top: 50%; left: -30px; }
    .gallery .slick-next {top: 50%; right: -30px; }

    .product-gallery {z-index: 10;}

    .guestbook-slider .slick-slide {padding:40px;}
    .guestbook-slider.main-list {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
    .instagram a {height:188px;}
    .instagram .col {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    .news a {height:218px;}
    .subpage {min-height:calc(100vh - 433px);}
    #map_canvas {height:380px;}    
    .basket {left:auto; right:0;}
    .basket:not(.show) {transform:translateX(100%);}
    .basket-img {width:75px;min-width:75px;min-height:75px;max-height:95px;}
    #CartItemsContent .lh, #CartItemsContent .product-counter {padding-left:15px;}
    #CartItemsContent .cart-item-image {-ms-flex: 0 0 160px;flex: 0 0 160px;max-width:160px; padding-right:15px;}
    #CartItemsContent .cart-item-image a {min-height:130px;max-height:160px;}
    #CartItemsContent .remove-from-cart {-ms-flex: 0 0 50px;flex: 0 0 50px;max-width:50px;text-align:left;}
    footer {padding-top:110px;}
    footer .split > div:not(:last-child):not(:first-child) {border-bottom:none;}
    /*footer .split {padding:0px 5.8%;}*/
    footer .contact {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding:0 15px 0 0;}
    /*footer .footer-menu {-ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%;}*/
    footer .social {-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-right:0;}
    footer h4 + div {margin-top:0px;}   
    /*footer .authors-container {padding:15px 0;}*/
    .my-80 {margin-top:80px;margin-bottom:80px;}
    .py-80 {padding-bottom:80px;padding-top:80px;}
    .intro + .mini-container {margin-top:-30px;}

    .custom-scrollbar::-webkit-scrollbar {width:6px;}
    .custom-scrollbar.horizontal::-webkit-scrollbar {width:auto;height:6px;}
    .custom-scrollbar::-webkit-scrollbar-button {display:none;}
    .custom-scrollbar::-webkit-scrollbar-thumb {background: #e6e7eb;}
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {background: #000000;}
    .custom-scrollbar::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track-piece {background: #fff}
    
    .container.locations ul li {
        flex: 0 0 33.3%;
        width: 33.3%;
     }

    /*landing page - O Kopitarni*/
    


    #o-kopitarni .content {
        top: 50%;
        left: 14%;
        max-width: 450px;
    }
    
    .fs-boxes::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        height: 100%;
        width: 4px;
    }
    
    .boxes-img-text section:nth-child(2n) .fs-boxes .fs-box:last-child {order: 1;}
    .boxes-img-text section:nth-child(2n) .fs-boxes .fs-box:first-child {order: 2;}
    /*.fs-box:first-child .fs-box-container {margin-right: 2px; margin-left: 0;}
    .fs-box:last-child .fs-box-container {margin-left: 2px; margin-right: 0;}
    .boxes-img-text section:nth-child(2n) .fs-boxes .fs-box:first-child .fs-box-container{margin-left: 2px; margin-right: 0;}
    .boxes-img-text section:nth-child(2n) .fs-boxes .fs-box:last-child .fs-box-container{margin-right: 2px; margin-left: 0;}*/

    .tab-content .fs-box:first-child .fs-box-container {margin-left: 0px; margin-right: 0;}
    .tab-content .fs-box:last-child .fs-box-container {margin-right: 0px; margin-left: 0;}
    
    
    .tab-content .fs-boxes {
        flex-direction: row-reverse;
    }

    .fs-box {
        display: flex;
        justify-content: center;
        margin: auto;
    }

    .fs-box .fs-box-content {
        height: unset !important;
        padding: 50px 20px !important;
    }


    .fs-box .fs-box-content h3 {
        white-space: nowrap;
        font-size: 35px;
    }

    .latest-news-li {
        flex: 0 0 calc(33% - 15px);
        width: calc(33% - 15px);
    }

    
    .latest-news-li  .latest-news-img {height:195px;}

    /*new styles homepage*/
    body.index {
        overflow-x: hidden;
    }
    body.index .hero .inner .container {
        max-width: 800px;
    }
    
    .showcase .showcase-box {
        width: calc(50% - 2px);
        background: none;
    }

    .showcase .showcase-box .showcase-content {
        bottom: 60px;
        left: 10%;
    }

    .showcase .showcase-box .showcase-content h3 {
        font-size: 30px;
    }
    

    .footwear {
        margin-top: 100px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .footwear .footwear-box {
        flex: 0 0 calc(50% - 4px);
        margin: 2px;
    }
    .footwear .footwear-box:nth-child(2),
    .footwear .footwear-box:nth-child(4),
    .footwear .footwear-box:nth-child(6) {
        height: auto;
    }

    .footwear .footwear-box .footwear-content {
        width: 400px;
    }
    .footwear .footwear-box h3 {
        font-size: 35px;
    }

    .popular-brands div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .popular-brands {
        margin: 100px auto 30px;
    }

    .popular-brands h3 {
        font-size: 35px;
    }

    .visit-us {
        margin-left: 2px;
        margin-right: 2px;
    }

    .visit-us h3 {
        font-size: 35px;
    }
    
    body.index .new-offers .new-offers-controls {
        text-align: center;
        /*margin-bottom: 40px !important;*/
    }

    body.index .new-offers h2 {
        text-align: left !important;
        margin-bottom: 50px !important;
        font-size: 35px;
    }

    .new-offers .container2 {
        position: relative;
    }

    .new-offers .new-offers-controls {
        position: absolute;
        top: 5px;
        right: 110px;
    }

}

/*@media screen and (min-width:992px) and (max-width:1019px),
       screen and (min-width:576px) and (max-width:589px) {
    .multislider .slick-prev {left:-22px;}
    .multislider .slick-next {right:-22px;}
}*/

@media screen and (min-width: 1200px) {
    .container.cart-container {max-width:1000px;}
    .navbar-expand-lg .navbar-nav > .nav-item {padding:4px 17px;}    
    header .actions > div {padding:3px 15px;}   
    .deck > div {-ms-flex: 0 0 calc(33.3333% - 30x); flex: 0 0 calc(33.3333% - 30px); max-width:calc(33.3333% - 30px);}    
    .product-slider .slick-slide, .guestbook-slider .slick-slide {margin:0px 30px;}
    .hero .slick-slide img {object-fit:cover;}
    body.index .product-slider .slick-list {
        margin: 0px -36px;
    }
    .product-slider .slick-list, .guestbook-slider .slick-list {margin:0px -30px;}
    .product-item .product-img {height:228px;}
    .breadcrumb, .breadcrumb a {font-size:14px;}    
    .product-gallery{-ms-flex: 0 0 730px;flex: 0 0 740px;max-width: 740px;}
    .product-gallery .slick-nav {-ms-flex: 0 0 100px;flex: 0 0 100px;max-width: 100px;}
    .product-gallery .slick-with-nav {-ms-flex: 0 0 calc(100% - 100px);flex: 0 0 calc(100% - 100px);max-width: calc(100% - 100px);}
    .product-gallery .device-images .slick-slide {height:568px;}
    .slick-nav .slick-slide {height:68px;}   
    .w-100 + .product-details {padding-left:30px;}
    .intro .back {width:545px;padding:50px 30px 50px 65px;margin-left:70px;}
    .intro .front {width:595px;padding:85px 80px 80px 70px;}
    .intro .front .image-cover {margin:-85px -80px -80px -70px;}
    .intro .front.with-map {width:540px;}    
    .intro .front h3 {margin-bottom:1rem;}
    .intro .front h3:before {left:-100px;top:50%;margin-top:-6px;}
    .intro .picture {width:640px;}
    .intro + .mini-container {margin-top:80px;margin-bottom:80px;}
    .multislider .parts .row > .col {padding-right:15px;}
    .multislider .parts .row > .col:first-child {padding-top:90px;}
    .multislider .parts .row > .col:last-child {margin-top:-70px;}
    .multislider .parts .row > .col:nth-last-child(2) {margin-top:20px;}
    .multislider .parts.children-cnt-3 .row > .col:last-child {transform:translateX(100%);margin-top:-70px;}
    .multislider .parts.children-cnt-3 .row > .col:nth-last-child(2), .multislider .parts.children-cnt-2 .row > .col {margin-top:0px;}   
    .multislider .parts.children-cnt-2 .row > .col:last-child {margin-top:50%;}   
    .multislider .parts .row > .col:nth-child(2), .multislider .parts .row > .col:last-child {padding-left:15px;padding-right:5px;}
    .multislider .gallery {-ms-flex: 0 0 420px; flex: 0 0 420px; max-width:420px;}
    .multislider .gallery-item {height:660px;max-height:none;}
    /*.multislider .slick-prev {left:0;}
    .multislider .slick-next {right:0;}*/
    .slick-no-nav {
        padding-right: 20px;
    }
    .multislider .slick-slide {margin:0px 115px;}   
    #instagram {padding:0 115px;}        
    .instagram a {height:178px;}
    .news a {height:261px;}
    .guestbook-slider .slick-slide {padding:60px;}
    .guestbook-slider .testimony {position:relative;display:block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;height:calc(1em * 1.7 * 2);width: 100%;}
    #map_canvas {height:480px;}        
    .subpage {min-height:calc(100vh - 480px);}
    footer {height:420px;}
    /*.footer-menu > ul + ul {margin-top:25px;}*/
    .footer-menu {display: flex; justify-content:space-between;}
    .footer-menu ul > li {display:block;}
    .footer-menu ul > li:only-child {width:100%;}
    footer.fixed-bottom {position:fixed;}
    .footer-menu h4 a, .footer-menu a {padding:0;}
    /*.footer-menu h4 + ul {margin-top:15px;}*/   
    .footer-menu h4 {margin-bottom: 15px;}
    .footer-menu .toggler {display:none;}
    .footer-menu ul li ul li {padding-left:0;}
    /*.footer-menu li + li {margin-left:55px;}*/
    .footer-menu ul li ul:not(.show) {display:block;}
    .footer-menu li {border:none !important;}
    footer .contact {-ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%;}
    footer .social {-ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; padding-right:0;}
    /*footer .authors-container {height:35px;padding-top:0;padding-bottom:0;margin-top:15px; margin-bottom: 30px;}*/
    /*footer .authors {padding-top:25px;}*/
     footer .contact div div a {font-size: 31px;}
    .search {width:100px;}
    .search .form-label-group > label > span {display:inline;opacity:0.25;}
    .modal-open.pr-17 {padding-right:17px;}
    .modal-open.pr-17 header {padding-right:32px;}
    .modal-open.pr-17 header .logo {margin-left:-8px;}
    .modal-open.pr-17 footer {padding-right:17px;}
    .midi-container {max-width:960px;}
        
    .main-form {
        width: 50%;
        margin: auto;
    }
    .main-form h1 {
        text-align: center;
        margin: 40px 0;
    }

    .container.locations ul li {
        flex: 0 0 25%;
        width: 25%;
     }

    /*landing page - O Kopitarni*/ 

    #o-kopitarni .content {
        left: 15%;
        max-width: 600px;
    }
    
    .fs-box .fs-box-content {
        min-width: 470px;
    }

    .fs-box .fs-box-content h3 {
        font-size: 35px;
    }

    .help span:first-child:before {
        display:initial;
    }
    .help span:last-child:before {
        display:initial;
    }

    
    .latest-news-li {
        flex: 0 0 calc(33% - 30px);
        width: calc(33% - 30px);
    }

    
    .latest-news-li  .latest-news-img {height:225px;}

    /*new styles homepage*/

    .hero .slick-slide {
        flex-direction: row;
    }

    body.index .hero .inner {
        position: absolute;
        top: 45%; 
        margin-left: 140px;
        transform: translateY(-50%);
    }

    body.index .hero .container {
        width: 450px;
    }

    
    .dark-bg {
        padding: 20px 0;
    }

    .features .feature, .features.links-only .feature {
        width: auto;
        padding: 0;
    }
    
    .showcase .showcase-box .showcase-content {
        bottom: 80px;
        left: 10%;
    }
    .showcase .showcase-box .showcase-content h3 {
        font-size: 35px;
        line-height: 35px;
    }
    
    .footwear .footwear-box .footwear-content {
        width: 430px;
    }
    .footwear .footwear-box h3 {
        font-size: 35px;
    }

    .visit-us h3 {
        font-size: 35px;
    }
     
    body.index .new-offers h2 {
        font-size: 45px;
    }

    .new-offers .new-offers-controls {
        top: 0px;
        left: 50%;
        transform: translateX(-50%)
    }
    
    body.index .product-slider-container .container {
        width: 90%;
        max-width: 1700px;
        margin: 0 auto;
        padding: 0;
    }
    body.index .product-slider-container .product-item .product-img {
        height: 12.7vw;
    }

}

@media screen and (min-width:992px) and (max-width:1250px),
       screen and (max-width:750px)  {
    .logo-side {
        display:none;
    }
}

@media screen and (min-width: 1440px) {

    .container {max-width:1330px;}    
    .navbar-expand-lg {padding-left:10px;}
    .navbar-expand-lg .navbar-nav > .nav-item {padding:4px 20px;}   
    header .actions > div {padding:3px 15px;}    
    .search {width:100px;}
    .logo {left:15px; transform:translate(0, -50%);}
    .btn-stores span {display:inline;}
    .btn-basket > a > span:not(.badge) {display:inline}
    .btn-basket > a > span:not(.badge):not(.d-none) {margin-right:7px;}
    .hero.half {height:500px;background-size:auto;}
    .sidebar {-ms-flex: 0 0 340px;flex: 0 0 340px;max-width:340px;}
    .price-fields {width:310px;}
    .deck > div {-ms-flex: 0 0 calc(33.3333% - 67x); flex: 0 0 calc(33.3333% - 67px); max-width:calc(33.3333% - 67px);}
    .product-slider .slick-slide, .guestbook-slider .slick-slide {margin:0px 50px;}
    .product-slider .slick-list, .guestbook-slider .slick-list {margin:0px -50px;}
    .product-item .product-img {height:250px;}
    .product-gallery{-ms-flex: 0 0 970px;flex: 0 0 970px;max-width: 970px;}
    .product-gallery img {width:100%;}
    .product-gallery .slick-nav {-ms-flex: 0 0 134px;flex: 0 0 134px;max-width: 134px;}
    .product-gallery .slick-with-nav {-ms-flex: 0 0 calc(100% - 134px);flex: 0 0 calc(100% - 134px);max-width: calc(100% - 134px);}   
    .product-gallery .device-images .slick-slide {height:774px;}
    .slick-nav .slick-slide {height:104px;}
    .w-100 + .product-details {padding-left:20px;}
    .intro .picture {width:870px;}    
    .intro .front.with-map {width:595px;}
    .multislider .gallery {-ms-flex: 0 0 520px;flex: 0 0 520px;max-width: 520px;}
    .multislider .gallery-item {height:705px;}
    .multislider .parts {padding-left:65px;}
    .multislider .parts a > span:first-child {height:260px;}
    .multislider .parts .row > .col {padding-right:35px;}
    .multislider .parts .row > .col:nth-child(2), .multislider .parts .row > .col:last-child {padding-left:35px;}    
    .multislider .parts .title:after {margin:0;position:absolute;left:0;top:24px;}
    .multislider .parts .title {padding-left:40px;font-size:13px;-webkit-line-clamp:initial;height:auto;padding-top:1.5em;}
    .instagram a {height:236px;}
    .news a {height:340px;}
    #map_canvas {height:555px;}
    .footer-menu h4 + ul {margin-top:20px;}   
    /*.footer-menu > ul + ul {margin-top:64px;}*/
    /*footer .contact {-ms-flex: 0 0 17%; flex: 0 0 17%; max-width: 17%;}*/
    /*footer .footer-menu {-ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}*/
    /*footer .social {-ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; padding-right:0; margin-left:6%;}*/
    /*footer .authors-container {margin-top:0;}*/
    .search:focus-within {width: 200px; }
    .products {
        margin: 0 -50px;
    }

    .products .product-li {
        padding: 0 50px;
    }

    
    .latest-news-li {
        flex: 0 0 calc(33% - 60px);
        width: calc(33% - 60px);
    }
    
    .latest-news-li  .latest-news-img {height:245px;}

    /*landing page - O Kopitarni*/
    .fs-box .fs-box-content {
        min-width: 540px;
    }

    

    body.index .hero .inner {
        margin-left: 180px;
    }

    body.index .hero .container {
        width: 510px;
    }
}

/* do not change beyond this point */

.adminBtnFA {cursor:pointer; color:#a0a0a0; font-size:13px;}
.adminBtnFA + .adminBtnFA {margin-left:5px;}
.adminBtnFA:hover {color:#000;}

.btnCMS {font-size:13px;color:#a0a0a0;text-decoration:none !important;}
.btnCMS:hover {color:#000 !important;}
.btnCMS i.fa-pencil-alt {color:orange;}
.btnCMS i.fa-plus-square {color:green;}
.btnCMS i.fa-list {color:darkblue;}
.btnCMS i.fa-times {color:red;}
.btnCMS i.fa-paperclip {color:cornflowerblue;}
.btnCMS i.fa-images {color:olive;}

.adminBtn{display:inline-block;padding:5px 15px 5px 10px;font-family:Arial;color:Black !important;font-size:12px;text-decoration:none;background:#fff;box-shadow:0 0 3px 3px rgba(0, 0, 0 , 0.1);}
.adminBtn span{display:inline-block;background-repeat:no-repeat;background-position:left center;padding-left:23px;padding-top:2px;}
.adminBtn:hover, .adminBtn:active{text-decoration:none;color:black !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(0, 0, 0 , 0.3);}
.adminBtn:active{background-color:White;}

.btn-album-switch{background-image:url(../images/cms/album-switch.png);}
.btn-album-edit{background-image:url(../images/cms/album-edit.png);}
.btn-attachment{background-image:url(../images/cms/attachment.png);}
.btn-banners{background-image:url(../images/cms/banners.png);}
.btn-banners-edit{background-image:url(../images/cms/banners-edit.png);}
.btn-document{background-image:url(../images/cms/document.png);}
.btn-footer{background-image:url(../images/cms/footer.png);}
.btn-header{background-image:url(../images/cms/header.png);}
.btn-form-edit{background-image:url(../images/cms/form-edit.png);}
.btn-form-results{background-image:url(../images/cms/form-results.png);}
.btn-form-switch{background-image:url(../images/cms/form-switch.png);}
.btn-images{background-image:url(../images/cms/images.png);}
.btn-logout{background-image:url(../images/cms/logout.png);}
.btn-map{background-image:url(../images/cms/map.png);}
.btn-menu{background-image:url(../images/cms/menu.png);}
.btn-modules{background-image:url(../images/cms/modules.png);}
.btn-news-edit{background-image:url(../images/cms/news-edit.png);}
.btn-news-add{background-image:url(../images/cms/news-add.png);}
.btn-page-edit{background-image:url(../images/cms/page-edit.png);}
.btn-bottom-menu{background-image:url(../images/cms/bottom-menu.png);}
.btn-hotel{background-image:url(../images/cms/hotel.png);}
.btn-hotel-add{background-image:url(../images/cms/hotel-add.png);}
.btn-cat-edit{background-image:url(../images/cms/cat-edit.png);}
.btn-cat-add{background-image:url(../images/cms/cat-add.png);}
.btn-cat-list{background-image:url(../images/cms/cat-list.png);}