/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./css/styles.css ***!
  \****************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./css/styles.css (1) ***!
  \********************************************************************************************************************************************/
@font-face {
    font-family: "ABChanel PB SemiBold M";
    src: url(/templates/rxbshoes/dist/dev/fonts/5a2dd538f909ec5cf2f4129b228e6080.eot);
    src: url(/templates/rxbshoes/dist/dev/fonts/5a2dd538f909ec5cf2f4129b228e6080.eot?#iefix)format("embedded-opentype"),
        url(/templates/rxbshoes/dist/dev/fonts/5a2dd538f909ec5cf2f4129b228e6080.woff)format("woff"),
        url(/templates/rxbshoes/dist/dev/fonts/5a2dd538f909ec5cf2f4129b228e6080.woff2)format("woff2"),
        url(/templates/rxbshoes/dist/dev/fonts/5a2dd538f909ec5cf2f4129b228e6080.ttf)format("truetype"),
        url("/templates/rxbshoes/dist/dev/assets/5a2dd538f909ec5cf2f4129b228e6080.d3bb62e6.svg#ABChanel PB SemiBold M")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

* {font-family: "Montserrat", sans-serif; box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; -webkit-text-decoration: none; text-decoration: none; color: #262626; font-size: 12px; touch-action: manipulation;}
/* input {border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0;} */
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
pre {font-size: 12px; font-family: monospace; background: #eee; padding: 15px; margin: 15px;}
body {background: #fff; touch-action: manipulation;}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

::-webkit-input-placeholder {color: #262626;}
:-moz-placeholder {color: #262626; opacity:  1;}
::-moz-placeholder {color: #262626; opacity:  1;}
:-ms-input-placeholder {color: #262626;}

.anim {
	transition: 0.3s all ease;
}

.warning {text-align: center; background: #F5F1EC; width: 100%; height: 50px; display: flex ; align-items: center; justify-content: center; overflow: hidden;}
.warning > div {font-size: 12px; padding: 0 15px;}

header {padding: 20px 100px 0; width: 100%; background: rgba(255, 255, 255, 0.5); position: relative; border-bottom: 1px solid #cacaca;}
header:before {backdrop-filter: blur(5px); content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -9;}

header nav {display: flex; justify-content: center;}
header nav > ul {list-style: none; display: flex; justify-content: center; gap: 30px;}
header nav > ul > li {padding: 20px 0;}
header nav > ul > li > a {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header nav > ul > li > span {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header:hover {background: rgb(255, 255, 255);}
header nav > ul > li:hover .innermenu {opacity: 1; visibility: visible;}
header .innermenu {border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; display: flex ; justify-content: center; align-items: start; gap: 60px; background: #fff; padding: 30px 0;}
header .innermenu ul {list-style: none; display: flex ; flex-direction: column; gap: 15px; min-width: 260px;}
header .innermenu ul li {}
header .innermenu ul li a {text-transform: uppercase; font-weight: 500; white-space: nowrap;}
header .innermenu ul li a:hover {}
header .innermenu .link {display: flex; flex-direction: column;}
header .innermenu .link .img {width: 200px; height: 260px; overflow: hidden; position: relative;}
header .innermenu .link .img img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;}
header .innermenu .link .txt {text-transform: uppercase; font-weight: 500; white-space: nowrap; margin-top: 8px;}

.headerFavs {}
.headerFavs img {}
.headerFavs img:nth-child(1) {display: block;}
.headerFavs img:nth-child(2) {display: none;}
.headerFavs.added img:nth-child(1) {display: none;}
.headerFavs.added img:nth-child(2) {display: block;}

.wrheader {position: fixed; top: 0; width: 100%; z-index: 999999;}
.wrheader.bgw {background: rgb(255, 255, 255);}
.wrheader.scroll {}
.wrheader.scroll header {background: rgb(255, 255, 255);}
.wrheader.scroll .warning {height: 0;}
.wrheader.scroll .header {height: 0;}
.wrheader.scroll .header .mid {height: 0; top: -20px; opacity: 0;}
.wrheader.scroll .header .left {top: 6px;}
.wrheader.scroll .header .right {top: 6px;}
.wrheader.scroll header nav {margin-top: 0;}
.wrheader.scroll header nav > ul > li {padding-top: 0;}
.wrheader.scroll header nav > ul > li > ul:before {background: rgb(255, 255, 255);}
.wrheader.scroll.down {top: -73px; height: 0;}
.wrheader.scroll.up {top: 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: none !important;
}

.header {display: flex; align-items: center;}
.header .col {}
.header .left {flex: 1; position: relative; top: 0; display: flex; justify-content: start; align-items: center; gap: 10px;}
.header .right {flex: 1; position: relative; top: 0; display: flex; justify-content: start; align-items: center; gap: 10px;}
.header .mid {flex: 2; position: relative; top: 0; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.header .right {display: flex; justify-content: end; gap: 15px;}
.header .right .void {width: 50px;}
.header .logo {}
.header .logo img {display: block; height: 80px;}
.header .icoLink {display: flex; align-items: center;}
.header .icoLink img {width: 24px; height: 24px;}
.header .icoLink > span {margin-left: 6px; font-weight: 500;}

.icoLinkBasket svg path {animation: colors 5s ease infinite;}
@keyframes colors {
    0% {
        fill: black;
    }
	20% {
        fill: green;
    }
	50% {
        fill: red;
    }
	75% {
        fill: orange;
    }
	100% {
        fill: #9b2d30;
    }
}

.fSearch {display: flex;}
.fSearch label {display: flex; align-items: center;}
.fSearch label img {width: 24px; height: 24px; margin-right: 6px;}
.fSearch label input {font-weight: 500; background: none; border-bottom: 1px solid transparent; width: 100%;}
.fSearch label input:focus {border-bottom: 1px solid #262626;}
.fSearch input[type="submit"] {display: none;}
.fSearch label img:hover {cursor: pointer;}

.banner {height: 100vh; height: calc(1vh * 100); height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden;}
.banner .img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.banner .imgmobile {display: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.banner .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.banner .videomobile {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.banner .link {font-size: 13px; position: absolute; bottom: 100px; left: 100px; font-weight: 500; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(3px); padding: 18px 24px; border-radius: 10px; display: flex; align-items: center;}
.banner .link:after {content: ''; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/square_arrow_right_up.86eced20.svg) no-repeat center / 100%; margin-left: 10px;}
.banner .link:hover {background: rgb(255, 255, 255);}

.wrb {margin-top: 50px; overflow: hidden;}
.wrb .title {padding: 0 100px; display: flex; justify-content: space-between; align-items: end;}
.wrb .title h2 {font-family: "Montserrat", sans-serif; text-transform: uppercase;}
.wrb .title .linkall {-webkit-text-decoration: underline;text-decoration: underline; position: relative; bottom: 2px;}
.wrb .title .linkall:hover {-webkit-text-decoration: none;text-decoration: none;}

.wrScrollItemsObjectrs {margin-top: 20px; padding: 0 100px; overflow: hidden; position: relative;}
.wrScrollItemsObjectrs .owl-carousel .owl-stage-outer {overflow: visible;}
.wrScrollItemsObjectrs .owl-nav {display: flex; justify-content: center; gap: 60px; margin-top: 20px;}
.wrScrollItemsObjectrs .owl-nav button {background: transparent;}
.wrScrollItemsObjectrs .owl-nav button img {display: block; width: 24px; opacity: 0.8;}
.wrScrollItemsObjectrs .numbers {display: none; font-weight: 500; text-align: center; position: absolute; bottom: 5px; left: 0; width: 100%;}
.wrScrollItemsObjectrs .numbers.show {display: block;}

.wrScrollItemsObjectrs .owl-prev {}
.wrScrollItemsObjectrs .owl-prev img {transform: rotate(180deg);}

.wrScrollItemsObjectrs .owl-prev2 {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsObjectrs .owl-prev2 {top: calc(50% - 56px - 20px); left: -28px;}

.wrScrollItemsObjectrs .owl-next2 {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsObjectrs .owl-next2 {top: calc(50% - 56px - 20px); right: -28px;}

.wrScrollItemsCollection {margin-top: 20px; padding: 0 100px; overflow: hidden; position: relative;}
.wrScrollItemsCollection .owl-carousel .owl-stage-outer {overflow: visible;}
.wrScrollItemsCollection .owl-carousel .owl-stage {display: flex;}
.wrScrollItemsCollection .owl-carousel .owl-stage .owl-item {
	flex-shrink: 0; display: flex; flex-direction: column;
 transition: width 0.3s ease;
}

.wrScrollItemsCollection .owl-nav {}
.wrScrollItemsCollection .owl-nav button {background: #fff!important; position: absolute; width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.wrScrollItemsCollection .owl-prev {top: calc(50% - 56px); left: -28px;}
.wrScrollItemsCollection .owl-next {top: calc(50% - 56px); left: calc(50% - 38px);}

.itemObject {position: relative;}
.itemObject a {display: block;}
.itemObject a .img {display: block; width: 100%; position: relative;}
.itemObject a .img:before {content: ''; display: block; padding-top: 70%; background: #f9f9f9;}

.itemObject a .img picture,
.itemObject a .img img {
    display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;}
.itemObject a .img picture:nth-child(1),
.itemObject a .img img:nth-child(1) {}
.itemObject a .img picture:nth-child(2),
.itemObject a .img img:nth-child(2) {opacity: 0;}
.itemObject a .img:hover picture:nth-child(2),
.itemObject a .img:hover img:nth-child(2) {opacity: 1;}

.itemObject a .name {display: block; text-transform: uppercase; font-weight: 500; margin-top: 14px; font-size: 11px;}
.itemObject a .price {display: block; font-weight: 500; color: #959595; margin-top: 6px; font-size: 11px;}
.itemObject a .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}
.itemObject .butFav {position: absolute; top: 20px; right: 20px;}
.itemObject .butFav img {cursor: pointer; width: 18px;}
.itemObject .butFav img:nth-child(1) {display: block;}
.itemObject .butFav img:nth-child(2) {display: none;}
.itemObject .butFav.added {}
.itemObject .butFav.added img:nth-child(1) {display: none;}
.itemObject .butFav.added img:nth-child(2) {display: block;}

.itemCollection {flex: 1; display: flex; flex-direction: column;}
.itemCollection a {flex: 1; display: flex; flex-direction: column;}
.itemCollection a .img {flex: 1; display: block; width: 100%; position: relative; overflow: hidden;}
.itemCollection a .img:before {content: ''; display: block; padding-top: 120%; background: #f9f9f9;}
.itemCollection a .img img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;}
.itemCollection a .img:hover img {transform: scale(1.04);}
.itemCollection a .name {display: block; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-top: 20px; font-weight: 600;}
.itemCollection a .more {display: block; margin-top: 10px; -webkit-text-decoration: underline; text-decoration: underline;}
.itemCollection a .more:hover {}

.bgblock {padding: 0 100px;}
.bgblock > div {background: #F5F1EC; display: flex;}
.bgblock .cont {width: 40%; padding: 135px 50px; display: flex; align-items: center;}
.bgblock .cont > div {}
.bgblock .cont h2 {font-family: "Montserrat", sans-serif; text-transform: uppercase;}
.bgblock .cont h2 span {font-size: 24px;}
.bgblock .cont p {
    margin: 30px 0;
    font-size: 13px;
    text-align: justify;

    /* переносы */
    hyphens: auto;                 /* ключ */
    -webkit-hyphens: auto;

    /* чтобы не было “разрывов” из-за длинных слов/ссылок */
    word-wrap: anywhere;
    word-break: normal;

    /* чуть приятнее межсловное */
    text-justify: inter-word;      /* в основном для совместимости */

    hyphenate-limit-chars: 6 3 3;      /* min / left / right */
    hyphenate-limit-lines: 2;          /* не больше 2 переносов подряд */
    hyphenate-limit-zone: 8%;          /* зона, где переносы допустимы */
}
.bgblock .cont p a {-webkit-text-decoration: underline;text-decoration: underline;}
.bgblock .cont p a:hover {-webkit-text-decoration: none;text-decoration: none;}
.bgblock .cont p:last-of-type {margin-bottom: 0;}
.bgblock .cont .but {margin-top: 30px; display: flex;}
.bgblock .cont .but a {display: block; font-weight: 500; background: rgba(255,255,255,0.5); padding: 18px 24px; border-radius: 10px; display: flex; align-items: center;}
.bgblock .cont .but a:after {content: ''; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/square_arrow_right_up.86eced20.svg) no-repeat center 100%; margin-left: 10px;}
.bgblock .cont .but a:hover {background: rgba(255,255,255,1);}
.bgblock .img {width: 60%; position: relative;}
.bgblock .img img {position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: calc(100% + 100px); height: calc(100% - 120px); -o-object-fit: cover; object-fit: cover;}

.jornal {padding: 0 100px; margin-top: 20px;}
.jornal > div {display: grid; grid-template-columns: 1.5fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px;}
.jornal > div > div:nth-child(1) { grid-area: 1 / 1 / 3 / 2;}
.jornal > div > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3;}
.jornal > div > div:nth-child(3) { grid-area: 2 / 2 / 3 / 3;}

.jornal > div > div:nth-child(1) a {position: relative; display: block; width: 100%; height: 100%;}
.jornal > div > div:nth-child(1) a .img {position: relative; display: block; height: 100%;}
.jornal > div > div:nth-child(1) a .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.jornal > div > div:nth-child(1) a .name {font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; position: absolute; left: 25px; bottom: 25px; max-width: 320px;}
.jornal > div > div:nth-child(1) a .cont {position: absolute; bottom: 0; left: 0; width: 100%;}
.jornal > div > div:nth-child(1) a .cont:before {content: ''; position: absolute; bottom: 0; left: -1px; width: calc(100% + 2px); height: 200px; background: linear-gradient(180deg, transparent, white);}
.jornal > div > div:nth-child(1) a .text {display: none;}
.jornal > div > div:nth-child(1) a .more {position: absolute; right: 25px; bottom: 25px; -webkit-text-decoration: underline; text-decoration: underline;}
.jornal > div > div:nth-child(1) a .more:hover {-webkit-text-decoration: none;text-decoration: none;}

.jornal > div > div:nth-child(n+2) a {display: flex; gap: 25px; background: #F5F5F5; padding: 25px;}
.jornal > div > div:nth-child(n+2) a .img {position: relative; width: 160px; height: 160px; flex-shrink: 0;}
.jornal > div > div:nth-child(n+2) a .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.jornal > div > div:nth-child(n+2) a .cont {display: flex; flex-direction: column; justify-content: space-between;}
.jornal > div > div:nth-child(n+2) a .name {display: block; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase;}
.jornal > div > div:nth-child(n+2) a .text {
    display: block;
    margin: 10px 0;
    text-align: justify;

    /* переносы */
    hyphens: auto;                 /* ключ */
    -webkit-hyphens: auto;

    /* чтобы не было “разрывов” из-за длинных слов/ссылок */
    word-wrap: anywhere;
    word-break: normal;

    /* чуть приятнее межсловное */
    text-justify: inter-word;      /* в основном для совместимости */

    hyphenate-limit-chars: 6 3 3;      /* min / left / right */
    hyphenate-limit-lines: 2;          /* не больше 2 переносов подряд */
    hyphenate-limit-zone: 8%;          /* зона, где переносы допустимы */
}
.jornal > div > div:nth-child(n+2) a .more {display: block; color: #959595; -webkit-text-decoration: underline; text-decoration: underline;}
.jornal > div > div:nth-child(n+2) a .more:hover {-webkit-text-decoration: none;text-decoration: none;}

footer {background: #F5F1EC; padding: 0 100px; margin-top: 100px;}

footer > div {display: flex; justify-content: space-between; align-items: start; padding: 60px 0; gap: 60px;}
footer > div > div {flex: 1;}
footer .void {flex: 1;}
footer .comp {display: flex ; flex-direction: column; align-items: center; text-align: center; margin-top: 5px;}
footer .comp .logo {}
footer .comp .logo img {display: block; height: 80px;}
footer .comp .info {margin-top: 25px;}
footer .comp .info div {margin-top: 5px; white-space: nowrap;}
footer .subs {margin-bottom: 40px; position: relative;}
footer .subs .title {font-size: 14px; font-weight: 500; margin-bottom: 5px; white-space: nowrap;}
footer .subs label {}
footer .subs label input {display: block; width: 100%; background: none; font-size: 12px; border-bottom: 1px solid #262626; padding: 10px 0; min-width: 250px;}
footer .subs input[type="submit"] {position: absolute; top: 26px; right: 0; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/subs_but.90ed1dce.svg) no-repeat center / 100%; opacity: 0.8;}
footer .subs input[type="submit"]:hover {}
footer .subs .sendok {position: absolute; bottom: 0; padding: 12px 0; font-weight: 700; background: #f5f1ec; width: 100%; z-index: 999; font-size: 14px;}
footer .subs.send {}
footer .subs.send .sendok {}
footer .menu {display: flex ; gap: 50px; justify-content: end;}
footer .menu > div {}
footer .menu .title {font-size: 14px; font-weight: 500; margin-bottom: 15px; white-space: nowrap;}
footer .menu .list {display: flex ; flex-direction: column; align-items: start; gap: 10px;}
footer .menu .list a {font-size: 13px; white-space: nowrap;}
footer .mag {display: flex;}
footer .mag .adr {font-size: 13px;}
footer .mag .tel {margin-top: 20px;}
footer .mag .tel a {font-size: 14px;}
footer .soc {display: flex; gap: 10px; margin-top: 20px;}
footer .soc a {}
footer .soc a img {display: block; width: 32px; height: 32px;}
footer .soc a:hover {}

.breadcrumbs {margin-top: 210px;}
.breadcrumbs > div {padding: 10px 100px; display: flex; gap: 4px;}
.breadcrumbs .item {}
.breadcrumbs .item:after {content: '-'; font-size: 12px;}
.breadcrumbs .item:last-of-type:after {display: none;}
.breadcrumbs .item a {font-size: 12px;}
.breadcrumbs .item a:hover {}
.breadcrumbs .item.active {}
.breadcrumbs .item.active a {color: #959595;}

.mh500 {min-height: 500px;}

.block_text {}
.block_text:after {content: ''; display: block; clear: both; visibility: hidden;}

.block_text > div {padding: 0 100px;}
.block_text h1, .block_text .h1 {font-family: "Montserrat", sans-serif; font-size: 14px;}
.block_text h2 {margin: 15px 0; text-transform: uppercase;}
.block_text h3 {margin: 15px 0; font-weight: 500; text-transform: uppercase;}
.block_text p {
    margin: 15px 0;

    text-align: justify;

    /* переносы */
    hyphens: auto;                 /* ключ */
    -webkit-hyphens: auto;

    /* чтобы не было “разрывов” из-за длинных слов/ссылок */
    word-wrap: anywhere;
    word-break: normal;

    /* чуть приятнее межсловное */
    text-justify: inter-word;      /* в основном для совместимости */

    hyphenate-limit-chars: 6 3 3;      /* min / left / right */
    hyphenate-limit-lines: 2;          /* не больше 2 переносов подряд */
    hyphenate-limit-zone: 8%;          /* зона, где переносы допустимы */
}

.block_text.margin {margin-top: 50px;}
.block_text.center .h1,
.block_text.center h1 {
    text-align: center; text-transform: uppercase;
}
.block_text.center h2 {text-align: center;}
.block_text.center h3 {text-align: center; font-size: 14px;}
.block_text.center p {text-align: center; font-size: 13px;}

.basketPage {display: flex; margin-top: -25px;}
.basketPage .left {flex: 1; width: 50%; padding: 40px 50px 100px 100px;}
.basketPage .right {flex: 1; width: 50%; padding: 40px 100px 100px 50px;  background: #f5f5f5;}
.basketPage h1 {font-family: "Montserrat", sans-serif; font-size: 14px; margin-bottom: 30px;}
.basketPage h2 {font-family: "Montserrat", sans-serif; font-size: 14px; margin-bottom: 30px;}
.basketPage .allPriceBasket {text-transform: uppercase; font-weight: 500;}
.basketPage .allPriceBasket span {font-weight: 600;}

.bpItemsBasket {}
.bpItemsBasket .item {display: flex; gap: 20px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #959595;}
.bpItemsBasket .item .img {width: 40%; background: #eee; position: relative;}
.bpItemsBasket .item .img:before {content: ''; display: block; padding-top: 70%;}
.bpItemsBasket .item .img img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;}
.bpItemsBasket .item .cont {flex: 1; display: flex; flex-direction: column; gap: 10px;}
.bpItemsBasket .item .cont .title {font-weight: 500; text-transform: uppercase;}
.bpItemsBasket .item .cont .price {font-weight: 500; color: #959595;}
.bpItemsBasket .item .cont .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}
.bpItemsBasket .item .cont .priceall {font-weight: 500;}
.bpItemsBasket .item .cont .priceall span {font-weight: 600;}
.bpItemsBasket .item .cont .characteristic {font-weight: 500;}
.bpItemsBasket .item .cont .characteristic span {text-transform: uppercase;}
.bpItemsBasket > .item:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}

.categoryList {background: #F5F1EC; margin-top: 30px;}
.categoryList > div {padding: 20px 100px; display: flex; justify-content: center; gap: 20px; mix-blend-mode: multiply;}
.categoryList a {display: flex; flex-direction: column; justify-content: start; align-items: center;}
.categoryList a .img {display: flex; width: 100px; height: 100px; align-items: center; justify-content: center;}
.categoryList a .img img {display: block; max-width: 100%; max-height: 100px; mix-blend-mode: multiply;}
.categoryList a .name {display: block; text-align: center; font-size: 13px; font-weight: 500;}
.categoryList a:hover {}

.linePreItems {margin-top: 20px;}
.linePreItems > div {padding: 0 100px; display: flex; justify-content: space-between;}
.linePreItems .item {display: flex; align-items: center;}
.linePreItems .item img {width: 24px; height: 24px; margin-right: 8px;}
.linePreItems .item span {font-size: 13px; font-weight: 500;}
.linePreItems .item:hover {cursor: pointer;}

.categoryItems {margin-top: 20px; padding: 0 100px; min-height: 400px;}
.categoryItems .items {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px 20px; gap: 40px 20px;}
.categoryItems .items .item {}

.pagination {margin-top: 35px;}
.pagination .counter {text-align: center; font-weight: 500;}
.pagination .more {display: flex; justify-content: center; margin-top: 15px; position: relative;}
.pagination .more span {background: #262626; color: #fff; border-radius: 12px; font-weight: 500; padding: 15px 22px;}
.pagination .more span:hover {cursor: pointer;}
.pagination .load {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background: url(/templates/rxbshoes/dist/dev/assets/loading.b6ee94a1.gif) no-repeat center; background-size: 32px;}
.pagination .more.loading {}
.pagination .more.loading span {opacity: 0;}
.pagination .more.loading .load {display: block;}

.pageItemObject {margin-top: 20px; padding: 0 100px; display: flex; align-items: start; gap: 20px;}
.pageItemObject .left {width: 65%; position: relative;}
.pageItemObject .right {width: 35%;}
.pageItemObject .imgs {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; gap: 20px;}
.pageItemObject .imgs .img {}
.pageItemObject .imgs .img:nth-of-type(3n + 1) {grid-column: 1 / 3;}
.pageItemObject .imgs .img img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.pageItemObject h1 {font-family: "Montserrat", sans-serif; font-size: 14px;}
.pageItemObject .price {display: block; font-weight: 500; color: #959595; margin-top: 15px;}
.pageItemObject .price .new {display: inline-block; margin-right: 25px; color: #DE5031;}

.pageContacts {margin-top: 20px; padding: 0 100px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px; gap: 50px;}
.pageContacts .item {flex: 1;}
.pageContacts .item h2 {font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600;}
.pageContacts .item p {font-weight: 500; margin: 20px 0;}
.pageContacts .item .but {display: flex; margin-top: 30px;}
.pageContacts .item .but a {font-weight: 500; background: #fff; padding: 18px 24px; border-radius: 10px; display: flex; align-items: center; border: 1px solid #262626;}
.pageContacts .item .but a:after {content: ''; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/square_arrow_right_up.86eced20.svg) no-repeat center 100%; margin-left: 10px;}
.pageContacts .item iframe {margin-top: 45px;}

.pageBlog {}
.pageBlog .items {margin-top: 20px; padding: 0 100px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px 20px; gap: 40px 20px;}

.pageBlog .itemFirst {display: flex; gap: 20px; grid-column: 1 / 4;}
.pageBlog .itemFirst .left {width: 60%; position: relative; overflow: hidden;}
.pageBlog .itemFirst .left .img {position: relative; display: block; height: 100%; min-height: 120px;}
.pageBlog .itemFirst .left .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.pageBlog .itemFirst .left .name2 {font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; position: absolute; left: 25px; bottom: 25px; max-width: 320px;}
.pageBlog .itemFirst .left .cont {position: absolute; bottom: 0; left: 0; width: 100%;}
.pageBlog .itemFirst .left .cont:before {content: ''; position: absolute; bottom: 0; left: -1px; width: calc(100% + 2px); height: 200px; background: linear-gradient(180deg, transparent, white);}
.pageBlog .itemFirst .right {width: 40%; display: flex; flex-direction: column;}
.pageBlog .itemFirst .right .date {color: #959595; font-weight: 500;}
.pageBlog .itemFirst .right .text {flex: 1; padding-bottom: 30px;}
.pageBlog .itemFirst .right .text p {margin: 20px 0;}
.pageBlog .itemFirst .right .more {}
.pageBlog .itemFirst .right .more a {-webkit-text-decoration: underline;text-decoration: underline;}
.pageBlog .itemFirst .right .more a:hover {-webkit-text-decoration: none;text-decoration: none;}
.pageBlog .itemFirst .left .date {display: none; margin-top: 10px; color: #959595; font-weight: 500;}
.pageBlog .itemFirst .left .name {display: none; margin-top: 8px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase;}

.pageBlog .item {}
.pageBlog .item a {display: block;}
.pageBlog .item a .img {display: block; width: 100%; position: relative;}
.pageBlog .item a .img:before {content: ''; display: block; padding-top: 70%; background: #f9f9f9;}
.pageBlog .item a .img img {display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0;}
.pageBlog .item a .date {display: block; margin-top: 10px; color: #959595; font-weight: 500;}
.pageBlog .item a .name {display: block; margin-top: 8px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase;}

.itemsCollection {}
.itemsCollection {}

.selectSize {margin-top: 25px;}

.customSelect {position: relative; z-index: 9;}
.customSelect .line {display: flex ; align-items: center; justify-content: space-between; border: 1px solid #262626; border-radius: 12px; padding: 10px 15px; height: 47px;}
.customSelect .line .title {font-weight: 500;}
.customSelect .line .arrow {width: 24px; height: 24px; border: 1px solid #262626; border-radius: 5px; background: url(/templates/rxbshoes/dist/dev/assets/arrow_down.660048e0.svg) no-repeat center 8px / 12px;}
.customSelect .values {display: none; border: 1px solid #262626; border-radius: 0 0 12px 12px; position: absolute; top: 100%; left: 0; width: 100%; background: #fff;}
.customSelect .values .value {padding: 18px 22px; border-top: 1px solid #262626;}
.customSelect .values .value:hover {cursor: pointer;} 
.customSelect .line:hover {cursor: pointer;}
.customSelect.error {}
.customSelect.error .line .title {color: red;}

.customSelect.open {z-index: 99;}
.customSelect.open .line {border-radius: 12px 12px 0 0;}
.customSelect.open .values {display: block;}

.addItemInBasket {position: relative; overflow: hidden; margin-top: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #262626; background: #262626; color: #fff; border-radius: 12px; padding: 15px 22px;}
.addItemInBasket:hover {cursor: pointer;}
.addItemInBasket.added {border-color: #F5F1EC;}
.addItemInBasket.added:after {content: 'Товар добавлен'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F5F1EC; color: #000; font-weight: 500;}

.itemButs {margin-top: 30px; display: grid; grid-template-columns: 2fr 2fr; grid-gap: 20px; gap: 20px;}
.itemButs .but {display: flex; align-items: center;}
.itemButs .but img {margin-right: 8px; width: 24px;}
.itemButs .but span {font-weight: 500;}
.itemButs .but:hover {cursor: pointer;}

.itemButs .butFav {}
.itemButs .butFav img {}
.itemButs .butFav span {}
.itemButs .butFav > img:nth-of-type(1) {}
.itemButs .butFav > img:nth-of-type(2) {display: none;}
.itemButs .butFav > span:nth-of-type(1) {}
.itemButs .butFav > span:nth-of-type(2) {display: none;}
.itemButs .butFav.added > img:nth-of-type(1) {display: none;}
.itemButs .butFav.added > img:nth-of-type(2) {display: block;}
.itemButs .butFav.added > span:nth-of-type(1) {display: none;}
.itemButs .butFav.added > span:nth-of-type(2) {display: block;}

.fw500 {font-weight: 500;}

.areatext {margin-top: 25px;}
.areatext p {margin: 10px 0; text-align: justify;}
.areatext p strong {font-weight: 500;}
.areatext p b {font-weight: 500;}
.areatext p a {-webkit-text-decoration: underline;text-decoration: underline;}
.areatext p a:hover {-webkit-text-decoration: none;text-decoration: none;}
.characteristics {margin: 10px 0;}
.characteristics p {margin: 0;}

.no-active {opacity: 0.5;}

.wr_count {display: flex; align-items: center; font-weight: 500;}
.wr_count .title {margin-right: 20px;}
.wr_count .counter {flex-basis: 25px; text-align: center; margin: 0 5px;}
.wr_count img {width: 24px;}
.wr_count img:hover {cursor: pointer;}
.wr_count img.remove {margin-left: 20px;}
.wr_count .butItemEventRemove {margin-left: 20px; width: 20px; height: 20px; display: flex ; align-items: center; justify-content: center; border: 1px solid #444; border-radius: 100px; opacity: 0.8;}
.wr_count .butItemEventRemove img {display: block; width: 11px;}
.wr_count .butItemEventRemove:hover {cursor: pointer; opacity: 1;}

.page_emarket_cart {}
.page_emarket_cart footer {margin-top: 0;}

.orderinfo {}
.orderinfo > div {margin-top: 30px; display: flex; flex-direction: column; gap: 10px;}
.orderinfo h3 {font-weight: 500; text-transform: uppercase;}
.orderinfo .line {display: flex; gap: 10px;align-items: center;}
.orderinfo .line label {flex: 1;}
.orderinfo .line label input {display: block; width: 100%; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500;}
.orderinfo textarea {display: block; width: 100%; overflow: hidden; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500;}
.orderinfo input[type="submit"] {display: block; width: 100%; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff; margin-top: 30px;}
.orderinfo input[type="submit"]:hover {}

.wrRightBlock {position: fixed; top: 0; right: -100%; height: 100%; width: 100%; z-index: 999999; display: flex; backdrop-filter: blur(5px);}
.wrRightBlock > div {width: 50%;}
.wrRightBlock > form {width: 50%;}
.wrRightBlock .l {background: #000; opacity: 0.3; position: relative;}
.wrRightBlock .r {background: #fff; padding: 20px 100px; position: relative; overflow: auto;}
.wrRightBlock.show {right: 0;}
.wrRightBlock .title {font-size: 14px; font-weight: 600; text-transform: uppercase;}
.wrRightBlock .clear {display: flex ; align-items: center; position: absolute; top: 20px; right: 100px; -webkit-text-decoration: underline; text-decoration: underline;}
.wrRightBlock .clear .ico {border: 1px solid #262626; border-radius: 100%; padding: 2px; margin-left: 5px;}
.wrRightBlock .clear .ico img {display: block; width: 9px;}
.wrRightBlock .clear:hover {cursor: pointer; -webkit-text-decoration: none; text-decoration: none;}

.wrrbCont {}
.wrrbCont p {margin: 15px 0;}
.wrrbCont table {margin: 15px 0; width: 100%!important; border-collapse: collapse;}
.wrrbCont table tr {}
.wrrbCont table tr td {padding: 10px 15px; text-align: left !important; width: auto !important;}
.wrrbCont table tr td p {margin: 0;}
.wrrbCont table tr:nth-child(odd) td {background: #F5F1EC;}

.wrForm {}
.wrForm form {}
.wrForm form .af-form {display: flex ; flex-direction: column; gap: 15px; margin: 15px 0;}
.wrForm form label {position: relative;}
.wrForm form label:before {content: ''; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/icoedit.0ce373b4.svg) no-repeat center; position: absolute; top: 30px; right: 15px; opacity: 0.5;}
.wrForm form label .ititle {display: block; padding-left: 20px; font-weight: 500; padding-bottom: 4px;}
.wrForm form label .icobut {width: 24px; height: 24px; position: absolute; top: 30px; right: 15px; cursor: pointer;}
.wrForm form label input[type="text"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="password"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="phone"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label input[type="email"] {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form label textarea {display: block; width: 100%; border: 1px solid #262626; padding: 15px 20px; border-radius: 12px; font-weight: 500;}
.wrForm form .submit {display: flex; justify-content: end; margin-top: 15px;}
.wrForm form .submit input {display: block; min-width: 180px; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrForm form .submit input:hover {}

.af-form {}
.af-send {display: none;}
.af-send p {margin: 10px 0;}
form.sended .af-form {display: none;}
form.sended .af-send {display: block;}

.wrFilters .line {margin-top: 15px; border-top: 1px solid #959595; padding-top: 15px;}
.wrFilters .line.first {border-top: 0;}
.wrFilters .line .name {display: flex ; align-items: center; justify-content: space-between;}
.wrFilters .line .name .txt {font-size: 12px; font-weight: 500; text-transform: uppercase;}
.wrFilters .line .name .ico {border: 1px solid #262626; border-radius: 100%; padding: 2px;}
.wrFilters .line .name .ico img {width: 9px;}
.wrFilters .line .name .ico img:nth-child(1) {display: block;}
.wrFilters .line .name .ico img:nth-child(2) {display: none;}
.wrFilters .line .name .txt:hover {cursor: pointer;}
.wrFilters .line .name .ico:hover {cursor: pointer;}
.wrFilters .submit {display: flex; justify-content: end; margin-top: 30px;}
.wrFilters .submit input {display: block; min-width: 180px; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrFilters .submit input:hover {}
.wrFilters .checkboxs {}
.wrFilters .checkboxs.grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; gap: 10px; margin: 10px 0 5px;}
.wrFilters .checkboxs.flex {display: flex; gap: 10px 20px; margin: 10px 0 5px; flex-wrap: wrap;}

.accardion {}
.accardion .bhide {max-height: 0; overflow: hidden;}
.accardion.show {}
.accardion.show .bhide {max-height: 100px;}
.accardion.show .ico img:nth-child(1) {display: none!important;}
.accardion.show .ico img:nth-child(2) {display: block!important;}

.checkbox {display: flex; align-items: center; position: relative;}
.checkbox label {display: flex ; align-items: center;}
.checkbox input {position: absolute; top: 0; left: 0; opacity: 0;}
.checkbox .mark {margin-right: 5px; display: flex; justify-content: center; align-items: center; position: relative;}
.checkbox .mark:before {content: ''; width: 10px; height: 10px; display: block; border: 1px solid #262626; border-radius: 100%;}
.checkbox .mark:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #262626; border-radius: 100%; width: 6px; height: 6px; margin: auto; opacity: 0;}
.checkbox .mark img {display: none!important;}
.checkbox .mark img:nth-child(1) {display: block;}
.checkbox .mark img:nth-child(2) {display: none;}
.checkbox input:checked ~ .mark {}
.checkbox input:checked ~ .mark:after {opacity: 1;}
.checkbox input:checked ~ .mark img {}
.checkbox input:checked ~ .mark img:nth-child(1) {display: none;}
.checkbox input:checked ~ .mark img:nth-child(2) {display: block;}
.checkbox .value {font-weight: 500;}
.checkbox .value .hidetext {display: none;}
.checkbox.hide {opacity: 0.5; pointer-events: none;}
.checkbox.hide .hidetext {display: inline-block;}

.mmenu {display: none;}
.mmenu img {height: 24px;}
.mmenu img:nth-child(1) {display: block;}
.mmenu img:nth-child(2) {display: none;}

.not_available {text-align: center; background: #eee; padding: 20px 0; font-weight: 500; border-radius: 12px; margin-top: 20px;}

.butInnerMenu {display: none;}
.butInnerMenu img {display: block; height: 14px;}

.innerMenuTitle {display: none; align-items: center; padding: 5px 10px; gap: 5px;}
.innerMenuTitle img {height: 14px; transform: rotate(180deg);}
.innerMenuTitle span {text-transform: uppercase; font-weight: 600; white-space: nowrap;}

.overflow_hidden {overflow: hidden;}

.catalog_no_items {text-align: center; margin: 15px 0; min-height: 150px;}

.wrForm form.formPoshiv {display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 20px; gap: 25px 20px; max-width: 700px; margin: 40px auto;}
.wrForm form.formPoshiv .type_text {}
.wrForm form.formPoshiv .type_select {}
.wrForm form.formPoshiv .type_select:before {display: none;}
.wrForm form.formPoshiv .type_textarea {grid-column: 1 / 3;}
.wrForm form.formPoshiv .submit {grid-column: 1 / 3; justify-content: center; margin-top: 5px;}
.wrForm form.formPoshiv .botFormTxt {grid-column: 1 / 3;}
.wrForm form.formPoshiv .botFormTxt p {text-align: center; margin: 5px 0;}

.wrForm form.formUserInfo {display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 25px 20px; gap: 25px 20px; margin: 40px auto;}
.wrForm form.formUserInfo .submit {}
.wrForm form.formUserInfo .submit input {width: 100%;}

.innerItemSlider {display: none; position: relative; margin-top: 25px;}
.innerItemSlider .owl-nav button {position: absolute; top: calc(50% - 24px); width: 24px; height: 24px; border: 1px solid #262626 !important; border-radius: 5px; background: url(/templates/rxbshoes/dist/dev/assets/arrow_down.660048e0.svg) no-repeat center 8px / 12px !important;}
.innerItemSlider .owl-nav button.owl-prev {left: 15px; transform: rotate(90deg); opacity: 0.8;}
.innerItemSlider .owl-nav button.owl-next {right: 15px; transform: rotate(-90deg); opacity: 0.8;}

.uform {max-width: 420px; margin: 40px auto!important;}
.uform .submit input {min-width: 100%!important;}
.uform-auth {display: flex ; flex-direction: column; gap: 15px;}

.formlink {display: flex ; justify-content: space-between; margin-top: 30px;}
.formlink a {font-size: 14px; font-weight: 500; -webkit-text-decoration: underline; text-decoration: underline;}
.formlink a:hover {-webkit-text-decoration: none;text-decoration: none;}

.form-error {margin-bottom: 10px;}
.form-error p {color: red; margin: 0;}

.wrForm form.uformreg {max-width: 1000px; margin: 40px auto!important; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 25px 20px; gap: 25px 20px;}
.wrForm form.uformreg .submit {margin-top: 18px;}
.wrForm form.uformreg .submit input {min-width: 100%;}
.wrForm form.uformreg .form-error {grid-column: 1 / 4; margin-bottom: 0;}

.wrForm form label.type_password:before {background: url(/templates/rxbshoes/dist/dev/assets/password1.5953a3d5.svg) no-repeat center; opacity: 1;}
.wrForm form label.type_password.show:before {background: url(/templates/rxbshoes/dist/dev/assets/password2.c9c9a2f3.svg) no-repeat center; opacity: 1;}

.float_left {float: left; margin: 5px 30px 5px 0;}
.float_right {float: right; margin: 5px 0 5px 30px;}
.width_100 {width: 100%; height: auto; margin: 5px 0;}

.form-after-text {grid-column: 1 / 4;}
.form-after-text p {}

.title-link {}
.title-link h2 {}
.title-link a {display: none;}

.form_promocodes {display: flex; width: 100%; border: 1px solid #262626; border-radius: 10px; margin-top: 20px; overflow: hidden;}
.form_promocodes input[type="text"] {flex: 1; padding: 16px 22px; font-weight: 500;}
.form_promocodes input[type="submit"] {flex: 1; border: 1px solid #262626; border-radius: 10px; padding: 16px 22px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.form_promocodes input[type="submit"]:hover {}

.basketLineInfo {margin-top: 20px; display: flex; flex-direction: column; gap: 10px;}
.basketLineInfo p {}
.basketLineInfo p b {}
.basketRadios {display: flex; flex-direction: column; gap: 10px;}

.promocoderesult {margin-top: 10px; display: flex; flex-direction: column; gap: 10px;}
.promocoderesult p {}
.promocoderesult p b {}
.promocoderesult p.error {color: red;}

.page404 {text-align: center; min-height: 200px;}
.page404 h1 {font-size: 24px;}
.page404 p {margin: 15px 0;}

.elem-labels {position: absolute; top: 10px; left: 10px; z-index: 9; display: flex ; flex-direction: column; gap: 5px;}
.elem-labels .elem {display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; line-height: 10px; border-radius: 100%;}
.elem-labels .elem .text1 {color: inherit; font-size: 10px; font-weight: 600;}
.elem-labels .elem .text2 {color: inherit; font-size: 10px;}

.user_line {border-bottom: 1px solid #cacaca; padding-bottom: 25px;}
.user_line > div {display: flex; align-items: center; gap: 100px;}
.user_line .title {display: flex ; flex-direction: column; gap: 3px;}
.user_line .title h1 {text-transform: uppercase;}
.user_line .title .umail {white-space: nowrap;}
.user_line .menu {flex: 1; display: flex; align-items: center; gap: 20px;}
.user_line .menu a {font-size: 13px; font-weight: 500; padding: 12px 20px; border-radius: 10px; display: flex ; align-items: center; border: 1px solid #222;}
.user_line .menu a:after {content: ''; width: 24px; height: 24px; background: url(/templates/rxbshoes/dist/dev/assets/square_arrow_right_up.86eced20.svg) no-repeat center / 100%; margin-left: 10px;}
.user_line .menu a.active {background: #222; color: #fff;}
.user_line .menu a.active:after {filter: invert(1);}
.user_line .menu a:hover {}
.user_line .menu a:hover {}
.user_line .exit {}
.user_line .exit:hover {color: #000;}

.wrapper_ordersList {display: flex; flex-direction: column; gap: 50px; padding: 40px 0 0;}

.ordersList {position: relative;}
.ordersList .wrScrollItemsObjectrs {margin-top: 0;}
.ordersList .infoOrder {position: absolute; top: 0; left: 100px; background: #fff; z-index: 9; height: 100%; text-transform: uppercase; font-weight: 500; display: flex ; flex-direction: column; gap: 5px;}
.ordersList .infoOrder .number {}
.ordersList .infoOrder .date {color: #959595;}
.ordersList .infoOrder .summa {}

.text_form {font-size: 13px; background: #e8f7f0; padding: 20px; font-weight: 500;}
.wrForm form.formPoshiv .text_form {text-align: center; grid-column: 1 / 3;}
.formItemModel .text_form {margin-top: 25px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill {
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:autofill {
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.bonuscardPage {display: flex; gap: 50px; margin-top: 40px;}
.bonuscardPage .left {}
.bonuscardPage .right {flex: 1;}
.bonuscardPage .card {width: 580px; height: 320px; background: #eee; border-radius: 15px; padding: 40px; display: flex ; flex-direction: column; gap: 5px; position: relative; overflow: hidden;}
.bonuscardPage .card:before {content: ''; position: absolute; top: 0; right: -100px; width: 280px; height: 100%; background: #000000; transform: skew(-20deg, 0deg); opacity: 0.05;}
.bonuscardPage .card .title1 {font-size: 26px; font-weight: 600;}
.bonuscardPage .card .title2 {font-size: 20px; font-weight: 500;}
.bonuscardPage .card .proc {font-size: 20px; font-weight: 500;}
.bonuscardPage .card .price {font-size: 34px; font-weight: 500;}
.bonuscardPage .card .date {font-size: 18px; position: absolute; bottom: 30px; right: 30px;}
.bonuscardPage .void {flex: 1;}
.bonuscardPage table {width: 100%; border-collapse: collapse;}
.bonuscardPage table tr {}
.bonuscardPage table tr td {border: 1px solid #eee; padding: 10px 15px;}
.bonuscardPage table tr td.date {}
.bonuscardPage table tr td.comment {width: 100%;}
.bonuscardPage table tr td.price {white-space: nowrap; font-weight: 600;}
.bonuscardPage table tr td.price .plus {color: green;}
.bonuscardPage table tr td.price .minus {color: red;}

.mt {margin-top: 30px;}
.flex1 {flex: 1;}

.purchasing {display: flex ; flex-direction: column; gap: 8px;}
.deliveries {display: flex ; flex-direction: column; gap: 8px;}

/*.deliveryAddress {display: none!important;}
.deliveryAddress.show {display: flex!important;}*/
.deliveryAddress .lines {display: flex; flex-direction: column; gap: 10px;}

.delivery-description {
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 16px;
}

#apiShipWidget {display: none; min-height: auto!important;}
#apiShipWidget .d_tab_panel {min-height: auto!important; height: auto!important;}
#apiShipWidget div.d_tp_wrapper {display: flex!important; width: 100%!important;}
#apiShipWidget div.d_tp_wrapper .map {width: calc(100% - 210px)!important;}
#apiShipWidget div.d_tp_wrapper .list {left: auto!important; right: 0;}
#apiShipWidget div.accordion:after {filter: brightness(0);}

.buttonCulcDeliveryApiShip {flex: 1; border: 1px solid #262626; border-radius: 10px; padding: 16px 0; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.buttonCulcDeliveryApiShip:hover {cursor: pointer;}

.wrApiShip .btn {display: inline-block; border: 1px solid #262626; border-radius: 5px; padding: 4px 12px 5px; font-weight: 500; text-align: center; background: #262626; color: #fff;}
.wrApiShip .btn:hover {cursor: pointer;}

.accordion-panel p {display: flex; justify-content: start; margin: 2px 0;}
.accordion-panel label {display: flex; position: relative;}
.accordion-panel label .mark {margin-right: 5px; display: flex; justify-content: center; align-items: center; position: relative;}
.accordion-panel label .mark:before {content: ''; width: 10px; height: 10px; display: block; border: 1px solid #262626; border-radius: 100%;}
.accordion-panel label .mark:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #262626; border-radius: 100%; width: 6px; height: 6px; margin: auto; opacity: 0;}
.accordion-panel label .mark img {display: none!important;}
.accordion-panel label .mark img:nth-child(1) {display: block;}
.accordion-panel label .mark img:nth-child(2) {display: none;}
.accordion-panel label input {position: absolute; top: 0; left: 0; opacity: 0;}
.accordion-panel label input:checked ~ .mark {}
.accordion-panel label input:checked ~ .mark:after {opacity: 1;}
.accordion-panel label input:checked ~ .mark img {}
.accordion-panel label input:checked ~ .mark img:nth-child(1) {display: none;}
.accordion-panel label input:checked ~ .mark img:nth-child(2) {display: block;}

.wrApiShip {position: relative; margin-top: 20px!important;}
.wrApiShip .loading {}

#apiShipWidget .d_tab {display: none;}
.d_tab_panel {display: none;}


.delivery-toPoint {}
/*.delivery-toPoint .lines {position: relative;}*/
.delivery-toPoint .line1 {}
/*.delivery-toPoint .line2 {display: none;}*/
.delivery-toPoint .line3 {}
/*
.delivery-toPoint .buttonCulcDeliveryApiShip {position: absolute; top: 0; right: 0; width: calc(50% - 5px);}
*/
.filtersDeliveryTypes {display: flex; flex-direction: column; gap: 5px;}

#apiShipWidget .filters input[type="checkbox"] + label span {width: 10px!important; height: 10px!important; border: 1px solid #262626!important; border-radius: 100%!important; position: relative;}
#apiShipWidget .filters input[type="checkbox"]:checked + label span {background: none!important;}
#apiShipWidget .filters input[type="checkbox"]:checked + label span:after {content: ''!important; position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; background: #262626!important; border-radius: 100%!important; width: 6px!important; height: 6px!important; margin: auto!important;}

#order_delivery_apiship {display: none!important;}
/*.adressMapPointRightList {display: none!important;}*/




.text_form_agree {display: flex ; justify-content: start; align-items: start; position: relative;}
.text_form_agree input {display: block; -webkit-appearance: auto; position: absolute; opacity: 0; width: auto !important; min-width: auto !important;}
.text_form_agree p {}
.text_form_agree p a {-webkit-text-decoration: underline;text-decoration: underline;}
.text_form_agree p a:hover {-webkit-text-decoration: none;text-decoration: none;}
.text_form_agree label:before {display: none!important;}

.formPoshiv .text_form_agree {grid-column: 1 / 3;}
.subs .text_form_agree {margin-top: 5px;}





.agree_cookie {position: fixed; bottom: 20px; left: 20px; background: #fff; padding: 15px; border-radius: 5px; border: 1px solid #cacaca; z-index: 999999; display: flex; gap: 10px; max-width: 260px;}
.agree_cookie .ico {font-size: 24px;}
.agree_cookie .text {display: flex; flex-direction: column; align-items: start; gap: 8px;}
.agree_cookie .text .but {width: 100%; border-radius: 5px; padding: 5px 5px; font-weight: 500; text-align: center; background: #262626; color: #ffffff;}
.agree_cookie .text .but:hover {cursor: pointer;}
.agree_cookie .text a {-webkit-text-decoration: underline;text-decoration: underline;}
.agree_cookie .text a:hover {-webkit-text-decoration: none;text-decoration: none;}




@media screen and (orientation: portrait) {
	.banner .img {display: none;}
	.banner .imgmobile {display: block;}
}

@media (max-width: 1440px) {
	header {padding: 20px 55px 0;}
	.wrRightBlock .r {padding: 20px 55px 0;}
	.wrFilters .r {padding: 20px 55px 0;}
	.wrb .title {padding: 0 55px;}
	.wrScrollItemsObjectrs {padding: 0 55px;}
	.wrScrollItemsCollection {padding: 0 55px;}
	.bgblock {padding: 0 55px;}
	.jornal {padding: 0 55px;}
	footer {padding: 0 55px;}
	.breadcrumbs > div {padding: 10px 55px;}
	.block_text > div {padding: 0 55px;}
	.categoryList > div {padding: 20px 55px;}
	.linePreItems > div {padding: 0 55px;}
	.categoryItems {padding: 0 55px;}
	.pageItemObject {padding: 0 55px;}
	.pageBlog .items {padding: 0 55px;}
	.pageContacts {padding: 0 55px;}
	
	.wrFilters .clear {right: 55px;}
	.wrRightBlock .clear {right: 55px;}
	.banner .link {bottom: 55px; left: 55px;}
	.wrScrollItemsObjectrs .owl-prev2 {top: calc(50% - 56px - 30px);}
	.wrScrollItemsObjectrs .owl-next2 {top: calc(50% - 56px - 30px);}
	
	.ordersList .infoOrder {left: 55px;}
	.basketPage .left {padding: 40px 50px 100px 50px;}
	.basketPage .right {padding: 40px 50px 100px 50px;}
}

@media (max-width: 1300px) {
	.bgblock .cont h2 span {font-size: 14px;}
	.header .right .void {display: none;}
	.jornal > div {grid-template-columns: 1.25fr 1fr;}
	.bonuscardPage .card {width: 500px; height: 280px; padding: 30px;}
}

@media (max-width: 1200px) {
	.pageItemObject .left {width: 55%;}
	.pageItemObject .right {width: 45%;}
	
	.bgblock .cont {width: 50%}
	.bgblock .img {width: 50%}
	.jornal > div {grid-template-columns: 1fr 1fr;}

	.block_text img {max-width: 50%; height: auto;}
	
	body.showmenu {overflow: hidden;}
	body.showmenu header nav {left: 0;}
	body.showmenu .mmenu img:nth-child(1) {display: none;}
	body.showmenu .mmenu img:nth-child(2) {display: block;}
	
	header nav {position: fixed; background: #fff; left: -100%; width: 100%; justify-content: start; align-items: start; overflow: auto;}
	header nav > ul {flex-direction: column; gap: 0; width: 100%; padding: 5px 0; overflow: hidden;}
	header nav > ul > li {padding: 0; position: relative;}
	header nav > ul > li > a {display: block; padding: 10px 15px;}
	.butInnerMenu {display: flex ; align-items: center; justify-content: end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 15px;}
	.innerMenuTitle {display: flex;}
	
	header .innermenu {visibility: visible; opacity: 1; background: #fff; padding: 0; display: block; border-top: 0; border-bottom: 0; top: 0; z-index: 9; left: 100%; position: fixed; padding-top: 10px; overflow: auto;}
	header .innermenu.show {left: 0;}
	header .innermenu .link {display: none;}
	header .innermenu > ul {flex-direction: column; gap: 0; width: 100%; padding: 5px 0; overflow: hidden;}
	header .innermenu > ul > li {padding: 0; position: relative;}
	header .innermenu > ul > li > a {display: block; padding: 10px 15px;}
	
	.header .logo img {height: 52px;}
	.banner .link {bottom: 15px; left: 15px;}
	.wrb {margin-top: 30px;}
	.wrScrollItemsObjectrs .owl-nav {width: 100vw; position: relative; left: -15px;}
	.bgblock .cont {padding: 25px 15px;}
	.bgblock > div {gap: 10px;}
	.bgblock .img img {height: calc(100% - 50px);}
	.mmenu {display: block;}
	
	.wrheader.scroll .header {height: auto!important;}
	.wrheader.scroll .header .mid {top: 0!important; opacity: 1!important; height: auto!important;}
	.wrheader.scroll .header .left {top: 0!important;}
	.wrheader.scroll .header .right {top: 0!important;}
	
	header {padding: 10px 15px;}
	.wrb .title {padding: 0 15px;}
	.wrScrollItemsObjectrs {padding: 0 80px 0 15px;}
	.wrScrollItemsCollection {padding: 0 15px;}
	.bgblock {padding: 0 15px;}
	.jornal {padding: 0 15px;}
	footer {padding: 0 15px;}
	.breadcrumbs > div {padding: 10px 15px;}
	.block_text > div {padding: 0 15px;}
	.categoryList > div {padding: 20px 15px;}
	.linePreItems > div {padding: 0 15px;}
	.categoryItems {padding: 0 15px;}
	.pageItemObject {padding: 0 15px;}
	.pageBlog .items {padding: 0 15px;}
	.pageContacts {padding: 0 15px;}
	
	.breadcrumbs {margin-top: 145px; height: 0; overflow: hidden;}
	.categoryList > div {justify-content: center; overflow: auto;}
	
	.wrRightBlock .l {width: 40%;}
	.wrRightBlock .r {width: 60%; padding: 20px 15px;}
	.wrFilters .clear {right: 15px;}
	.wrRightBlock .clear {right: 15px;}
	
	.itemObject .butFav {top: 10px; right: 10px;}
	
	.pageItemObject {margin-top: 0;}
	
	.ordersList .infoOrder {left: 15px;}
	
	.basketPage .left {padding: 40px 15px 100px 15px;}
	.basketPage .right {padding: 40px 15px 100px 15px;}
}

@media (max-width: 1100px) {
	.user_line > div {gap: 50px;}
}

@media (max-width: 960px) {
	.wrScrollItemsCollection {padding: 0 80px 0 15px;}
	.wrForm form.uformreg .form-error {grid-column: 1 / 3;}
	.wrForm form.uformreg {grid-template-columns: repeat(2, 1fr);}
	.wrForm form.uformreg .submit {grid-column: 1 / 3; margin-top: 5px;}
	.wrForm form.uformreg .form-after-text {grid-column: 1 / 3;}
	.jornal > div > div:nth-child(1) a .name {max-width: 100%; padding-right: 120px;}
	.bonuscardPage {gap: 30px;}
	.bonuscardPage .card {width: 420px; height: 240px; padding: 25px;}
	.bonuscardPage .card .date {bottom: 25px; right: 25px;}
	.bonuscardPage .card .title1 {font-size: 22px;}
	.bonuscardPage .card .title2 {font-size: 16px;}
	.bonuscardPage .card .proc {font-size: 16px;}
	.bonuscardPage .card .price {font-size: 28px;}
	.bonuscardPage .card .date {font-size: 14px;}
	.agree_cookie {bottom: 10px; left: 10px;}
}

@media (max-width: 920px) {
	footer > div {gap: 30px;}
	.header .left {max-width: 220px; width: 100%; flex: auto;}
	.header .right {max-width: 220px; width: 100%; flex: auto;}
	.wrForm form.formUserInfo {grid-template-columns: repeat(2, 1fr); margin: 30px auto 40px;}
	.user_line > div {gap: 50px;}
	.user_line .menu {gap: 10px;}
	.user_line .menu a {font-size: 12px; padding: 8px 14px;}
	.user_line > div {flex-direction: column; align-items: start; gap: 20px; position: relative;}
	.user_line .exit {position: absolute; top: 0; right: 15px;}
	.bonuscardPage {flex-direction: column;}
	.bonuscardPage .card {width: 100%; max-width: 420px;}
	.bonuscardPage .card:before {right: -180px;}
	.pageContacts {display: flex; flex-direction: column;}
	.basketPage {flex-direction: column;}
	.basketPage .left {width: 100%; padding: 25px 15px 30px;}
	.basketPage .right {width: 100%; padding: 30px 15px 50px 15px;}
}

@media (max-width: 800px) {
	.pageContacts {gap: 20px;}
	.jornal > div {grid-template-columns: 1fr;}
	.jornal > div > div:nth-child(1) {grid-area: 1;}
	.jornal > div > div:nth-child(2) {grid-area: 2;}
	.jornal > div > div:nth-child(3) {grid-area: 3;}
	.jornal > div > div:nth-child(1) a .name {left: 15px; bottom: 15px;}
	.jornal > div > div:nth-child(1) a .more {display: none;}
	.jornal > div > div:nth-child(n+2) a {padding: 15px;}
	.jornal > div > div:nth-child(n+2) a .cont {justify-content: start;}
	.jornal > div > div:nth-child(n+2) a .more {display: none;}
	.categoryList a .name {font-size: 11px;margin-top: 20px;}
	.categoryList a .img {width: 60px; height: 60px;}
	.uform {margin-top: 20px!important;}
	.wrForm form.uformreg {margin-top: 20px!important;}
	.pageBlog .itemFirst .right {display: none;}
	.pageBlog .itemFirst .left {display: block; width: 100%}
	.pageBlog .itemFirst {display: block; grid-column: auto;}
	.pageBlog .itemFirst .left .cont {display: none;}
	.pageBlog .itemFirst .left .date {display: block;}
	.pageBlog .itemFirst .left .name {display: block;}
	.pageBlog .itemFirst .left .img:before {content: ''; display: none; padding-top: 70%; background: #f9f9f9;}
	.pageBlog .items {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 760px) {
	.categoryItems .items {grid-template-columns: repeat(2, 1fr);}
	footer {margin-top: 50px;}
	.elem-labels .elem {gap: 3px;}
	.elem-labels .elem {line-height: 4px; width: 34px; height: 34px;}
	.elem-labels .elem .text1 {font-size: 8px;}
	.elem-labels .elem .text2 {font-size: 8px;}
}

@media (max-width: 720px) {
	.wrRightBlock .l {width: 30%;}
	.wrRightBlock .r {width: 70%;}
	.ordersList .infoOrder {position: static; padding: 0 15px 15px;}
	.wrapper_ordersList {padding: 25px 0 0;}
}

@media (max-width: 680px) {
	footer > div {flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	footer .soc {justify-content: center;}
	footer .menu .list {align-items: center;}
	footer .comp {order: 3;}
	.page_catalog_category .block_text p {display: none;}
	.categoryList {margin-top: 15px;}
}

@media (max-width: 620px) {
	.innerItemSlider {display: block;}
	.header .left {max-width: 160px;}
	.header .right {max-width: 160px;}
	.wrRightBlock .l {width: 0;}
	.wrRightBlock .r {width: 100%;}
	.pageItemObject .left {display: none;}
	.pageItemObject .right {width: 100%;}
}

@media (max-width: 540px) {
	.orderinfo .line {flex-direction: column;}
	.bgblock > div {flex-direction: column; gap: 0;}
	.bgblock .cont {width: 100%;}
	.bgblock .img {width: 100%;}
	.bgblock .img img {width: 100%; height: 100%;}
	.bgblock .img:before {content: ''; display: block; padding-top: 70%;}
	.bgblock .cont p {margin: 15px 0;}
	.wrForm form.formPoshiv {grid-template-columns: repeat(1, 1fr);}
	.wrForm form.formPoshiv .submit {grid-column: 1;}
	.wrForm form.formPoshiv .type_textarea {grid-column: 1;}
	.wrForm form.formPoshiv .text_form_agree {grid-column: 1;}
	.wrForm form.formPoshiv .botFormTxt {grid-column: 1;}
	.wrForm form.uformreg .form-error {grid-column: 1;}
	.wrForm form.uformreg {grid-template-columns: repeat(1, 1fr);}
	.wrForm form.uformreg .submit {grid-column: 1;}
	.wrForm form.uformreg .form-after-text {grid-column: 1;}
	.header .left {max-width: 120px;}
	.header .right {max-width: 120px;}
	.header .logo img {height: 42px;}
	.breadcrumbs {margin-top: 135px;}
	.user_line .menu {gap: 10px; flex-direction: column; align-items: start;}
	.wrForm form.formUserInfo {grid-template-columns: repeat(1, 1fr); margin: 20px auto 40px; gap: 20px;}
	.wrForm form.formUserInfo .submit {margin-top: 10px;}
}

@media (max-width: 480px) {
	.mmenu img {height: 20px;}
	.fSearch label img {height: 20px;}
	.header .icoLink img {height: 20px;}
	.header .left {gap: 10px;}
	.header .right {gap: 10px;}
	.header .icoLink svg {height: 20px;}
	/*footer .subs {max-width: 100%;}*/
	.fSearch label input {font-size: 10px; width: 64px;}
	.linePreItems .item img {width: 20px; height: 20px; margin-right: 4px;}
	.pageBlog .items {grid-template-columns: repeat(1, 1fr);}
	.bonuscardPage .card {height: 220px;}
	.bpItemsBasket .item .img {width: 100%;}
	.bpItemsBasket > .item {flex-direction: column;}
	.form_promocodes input[type="submit"] {flex: 0; padding: 16px 12px;}
	.form_promocodes input[type="text"] {width: 100%;}
}

@media (max-width: 420px) {
	.header .logo img {height: 36px;}
}

@media (max-width: 380px) {
	.fSearch label input {width: 45px;}
	.fSearch label img {margin-right: 0;}
	.jornal > div > div:nth-child(n+2) a .img {width: 120px; height: 120px;}
	.header .mid {overflow: visible;}
	.header .logo {position: absolute; left: -20px;}
	.header .logo img {height: 32px;}
	.fSearch label img {height: 16px;}
	.header .icoLink img {height: 18px;}
	.header .icoLink svg {height: 18px;}
	.header .left {gap: 8px;}
	.header .right {gap: 8px;}
}

@media (max-width: 350px) {
	.header .logo img {height: 28px;}
}

@media (max-width: 330px) {
	.fSearch label input {width: 40px;}
	.header .logo img {height: 26px;}
	.header .logo {left: -25px;}
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/swiper/swiper-bundle.css ***!
  \***************************************************************************************************************************************************************/
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-right: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-bottom: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: 44px;

  width: var(--swiper-navigation-size);
  height: 44px;
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-disabled.swiper-button-prev,.swiper-button-disabled.swiper-button-next {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
.swiper-button-hidden.swiper-button-prev,.swiper-button-hidden.swiper-button-next {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: 4px;
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
  }
.swiper-button-next {
  right: 4px;
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal  ~ .swiper-button-prev,.swiper-horizontal  ~ .swiper-button-next {
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (44px / 2));
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
.swiper-horizontal .swiper-button-prev,.swiper-horizontal ~ .swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: 4px;
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
.swiper-horizontal .swiper-button-next,.swiper-horizontal ~ .swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: 4px;
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
.swiper-horizontal .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal ~ .swiper-button-prev:not(.does-not-exist) .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(180deg);
    }
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(0deg);
    }
.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-prev,.swiper-vertical  ~ .swiper-button-next {
    left: 50%;
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (44px / 2));
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
.swiper-vertical .swiper-button-prev,.swiper-vertical  ~ .swiper-button-prev {
    top: 4px;
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
  }
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
.swiper-vertical .swiper-button-next,.swiper-vertical  ~ .swiper-button-next {
    bottom: 4px;
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
  }
.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
      transform: rotate(90deg);
    }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
.swiper-pagination-bullet:only-child {
    display: none !important;
  }
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform, 200ms top;
    }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      transition:
        200ms transform, 200ms left;
    }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * 1%);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
.swiper-vertical > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * 1%);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container  > img,.swiper-zoom-container  > svg,.swiper-zoom-container  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out;
    }


.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }


.swiper-fade .swiper-slide .swiper-slide {
      pointer-events: none;
    }


.swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }


.swiper-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
.swiper-cube .swiper-slide .swiper-slide {
      pointer-events: none;
    }
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }
.swiper-cube .swiper-cube-shadow:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
  }
.swiper-flip .swiper-slide .swiper-slide {
      pointer-events: none;
    }
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }


/*# sourceMappingURL=module.60462494.css.map*/