:root {
    --theme-color: #ee2a24;
    --bg-color: #f5f5f5; /*theme alt color*/
    --alt-color: #ee2a24;
    --button-bg-color: #ebebeb;
    --heading-color: #202020;
    --body-color: #444444;
    --light-gray-color: #e8e8e8;
    --light-gray-text: #808080;
    --product-sales-color: #0aa707;
    --theme-transition: .15s ease-out;
    --theme-radius: 22px;
}

/* inter-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../vendors/fonts/inter/inter-v18-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../vendors/fonts/inter/inter-v18-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../vendors/fonts/inter/inter-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../vendors/fonts/inter/inter-v18-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../vendors/fonts/inter/inter-v18-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../vendors/fonts/inter/inter-v18-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../vendors/fonts/inter/inter-v18-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../vendors/fonts/inter/inter-v18-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../vendors/fonts/inter/inter-v18-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../vendors/fonts/inter/inter-v18-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* reset */
.theme-color {color: var(--theme-color);}
a {/*transition: color .15s;*/}
.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;}
.position-relative {position: relative;}
.position-absolute {position: absolute;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.icon-svg {display: block; font-size: 0;}
::-moz-selection {color: #fff; background-color: var(--theme-color); text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--theme-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: #fff;}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a:hover {color: var(--theme-color);}
.one-product .product-img {border: none;}
.product-details .add-to-cart, .comments .btn, .hvr-sweep-to-right::before {background: var(--theme-color);}
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color); border-color: var(--alt-color);}
.cart-checkout .okvir .editable {border-bottom: 0;}
.addtofav.inline .fa-heart, .cart-checkout .okvir h2, .product .product-brand {color: var(--theme-color);}
.addtofav.inline .checkbox-inline, .addtofav.inline .checkbox-inline label {cursor: pointer;}
.product-details h1 {letter-spacing: normal;}
.product-details .price, .product-details .price .salesprice, .user-details .if-registered, .search h1 span, #vertical-menu .active > a.list-group-item, .one-product .price,
    .sidebar .active ul a > i, .product ul.product-bullets .available
    {color: var(--theme-color);}
.kontakt .btn {background: var(--theme-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li, .pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {background-color: var(--product-sales-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--theme-color);}
footer ul li {opacity: 1; line-height: 1.6em;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #00000080;}
footer .visa {width: auto;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.swiperTickerContainer, .xadmin-links, .swiper-container .swiper-pagination-bullet-active {background: var(--theme-color);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: var(--alt-color);}
.news-template-short2 img:hover {transform: scale(1);}
.news-one .main-content a {color: var(--theme-color); border-bottom: 2.5px solid var(--theme-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.category select, .brand select {border: none;}
.breadcrumb .back {margin-left: auto;}
.swiper-button-next, .swiper-button-prev {color: var(--alt-color)!important;}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--theme-color)!important;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--theme-color); font-size: 20px;}
label {font-weight: 400; margin-bottom: 0;}
.overlay:before {content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}

html {font-size: 14px;}
body {overflow: visible!important;}
body, p {font-family: 'Inter'; font-weight: 400; color: var(--body-color);}
h1, h2, h3, h4, h5, h6 {font-family: 'Inter'; font-weight: 700; color: var(--heading-color);}
h1 {letter-spacing: .02em; font-size: 36px;}
h2 {font-size: 30px;}
h2, h3, h4, h5, h6 {font-weight: 600;}
small {font-family: 'Inter'; font-weight: 600; line-height: 1.4;}
a svg {transition: .15s;}
a {color: var(--heading-color);}
a:focus, a:hover {color: inherit; text-decoration: none;}


.theme-button {position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 9px 22px; border-radius: 50px; border: 2px solid #000; 
    color: var(--heading-color); background-color: #fff; font-weight: 600; /*transition: var(--theme-transition); outline: 2px solid transparent;*/ text-align: center;}
.theme-button:before {content: ''; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; display: block; border-radius: 50px; opacity: 0;  overflow: hidden;}
.theme-button:hover, .theme-button:focus, .theme-button:active { border: 3px solid #000; color: var(--heading-color)}



.theme-button-dark {background: var(--heading-color); color: #fff; }
.theme-button-dark:hover {background-color: #666666; color: #fff; border: 2px solid #666666}
.theme-button-dark:focus {background-color: #464646; color: #fff; border: 2px solid #464646}
.theme-button-dark:hover svg {fill: #fff;}
.theme-hover img, .theme-banner a img {/*transition: var(--theme-transition);*/}
/*.theme-hover:hover img, .theme-banner a:hover img {transition: var(--theme-transition); transform: scale(1.10) rotate(5deg);}*/


.theme-button-gray {/*background: var(--button-bg-color);*/ }
.theme-radius {border-radius: 22px;}
.theme-button-border {border: 1px solid var(--heading-color);}
.theme-button-border:before {border: 1px solid var(--heading-color);}
.theme-button-border:hover {border-color: #bababa;}



.theme-button-phone {background-color: #ebebeb; color: #000; border: 0px }
.theme-button-phone:hover {background-color: #cecece; color: #000; border: 0}
.theme-button-phone:focus {background-color: #999999; color: #000; border: 0}


.theme-button-white {background-color: #fff; color: #000; border: 0px }
.theme-button-white:hover {background-color: #bababa; color: #000; border: 0}
.theme-button-white:focus {background-color: #999999; color: #000; border: 0}



.border {background-color: var(--bg-color);}

.section-title {font-weight: 600; margin-bottom: 8px;}
.section-subtitle {color: var(--light-gray-text);}

header {z-index: 999;}
header .bottom {margin-bottom: 0; padding: 10px 0; border: none;}
header .bottom.fixed-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; box-shadow: 0 5px 46px #00000014; background: #fff;}
header .bottom-clone {height: 70px;}

header .top {background: #db251f; padding: 5px 0; padding: 5px 15px; text-align: left;}
header .top svg {fill: #fff; width: 22px; height: 22px; margin-right: 10px;}
header .top small {font-size: 12px;}


header .menu-cart ul li a {align-items: center; padding: 9px 12px; border-radius: 50px;}
header .menu-cart ul li span {color: #fff; font-weight: 600; margin-left: 8px; white-space: nowrap;}
header .menu-cart ul li svg {fill: #fff; width: 20px; height: 20px;}
header .menu-cart ul li .img-circle {width: 30px; height: 30px; min-width: 30px;}
header .menu-cart ul li a:hover {background: #c00006; }
header .menu-cart ul li ul a:hover {background: transparent; text-decoration: none;}
header .menu-cart ul li ul.user-menu-dropdown {left: 0px; border-radius: 24px; border: 0; top: 52px; padding: 10px 0;}
header .menu-cart ul li ul.user-menu-dropdown .vrh  {right: 20%;}
header .menu-cart ul li ul.user-menu-dropdown li {align-items: end;}


/*dropdown menu items*/
header .solid-menus .widget-default h5 {font-size: 17px; text-transform: none; margin: 0 0 10px; padding: 0; font-weight: 700;}
header .solid-menus .row-autoheight .col-autoheight:not(:first-child) {border-left: none;}
header .solid-menus .s-list.s-list-mb-10 > li > a:hover {color: var(--theme-color);}



@media screen and (min-width: 768px){
    h1 {font-size: 42px; line-height: 1.4em;}
    h2 {font-size: 40px; line-height: 1.4em;}
    h3 {font-size: 34px; line-height: 1.4em;}
    h4 {font-size: 35px; line-height: 48px;}
    h5 {font-size: 28px; line-height: 40px;}
    h6 {font-size: 22px; line-height: 32px;}
    p {font-size: 18px; line-height: 24px;}
    small {font-size: 14px; line-height: 16px; letter-spacing: .02em;}
    
    header .top {text-align: center;}
    header .top svg {width: 20px; height: 20px; margin-right: 8px;}
    header .logo img {height: 36px;}
    header .middle .badge {padding: 2px 5px 2px 5px; left: 18px; top: 25px; right: auto; color: var(--theme-color);}
    header #nav-section .navbar-default .navbar-nav > li > a {color: var(--heading-color); font-weight: 600; font-size: 15px; padding: 20px 30px;}
    header .navbar .navbar-nav > li > a:before {content: ''; width: 0; height: 2px; background: var(--heading-color); position: absolute; left: 15px; bottom: 0px; transition: all .4s ease; border: none;}
    header .navbar .navbar-nav > li > a:hover:before, header .navbar .navbar-nav li.active a:before, header .navbar .navbar-nav > li:hover > a:before {width: calc(100% - 30px);}
    header .navbar .navbar-nav > li.cat-menu > a:after {content: ''; width: 100%; height: 2px; background: var(--heading-color); position: absolute; left: 15px; bottom: 0px; transition: all .4s ease; border: none; opacity: 0;}
    header .navbar .navbar-nav > li.cat-menu.cat-menu-last > a:after {width: calc(100% - 30px);}
    header .navbar .navbar-nav > li.cat-menu.cat-menu-active a:after {opacity: .2;}
    header .solid-menus .dropdown-full-width .dropdown-menu {box-shadow: none;}
    header .solid-menus .dropdown-full-width .dropdown-menu:before {width: 300vw; left: -150vw; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
    header .bottom {padding: 0;}

    
    .animated{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;-o-animation-duration:0.3s;animation-duration:0.3s;}
    
}
@media screen and (min-width: 992px){
    header .bottom .logo {transform: translateY(-50px) scale(1.2); opacity: 0; transition: all .2s ease-in 0s; top: 17px; left: 15px;}
    header .bottom .logo img {height: 26px;}
    
    header .bottom .menu-cart {right: 15px; top: 0; height: 100%; transform: translateY(-50px); opacity: 0; transition: all .2s ease-in 0s; pointer-events: none;}
    header .bottom .menu-cart ul li svg {fill: var(--heading-color);}
    header .bottom .menu-cart ul li.profile span, header .bottom .menu-cart ul li.cart-container span:not(.badge) {display: none;}
    header .bottom .menu-cart ul li .badge {position: absolute; background: none; right: 0; bottom: 0; color: var(--theme-color);}
    header .bottom .menu-cart ul li.cart-container .badge {right: -5px;}
    header .bottom .menu-cart > ul li a:hover {background-color: var(--theme-color);}
    header .bottom .menu-cart ul li a:hover svg {fill: #fff;}
    header .bottom .menu-cart ul li a:hover .badge {background-color: var(--bg-color);}
    
}
@media screen and (min-width: 1200px){
    header .bottom.fixed-header .logo {transform: translateY(0px) scale(1); opacity: 1; transition: all 0.4s ease-in 0s; z-index: 1;}
    header .bottom.fixed-header .menu-cart {transform: translateY(0px); opacity: 1; transition: all 0.4s ease-in 0s; pointer-events: auto;}
}


.swiper-counter {display: none; font-size: 14px; left: 60%; top: 3px; z-index: 1; background-color: var(--button-bg-color); border-radius: 16px; padding: 3px 10px; font-weight: 500; color: var(--heading-color); pointer-events: none;}
.swiper-button-next, .swiper-button-prev {width: 40px!important; height: 40px!important; background: var(--button-bg-color); border-radius: 50%;}
.swiper-button-next svg, .swiper-button-prev svg {width: 20px; height: 20px;}
.swiper-button-next:after, .swiper-button-prev:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-arrow-short' viewBox='0 0 370 350'%3E%3Cpath d='M170 325c0-7.5 2.5-12.5 7.5-17.5L310 175 177.5 42.5c-10-10-10-25 0-35s25-10 35 0l150 150c10 10 10 25 0 35l-150 150c-10 10-25 10-35 0-5-5-7.5-10-7.5-17.5z'/%3E%3Cpath d='M0 175c0-15 10-25 25-25h320c15 0 25 10 25 25s-10 25-25 25H25c-15 0-25-10-25-25z'/%3E%3C/svg%3E%0A");
        content: ''!important; background-repeat: no-repeat; background-size: 20px 20px; background-position: center; width: 40px; height: 40px;}
.swiper-button-prev:after {transform: scale(-1);}
.swiper-button-prev {left: 10%!important;}
.swiper-button-next {right: 10%!important;}

.swiper-button-next:hover, .swiper-button-prev:hover {background-color: #bababa;}

.swiper-button:hover {background-color: #bababa;}
.swiper-button:focus, .swiper-button:active {background-color: #999;}
.home-banner .big-banner .swiper-pagination {text-align: right; left: auto !important; right: 20px;}
.home-banner .big-banner .swiper-pagination-bullet {opacity: .5;}
.home-banner .big-banner .swiper-pagination-bullet-active {opacity: 1;}


.home-banner .big-banner .swiper-slide > a {display: flex; width: 100%;}
.home-banner .big-banner .swiper-slide img {/*aspect-ratio: 2.2 / 1; */aspect-ratio: unset; object-fit: cover;}
.home-banner .swiper-slide .description {bottom: 0; top: auto; transform: none; overflow: hidden; left: 0; padding: 16px 24px;}
.home-banner .swiper-slide .description h1, .home-banner .swiper-slide .description h2 {text-shadow: none; font-weight: 700; letter-spacing: 1px; color: #fff; font-size: 30px; margin: 0 0 15px; padding: 0;}
.home-banner .swiper-slide .description p {color: #fff; margin-bottom: 0; font-size: 19px; font-weight: 300;}



.category-item {background: #fff; border-radius: 12px; aspect-ratio: 1; width: 100%; padding: 20px; border: 1px solid transparent; /*transition: var(--theme-transition);*/}
.category-item a {display: block; padding: 20px;}
.category-item h3 {font-size: 20px; font-weight: 600; bottom: 10px; width: 100%; left: 0; /*transition: var(--theme-transition);*/}
.category-item:hover {border-color: var(--light-gray-text);}
.category-item:hover h3 {text-decoration: underline; /*transition: var(--theme-transition);*/}

.theme-banner a {display: block; border-radius: 22px; overflow: hidden;}
.theme-banner .button-block-item-text {bottom: 0; left: 0; padding: 20px 30px 30px; width: 100%;}
.theme-banner .button-block-item-text h4 {color: #fff;}
.theme-banner p {color: var(--bg-color); margin-bottom: 20px; font-weight: 300;}
.theme-banner .button-block-item {margin-bottom: 32px;}
.two-banners .button-block-item-text p {max-width: 50%;}

.white-bg-box {background-color: #fff; border-radius: 22px; padding: 20px;}


.one-news img {aspect-ratio: unset;}

.swiper-slide.one-product .product-holder:before {display: none;}
.one-product .product-holder {display: block; overflow: unset; margin: 10px 0 20px; border: 1px solid transparent; /*transition: var(--theme-transition);*/}
.one-product .product-img img {width: 100%;}
.one-product img:hover {transform: scale(1);}
.one-product .follow-featured {position: absolute; color: var(--heading-color); left: auto; right: 0; top: auto; bottom: 0; background: var(--button-bg-color); display: inline-flex; align-items: center; 
    justify-content: center; border-radius: 50%; text-shadow: none; font-size: 16px; z-index: 1; aspect-ratio: 1;}
.one-product .follow-featured:hover {background-color: #bababa;}
.one-product .follow-featured label, .one-product .follow-featured label span {line-height: 1;margin-top: 3px;}
.one-product .follow-featured label span svg {width: 16px; height: 16px;}
.one-product .follow-featured label span.checked svg {fill: var(--heading-color);}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked {display: inline-flex;}
.one-product .follow-featured:active, .one-product .follow-featured:focus {background-color: #999;}
.one-product .nepromocivost {right: 7px; top: 8px; width: auto; aspect-ratio: unset; height: 22px; z-index: 1;}
.one-product .product-content {padding: 0 6px 12px; border-radius: 0 0 22px 22px;}
.one-product .product-holder .product-content h3 {font-size: 16px; margin: 14px 0 6px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; line-height: 1.1em; min-height: unset;}
.one-product .rateYoGet {padding: 0;}
.one-product .price {color: var(--heading-color); font-size: 20px; margin-left: 0; margin: 5px 0; flex-grow: 1;}
.one-product .price, .one-product .salesprice, .one-product .price-old {line-height: 1;}
.one-product .price .currency, .one-product .salesprice .currency {font-size: .8em; letter-spacing: -.3px; font-weight: 500;}
.one-product .product-holder .short-desc {font-size: 13px; line-height: 1.4; margin: 10px 0 20px;}
.one-product .sales-percent {background-color: var(--product-sales-color); color: #fff; padding: 3px 7px; border-radius: 6px; line-height: 1; font-size: 12px;}
.one-product .theme-button {/*display: flex; justify-content: center; */display: none;}
.one-product .theme-button:hover {background-color: #666; color: #fff;}
.one-product .theme-button:hover:before {border: none;}
.one-product .theme-button:active {background-color: #464646; border-color: #464646; color: #fff;}

@media screen and (min-width: 768px){
    .one-product .follow-featured {position: relative; right: auto; bottom: auto;}
}


.product-flags {right: auto; top: 6px; left: 5px; width: 70%;}
.product-flags [class*='exp-on-'] {border-radius: 12px; font-weight: 600; margin-right: 4px; text-transform: none;}
.product-flags .exp-on-discount {background: var(--product-sales-color);}
.product-flags .exp-on-new, .product-flags .exp-on-action {background: var(--theme-color);}



.tooltip .tooltip-inner, .tooltip .arrow {background: var(--theme-color); border-color: var(--theme-color);}


.product .swiper-button-prev {left: 2%!important;}
.product .swiper-button-next {right: 2%!important;}


.shop h1, .productbrand h1 {font-size: 32px; margin-top: 0; line-height: 1.2; font-weight: 700; margin-right: 32px; max-width: 60%; white-space: nowrap;}
.shop #vertical-menu .list-group, .shop #vertical-menu .list-group li, .shop #vertical-menu .active a.list-group-item, .shop #vertical-menu .list-group-item,
    .productbrand #vertical-menu .list-group, .productbrand #vertical-menu .list-group li, .productbrand #vertical-menu .active a.list-group-item, .productbrand #vertical-menu .list-group-item {background: transparent; box-shadow: none;}
.shop #vertical-menu .active > a.list-group-item {text-decoration: underline;}
.shop #vertical-menu .list-group > li > a.list-group-item {padding: 8px 0 6px; font-weight: 700;}
.shop #vertical-menu a.list-group-item, .productbrand #vertical-menu a.list-group-item {padding: 3px 0; color: var(--heading-color); font-size: 15px;}
.shop #vertical-menu a.list-group-item:hover, .productbrand #vertical-menu a.list-group-item:hover {text-decoration: underline;}
#vertical-menu ul ul > li a.list-group-item:before {display: none;}
.shop #vertical-menu ul li ul .list-group-item {padding-left: 10px;}
.shop #vertical-menu .panel {margin-bottom: 0;}
.orderby select { cursor: pointer; border: none;}




.breadcrumb {padding-left: 0; white-space: nowrap;}
.breadcrumb > li {font-size: 13px; color: var(--light-gray-text);}
.breadcrumb > li a {color: var(--light-gray-text);}
.breadcrumb > li a:hover {text-decoration: underline;}
.breadcrumb > li + li:before {content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-chevron' fill='%23808080' viewBox='94 -4 800 800'%3E%3Cpath d='M334.8,784.8l-70.6-70.6l318.2-318.2L264.2,77.9l70.7-70.7l388.9,388.9L334.8,784.8z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; background-size: 10px; background-position: center center; margin: 0 8px;}
.breadcrumb li.back:before {display: none;}

.shop .filter-item { position: relative; display: inline-flex; line-height: 1; border: 2px solid var(--light-gray-color); font-size: 13px; font-weight: 700; color: var(--heading-color); padding: 6px 16px 6px 26px; 
    border-radius: 50px; background: #fff; margin-right: 12px; align-items: center; cursor: pointer; margin-bottom: 8px; transition: .3s ease-in-out; }
.shop .filter-item .close { position: absolute; left: 9px; top: 0px; font-size: 22px; font-weight: 300; opacity: 0.5; color: var(--light-gray-text); transition: color .1s ease-in-out; }
.shop .filter-item:hover {border-color: var(--heading-color);}
.shop .filter-item .close:hover {color: #C46E8F; opacity: 1; font-weight: 400;}

.shop .description-under h2 {font-size: 24px; margin-bottom: 16px;}
.shop .description-under h3 {font-size: 22px; margin-bottom: 16px;}
.shop .description-under ul {padding-left: 0; list-style-type: none!important;}
.shop .description-under ul li {margin-bottom: 8px;}
.shop .description-under ul li:before {content: ''; width: 20px; min-width: 20px; height: 17px; background-size: 20px; margin-right: 10px; margin-top: 2px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}



.sticky-element {position: -webkit-sticky; position: sticky; top: 100px; height: auto;}



.working-time span.opened {color: var(--product-sales-color);}
.working-time span.closed {color: var(--theme-color);}
.working-time span.opened:before {background: var(--product-sales-color);}
.working-time span.closed:before {background: var(--theme-color);}


.call-button {padding: 5px 16px;}
.call-button svg {width: 20px; height: 20px; margin-right: 8px; fill: #c0c0c0;}
.call-button:hover svg {fill: var(--heading-color);}



input[type="checkbox"] {accent-color: var(--theme-color)!important; cursor: pointer;}
.required-label, .error {color: var(--theme-color);}
.required-active {background: var(--button-bg-color);}

.user-login .login, .user-login .register {border: none;}
.user-login p.login-title, .user-login p.register-title {color: var(--heading-color); font-size: 24px; background: none;}
.user-login .form-group small {font-weight: 400;}
.user-login .login-content .theme-button, .user-login .register-content .theme-button {width: 100%;}
#show-forgot-password, .terms {margin-top: 0; color: var(--light-gray-text); font-weight: 500; font-size: 12px; text-decoration: underline;}
#show-forgot-password:hover, .terms:hover {text-decoration: none;}
.register-info {color: var(--heading-color);}
.form-control {border-radius: 50px; border: 1px solid transparent; box-shadow: none; padding: 12px 20px; color: var(--heading-color);}
.passicon:before {top: 3px;}
.order-as-company {padding: 18px 0 8px; border-radius: 22px; background: var(--light-gray-color);}
.order-as-company p.form-title {color: var(--heading-color);}


.wishlist h1, .checkout h1, .noviteti h1 {font-weight: 600; font-size: 38px; letter-spacing: normal;}
.wishlist .empty-cart .img-wrap, .checkout .empty-cart .img-wrap, .noviteti .empty-cart .img-wrap {background-color: #fff; border-radius: 26px; aspect-ratio: 1; display: inline-flex; padding: 35px; width: 200px; max-width: 60%;}
.wishlist .pagination, .noviteti .pagination {margin-bottom: 0;}
.wishlist .empty-cart svg, .noviteti .empty-cart svg {fill: var(--theme-color);}

.checkout section.checkout-content {padding-top: 0;}



.blog-banner .media-wrapper {aspect-ratio: 1.2 / 1; display: flex;}
.blog-banner .media-wrapper img {transition: var(--theme-transition); object-fit: cover; width: 100%;}
.blog-banner .button-block-item-text {background-color: #fff; color: var(--heading-color); padding: 20px 30px 30px;}
.blog-banner .button-block-item-text h4 {font-size: 24px; margin-bottom: 6px; line-height: 1.4;}
.blog-banner .button-block-item-text p {font-size: 14px;}
.blog-banner .blog-category {display: inline-block; color: var(--light-gray-text); background-color: var(--button-bg-color); border-radius: 50px; padding: 8px 12px;}

.help-box .help-box-icon {width: 36px; height: 36px; fill: var(--theme-color);}
.help-box h3, .white-bg-box h3 {font-size: 27px;}
.help-box .accordion {border-radius: 0;}
.help-box .accordion .panel:before {display: none;}
.help-box a.accordion-link {padding-left: 0; padding-right: 16px;}
.help-box a.accordion-link:hover, .faq .toggler-one .tgNaslov:hover, .help-top-item a:hover {text-decoration: underline;}
.help-box .panel-body, .help-box .tgSadrzaj {border-bottom: 1px solid var(--light-gray-color);}
.help-box .theme-button {width: 100%;}


@media (min-width: 768px){
    .section-title {margin-bottom: 6px;}
    .help-intro h1 {font-size: 54px;}
    .help-content .section-title {font-size: 35px;}
    .help-box h3, .white-bg-box h3 {font-size: 30px;}
    
    .wishlist h1, .checkout h1, .noviteti h1 {font-size: 44px;}
}

.call-to-action-contact {padding: 32px 42px;}
.call-to-action-contact h3 {line-height: 1;}
.call-to-action-contact svg {width: 40px; height: 40px; fill: var(--heading-color); transition: var(--theme-transition);}
.call-to-action-contact .question-mark {width: 50px; height: 50px;}
.call-to-action-contact small {text-decoration: underline; font-weight: 400;}
.call-to-action-contact:hover svg:not(.question-mark) {transform: translateX(10px);}


footer .footer-padding {padding-top: 36px; padding-bottom: 36px;}
footer p, footer small {color: var(--heading-color);}
footer ul li a {color: var(--heading-color); padding: 3px 0; display: inline-flex;}
footer .footer-title {margin: 0; line-height: 1; font-weight: 600; font-size: 17px; color: var(--heading-color);}
.footer-subtitle {font-size: 16px; font-weight: 600;}





footer .footer-icons > .container:before {border-bottom: 2px dashed var(--light-gray-text); left: 15px; width: calc(100% - 30px);}
footer .footer-icons .footer-icons-item {margin-bottom: 24px; justify-content: start; margin-left: calc((100% - 318px) / 2);}
footer .footer-icons .col-sm-4:last-child .footer-icons-item {margin-bottom: 0;}
footer .footer-icons .footer-icons-item svg {max-width: 36px; height: 32px; width: 36px; fill: var(--heading-color);}
footer .footer-icons span {color: var(--light-gray-text);}

footer .footer-middle > .container:before {border-bottom: 2px solid var(--heading-color); left: 15px; width: calc(100% - 30px);}

footer .logo {height: 36px; width: auto;}

footer .social-icons li {line-height: 1; display: inline-flex;}
footer .social-icons li > a {padding: 0; margin-right: 10px;}
footer .social-icons svg {width: 24px; height: 24px; fill: var(--heading-color);}
footer .social-icons a:hover svg {fill: var(--theme-color);}
footer .scrollTop {position: fixed; right: 20px; bottom: 80px; background: var(--heading-color); color: #fff; border-radius: 30px; padding: 10px; font-weight: 400; height: 39px; overflow: hidden; border: none;}
footer .scrollTop svg {width: 20px; height: 20px; fill: #fff; transition: var(--theme-transition);}
footer .scrollTop span {display: inline-flex; width: 0; height: 0; overflow: hidden; transform: translateX(100px); transition: all .15s ease-out, height 0s;}
footer .scrollTop:hover {background-color: var(--body-color); color: #fff;}
footer .scrollTop:hover span {width: 116px; height: 23px; padding-left: 10px; overflow: unset; transform: translateX(0); color: #fff;}
footer .scrollTop:hover svg {}

footer .credit-cards .icon-lock, .product-payment .icon-lock {width: 20px; height: 20px; margin-right: 4px;}
footer .credit-cards img, .product-payment img {display: inline-flex; border: 1px solid #8f8f8f; border-radius: 9px; padding: 5px 10px;}
footer .visa {height: 39px;}

footer .footer-bottom {background: var(--bg-color); padding: 30px 0; color: var(--heading-color);}
footer .footer-bottom a {color: var(--heading-color);}
footer .footer-bottom small {font-size: 13px;}
footer .footer-bottom a:hover {color: var(--theme-color);}



.product-payment {background-color: var(--button-bg-color); padding: 30px 28px;}
.product-payment p {color: var(--heading-color);}
.product-payment .img-wrap {background-color: #fff; margin-right: 6px; border-radius: 9px; width: 60px; display: inline-flex; justify-content: center;}
.product-payment img {height: 34px; width: auto; margin-right: 5px; background: #fff;}




@media (max-width: 768px) {
    .footer-subtitle {font-size: 12px;}
    .product-details .product-payment {  padding: 15px 20px!important;}
}

.available-warning span, .available-warning i {color: #f59f39!important; font-size: 16px;}
.available-danger span, .available-danger i {color: var(--theme-color)!important; font-size: 16px;}
.available-grey span, .available-grey i {color: #f1f1f1!important; font-size: 16px;}



a.accordion-link svg {width: 16px; height: 16px; fill: var(--theme-color); margin-top: 4px; margin-right: 4px;}


.accordion {background-color: #fff; border-radius: 22px;}
.accordion .panel {box-shadow: none; position: relative;}
.accordion .panel:before {content: ''; position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px); height: 1px; background: var(--light-gray-color);}
.accordion .panel:has(.collapse.in):before {background: var(--light-gray-text);}
.accordion .panel:last-child:before {display: none;}
.accordion .panel-default > .panel-heading {color: var(--heading-color); padding: 0; background-image: none; background-color: transparent; border: none;}
.accordion .panel-heading .panel-title {line-height: 1.6;}
.accordion .panel-heading .panel-title a {padding: 20px; width: 100%; display: flex;}
.accordion .panel-heading .panel-title a:hover {text-decoration: underline;}
.accordion .panel-heading .panel-title a:after, footer .tgNaslov:after, .faq .toggler-one a.toggler:after, .help-box .accordion .toggler:after {content: ''; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 349.4 330' style='enable-background:new 0 0 349.4 330' xml:space='preserve'%3E%3Cpath d='M349.4 165c-.1-4.7-.2-5.4-8.3-14.8L195.4 4.6c-2.9-3-6.6-4.6-10.4-4.6-3.8 0-7.5 1.6-10.4 4.6-6.1 6.1-6.1 14.7 0 20.9L282.1 133l17.1 17.1H15c-9.5 0-15 5.5-15 15s5.5 15 15 15h284.1L282 197.2 174.6 304.6c-3.5 3.5-4.6 6-4.6 10.4s1.1 7 4.6 10.4c2.9 2.9 6.7 4.6 10.4 4.6 3.8 0 7.5-1.6 10.4-4.6l145.7-145.7c7.3-7.7 8.4-10.4 8.3-14.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; width: 15px; height: 15px; background-size: 15px 15px; right: 20px; top: 26px; transform: rotate(90deg); transition: var(--theme-transition); border: none;}
.accordion .panel:has(.collapse.in) a:after, footer .tgNaslov.active:after, footer .tgNaslov.active:after, .faq .toggler-one a.toggler.active:after, .help-box .accordion .toggler.active:after {transform: rotate(-90deg);}
.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top: none; font-size: 16px;}
.accordion .panel-body {padding: 15px 20px 25px;}
.accordion .panel-body p, .accordion .panel-body li, .accordion .panel-body span, .accordion .panel-body a {font-size: 14px;}
.accordion .panel-body h4 {font-size: 15px; line-height: 18px; margin-top: 0;}
.accordion .panel-body ul li {line-height: 1.3; padding: 6px 0; }
.accordion .panel-body ul li:last-child {border-bottom: 0}
.accordion .panel-body ul li span {margin-left: 0; margin-right: auto;}
.accordion .panel-body ul li a {text-align: right; min-width: 45%;}
.accordion .panel-body ul li a:hover {text-decoration: underline;}




.product .store-list ul li {line-height: 1.3; padding: 6px 0; }
.product .store-list ul li:last-child {border-bottom: 0}
.product .store-list ul li span {margin-left: 0; margin-right: auto;}
.product .store-list ul li a {text-align: right; min-width: 45%;}
.product .store-list ul li a:hover {text-decoration: underline;}
.product .store-list small:before {content: ''; width: 10px; height: 10px; min-width: 10px; display: inline-flex; border-radius: 28px; margin-right: 12px; margin-left: -15px; margin-top: 6px;}
.product .store-list li.in-stock small:before {background-color: var(--product-sales-color);}
.product .store-list li.out-stock small:before {background-color: var(--theme-color);}




.toggler {background: none !important;}


.panel-body ul { padding:1px 0 0 0 }


.faq .toggler-one {display: block; position: relative; padding: 0; border: none;}
.faq .toggler-one .tgNaslov {transition: color 0.2s linear; background-color: transparent; padding: 18px 0 12px; margin-bottom: 0; border-bottom: none; box-shadow: none; color:var(--heading-color);
    font-size: 18px; font-weight: 500; line-height: 1.3; position: relative; padding-right: 24px;}
.faq .help-box .help-box-icon {width: 32px; height: 32px;}
.faq .toggler-one .tgNaslov:hover {color: var(--main-color);}
.faq .toggler-one a.toggler:after {top: 17px; right: 0;}
.faq .toggler-one .tgNaslov.active, .help-box a.accordion-link.active, .help-top-item a.active { font-weight:700 }
.faq .toggler-one .tgNaslov.active:after, .help-box a.accordion-link.active:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ee2a24' viewBox='0 0 349.4 330' style='enable-background:new 0 0 349.4 330' xml:space='preserve'%3E%3Cpath d='M349.4 165c-.1-4.7-.2-5.4-8.3-14.8L195.4 4.6c-2.9-3-6.6-4.6-10.4-4.6-3.8 0-7.5 1.6-10.4 4.6-6.1 6.1-6.1 14.7 0 20.9L282.1 133l17.1 17.1H15c-9.5 0-15 5.5-15 15s5.5 15 15 15h284.1L282 197.2 174.6 304.6c-3.5 3.5-4.6 6-4.6 10.4s1.1 7 4.6 10.4c2.9 2.9 6.7 4.6 10.4 4.6 3.8 0 7.5-1.6 10.4-4.6l145.7-145.7c7.3-7.7 8.4-10.4 8.3-14.7z'/%3E%3C/svg%3E");}

.faq .toggler-one .tgSadrzaj {padding: 16px 16px 24px;}
.faq .toggler-one .tgSadrzaj p {font-size: 16px;}
.faq .toggler-one:last-of-type {border: none; margin-bottom: 0;}


.advanced-search .tt-menu {border: none; background-color: var(--bg-color); overflow: hidden;}
.search-nav {padding: 20px 20px 0; height: auto; transition: var(--theme-transition);}
.search-nav-title {font-weight: 600;}
.search-nav ul {list-style: none; padding-left: 0;}
.search-nav ul a {padding: 2px 0; display: inline-flex;}
.search-nav ul a:hover {color: var(--theme-color);}
.advanced-search .tt-menu .tt-suggestion {padding: 2px 20px; display: flex;}
.advanced-search .tt-menu .tt-suggestion:last-of-type {margin-bottom: 20px;}
/*.advanced-search .tt-dataset {padding: 0 0 20px;}*/
.advanced-search .tt-menu img {mix-blend-mode: multiply;}

.tt-suggestion.tt-selectable a {display: flex;  align-items: flex-start;  text-decoration: none;  color: inherit;  width: 100%;}
.tt-suggestion.tt-selectable a .title { /*display: inline-flex; align-items: flex-start;*/}
.advanced-search .tt-menu .tt-suggestion:hover {background-color: var(--button-bg-color);}
.tt-suggestion.tt-selectable a:hover {color: var(--heading-color);}

.advanced-search .tt-dataset{margin-top: 16px;}
.hideSearchNav {display: none; transition: var(--theme-transition);}
.displayBlock {display: block!important;}
.disableLink {pointer-events: none;}
.enableLink {pointer-events: auto;}


.kontakt textarea.form-control {border-radius: 28px;}



.front {display: block; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); text-align: center !important; position: relative; padding: 30px 30px !important; border-radius: 50px; font-size: 18px;
    font-weight: 700;  color: #fff; background: linear-gradient(180deg, #34BC5C 0%, #17A221 100%);  will-change: transform; transform: translateY(-6px); transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
    overflow: hidden;}
.glare {position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% );
    transform: rotate(45deg);  pointer-events: none;  animation: slide-glare 3s ease-in-out infinite;}
@keyframes slide-glare { 0% {transform: translateX(-100%) rotate(45deg); }  100% {   transform: translateX(100%) rotate(45deg); }}




.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {margin: 1px; 
    background-color: var(--light-gray-color);}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: var(--theme-color);}


.inter-regular {font-family: 'Inter'; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.inter-bold {font-family: 'Inter'; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
.inter-black {font-family: 'Inter'; font-optical-sizing: auto; font-weight: 900; font-style: normal; }


.informacije-o-placanju-i-isporuci p strong {color: var(--heading-color);}

@media screen and (min-width: 576px){
    .wishlist .empty-cart .img-wrap, .checkout .empty-cart .img-wrap, .noviteti .empty-cart .img-wrap {padding: 45px; width: 270px; max-width: unset;}
}


@media screen and (min-width:768px){
    
    .home-banner .big-banner .swiper-slide > a {height: 640px; max-height: calc(100vh - 191px);}
    .home-banner .swiper-slide .description {padding: 0 50px 20px;}
    .home-banner .swiper-slide .description h1, .home-banner .swiper-slide .description h2 {font-size: 60px;}
    .home-banner .swiper-slide .description p {font-size: 26px;}


    
    .swiper-button-prev, .product .swiper-button-prev {left: 152px!important;}
    .swiper-button-next, .product .swiper-button-next {right: 152px!important;}
    .swiper-counter {font-size: 15px; left: 58%; top: 12px; z-index: 1; background-color: var(--button-bg-color); border-radius: 16px; padding: 6px 14px; font-weight: 500; color: var(--heading-color); pointer-events: none;}
    
    .accordion .panel-heading .panel-title a:after {width: 18px; height: 18px; background-size: 18px 18px; top: 24px;}
    
    .category-item h3 {font-size: 22px;}
    
    .shop .description-under h2 {font-size: 29px; margin-bottom: 10px;}
    .shop .description-under h3 {font-size: 25px; margin-bottom: 10px;}
    
    .one-product .product-content {padding: 5px 0 15px;}
    .one-product .price {margin-right: auto; margin-top: 0; margin-bottom: 0;}
    .product-flags {top: 12px; left: 20px; width: 82%;}
    .one-product .follow-featured {}
    .one-product .nepromocivost {height: 35px;}
    
    .accordion .panel-body ul li {border-bottom: 0;}
    
    .wishlist .empty-cart .img-wrap, .checkout .empty-cart .img-wrap, .noviteti .empty-cart .img-wrap {margin-right: 80px;}

    footer .footer-icons .footer-icons-item {margin-bottom: 0; margin-left: auto; justify-content: center;}
    footer .footer-icons .footer-icons-item svg {max-width: 42px; height: 38px;}
    footer .footer-title {font-size: 18px;}
    
}

@media screen and (min-width:768px) and (max-width:992px){
    .slider-banner-image {height: auto!important;}
    .product h1 {margin-top: 24px!important;}
    div.product-list-3 .one-product:nth-of-type(3n+1) {clear: none;}
    div.product-list-3 .one-product:nth-of-type(2n+1) {clear: both;}
}




@media screen and (min-width:992px){
    
    .theme-banner .button-block-item {margin-bottom: 0;}
    
    header .advanced-search .input input {border-radius: 50px; color: var(--heading-color); padding: 10px 50px 10px 20px; border-color: var(--theme-color); z-index: 101; margin: 0 10px; width: calc(100% - 20px);}
    header .advanced-search .button {right: 32px; top: 3px; width: 40px; height: 40px; z-index: 999;}
    header .advanced-search .button svg {width: 20px; height: 20px; left: 10px; top: 10px; pointer-events: none; fill: var(--heading-color);}
    header .advanced-search .button input {width: 100%; height: 100%; padding: 0; border: none;}
    header .advanced-search input::placeholder {color: #838383; font-weight: 600;}
    header .advanced-search .input input:hover {background-color: #c7c7c7!important;}
    header .advanced-search .input:has(.tt-open) input {background-color: #fff!important;}
    
    header .advanced-search .twitter-typeahead:before {content: ''; width: 100vw; height: 100vh; left: 0; top: 0; background: #0008; display: block; position: fixed; z-index: 99; opacity: 0; 
        transition: opacity .2s ease-out; pointer-events: none;}
    header .advanced-search .twitter-typeahead:has(.tt-open):before {opacity: 1;}
    
    header .advanced-search .tt-menu {margin-top: -60px; padding-top: 60px; border-radius: 22px;}
    header .tt-suggestion.tt-selectable a .title {align-items: center;}
    
    header .solid-menus .no-bg li.active a, header .solid-menus .no-bg li a:hover  {color: var(--heading-color); background: transparent;}
    header .solid-menus .dropdown.active .dropdown-menu a { color: #000 !important;}
    header .solid-menus .dropdown.active .dropdown-menu a:hover { color: var(--theme-color) !important;}

}

header .solid-menus .no-bg li li a:hover  {text-decoration: underline; }


@media screen and (min-width:992px) and (max-width:1199px){
    header .menu-cart ul li a {padding: 9px 10px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {	
	header .menu-cart ul li {margin-left: 0;}
}


h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
p {font-size: 16px;}
.theme-button {font-size: 16px;}




@media screen and (max-width:991px){
    
    header .bottom #nav-section .navbar-default .navbar-nav {border-bottom: 1px solid var(--light-gray-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {display: flex; align-items: center; font-weight: 600; color: var(--heading-color); background: var(--bg-color); border-color: var(--light-gray-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a svg {width: 18px; height: 18px; transform: none;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar, .shop .navbar-default .navbar-toggle .icon-bar {background-color: var(--heading-color);}
    header .bottom #nav-section .navbar-default .navbar-nav > li.active > a {color: var(--theme-color); background: var(--button-bg-color);}
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover
        {color: var(--heading-color); text-decoration: underline; background: var(--bg-color);}
    
    header .solid-menus .navbar-brand > img {height: 26px; margin-top: -3px; padding-left: 10px;}
    
    header .badge {background-color: var(--heading-color);}
    
    header .solid-menus #top-search input {font-size: 16px;}
    header .solid-menus .navbar-toggle {float: right; transform: scaleX(-1); margin-right: 10px; z-index: 9;}
    header .solid-menus .navbar-pos-search {right: 0; top: 9px; width: 145px;}
    header .solid-menus .navbar-pos-search a {top: 5px; left: 0; right: 105px; line-height: 1;}
    header .solid-menus .navbar-pos-search .x-search-close {right: 0; left: auto; top: 5px; z-index: 1000;}
    header .navbar-header .shopping-cart {right: 72px; top: 13px;}
    header .navbar-header a svg, .solid-menus .navbar-pos-search a svg {width: 22px; height: 22px;}
    header .navbar-header .badge {right: -13px; top: auto; bottom: -3px; color: var(--heading-color); border-color: var(--light-gray-color);}
    
    .shop .sidebar #vertical-menu .navbar-header, .productbrand .sidebar #vertical-menu .navbar-header {background: transparent; background: var(--button-bg-color);}
    .shop .sidebar .navbar-brand {padding-left: 0; text-transform: capitalize; flex-grow: 1;}
    .shop .sidebar .navbar-toggle {margin-right: 0; padding-right: 0; padding-left: 30px; padding-top: 13px; display: flex; flex-direction: column; align-items: flex-end;}
    .shop .sidebar .navbar-toggle .icon-bar {transition: var(--theme-transition);}
    .shop .sidebar .navbar-toggle .icon-bar:nth-child(2) {width: 30px;}
    .shop .sidebar .navbar-toggle.collapsed .icon-bar + .icon-bar {width: 22px;}
    .shop .sidebar .navbar-toggle.active .icon-bar:nth-child(2) {width: 28px;}
    .shop .sidebar .navbar-toggle.active .icon-bar + .icon-bar {width: 30px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color: var(--heading-color);}
    .show-filters-clone {height: 47px; display: block;}
}




@media screen and (max-width:767px){
    
    .home-banner .big-banner .swiper-slide > div {display: flex; object-fit: cover; height: auto; max-height: calc(100vh - 102px); overflow: hidden;}
    .home-banner .big-banner .swiper-slide img {aspect-ratio: 1 / 1;}
    
    .one-product .theme-button {padding: 6px 18px; font-weight: 600; font-size: 13px;}
    
    footer ul {padding-top: 10px;}
    footer .footer-middle {margin-top: 30px;}
    footer .tgNaslov {position: relative; border-bottom: 1px solid var(--light-gray-color); font-size: 18px; font-weight: 600; padding: 16px 0; background-image: none!important;}
    footer .tgNaslov:after {right: 0;}
    footer .credit-cards {margin: 16px auto;}
    .footer-bottom .row {flex-direction: column;}
    .footer-bottom .row [class*='col-'] {text-align: center!important;}
    
    .scrollTop {display: none!important;}
    
    .row.gutter-20 {margin-left: -25px; margin-right: -25px;}
    .row.gutter-20 .one-product > .row {}
    
}



@media screen and (max-width:575px){
    .breadcrumb > li.breadcrumb-home + li:before {display: none;}
}

@media screen and (max-width:480px){
    .swiperProducts .swiper-button-prev {left: 0% !important;}
    .swiperProducts .swiper-button-next {right: 0% !important;}
    .swiperProducts .swiper-button-prev, .swiperProducts .swiper-button-next {top: 40%;}
    .swiper-button-prev, .swiper-button-next {display: none!important;}
}

@media screen and (max-width: 380px){
    header .top svg {display: none;}
    header .top small {font-size: 11px;}
}


#noty_bottom_layout_container {width: 100%!important; left: 0!important; bottom: 0!important;}
#noty_bottom_layout_container li {margin-bottom: 0!important; background-color: var(--product-sales-color)!important;}
#noty_bottom_layout_container li .noty_message {font-size: 18px;}



/* Loader Styles start here */
.loader-wrapper { --line-width: 5px; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; } .loader-wrapper img {position: absolute; top: 50%; width: 80px; height: auto; left: 50%; z-index: 1001; transform: translate(-50%, -50%);} .loader { display:block; position: relative; top:50%; left:50%; /* transform: translate(-50%, -50%); */ width:150px; height:150px; margin:-75px 0 0 -75px; border:var(--line-width) solid transparent; border-top-color: var(--light-gray-text); border-radius:100%; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index:1001; } .loader:before { content:""; position: absolute; top:4px; left:4px; right:4px; bottom:4px; border:var(--line-width) solid transparent; border-top-color: var(--theme-color); border-radius:100%; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .loader:after { content:""; position: absolute; top:14px; left:14px; right:14px; bottom:14px; border:var(--line-width) solid transparent; border-top-color: var(--heading-color); border-radius:100%; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loader-wrapper .loader-section { position:fixed; top:0; background:var(--bg-color); width:51%; height:100%; z-index:1000; } .loader-wrapper .loader-section.section-left { left:0 } .loader-wrapper .loader-section.section-right { right:0; } /* Loaded Styles */ .loaded .loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000); } .loaded .loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000); } .loaded .loader { opacity: 0; transition: all 0.3s ease-out; } .loaded .loader-wrapper { visibility: hidden; transform:translateY(-100%); transition: all .3s 1s ease-out; } .loaded .loader-wrapper img { visibility: hidden; opacity: 0; transition: all 0.3s ease-out; }








.d-inline {.flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; }
@media (min-width: 576px) {.d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; }}
@media (min-width: 768px) {.d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; }.mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; }}
@media (min-width: 992px) {.d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; }}
@media (min-width: 1200px) {.d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; }}
@media (min-width: 1400px) {.d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; }}






