:root { --swiper-navigation-size: 16px!important;
        --main-color: #002c53;
}
html, body {overflow: visible; font-size: 16px;} 

.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
ul {list-style: none; padding-left: 0;}
a {background-color: transparent; color: var(--main-color); text-decoration: none; transition: background-color .2s ease-out 0s,color .2s ease 0s,border-color .2s ease 0s,opacity .2s ease 0s;}
a:focus, a:visited {text-decoration: none;}
.flex-row-center {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.flex1 {flex: 1}
h2 {font-size: 24px; text-transform: uppercase;}
.flex-start {justify-content: flex-start;}
.position-relative {position: relative;}
.align-start {align-items: flex-start;}
.w-1000 {max-width: 1000px; margin: 0 auto;}
.media-wrapper {overflow: hidden; position: relative; margin: 0; display: block;}
picture img {width: 100%;}
/*body, h1, h2, h3, h4, h5, h6, p, ul, li, a {font-family: 'DIN Next CYR', Arial, Helvetica, sans-serif;}*/
.m-b-100 { margin-bottom: 100px; }
.heading-primary {line-height: 38px; font-size: 32px; font-weight: 600; text-transform: uppercase; color: #000;}
.flip {transform: rotate(180deg);}
.inline-block {display: inline-block;}
.one-product span.far.fa-heart.unchecked {color: #fff;}
.one-product span.fas.fa-heart.checked {color: var(--main-color); text-shadow: none;}

.btn-success {  background: #253c50; }


header .navbar-header .shopping-cart {position: relative;}
header .badge {background-color: var(--main-color); position: absolute; right: 8px; top: 4px; border: 2px solid #fff; height: 21px; min-width: 21px; padding: 1px 2px 0; line-height: 15px; text-align: center; display: block; font-size: 10px;}

.border {padding-top: calc(60px + 81px);}

.navbar {min-height: unset;}

.advanced-search { width: 210px; margin: 0 0;}
.advanced-search button {background: transparent; border: 0; position: absolute; right: 55px;  top: 0;}
.advanced-search .input input { width: 100%; border: 0; border-bottom: 1px solid #000; padding: 10px 0px 10px 1px; border-radius: 0px; color: #000;}
.advanced-search .input input:focus { border: 1px dashed #000;}
.advanced-search input::placeholder { color: rgb(0 0 0); opacity: 1; }
.advanced-search .icon { position: absolute; left: 34px;  top: 16px;  z-index: 1; color: rgb(0 0 0);}
.advanced-search .icon > svg {width: 16px; height: 16px;}

header .middle {padding: 20px 0px 0px;}
header .middle .header-icon-nav {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; justify-content: flex-end;}
header .middle .header-icon-nav .nav-item {margin-left: 0; height: 60px; padding: 0 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column;}
header .middle .header-icon-nav .nav-item > a {display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; color: #1a1919; transition: all .2s ease 0s;}
header .middle .header-icon-nav .nav-item > a > :is(i, svg) {font-size: 18px; line-height: 22px; height: 22px; margin-bottom: 6px; color: #1a1919; transition: all .2s ease 0s;}

header .middle .header-icon-nav .nav-item .nav-item-text {font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: 11px; color: #1a1919; transition: all .2s ease 0s; white-space: nowrap;}


header .bottom #nav-section {padding: 0; border-bottom: none;}
header .bottom #nav-section .navbar-default .navbar-nav > li > a {position: relative; letter-spacing: 0px; text-transform: uppercase; font-weight: 400; color: #000; padding: 15px 10px; font-size: 14px;}
header .bottom #nav-section .navbar-default .navbar-nav > li:hover > a:after {content: ''; height: 4px; width: 100%; background: var(--main-color); bottom: -22px; z-index: 1; position: absolute; bottom: -1px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
header .swiperTickerContainer {margin-bottom: 0;}


.solid-menus  h5 { font-size: 18px; margin: 20px; text-align: center; font-weight: 700; color: #002c53; text-transform: uppercase;}

.solid-menus  h5.line-under {
    font-size: 18px; margin: 0 15px 15px 0; text-align: left; font-weight: 700; color: #002c53; text-transform: uppercase;
    line-height: 16px; display: inline-block; border-bottom: 1px solid #e3e3e5; padding-bottom: 15px; width: 100%; }

.solid-menus .dropdown-menu.custom-padding{  padding: 5px 15px 0px 15px;}
.solid-menus .custom-padding {  padding: 30px 15px 0px 15px;}



@media only screen and (min-width: 1370px) {
    .container-1600 { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; width: 1600px; max-width: 100%;}
}


.message {padding: 1.25em 32px 1.25em calc(28px * 2); font-size: 13px; position: relative; font-weight: 400; border-radius: 3px;}
.message:before { font-family: bs-iconfont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0.75em; left: 12px; font-size: 1.5em; line-height: 1em; }
.selector {display: block; font-size: 14px; height: 45px; color: #636363; font-weight: 400; position: relative; border-radius: 2px; border: 1px solid #a7a7a7; margin: 0; background-color: #fff; vertical-align: middle; 
            width: 100%!important; text-transform: none; cursor: pointer; text-indent: calc(1em - 1px); transition: color .2s ease 0s,border-color .2s ease 0s,background-color .2s ease 0s; -webkit-appearance: none; 
            line-height: 26px; overflow: hidden; }
.selector span {user-select: none; display: block; width: 100%!important; color: #636363; font-size: 1em; height: 45px; line-height: 45px; margin: -1px 0 0; padding: 0 3em 0 1em; text-shadow: none; text-indent: 0; background-image: none; 
                white-space: nowrap; transition: border-color .2s ease 0s,color .2s ease 0s,background-color .2s ease 0s; position: relative; overflow: hidden; text-align: left;}
.selector span:after { display: block; position: absolute; right: 1.25em; top: 50%; font-family: bs-iconfont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; 
                        display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e95a'; font-size: .8em; line-height: 2em; height: 2em; width: auto; margin-top: -1em; 
                        transition: -webkit-transform .2s ease 0s; transition: transform .2s ease 0s; transition: transform .2s ease 0s,-webkit-transform .2s ease 0s; text-indent: 0; color: #767676; font-weight: 700; color: var(--main-color);}                
.selector select { margin: -2px 0 0; font-size: 1em; height: 45px; top: 0; opacity: 0; }
.button {display: -moz-inline-box; zoom: 1; vertical-align: middle; border-radius: 3px; border: 1px solid var(--main-color); background: var(--main-color); cursor: pointer; color: #fff; display: inline-block; width: auto; 
            font-size: 15px; line-height: 21px; font-weight: 700; padding: 12px 20px 10px; text-align: center; text-transform: uppercase; text-decoration: none; 
            transition: background-color .2s ease 0s,color .2s ease 0s,border-color .2s ease 0s,opacity .2s ease 0s; -webkit-appearance: none;}
.button:focus, .button:hover {background-color: #fff; color: var(--main-color); text-decoration: none;}






/*****  HOMEPAGE  *****/
.big-banner .swiper-slide img {width: 100%;}

.one-product .product-img { border: 1px solid #fff;}
.one-product img { transition: all .5s ease-in-out; backface-visibility: hidden; transform: translateZ(0) scale(1.04);}
.one-product img:hover {  transform: scale(1);}
.one-product a h2 { color: #000; }
.one-product .price { color: #000; }
.one-product .follow-featured {z-index: 1;}

.product-details .add-to-cart {font-size: 17px;}
.product-details .go-to-checkout {font-size: 17px;}

.product-photo .product-flags {  width: 130px!important;}
.product-photo .exp-on-action { font-size:20px;padding: 10px 15px; }
.product-photo .exp-on-weekend { font-size:20px;padding: 10px 15px; }
.product-photo .exp-on-new {font-size:20px;padding: 10px 15px;}
.product-photo .exp-on-discount {font-size:20px;padding: 10px 15px;}

.countdown-timer-wrapper { border-radius: 4px; background-color: #e03534; margin-bottom: 25px;  max-width: 279px;}
.countdown-timer-wrapper.weekend { background-color: #6447e1; }


/* Title v1 center */
h2.background { position: relative;  z-index: 1;  text-transform:none; margin-bottom: 40px; margin-top: 43px; color: #1a1919; font-size: 28px; text-transform: uppercase; font-weight: 900;}
h2.background:before { border-top: 0px solid #eaeaea;  content: "";  margin: 0 auto;  position: absolute;  top: 50%;  left: 0;  right: 0;  bottom: 0;  width: 100%;  z-index: -1;}
h2.background span {  background: #fff;  padding: 0 15px; letter-spacing: 1px; }


.news-template-short4 {overflow: hidden;}
.news-template-short4 img:hover {transform: unset;}
.news-template-short2 .imgdiv {max-height: 250px;}


.one-news a {color: #1a1919;}
.one-news:hover .leon-button-light {background: var(--main-color); color: #fff;}
.one-news :is(.one-news-text, .one-banner-text) {padding-top: 16px;}
.one-news h2 {color: #1a1919; font-size: 20px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin: 0;}
.one-news :is(.news-category-badge, .one-banner-desc) {font-size: 16px; line-height: 24px; margin-top: 4px; margin-bottom: 16px; display: block;}


 .intro {overflow: hidden;}
h1 .overheadline {font-size: 1.25rem; line-height: 1.625rem; font-weight: 600; display: block; text-transform: uppercase;}
h1 .headline {font-size: 2.2rem; line-height: 2.375rem;font-weight: 700;text-transform: uppercase; display: block;}


.button-block-item {overflow: hidden; margin-bottom: 50px;}
.button-block-item .button-block-item-text {padding-top: 16px; padding: 16px 24px 0;}
.button-block-item .button-block-item-text h2 {color: #1a1919; font-size: 30px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.button-block-item .button-block-item-text .button-block-item-desc {font-size: 16px; line-height: 24px; margin: 5px 0 10px; display: block; color: #1a1919;}
.button-block-item-text > div {margin-top: 16px; }
.button-block-item:hover .leon-button-light {background: var(--main-color); color: #fff;}
.button-block-item img {transition: all .4s ease-in-out; height: 350px; width: auto; object-fit: cover;}
.button-block-item:hover img {transform: scale(1.1); opacity: .6;}

.follow-us img {margin-left: 10px;}


/*****  ONE PRODUCT PAGE  *****/
.product .breadcrumb {padding: 15px 0;}
.product .breadcrumb {color: #1a1919; font-size: 10px; line-height: 13px; font-weight: 400; margin: 0; white-space: nowrap; text-transform: uppercase;}

.product #product-sub-container {height: auto; display: flex; /*height: 100vw;*/}
.product .sticky-element {position: -webkit-sticky; position: sticky; top: 177px; height: auto;}
.product .bg-color .clearfix {display: none!important;}
.product .product-details {overflow: visible;}

.product .swiper-wrapper { /*justify-content: center;*/}
.product h2 {margin-bottom: 24px;}

.image-indicator { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: fixed; height: 370px; top: 40%; left: 3.5%;position: fixed; top: 40%; }
.image-indicator li { height: 100%; width: 3px; cursor: pointer; background-color: #dedede; }
.image-indicator li.active { background-color: #575757; }


.productdetail-info-panel .info-panel {display: flex; font-size: 13px; line-height: 17px; padding: 15px 0 8px; border-bottom: 1px solid #e0e0e0;}
.productdetail-info-panel .info-panel:last-of-type {border-color: #fff;}
.productdetail-info-panel .info-panel > i {color: var(--main-color); font-size: 22px; margin-right: 10px;}


.product .product-details .buttons {gap: 10px;}
.product .product-details .buttons :is(.add-to-cart, .go-to-checkout) {font-size: 15px; line-height: 21px; font-weight: 700; margin: 0; display: flex; align-items: center; justify-content: center;}
.product .product-details .addtofav {display: inline-block;}
.product .product-details .add-to-cart {background-color: var(--main-color); border-radius: 0 4px 4px 0; width: 100%;}
.product .product-details .follow-featured {align-items: center; background: #fff; border-radius: 3px; border: 1px solid var(--main-color); color: var(--main-color); cursor: pointer; display: -webkit-flex; display: flex; font-size: 20px; 
                                -webkit-justify-content: center; justify-content: center; min-width: 45px; min-height: 45px; padding: 4px 12px 0!important;}
.product .product-details label {margin: 0; cursor: pointer;}
.product .product-details .buttons-first {height: 45px;}
.product .product-details a.ddd {height: 50%;}
.product .product-details :is(.sp-plus, .sp-minus) {line-height: initial; padding: 0; text-align: center; height: 100%; width: 30px; display: flex; justify-content: center; align-items: center; font-size: 13px;}
.product .product-details .sp-plus {border-top-left-radius: 4px;}
.product .product-details .sp-minus {border-bottom-left-radius: 4px;}
.product .product-details .sp-input {border: 2px solid var(--main-color); height: 45px!important; box-sizing: border-box; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; width: 30px;}
.product .product-details .quantity-input {float: none; padding: 0; width: 100%; border: 0; text-align: center; color: var(--main-color);}
.product .product-details .buttons .go-to-checkout {height: 45px; padding: 14px 10px; background: #fa7828;}
.product .product-details .go-to-checkout.hvr-sweep-to-right:before {background: var(--main-color);}

.modal-open :is(.header-stick, #product-sub-container, .sticky-element) {z-index: 0!important;}
.modal-open :is( .product-photo img, #cart-form)  {z-index: -1!important; position: relative;}



/*****  ONE CATEGORY PAGE  *****/

.checkbox label::before {border-radius: 0;  border: 1px solid #a9a9a9;}
.checkbox-danger input[type="checkbox"] + label::after {transform: scale(3) rotate(-20deg); opacity: 0; transition: all .2s ease-in; content: ''; left: -19px; top: 4px; margin-left: 0px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23002c53' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E"); background-size: cover;fill: #fff;}
.checkbox-danger input[type="checkbox"]:checked + label::after {transform: scale(1) rotate(0deg); opacity: 1; transition: all .2s ease-in; content: '';}
.checkbox-danger input[type="checkbox"]:not(:checked) + label::after {transition: all .2s ease-in; transform: scale(3) rotate(-20deg); opacity: 0;}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {outline: none;}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {background-color: #fff!important; border-color: #a9a9a9!important;}



/*****  BLOG CATEGORY PAGE  *****/
.news-template-short3 {margin-bottom: 40px;}
.news-template-short3 .imgdiv {background: #fff;}




/*****  FIT GUIDE PAGE  *****/

.fit-guide .banner .banner-text {position: absolute; top: 30px; left: 50px; text-align: center; height: calc(100% - 60px); width: calc(100% - 100px); overflow: hidden;}
.fit-guide .banner .banner-text .banner-text-inner {margin-left: 11%; margin-right: 11%;max-width: 350px; height: auto;}
.fit-guide .banner .banner-text .banner-title {font-size: 20px; line-height: 22px; font-weight: 700; color: #fff; text-transform: uppercase; text-shadow: 0 0 5px rgb(150 150 150 / 60%);}
.fit-guide .banner .banner-text .banner-title .smaller {font-weight: 400; margin-bottom: 7px; font-size: 20px; line-height: 22px;}

.fit-guide .intro-text {font-size: 18px; line-height: 1.5em;}

.fit-guide .fit-guide-calculator {padding: 32px 32px 50px; background: #f6f6f6;}
.fit-guide .fit-guide-calculator .fit-guide-form {width: 100%; max-width: 734px; margin: 0 auto;}
.fit-guide .fit-guide-calculator .container-result {display: none;}
.fit-guide .fit-guide-calculator .warning-form {display: none; margin: 0 0 32px; background: #fefdf9; -webkit-flex-shrink: 0; flex-shrink: 0; flex-wrap: nowrap; padding: 20px!important; text-align: left; line-height: 21px; color: #c99e1c; 
                                                border: 1px solid #c99e1c; font-size: 13px;}
.fit-guide .fit-guide-calculator .warning-form:before {content: '\e93a'; position: relative; top: 0; left: 0; margin-right: 10px; font-size: 28px;}
.fit-guide .fit-guide-calculator .heading-secondary {margin: 0 0 24px; line-height: 26px; font-size: 24px; font-weight: 600; text-transform: none; color: #000; }
.fit-guide-calculator .description a {text-decoration: underline; color: #1a1919;}
.fit-guide .fit-guide-calculator .size-options .option {width: 170px; height: 46px; border: 1px solid #a7a7a7; border-radius: 4px; background: #fff; line-height: 46px; font-size: 14px; color: #575757; margin-right: 12px; cursor: pointer;}
.fit-guide .fit-guide-calculator .size-options .option.selected {border: 2px solid var(--main-color); font-weight: 700; color: var(--main-color); cursor: default;}
.fit-guide .fit-guide-calculator .size-options .option:last-child {margin-right: 0;}
.fit-guide .fit-guide-calculator .select-foot:first-child {margin-right: 32px;}
.fit-guide-calculator .select-foot .form-row {margin: 0 0 24px;}
.fit-guide .fit-guide-calculator .select-foot {-webkit-flex: 1 0 10%; flex: 1 0 10%;}
.fit-guide .fit-guide-calculator .select-foot .selector {border-radius: 4px;}
.fit-guide .error-msg {display: none;}
.fit-guide .fit-guide-calculator .info-measure-link a {line-height: 18px; font-size: 13px; color: #636363; }
.fit-guide .fit-guide-calculator .info-measure-link a:before {content: '\e9a7'; font-family: bs-iconfont!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; 
                                                                display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; font-size: 18px;}
.fit-guide .fit-guide-calculator .info-measure-link a span {position: relative; top: 2px; text-decoration: underline;}
.fit-guide .fit-guide-calculator .info-measure-link a:hover span { text-decoration: none; }
.fit-guide .fit-guide-calculator .calculate-button {width: 100%; max-width: 350px;}


.module-text {padding: 20px 0;}
.module-text-title {text-transform: uppercase; font-size: 32px; line-height: 38px; font-weight: 700; margin: 0 0 16px;}
.module-text-txt {font-size: 18px; line-height: 24px;}
.module-text-list > li {position: relative; padding-left: 30px;}
.module-text-list > li > svg {width: 20px; top: 0px; left: 0; position: absolute; height: 20px; fill: var(--main-color);}


.video-js {display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; 
         -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;width: 100%; max-width: 100%; height: 0; padding-top: 50%; }



.fit-guide .dist-module-wrapper .dist-module {align-items: flex-start; -webkit-flex-direction: row; flex-direction: row; flex-wrap: nowrap; width: 100%; text-align: center; padding: 0 calc(32px / 2) 32px;}
.fit-guide .dist-module-item {padding-left: 0; padding-right: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: relative; cursor: pointer; padding-top: 32px;}
.fit-guide .dist-module.module-4x .dist-module-item {width: calc((100% / 4) - 32px); margin-left: 16px; margin-right: 16px;}
.fit-guide .dist-module.module-2x .dist-module-item {width: calc((100% / 2) - 32px); margin-left: 16px; margin-right: 16px;}


.fit-guide .dist-module-wrapper .dist-module .dist-module-item .dist-module-content {position: relative; z-index: 1; background-color: #fff; margin: 0 auto; width: 100%; transition: -webkit-transform .5s ease; 
                                                                                    transition: transform .5s ease; transition: transform .5s ease,-webkit-transform .5s ease; width: 90%; padding: 8px 8px 0;}
.fit-guide .dist-module-wrapper .dist-module .dist-module-item .dist-module-content .dist-module-content-title {text-transform: uppercase; font-size: 20px; line-height: 1.3333em; font-weight: 700; margin: 0 0 4px; text-transform: none;
                                                                                                                color: #1a1919; text-align: center;}
.fit-guide .dist-module-wrapper .dist-module .dist-module-item .dist-module-image {z-index: 0; overflow: hidden;}
.dist-module-wrapper .dist-module .dist-module-item .dist-module-image .dist-module-image-img {transition: all .5s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); 
                                                                                                transform: scale(1); will-change: all; display: block; min-height: 1px; min-width: 1px; }
.dist-module-wrapper .dist-module .dist-module-item .dist-module-content p {font-size: 18px; line-height: 1.5em; width: 100%; text-decoration: none; color: #1a1919; margin: 0 auto;}




.locations .photo {min-height: 300px; position: relative;}
.locations .photo a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.locations .swiper-slide div {max-height: unset;}
.locations :is(.swiper-button-next, .swiper-button-prev) {position: relative; left: unset; right: unset; width: unset; height: unset;}
.locations .swiper-button-next:after, .locations .swiper-button-prev:after {display: none; content: '';}
.locations .swiper-navigation {position: absolute; top: -35px; right: 7px; z-index: 0; display: flex;}
.locations .swiper-navigation .swiper-button-next svg {transform: rotate(180deg);}
.locations .location-text h2 {margin: 10px 0 20px; flex: 1; font-size: 23px; text-transform: none;}
.locations .location-text h3 {text-transform: uppercase; font-size: 22px; font-weight: 700; margin: 15px 0 5px;}
.locations .location-text ul > li > a {line-height: 1.8em;}
.locations .location-text .location-link {text-transform: uppercase;}
.locations .location-text a:hover {text-decoration: none;}
.locations .location-text ul li {font-size: 17px; line-height: 1.6;}
.locations .location-text ul li > span {font-weight: 600; margin-left: 5px;}

.icon-circ_arr {display: inline-block; height: auto; width: 2.5em;}
.icon-circ_arr circle {display: none;}
.icon-circ_arr :is(line, polyline) {fill: transparent; stroke: #1A1919; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-width: 2px;}


.location-one h1 {text-transform: uppercase;}
.location-one .contact-info ul > li {line-height: 1.8em; font-size: 19px; letter-spacing: 1px; padding: 5px 0;}
.location-one .contact-info ul > a {position: absolute; right: 0; top: -20px;}
.location-one .contact-info ul > li .icon-circ_arr {margin-top: -6px;}
.location-one .contact-info ul > li > svg {width: 24px; fill: #6e6e6e; margin-right: 15px;}
.location-one .main-content ul > li :is(a, span) {color: inherit;}
.location-one .main-content ul > li span {margin-left: 10px; position: relative; padding-left: 10px;}
.location-one .main-content ul > li span:before {content: ''; width: 1px; height: 20px; background: #002c52; position: absolute; left: 0; display: flex; align-items: center; justify-content: center; top: calc(50% - 10px);}
.location-one .main-content ul > li b {font-weight: 600; margin-left: 10px;}
.location-one .main-content ul > li a {transition: 300ms; border-bottom: 1px solid transparent;}
.location-one .main-content ul > li a:hover {border-color: var(--main-color); color: var(--main-color);}
.location-one .main-content ul > li.no-visible > svg {visibility: hidden;}
.location-one .shops ul > li {margin: 15px 0; font-size: 19px; display: flex; align-items: center; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px;}
.location-one .shops ul > li > img {margin-right: 10px;}
.location-one .shop-img-list {display: grid; font-size: 0; grid-gap: 10px; grid-template-columns: repeat(6, 1fr); margin: 20px 0;}



.materijali .media-wrapper {display: flex; justify-content: center; align-items: center;}
.materijali .media-wrapper > span {content: ''; position: absolute; color: #fff; font-size: 80px; text-transform: uppercase; opacity: .2; -webkit-opacity: .2; z-index: 1; font-weight: 700; text-shadow: 0 0 10px #000;}


.footbed .magazine-video .vimeo-embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.footbed .magazine-video .vimeo-embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.footbed .footbed-slider h3 {text-transform: capitalize; font-size: 30px; line-height: 37px; font-weight: 400; margin-bottom: 56px; color: #151515;}


.slick-slide figure {position: relative;}
.slick-slide img {max-width: 550px;}
.slick-slide .list-item-details {display: block; position: absolute; max-width: 333px; width: 100%; height: auto; background-color: #fff; border: 1px solid #f5f5f5; box-shadow: 0 0 6px 0 rgb(217 217 217 / 50%); padding: 20px; bottom: 33%; right: 20%;}


.footbed .structure .module-text-image {padding: 32px calc(8.33% + 32px);}









.page-content-policies > div {padding-top: 60px;}
.page-content-policies .policies-sidebar {background-color: #f6f6f6; padding-left: 30px;}
.page-content-policies .policies-sidebar h4 {text-transform: uppercase; font-size: 20px;}
.page-content-policies .policies-sidebar ul {height: 100%; display: flex; flex-direction: column; }
.page-content-policies .policies-sidebar ul > li {margin-bottom: 1em;}
.page-content-policies .policies-sidebar ul > li > a {color: var(--main-color); font-size: 18px; line-height: 1.5em; display: block; text-decoration: none; padding: 0 12px 0 0; position: relative;}
.page-content-policies .policies-sidebar ul > li > :is(a:hover, a:focus) {background-color: transparent; color: var(--main-color);}
.page-content-policies .policies-sidebar ul > li > a > span:first-child {width: 90%; display: block;}
.page-content-policies .policies-sidebar ul > li > a .marker {display: block; width: 6px; height: 100%; background: var(--main-color); top: 0; right: -15px; position: absolute; opacity: 0; transition: opacity .2s ease 0s;}
.page-content-policies .policies-sidebar ul > li > a .marker:after { content: ' '; display: block; width: 0; height: 0; -webkit-transform: rotate(360deg); border-color: transparent transparent transparent var(--main-color); border-style: solid;
                                                                        border-width: 3px 0 3px 3px; position: absolute; right: -3px; top: 50%; margin-top: -3px; }
.page-content-policies .policies-sidebar ul > li.active > a .marker {opacity: 1;}

.page-content-policies .policies-content {padding-left: 55px; padding-bottom: 40px;}
.page-content-policies .policies-content h1 {font-size: 23px; color: var(--main-color); text-transform: uppercase; margin: 0 auto 30px; font-weight: 700; border-bottom: 1px solid #f6f6f6; padding-bottom: 20px;}
.page-content-policies .policies-content h3 {font-size:22px; margin: 20px 0;}
.page-content-policies .policies-content ul > li {position: relative; padding-left: 30px;}
.page-content-policies .policies-content ul > li:before {content:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; display: inline-block; 
                                                    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 2px; left: 0; font-size: 1.2em; line-height: 1em; color: var(--main-color); width: 22px; height: 22px;}
/*.page-content-policies .policies-content ul > li:before {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}                        
*/


.kontakt .form-content {}
.kontakt .form-content > div {padding-top: 60px;}
.kontakt form {padding: 0 50px 0 0;}
.kontakt .form-control {border-color: transparent; box-shadow: none; border-bottom: 1px dashed #1e4567; border-radius: 0; font-size: 16px; color: var(--main-color); transition: all 0.2s ease-in;}
.kontakt input.form-control {height: 60px;}
.kontakt .form-control:focus {/*background-color: #f6f6f6;*/ color: #fff; border: 1px solid var(--main-color);}
.kontakt .form-control textarea {min-height: 150px;}
.kontakt .contact-sidebar {background-color: #f6f6f6; padding-left: 30px; padding-right: 30px; padding-bottom: 60px;}
.kontakt .contact-sidebar ul > li {font-size: 19px; color: var(--main-color); line-height: 2em; display: flex;}
.kontakt .contact-sidebar ul:nth-of-type(1) > li:last-child, .kontakt .contact-sidebar ul:nth-of-type(2) > li:last-child {border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; padding-bottom: 10px;}
.kontakt .contact-sidebar ul > li svg {margin-right: 10px; width: 20px; color: #002c5385; fill: #002c5385}


/*****  CHECKOUT PAGE  *****/
.checkout .cart_product-img {margin-right: 5px;}
.checkout .voucher-input .code-input {line-height: 23px; padding: 13px 0; border-radius: 25px 0 0 25px; border: none; box-shadow: inset 1px 1px 3px #aaaaaa9e; transition: all .2s;}
.checkout .voucher-input .leon-button {margin-left: -4px;}
.checkout input[type=text]:focus::placeholder {color: transparent !important;}
.checkout .voucher-input .code-input:focus {box-shadow: inset 1px 1px 3px #aaa;}
.checkout .checkout-captcha-title {font-weight: 600; color: #e32e2e;}




/*****  LOGIN PAGE  *****/
.user-login .form-control {background-color: #002c531a;}
.user-login p.register-title {background-color: #002c531a;}
.user-login .form-control:focus {box-shadow: none; border-color: var(--main-color); background-color: #002c5309;}



.leon-button {display: inline-block; text-align: center; padding: 12px 20px; font-size: 15px; border: 1px solid var(--main-color); transition: all 0.2s ease 0s; border-radius: 3px; font-weight: 700; text-transform: uppercase; 
                text-decoration: none;}
.leon-button-dark {background: var(--main-color); color: #fff; }
.leon-button-dark:hover {background: #fff; color: var(--main-color);}
.leon-button-light {background: transparent; color: var(--main-color);}
.leon-button-light:hover {background: var(--main-color); color: #fff;}





.noty_message {background: var(--main-color);}
.modal-backdrop {z-index: -1; position: relative; display: none;}
.fancybox-active .header-stick, .modal-open .header-stick {padding-right: 17px!important;}
.modal.in .modal-dialog {z-index: 99999;}
.swiperTickerContainer {cursor: grab;}


footer .details {background-color: #f6f6f6;}
footer .details a {font-size: 14px;}
footer ul li a:hover {font-weight: inherit; color: inherit;}
footer ul li a:before {display: none;}
footer .details h4, footer p.title {color: var(--main-color); text-align: left; text-transform: uppercase; margin: 0; font-size: 14px!important; font-weight: 600; line-height: 20px; margin-bottom: 10px}
footer .details h4:before {display: none;}



footer .footer-newsletter .form-row {margin: 0 0 0.5em; width: 100%;}
footer .footer-newsletter .input-email {display: block; font-size: 14px; line-height: 21px; font-weight: 400; position: relative; height: 45px; padding: calc(((45px - 21px)/ 2) - 1px) 10px; margin: 0; vertical-align: middle; 
                                        width: 100%; text-transform: none; -webkit-appearance: none;background: 0 0; border: 0; border-radius: 0; border-bottom: 1px solid #a7a7a7; color: #000; padding-left: 0;}
footer .logo {display: block; margin: 25px 0 20px; }
footer .social-icons li {margin-right: 20px; background: 0 0; border: none;}
footer .social-icons li a i {font-size: 22px; color: var(--main-color);}
footer .social-icons.flex-row-center {justify-content: flex-start;  margin: 15px 0;}


/*only desktop*/
@media screen and (min-width: 1280px){
    .fit-guide .banner .banner-text {width: 100%; left: 0;}
    .fit-guide .banner .banner-text .banner-title {font-size: 42px; line-height: 40px;}
    .fit-guide .banner .banner-text .banner-title .smaller {font-size: 22px; line-height: 24px;}
    
    .dist-module-wrapper .dist-module .dist-module-item:hover .dist-module-content {-webkit-transform: translateY(-32px); transform: translateY(-32px);}
    .dist-module-wrapper .dist-module .dist-module-item .dist-module-image .dist-module-image-img:hover { transition: all .5s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; 
                                                                                                            -webkit-transform: scale(1.06); transform: scale(1.06); }
}

@media screen and (min-width: 992px){
    .flex-md {display: flex;}
    .m-b-md-0 {margin-bottom: 0;}
    
}



@media screen and (min-width: 768px){
    .header-stick {margin: 0; width: 100%; min-height: auto; height: auto; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: fixed; top: 0; z-index: 9; 
                box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%); border-bottom: 0!important; background: #fff;}    
    .flex-sm {display: flex};
}



/*only mobile*/
@media only screen and (max-width: 767px) {
    
    .container-1600 .col-md-12 {padding: 0;}
    .no-padding-sm {padding: 0;}
    
    
    h2, h2.module-text-title {font-size: 24px; line-height: 32px;}
    
    /*header .bottom {padding: 5px 0 0;}*/
    header :is(.navbar-collapse.collapse.in, .navbar-collapse.collapsing) {margin-top:0; border: none;}

    header .navbar-nav {margin-top: 0; margin-bottom: 0;}
    header .solid-menus .navbar-header {display: flex; justify-content: space-between; align-content: center; width: 100%;}
    
    
    
    header .solid-menus .navbar-toggle {margin-left: 5px!important;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: var(--main-color); transition: all 0.2s ease-in;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar:nth-child(2) {width: 26px;}
    header #nav-section .navbar-default :is(.navbar-toggle:hover, .navbar-toggle:focus) {background: none;}
    header #nav-section .navbar-default :is(.navbar-toggle:hover:not(.collapsed), .navbar-toggle:focus:not(.collapsed)) .icon-bar {width: 30px!important;}
    
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {background: #f0f0f0; text-decoration: none; border-top: 1px solid #e3e3e5; margin: 0; padding: 17px 60px 17px 20px; font-weight: 700; line-height: 19px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.customer-menu > a {background-color: #f6f6f6; padding-top: 14px!important; font-weight: 400!important;}
    header .bottom .solid-menus .dropdown > a i {position: absolute; right: 15px; top: calc(50% - 4px);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a > svg {margin-right: 7px; height: 22px; font-size: 22px; display: inline-block; position: relative; transform: translateY(calc(17px - 50%));}
    
    header .solid-menus .navbar-brand.navbar-brand-center {display: flex!important; position: relative; left: unset;}
    header .solid-menus .navbar-brand > img {margin-top: 0; /*height: auto;*/}
    
    header .navbar-header .shopping-cart {margin-right: 15px; display: flex!important; margin-top: 0;}
    header .navbar-header .shopping-cart > svg {width: 22px; height: 22px;}
    header .navbar-header .badge {right: -5px; top: 11px;}
    header .bottom .navbar-default .customer-menu .badge {position: absolute; right: 15px; top: calc(50% - 8px);}
    
    header .solid-menus .navbar-pos-search {position: relative; display: flex!important; justify-content: center; align-items: center; top: unset; width: auto; height: auto; line-height: initial;}
    header .solid-menus .navbar-pos-search a.x-search-trigger {position: relative; right: unset;}
    header .solid-menus .navbar-pos-search a {padding: 10px; height: 22px; box-sizing: content-box;  top: unset; width: auto; line-height: 22px;}
    
    header .solid-menus .navbar-pos-search a > svg {width: 22px; height: 22px;}
    header .solid-menus #top-search {height: 50px;}
    
    .module-text-image-block .module-text-txt {text-align: center; padding-top: 30px;}
    .order-2-xs {order: 2}
    
    .justify-center-xs {justify-content: center!important;}
    .border {padding-top: 0;}
    
    .last-viewed, .most-wanted {margin: 0 auto 20px!important;}
    
    .product #product-sub-container {display: block;}
    .pruduct h1 {margin-top: 30px;}
    .product .swiper-wrapper {justify-content: flex-start;}
    .product :is(.buttons-first, .sp-quantity) {display: flex;}
    .product :is(.add-to-cart, .buttons-first) {width: 100%;}
    
    .fit-guide .banner .banner-text {left: 30px; width: calc(100% - 60px); align-items: center;}
    .fit-guide .banner .banner-text .banner-title {font-size: 24px; line-height: 26px;}
    
    .fit-guide .dist-module-wrapper .dist-module { -webkit-flex-direction: column; flex-direction: column; display: block;}
    .fit-guide :is(.dist-module.module-4x, .dist-module.module-2x) .dist-module-item {width: 100%; margin: 0;}
    
    .page-content-policies .policies-sidebar {padding: 30px 30px 15px;}
    .page-content-policies .policies-content {padding: 0 15px;}
    .page-content-policies .policies-sidebar > ul > li > a .marker:after {border-color: transparent var(--main-color) transparent transparent; border-width: 3px 3px 3px 0; left: -3px;}
    
    
    .footbed .structure .module-text-image {padding: 32px 12px;}
    
    .materijali .media-wrapper > span {font-size: 50px;}
    
    .locations .swiper-navigation {width: 100%; justify-content: space-evenly;}
    .locations .location-text {text-align: center;}
    .locations .location-text ul > li:last-child > a {}
    .locations .map-button {width: 100%;}
    
    
    .location-one .main-content {padding-top: 50px;}
    .location-one .contact-info {margin-bottom: 20px;}
    .location-one .contact-info ul > li {display: flex;}
    .location-one .contact-info h3 {margin-top: 0;}
    .location-one .wt-info {padding-bottom: 30px;}
    .location-one .shops {padding-top: 20px; border-top: 1px solid #d9d9d9;}
    
    
    .checkout .voucher-input input {max-width: 45%; width: inherit;}    
        
    
    .kontakt form {padding: 0;}
    .kontakt .form-content > div {padding-top: 40px; padding-bottom: 40px;}
    .kontakt .submit-buttons {text-align: center;}
    .kontakt .g-recaptcha {margin-bottom: 20px; }
    .kontakt .g-recaptcha > div {margin-bottom: 20px; margin-inline: auto; }
    
    footer .footer-newsletter {margin-top: 30px;}
    footer .footer-newsletter input {text-align: center;}
    footer .social-icons.flex-row-center {justify-content: center;}
    footer .social-icons li {margin: 0 10px 0;}
    footer .logo {margin-left: auto; margin-right: auto;}
    
    
    body.fancybox-active, body.modal-open {margin-right: 0!important;}

}




@media only screen and (max-width: 480px) {
    .checkout .voucher-input {margin-bottom: 0px; padding: 30px 10px;}
    .checkout .voucher-input input {max-width: 50%;}   
    .checkout .voucher-input .code-input {font-size: 15px; line-height: 24px; padding: 12px 0;}
    .checkout .voucher-input .leon-button {padding: 12px 7px; font-size: 13px;}
}





@font-face{
    font-family:'DIN Next CYR';
    src:url('/vendors/DINNextCYR/DINNextCYR-Regular.woff2') format('woff2'),url('/vendors/DINNextCYR/DINNextCYR-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal
}
/*@font-face{
    font-family:'DIN Next CYR';
    src:url('../fonts/DinNextW05RegularMediumBold/Fonts/DINNextW05-Medium.woff2') format('woff2'),url('../fonts/DinNextW05RegularMediumBold/Fonts/DINNextW05-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'DIN Next CYR';
    src:url('../fonts/DinNextW05RegularMediumBold/Fonts/DINNextW05-Bold.woff2') format('woff2'),url('../fonts/DinNextW05RegularMediumBold/Fonts/DINNextW05-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'DIN Next Condensed';
    src:url('../fonts/DinNextCondensedW05/Fonts/DINNextLTW05-Condensed.woff2') format('woff2'),url('../fonts/DinNextCondensedW05/Fonts/DINNextLTW05-Condensed.woff') format('woff');
    font-weight:700;
    font-style:normal
}*/

.sustainabilityBanner .swiper-nav {z-index: 99; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; padding: 10px 0;}
.sustainabilityBanner .swiper-button-prev, .sustainabilityBanner .swiper-button-next {margin: 0!important; position: relative!important; top: unset!important; left: unset!important; right: unset!important; bottom: unset!important;}
.swiper-button-prev i, .swiper-button-next i { font-size: 20px; color: var(--main-color); opacity: .75;}
.swiper-button-prev i:hover, .swiper-button-next i:hover {opacity: 1;}
.sustainabilityBanner .swiper-button-next:after, .sustainabilityBanner .swiper-button-prev:after {display: none;}
.sustainabilityBanner .swiper-pagination {position: relative!important; display: flex!important; height: auto!important; align-items: center!important; padding: 0 15px;}
.sustainabilityBanner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px;}
.sustainabilityBanner .swiper-pagination-bullet-active {background: var(--main-color); opacity: 1;}
.sustainabilityBanner .swiper-pagination-bullets, .sustainabilityBanner .sustainabilityBanner .swiper-pagination-custom, .sustainabilityBanner .swiper-pagination-fraction {bottom: unset; left: unset; width: auto;}
.sustainabilityBanner .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.sustainabilityBanner .swiper-slide a, .sustainabilityBanner .swiper-slide img {width: 100%!important;}