@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}: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;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: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}.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);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.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-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.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-inline-start: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-block-start: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)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.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 var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .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)}}.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-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s 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}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.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;-webkit-backface-visibility:hidden;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:.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}.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,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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}.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,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
margin-right: 6px;
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.iti__country {
display: flex;
align-items: center;
padding: 5px 10px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
padding-right: 52px;
padding-left: 6px;
margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 6px;
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 0;
margin-right: 6px;
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed;
}
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5762px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 12px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cq {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1137px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1159px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1181px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1203px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1225px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1269px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1291px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1313px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1335px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1357px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1379px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1467px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1489px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1511px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1555px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1577px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1599px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1621px 0px;
}
.iti__flag.iti__ez {
height: 14px;
background-position: -1643px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1665px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1687px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1709px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1731px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1775px 0px;
}
.iti__flag.iti__fx {
height: 14px;
background-position: -1797px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1819px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1841px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1863px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1907px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1973px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -2061px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2083px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2105px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2149px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2171px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2215px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2237px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2259px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2303px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2325px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2369px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2391px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2413px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2435px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2457px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2479px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2501px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2567px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2589px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2611px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2633px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2655px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2677px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2699px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2743px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2787px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2809px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2853px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2875px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2897px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2941px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2963px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2985px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -3007px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -3029px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -3051px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3073px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3095px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3117px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3139px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3161px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3183px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3205px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3226px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3248px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3270px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3314px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3380px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3402px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3512px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3556px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3578px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3622px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3666px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3688px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3710px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3732px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3752px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3774px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3796px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3818px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3840px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3862px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3899px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3921px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3943px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3965px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3987px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -4031px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -4053px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4075px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4097px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4119px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4141px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4163px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4185px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4207px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4229px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4251px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4273px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4361px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4383px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4405px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4427px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4449px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4493px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4515px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4537px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4559px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4647px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4669px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4691px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4713px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4735px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4757px 0px;
}
.iti__flag.iti__su {
height: 10px;
background-position: -4779px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4801px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4823px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4889px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4911px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4933px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4955px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4977px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -5021px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -5065px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -5087px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5109px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5131px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5175px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5197px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5219px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5263px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uk {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5329px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5351px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5373px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5395px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5417px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5439px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5456px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5522px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5566px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5610px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5632px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5654px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5676px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5698px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5720px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5742px 0px;
}
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url(//krikate.by/wp-content/themes/krikate/assets/img/flags.png?1);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(//krikate.by/wp-content/themes/krikate/assets/img/flags@2x.png?1);
}
}
.iti__flag.iti__np {
background-color: transparent;
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-2px, 0, 0);
}
40%,
60% {
transform: translate3d(2px, 0, 0);
}
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
}
@keyframes slide-progress {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes slide-in-nav-item {
from {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in-nav-item-reverse {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
}
h1,
h2,
h3,
p {
margin: 0;
font-weight: 400;
}
h1 {
font-size: 40px;
line-height: 100%;
}
@media screen and (max-width: 1040px) {
h1 {
font-size: 24px;
}
}
h2 {
font-size: 28px;
line-height: 120%;
}
@media screen and (max-width: 1040px) {
h2 {
font-size: 21px;
}
}
h3 {
font-size: 21px;
line-height: 120%;
}
@media screen and (max-width: 1040px) {
h3 {
font-size: 17px;
}
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
}
.list-reset {
margin: 0;
padding: 0;
list-style: none;
}
.hidden {
display: none !important;
}
.btn-reset {
padding: 0;
border: none;
outline: none;
background: none;
cursor: pointer;
}
.inp-reset {
padding: 0;
outline: none;
border: none;
border-radius: 0;
background: none;
}
body {
min-height: 100vh;
max-width: 100%;
width: 100%;
display: flex;
flex-direction: column;
margin: 0 auto;
font-family: "Arsenal", sans-serif;
font-weight: 400;
line-height: 120%;
color: #1d1d1b;
font-size: calc(15px + 3 * (100vw - 360px) / 1560);
}
body.fixed {
overflow: hidden;
}
main {
flex: 1;
}
.container {
max-width: 100%;
width: 100%;
padding: 0 40px;
}
@media screen and (max-width: 1040px) {
.container {
padding: 0 20px;
}
}
.section-offset {
margin-bottom: calc(35px + 65 * (100vw - 360px) / 1560);
}
.page-title {
margin-bottom: calc(35px + 15 * (100vw - 360px) / 1560);
}
.primary-button {
padding: 13px 32px;
text-align: center;
color: #ffffff;
background-color: #d71379;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.primary-button:hover,
.primary-button:active {
color: #1d1d1b;
background-color: #ffaad7;
}
.primary-button:disabled {
pointer-events: none;
background-color: #b8b8b8;
}
.button-black {
padding: 13px 32px;
text-align: center;
color: #ffffff;
background-color: #000000;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.button-black:hover,
.button-black:active {
color: #1d1d1b;
background-color: #ffaad7;
}
.button-black:disabled {
pointer-events: none;
background-color: #b8b8b8;
}
.secondary-button {
padding: 13px 32px;
text-align: center;
border: 1px solid #818181;
color: #1d1d1b;
background-color: #ffffff;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.secondary-button:hover,
.secondary-button:active {
border-color: #ffaad7;
background-color: #ffaad7;
}
.back-to-top-btn {
z-index: 11;
position: fixed;
right: 10px;
bottom: 15px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
background-color: #d9d9d9;
transition: opacity 0.25s ease-in-out;
}
.back-to-top-btn--active {
opacity: 1;
visibility: visible;
}
.ps__rail-y:hover .ps__thumb-y {
background-color: #d71379;
}
.ps__thumb-y {
background-color: #ffaad7;
}
.glightbox-container {
height: calc(100% - 80px);
top: 110px;
background-color: rgba(0, 0, 0, 0.35);
}
.glightbox-container .gcontainer {
height: 100%;
}
.glightbox-container .gslider {
height: 100%;
}
.glightbox-container .gslide.current {
height: 100%;
}
.glightbox-container .gslide-inner-content {
height: 100%;
}
.glightbox-container .gslide-inner-content:hover {
cursor: url(//krikate.by/wp-content/themes/krikate/assets/img/minus_cursor.svg), auto;
}
.glightbox-container .ginner-container {
height: 100% !important;
}
.glightbox-container .gslide-image img {
max-height: 100vh;
height: 100%;
}
@media screen and (max-width: 1040px) {
.glightbox-container {
height: 100%;
top: 0;
}
.glightbox-container .gcontainer .gclose {
top: 20px;
left: unset;
right: 20px;
width: auto;
height: auto;
display: flex !important;
padding: 0;
background-color: transparent;
filter: contrast(0.5);
}
.glightbox-container .gcontainer .gclose svg {
width: 14px;
}
.glightbox-container .gcontainer .gclose svg path {
fill: #1d1d1b;
}
}
.goverlay {
background-color: transparent;
}
.iti {
width: 100%;
}
.iti--allow-dropdown .iti__flag-container {
right: 0;
left: unset;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel] {
padding-left: 18px;
padding-right: 52px;
}
.iti__selected-flag {
outline: none;
}
.iti__country-list {
top: 100%;
right: 0;
width: 280px;
padding: 30px;
border: none;
border-radius: 8px;
box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.07);
overflow-x: hidden;
}
.iti__country {
font-size: 15px;
color: #1d1d1b;
}
.iti__country:not(:last-child) {
margin-bottom: 6px;
}
.iti__country.iti__active {
opacity: 0.5;
}
.iti__flag-box {
margin-right: 12px;
}
.iti__dial-code {
color: #1d1d1b;
}
.iti-mobile .iti--container {
width: 280px;
bottom: unset !important;
right: unset !important;
min-height: 200px;
}
.iti-mobile .iti__country-list {
top: unset;
}
.input-base {
position: relative;
}
.input-base__inp {
width: 100%;
padding: 14px 18px;
color: #1d1d1b;
background-color: #ffffff;
}
.input-base__inp::-webkit-input-placeholder {
color: #818181;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.input-base__inp::-moz-placeholder {
color: #818181;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.input-base__inp:-moz-placeholder {
color: #818181;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.input-base__inp:-ms-input-placeholder {
color: #818181;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.input-base__inp:focus::-webkit-input-placeholder {
opacity: 0;
}
.input-base__inp:focus::-moz-placeholder {
opacity: 0;
}
.input-base__inp:focus:-moz-placeholder {
opacity: 0;
}
.input-base__inp:focus:-ms-input-placeholder {
opacity: 0;
}
.input-base__inp:required:invalid:not(:placeholder-shown)+.input-base__error {
visibility: visible;
opacity: 1;
}
.input-base__inp:required:valid+.input-base__error+.input-base__valid {
visibility: visible;
opacity: 1;
}
.input-base__error {
position: absolute;
top: calc(100% + 6px);
left: 0;
font-size: 15px;
line-height: 120%;
color: #d91015;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out;
}
.input-base__valid {
position: absolute;
top: 50%;
right: 18px;
translate: 0 -50%;
rotate: 45deg;
height: 11px;
width: 7px;
border-right: 1px solid #00c371;
border-bottom: 1px solid #00c371;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out;
}
@media screen and (max-width: 540px) {
.input-base__error {
font-size: 11px;
}
}
.c-check {
display: block;
}
.c-check input {
display: none;
}
.c-check input:checked+.c-check__body .c-check__box {
border-color: #d71379;
}
.c-check input:checked+.c-check__body .c-check__box:after {
opacity: 1;
}
.c-check__body {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.c-check__box {
position: relative;
flex: 0 0 20px;
width: 20px;
height: 20px;
border: 1px solid #b8b8b8;
transition: border-color 0.25s ease-in-out;
}
.c-check__box:after {
content: "";
position: absolute;
top: 2px;
left: 7px;
height: 11px;
width: 5px;
border-right: 1px solid #d71379;
border-bottom: 1px solid #d71379;
rotate: 45deg;
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.c-check__label {
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
}
.c-radio {
display: block;
position: relative;
}
.c-radio input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
z-index: 5;
}
.c-radio input:checked+.c-radio__body .c-radio__box {
border-color: #d71379;
}
.c-radio input:checked+.c-radio__body .c-radio__box:after {
opacity: 1;
}
.c-radio__body {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.c-radio__box {
position: relative;
flex: 0 0 20px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
transition: border-color 0.25s ease-in-out;
}
.c-radio__box:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 6px;
width: 6px;
translate: -50% -50%;
opacity: 0;
border-radius: 50%;
background-color: #d71379;
transition: opacity 0.25s ease-in-out;
}
.c-radio__label {
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
}
.header {
position: sticky;
top: 0;
width: 100%;
z-index: 99; height: 80px;
border-bottom: 1px solid #e5e5e5;
background-color: #ffffff;
}
.header.fixed {
z-index: 100;
position: fixed;
width: 100%;
}
.header.fixed+main {
margin-top: 60px;
}
.header__container {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.5s ease-in-out;
}
.header__burger,
.header__modile-menu {
display: none;
}
.header__nav {
margin: 0 auto;
}
.header__search {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.header__cart { margin-left: 12px;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
}
.header__dropdown {
z-index: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: calc(100dvh - 80px);
visibility: hidden;
opacity: 0;
transition: 0.25s ease-in-out;
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(7px);
}
.header__dropdown--active {
z-index: 9;
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 1000px) {
.header {
height: 60px;
}
.header__nav {
display: none;
}
.header__burger {
position: relative;
order: 1; width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center; margin-right: 12px;
}
.header__burger:before,
.header__burger:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 19px;
height: 1px;
display: none;
background-color: #1d1d1b;
}
.header__burger:before {
translate: -50% -50%;
rotate: 45deg;
}
.header__burger:after {
translate: -50% -50%;
rotate: -45deg;
}
.header__burger--active svg {
display: none;
}
.header__burger--active:before,
.header__burger--active:after {
display: block;
}
.header__search {
order: 2;
}
.header__logo {
order: 3;
margin: 0 auto;
}
.header__logo img {
max-width: 106px;
}
.header__cart {
order: 4;
}
.header__modile-menu {
z-index: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: calc(100dvh - 60px);
display: block;
visibility: hidden;
opacity: 0;
transition: 0.25s ease-in-out;
background-color: #ffffff;
}
.header__modile-menu--active {
z-index: 9;
visibility: visible;
opacity: 1;
}
}
.search {
z-index: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: calc(100dvh - 80px);
visibility: hidden;
opacity: 0;
transition: 0.25s ease-in-out;
background-color: rgba(0, 0, 0, 0.35);
}
.search--active {
z-index: 9;
visibility: visible;
opacity: 1;
}
.search__top {
height: 108px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.search:has(.search__body) .search__top {
height: 75px;
}
.search__wrap {
position: relative;
max-width: 1220px;
width: 100%;
display: flex;
align-items: center;
}
.search__inp {
max-width: 100%;
width: 100%;
padding: 0 20px 16px 0;
border: none;
border-bottom: 1px solid #1d1d1b;
border-radius: 0;
outline: none;
font-size: calc(15px + 3 * (100vw - 360px) / 1560);
}
.search__inp::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.search__inp::-moz-placeholder {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.search__inp:-moz-placeholder {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.search__inp:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.search__inp:focus::-webkit-input-placeholder {
opacity: 0;
}
.search__inp:focus::-moz-placeholder {
opacity: 0;
}
.search__inp:focus:-moz-placeholder {
opacity: 0;
}
.search__inp:focus:-ms-input-placeholder {
opacity: 0;
}
.search__clear {
position: absolute;
top: 4px;
right: 0;
display: flex;
align-items: center;
}
.search__body {
height: calc(100% - 130px);
display: flex;
flex-direction: column;
background-color: #ffffff;
}
.search__results {
flex: 1;
max-width: 1220px;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.search__results-item {
padding-bottom: 6px;
}
.search__results-item:not(:last-child) {
margin-bottom: 6px;
border-bottom: 1px solid #e5e5e5;
}
.search__bottom {
max-width: 1220px;
width: 100%;
display: flex;
margin: 0 auto;
padding: 28px 0 50px;
}
.search__all-btn {
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 1040px) {
.search {
height: 100dvh;
}
.search__body {
height: calc(100% - 75px);
}
.search__bottom {
padding: 20px 0;
}
}
.search-result {
display: block;
}
.search-result__wrapper {
display: flex;
align-items: center;
}
.search-result__picture {
flex: 0 0 68px;
margin-right: 20px;
line-height: 0;
}
.search-result__title {
margin-bottom: 6px;
font-size: calc(17px + 4 * (100vw - 360px) / 1560);
}
.search-result__wrap {
display: flex;
align-items: center;
gap: 10px;
}
.search-result__discount {
color: #d71379;
}
.search-result__old {
text-decoration: line-through;
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.header__cart-dropdown.cart {
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
justify-content: flex-end;
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0.2);
transition: 0.25s ease-in-out;
}
.header__cart-dropdown.cart--active {
z-index: 8;
visibility: visible;
opacity: 1;
}
.header__cart-dropdown.cart--active .cart__wrapper {
translate: 0% 0;
}
.header__cart-dropdown .cart__wrapper {
width: 400px;
height: 100%;
display: flex;
flex-direction: column;
translate: 100% 0;
transition: 0.25s ease-in-out;
background-color: #ffffff;
}
.cart__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 40px;
border-bottom: 1px solid #e5e5e5;
}
.cart__bottom {
border-top: 1px solid #e5e5e5;
}
.cart__body {
position: relative;
flex: 0 1 100%;
padding: 30px 40px 6px;
overflow-x: hidden;
overflow-y: scroll;
}
.cart__body-item {
padding-bottom: 10px;
}
.cart__body-item:not(:last-child) {
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.cart__back {
display: flex;
align-items: center;
color: #1d1d1b;
}
.cart__back svg {
margin-right: 10px;
}
.cart__back span {
margin-left: 5px;
color: #818181;
}
.cart__reset {
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.cart__total {
padding: 15px 40px;
}
.cart__total-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.cart__total-item:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
.cart__total-item span:first-child {
color: #818181;
}
.cart__nav {
display: flex;
align-items: center;
padding: 30px 40px;
border-top: 1px solid #e5e5e5;
}
.cart__apply {
width: 100%;
}
@media screen and (max-width: 1040px) {
.cart__top {
padding: 20px;
}
.cart__body {
padding: 20px 20px 6px;
}
.cart__body-item {
padding-bottom: 6px;
}
.cart__body-item:not(:last-child) {
margin-bottom: 6px;
}
.cart__total {
padding: 15px 20px;
}
.cart__nav {
padding: 20px;
}
}
@media screen and (max-width: 540px) {
.cart__wrapper {
width: 100%;
}
}
.cart-item {
display: block;
}
.cart-item__wrapper {
display: flex;
align-items: flex-start;
}
.cart-item__body {
max-width: calc(100% - 124px);
width: 100%;
}
.cart-item__picture {
position: relative;
flex: 0 0 104px;
margin-right: 20px;
line-height: 0;
}
.cart-item__picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cart-item__title {
display: block;
margin-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cart-item__info {
display: flex;
align-items: center;
margin-bottom: 8px;
white-space: nowrap;
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.cart-item__info span {
margin-left: 6px;
overflow: hidden;
text-overflow: ellipsis;
color: #1d1d1b;
}
.cart-item__wrap {
display: flex;
align-items: center;
gap: 10px;
margin: 17px 0;
}
.cart-item__discount {
color: #d71379;
}
.cart-item__old {
text-decoration: line-through;
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.cart-item__bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 540px) {
.cart-item__picture {
flex: 0 0 100px;
}
.cart-item__body {
max-width: calc(100% - 120px);
}
.cart-item__title {
margin-bottom: 6px;
}
.cart-item__info {
margin-bottom: 6px;
}
.cart-item__wrap {
margin: 15px 0;
}
}
.h-dropdown__container {
height: 100%;
padding-top: 64px;
padding-bottom: 64px;
}
.h-dropdown__wrapper {
position: relative;
max-width: 1220px;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 54px;
margin: 0 auto;
}
.h-dropdown__close {
position: absolute;
right: 0;
top: -37px;
line-height: 0;
transition: rotate 0.25s ease;
}
.h-dropdown__close:hover {
rotate: 360deg;
}
.h-dropdown__section:not(:last-child) {
margin-bottom: 28px;
}
.h-dropdown__section-title,
.h-dropdown__section-link {
display: block;
transition: color 0.25s ease-in-out;
}
.h-dropdown__section-title:not(:last-child),
.h-dropdown__section-link:not(:last-child) {
margin-bottom: 15px;
}
.h-dropdown__section-link:hover {
color: #d71379;
}
.h-dropdown__section-title {
color: #d71379;
font-size: 20px;
font-weight: 600;
}
.h-dropdown__section-title:hover {
color: #464646;
}
.h-dropdown__section-link {
font-size: 18px;
color: #464646;
}
.h-cart {
position: relative;
display: flex;
align-items: center;
}
.h-cart__count {
position: absolute; top: 0px;
right: -2px;
width: 15px;
height: 15px;
border-radius: 50%;
font-family: "PT Root UI", sans-serif;
font-weight: 500;
font-size: 10px;
line-height: 1.5;
color: #ffffff;
background-color: #d71379;
}
.h-menu__wrapper {
display: flex;
align-items: center;
}
.h-menu__wrapper:hover .h-menu__link,
.h-menu__wrapper:hover .h-menu__btn {
color: #818181;
}
.h-menu__wrapper:hover .h-menu__link svg rect,
.h-menu__wrapper:hover .h-menu__btn svg rect {
fill: #818181;
}
.h-menu__item:not(:last-child) {
margin-right: 32px;
}
.h-menu__btn {
display: flex;
align-items: center;
}
.h-menu__btn svg {
margin-right: 8px;
}
.h-menu__btn svg rect {
transition: fill 0.25s ease-out;
}
.h-menu__btn,
.h-menu__link {
font-size: 18px;
color: #1d1d1b;
transition: color 0.25s ease-out;
}
.h-menu__btn svg rect,
.h-menu__link svg rect {
fill: #1d1d1b;
}
.h-menu__btn:hover,
.h-menu__link:hover {
color: #1d1d1b !important;
}
.h-menu__btn:hover svg rect,
.h-menu__link:hover svg rect {
fill: #1d1d1b !important;
}
.h-mobile-menu__wrapper {
height: 100%;
display: flex;
}
.h-mobile-menu__col {
position: relative;
}
.h-mobile-menu__col:first-child {
flex: 0 0 155px;
padding: 20px 22px 20px 20px;
}
.h-mobile-menu__col:last-child {
flex: 1;
}
.h-mobile-menu__btn {
color: #1d1d1b;
}
.h-mobile-menu__btn--active {
color: #1d1d1b !important;
}
.h-mobile-menu__link {
display: block;
}
.h-mobile-menu__link:not(:last-child) {
margin-bottom: 20px;
}
.h-mobile-menu__link.not-active {
color: #818181;
}
.h-mobile-menu__phone {
margin-top: 35px;
white-space: nowrap;
}
.h-mobile-menu__level {
position: absolute;
width: 100%;
height: 100%;
overflow-y: auto;
padding: 20px 20px 20px 14px;
border-left: 1px solid #e5e5e5;
visibility: hidden;
opacity: 0;
transition: 0.25s ease-in-out;
}
.h-mobile-menu__level--active {
visibility: visible;
opacity: 1;
}
.h-mobile-menu__back {
position: relative;
left: -10px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.h-mobile-menu__section {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
}
.h-mobile-menu__section-title {
font-size: 17px;
font-weight: 600;
}
.h-mobile-menu__section-link {
font-size: 15px;
color: #464646;
}
.cookiebar-wrapper {
position: fixed;
left: 0;
right: 0;
bottom: -500px;
transition-duration: .3s;
direction: ltr;
color: #ffffff;
min-height: 20px;
position: fixed;
width: 100%;
z-index: 99999;
padding: 8px 20px 7px;
background-color: #2e363f;
text-align: center;
font-size: 12px;
}
.cookiebar-wrapper.--show {
bottom: 0;
transition-duration: .5s;
}
.cookiebar {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.cookiebar__text {
}
.cookiebar a,
.cookiebar a:hover,
.cookiebar a:active,
.cookiebar a:visited,
.cookiebar a:focus {
text-decoration: underline;
}
.cookiebar-btns {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.cookiebar__btn,
.cookiebar__btn:hover,
.cookiebar__btn:active,
.cookiebar__btn:visited,
.cookiebar__btn:focus {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 24px; line-height: 20px;
background: #d71379;
border: none;
color: #ffffff;
padding: 2px 12px;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
text-decoration: none !important;
outline: none;
}
.cookiebar__btn.--bordered,
.cookiebar__btn.--bordered:hover,
.cookiebar__btn.--bordered:active,
.cookiebar__btn.--bordered:visited,
.cookiebar__btn.--bordered:focus {
background: none;
border: 1px solid #d71379;
}
@media screen and (max-width: 740px) {
.cookiebar-wrapper {
font-size: 10px;
line-height: 1.2;
}
.cookiebar-btns {
flex-flow: column nowrap;
}
}
.footer {
padding: calc(35px + 15 * (100vw - 360px) / 1560) 0;
background-color: #fafafa;
}
.footer__wrapper {
max-width: 1220px;
width: 100%;
display: flex;
justify-content: space-between;
gap: 64px;
margin: 0 auto;
}
.footer__col:last-child {
max-width: 305px;
}
.footer__logo {
display: block;
margin-bottom: 40px;
line-height: 0;
}
.footer__copy,
.footer__link {
font-size: 16px;
}
.footer__copy:not(:last-child),
.footer__link:not(:last-child) {
margin-bottom: 15px;
}
.footer__link {
display: block;
color: #818181;
transition: color 0.25s ease-in-out;
}
.footer__link:hover {
color: #d71379;
}
.footer__nav {
flex: 1;
}
.footer__phone {
display: inline-block;
margin-bottom: 18px;
font-size: 22px;
transition: color 0.25s ease-in-out;
}
.footer__phone:hover {
color: #d71379;
}
.footer__socials {
display: flex;
gap: 24px;
margin-bottom: 30px;
}
.footer__socials-link {
transition: color 0.25s ease-in-out;
}
.footer__socials-link:hover {
color: #d71379;
}
@media screen and (max-width: 1000px) {
.footer__wrapper {
flex-wrap: wrap;
gap: 32px;
}
.footer__col:nth-child(2) {
order: 1;
}
.footer__col:last-child {
order: 2;
max-width: 290px;
}
.footer__col:first-child {
order: 3;
flex: 0 1 100%;
text-align: center;
}
.footer__nav {
flex: 0 1 auto;
}
}
@media screen and (max-width: 740px) {
.footer__wrapper {
gap: 25px;
}
.footer__col:last-child {
flex: 0 1 100%;
max-width: 100%;
}
.footer__logo {
margin-bottom: 20px;
}
.footer__logo img {
max-width: 106px;
}
.footer__copy,
.footer__link {
font-size: 14px;
}
.footer__copy:not(:last-child),
.footer__link:not(:last-child) {
margin-bottom: 10px;
}
.footer__nav {
flex: 0 1 100%;
}
.footer__phone {
display: none;
}
.footer__socials {
display: none;
}
}
.f-menu {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 64px;
}
.f-menu__col--mobile {
display: none;
}
.f-menu__link {
display: block;
transition: color 0.25s ease-in-out;
}
.f-menu__link:not(:last-child) {
margin-bottom: 18px;
}
.f-menu__link:hover {
color: #d71379;
}
@media screen and (max-width: 1000px) {
.f-menu {
gap: 32px;
}
}
@media screen and (max-width: 740px) {
.f-menu {
flex-wrap: wrap;
gap: 25px 20px;
}
.f-menu__col {
max-width: calc(50% - 20px);
width: 100%;
}
.f-menu__col--mobile {
display: block;
}
.f-menu__link:not(:last-child) {
margin-bottom: 15px;
}
}
.payments {
display: flex;
flex-wrap: wrap;
gap: 4px 4px;
}
.payments__item {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 4px;
border-radius: 8px;
border: 1px solid #e5e5e5;
}
@media screen and (max-width: 740px) {
.payments {
justify-content: center;
gap: 8px 8px;
}
}
.hero__btn--mobile {
display: none;
}
.hero__slider {
position: relative;
max-height: 820px;
min-height: 440px;
height: calc(100dvh - 80px);
}
.hero__slider-pagination {
bottom: 0 !important;
padding-left: 10%;
text-align: left !important;
}
.hero__slider-pagination .swiper-pagination-bullet {
display: none;
position: relative;
}
.hero__slider-pagination .swiper-pagination-bullet:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.hero__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
display: block;
width: calc(194px + 256 * (100vw - 360px) / 1560);
height: 6px;
margin: 0;
overflow: hidden;
border-radius: 0 !important;
background-color: transparent;
}
.hero__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
animation: slide-progress 6s linear; background: rgba(0, 0, 0, 0.7);
}
.hero__slider:hover .hero__slider-nav-btn {
opacity: 1;
}
@media screen and (max-width: 1000px) {
.hero__slider {
height: calc(100dvh - 60px);
}
}
@media screen and (max-width: 740px) {
.hero__slider {
max-height: 440px;
}
.hero__slider-pagination {
padding-left: 0;
}
.hero__btn--mobile {
display: block;
margin: 25px 20px 0;
}
}
.slider-nav-btn {
z-index: 1;
position: absolute;
top: 50%;
translate: 0 -50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
border-radius: 50%;
background-color: #ffffff;
transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out, scale 0.25s ease-in-out;
}
.slider-nav-btn--prev {
left: 4.7%;
}
.slider-nav-btn--next {
right: 4.7%;
}
.slider-nav-btn:hover {
cursor: pointer;
scale: 1.13;
translate: 0 -50%;
}
@media screen and (max-width: 1040px) {
.slider-nav-btn {
display: none;
}
}
.hero-slide__wrapper {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-position-x: 50%;
background-size: cover;
background-repeat: no-repeat;
background-color: lightgray;
}
.hero-slide__content {
text-align: center;
}
.hero-slide__title {
margin-bottom: 35px;
line-height: 1;
color: #ffffff;
font-size: calc(18px + 36 * (100vw - 360px) / 1560);
}
.hero-slide__btn {
display: inline-block;
}
.hero-slide.swiper-slide-next:before,
.hero-slide.swiper-slide-prev:before {
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
@media screen and (max-width: 740px) {
.hero-slide__title {
margin-bottom: 0;
padding: 0 34px;
font-size: 32px;
}
.hero-slide__btn {
display: none;
}
}
.advantages__list {
display: flex;
align-items: flex-start;
gap: 20px 10px;
}
.advantages__list-item {
max-width: calc(25% - 10px);
width: 100%;
}
@media screen and (max-width: 790px) {
.advantages__list {
flex-wrap: wrap;
justify-content: space-between;
}
.advantages__list-item {
max-width: calc(50% - 10px);
}
}
@media screen and (max-width: 540px) {
.advantages {
margin: -15px 0 25px;
}
}
.advantages-item {
text-align: center;
}
.advantages-item__icon {
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 7px;
}
.advantages-item__icon img {
max-width: 100px;
max-height: 100px;
}
.advantages-item__desc {
max-width: 230px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 790px) {
.advantages-item__icon svg {
width: 32px;
height: 30px;
}
}
@media screen and (max-width: 590px) {
.advantages-item__desc {
max-width: 150px;
}
}
.collection__title {
margin-bottom: calc(24px + 26 * (100vw - 360px) / 1560);
}
.collection__list {
display: flex;
justify-content: flex-start;
gap: 10px;
}
.collection__list-item {
flex: 0 1 calc(25% - 8px);
}
@media screen and (max-width: 800px) {
.collection__list {
flex-wrap: wrap;
gap: 25px 10px;
}
.collection__list-item {
flex: 0 1 calc(50% - 8px);
}
}
@media screen and (max-width: 540px) {
.collection__list { gap: 25px 10px;
}
.collection__list-item {
flex: 0 1 100%;
}
}
.instagram {
clear: both;
background-color: #fff1f8;
}
.instagram__container {
min-height: 88px;
display: flex;
align-items: center;
justify-content: center;
}
.instagram__link {
display: flex;
align-items: center;
font-size: calc(21px + 3 * (100vw - 360px) / 1560);
line-height: 100%;
color: #d71379;
}
.instagram__link img {
margin-right: 11px;
}
.instagram__link:hover img {
animation: zoom-in-zoom-out 0.8s;
animation-iteration-count: infinite;
}
.categories__list {
display: flex;
justify-content: space-between;
gap: 10px;
}
.categories__list-item {
max-width: calc(25% - 10px);
width: 100%;
}
@media screen and (max-width: 800px) {
.categories__list {
flex-wrap: wrap;
gap: 25px 10px;
}
.categories__list-item {
max-width: calc(50% - 10px);
}
}
@media screen and (max-width: 540px) {
.categories__list {
gap: 25px 0;
}
.categories__list-item {
max-width: 100%;
}
}
.category-item__cover {
overflow: hidden;
margin-bottom: calc(16px + 9 * (100vw - 360px) / 1560);
line-height: 0;
}
.category-item__cover img {
width: 100%;
height: 100%;
object-fit: cover;
transition: scale 3s;
}
.category-item__title {
text-align: center;
}
.category-item:hover .category-item__cover img {
scale: 1.06;
}
.subscription__container {
display: flex;
}
.subscription__col--right {
flex: 1 0 50%;
display: flex;
align-items: center;
padding: 50px 155px;
background-color: #fff1f8;
}
.subscription__col--left {
flex: 0 1 50%;
line-height: 0;
}
.subscription__col--left img {
width: 100%;
height: 100%;
object-fit: cover;
}
.subscription__title {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.subscription__desc {
margin-bottom: calc(24px + 11 * (100vw - 360px) / 1560);
}
.subscription__form {
display: flex;
}
.subscription__form-inp {
max-width: 320px;
min-width: 220px;
width: 100%;
margin-right: 23px;
}
@media screen and (max-width: 1040px) {
.subscription__col--right {
padding: 50px;
}
}
@media screen and (max-width: 740px) {
.subscription__container {
flex-wrap: wrap;
padding: 0;
}
.subscription__col {
flex: 0 1 100%;
}
.subscription__col--right {
padding: 38px 20px 46px;
}
}
@media screen and (max-width: 540px) {
.subscription__content {
flex: 0 1 100%;
}
.subscription__form {
flex-wrap: wrap;
}
.subscription__form-inp {
max-width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.subscription__form-inp .input-base__error {
top: -15px;
}
.subscription__form-btn {
flex: 0 1 100%;
}
}
.middle {
padding: 175px 0;
}
.middle__container {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.middle__content {
max-width: 600px;
width: 100%;
text-align: center;
}
.middle__title {
margin-bottom: calc(15px + 15 * (100vw - 360px) / 1560);
}
.middle__desc {
margin-bottom: calc(30px + 20 * (100vw - 360px) / 1560);
font-size: calc(17px + 4 * (100vw - 360px) / 1560);
}
.middle__btns {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
}
@media screen and (max-width: 540px) {
.middle {
height: auto;
padding: 40px 0;
}
.middle__btns {
flex-wrap: wrap;
gap: 15px 0;
}
.middle__btns>* {
flex: 0 1 100%;
}
}
.breadcrumbs {
margin-top: calc(13px + 22 * (100vw - 360px) / 1560);
margin-bottom: calc(8px + 7 * (100vw - 360px) / 1560);
}
.breadcrumbs__list {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs__item,
.breadcrumbs__list a,
.breadcrumbs__list span { font-size: calc(12px + 3 * (100vw - 360px) / 1560);
color: #818181;
}
.breadcrumbs__item:not(:last-child),
.breadcrumbs__list>span span {
margin-right: 7px;
}
.breadcrumbs span.breadcrumbs__link,
.breadcrumbs__list .breadcrumb_last {
color: #b8b8b8;
}
.breadcrumbs__gift-balance {
justify-content: center;
}
.shops__list {
display: flex;
justify-content: space-between;
gap: 10px;
}
.shops__list-item {
max-width: calc(33.33% - 10px);
width: 100%;
}
.shops__list:has(.shops__list-item:nth-child(4)) .shops__list-item {
max-width: calc(25% - 10px);
}
.shops__list:has(.shops__list-item:nth-child(5)) {
flex-wrap: wrap;
justify-content: center;
gap: 30px 10px;
}
.shops__list:has(.shops__list-item:nth-child(5)) .shops__list-item {
max-width: calc(33.33% - 10px);
}
@media screen and (max-width: 790px) {
.shops__list {
flex-wrap: wrap;
gap: 25px 10px;
}
.shops__list-item,
.shops__list:has(.shops__list-item:nth-child(4)) .shops__list-item,
.shops__list:has(.shops__list-item:nth-child(5)) .shops__list-item {
max-width: calc(50% - 10px);
}
}
@media screen and (max-width: 540px) {
.shops__list {
gap: 25px 0;
}
.shops__list-item,
.shops__list:has(.shops__list-item:nth-child(4)) .shops__list-item,
.shops__list:has(.shops__list-item:nth-child(5)) .shops__list-item {
max-width: 100%;
}
}
.shop-item__cover {
position: relative;
margin-bottom: calc(15px + 5 * (100vw - 360px) / 1560);
padding-top: 69%;
line-height: 0;
}
.shop-item__cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.shop-item__cover img:last-of-type {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.shop-item__cover:hover img:last-of-type {
opacity: 1;
}
.shop-item__body {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
}
.shop-item__info:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
.shop-item a.shop-item__info {
transition: color 0.25s ease-in-out;
}
.shop-item a.shop-item__info:hover {
color: #d71379;
}
.shop-item__links {
display: flex;
align-items: center;
gap: 30px;
}
.shop-item__links:hover .shop-item__links-item {
color: #1d1d1b;
}
.shop-item__links-item {
font-size: calc(12px + 4 * (100vw - 360px) / 1560);
color: #d71379;
transition: color 0.25s ease-in-out;
}
.shop-item__links-item:hover {
color: #d71379 !important;
}
@media screen and (max-width: 540px) {
.shop-item__links {
flex-wrap: wrap;
gap: 10px;
}
.shop-item__links-item {
flex: 0 1 100%;
}
}
.contacts__container {
display: flex;
align-items: center;
}
.contacts__left {
flex: 0 1 50%;
line-height: 0;
}
.contacts__left img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contacts__right {
flex: 1 0 50%;
padding-left: calc(50px + 115 * (100vw - 1040px) / 880);
}
@media screen and (max-width: 1040px) {
.contacts__container {
align-items: flex-start;
}
}
@media screen and (max-width: 790px) {
.contacts__left {
display: none;
}
.contacts__right {
padding-left: 0;
}
}
.contacts-info__title {
margin-bottom: calc(20px + 15 * (100vw - 360px) / 1560);
}
.contacts-info__subtitle {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
}
.contacts-info__section {
margin-bottom: calc(20px + 15 * (100vw - 360px) / 1560);
}
.contacts-info__item:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
.contacts-info__link {
color: #d71379;
}
.lookbook__wrapper-grid {
display: grid;
grid-gap: 10px;
}
.lookbook__wrapper-grid:nth-child(4n+4) {
direction: rtl;
}
.lookbook__wrapper-grid:nth-child(odd) {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 540px) {
.lookbook__wrapper-grid:nth-child(odd) {
grid-template-columns: repeat(1, 1fr);
}
}
.lookbook__wrapper-grid:nth-child(even) {
grid-template-columns: repeat(4, 1fr);
}
.lookbook__wrapper-grid:nth-child(even) .lookbook-item:first-child {
grid-column: span 2;
grid-row: span 2;
}
.lookbook__wrapper-grid:nth-child(even) .lookbook-item:not(:first-child) .lookbook-item__title {
padding: 0 calc(24px + 36 * (100vw - 1040px) / 880);
font-size: 36px;
}
@media screen and (max-width: 800px) {
.lookbook__wrapper-grid:nth-child(even) .lookbook-item:not(:first-child) .lookbook-item__title {
font-size: 22px;
}
}
@media screen and (max-width: 540px) {
.lookbook__wrapper-grid:nth-child(even) .lookbook-item:not(:first-child) .lookbook-item__title {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.lookbook__wrapper-grid:nth-child(even) {
grid-template-columns: repeat(1, 1fr);
}
}
.lookbook__wrapper-grid:not(:last-child) {
margin-bottom: 10px;
}
@media screen and (max-width: 540px) {
.lookbook__wrapper-grid {
grid-gap: 10px 0;
margin-right: -20px;
margin-left: -20px;
}
}
.lookbook__wrapper-item:first-child,
.lookbook__wrapper-item:nth-child(2),
.lookbook__wrapper-item:nth-child(3) {
grid-column: auto/span 2;
}
.lookbook__wrapper-item:nth-child(4) {
grid-column: auto/span 3;
}
.lookbook-item {
display: flex;
}
.lookbook-item__wrapper {
position: relative;
overflow: hidden;
line-height: 0;
width: 100%;
}
.lookbook-item__wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: scale 3s, filter 0.25s;
}
.lookbook-item__wrapper:hover img {
scale: 1.06;
filter: brightness(70%);
}
.lookbook-item__title {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0 calc(24px + 58 * (100vw - 1040px) / 880);
text-align: center;
font-size: calc(34px + 20 * (100vw - 1040px) / 880);
line-height: 110%;
color: #ffffff;
translate: 0 -50%;
}
@media screen and (max-width: 540px) {
.lookbook-item__title {
font-size: 44px;
}
}
@media screen and (max-width: 350px) {
.lookbook-item__title {
font-size: 34px;
}
}
.more-lookbooks__title {
margin-bottom: calc(25px + 20 * (100vw - 360px) / 1560);
}
.more-lookbooks__slider {
margin: 0 -40px;
}
.more-lookbooks__slider-wrapper {
padding-left: 40px;
}
.more-lookbooks__slider:hover .more-lookbooks__slider-nav-btn {
opacity: 1;
}
@media screen and (max-width: 1040px) {
.more-lookbooks__slider {
margin: 0 -20px;
}
.more-lookbooks__slider-wrapper {
padding-left: 20px;
}
}
.information {
margin-top: calc(8px + 42 * (100vw - 360px) / 1560);
}
.information__container {
display: flex;
align-items: flex-start;
}
.information__aside {
flex: 0 0 257px;
margin-right: 25px;
}
.information__navigation-item {
position: relative;
}
.information__navigation-item--active:after {
content: "";
z-index: 0;
position: absolute;
top: -6px;
left: -15px;
width: calc(100% + 15px);
height: calc(100% + 15px);
background-color: #fff1f8;
}
.information__navigation-item:not(:last-child) {
margin-bottom: 20px;
}
.information__navigation-item:not(.information__navigation-item--active):hover .information__navigation-link {
color: #d71379;
}
.information__navigation-link {
z-index: 1;
position: relative;
transition: color 0.25s ease-in-out;
}
.information__main {
padding-left: calc(25px + 139 * (100vw - 360px) / 1560);
border-left: 1px solid #e5e5e5;
}
.information__title {
margin-bottom: calc(25px + 20 * (100vw - 360px) / 1560);
}
.information__content {
max-width: 910px;
width: 100%;
line-height: 140%;
}
.information__content h2,
.information__content h3 {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
}
.information__content h3:not(:first-child) {
margin-top: calc(15px + 20 * (100vw - 360px) / 1560);
}
.information__content p {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.information__content p+h2 {
margin-top: calc(25px + 25 * (100vw - 360px) / 1560);
}
.information__content ol {
margin: calc(15px + 10 * (100vw - 360px) / 1560) 0;
padding-left: 20px;
}
.information__content ol ul {
margin: calc(8px + 4 * (100vw - 360px) / 1560) 0;
padding-left: 20px;
list-style: disc;
}
.information__content ol ul li:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
.information__content ol li:not(:last-child) {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.information__content ol+h2 {
margin-top: calc(25px + 25 * (100vw - 360px) / 1560);
}
.information__content ul {
margin: calc(15px + 10 * (100vw - 360px) / 1560) 0;
padding-left: 20px;
}
.information__content ul li:not(:last-child) {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.information__btn {
display: inline-block;
margin-top: calc(25px + 25 * (100vw - 360px) / 1560);
padding: 14px 32px 17px;
border: 1px solid #818181;
text-align: center;
background-color: transparent;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.information__btn:hover {
color: #ffffff;
background-color: #818181;
}
@media screen and (max-width: 1000px) {
.information__aside {
flex: 0 0 160px;
}
}
@media screen and (max-width: 740px) {
.information__aside {
display: none;
}
.information__main {
padding-left: 0;
border-left: none;
}
.information__content ol ul {
padding-left: 15px;
}
.information__content ol,
.information__content ul {
padding-left: 15px;
}
}
@media screen and (max-width: 540px) {
.information__btn {
display: block;
padding: 14px 5px 15px;
}
}
.label-symbol {
display: flex;
align-items: flex-start;
}
.label-symbol svg {
flex: 0 0 auto;
margin-right: 10px;
}
.label-symbol:not(:last-child) {
margin-bottom: 20px;
}
.history__wrapper {
display: flex;
}
.history__left {
flex: 0 1 50%;
line-height: 0;
margin-right: 100px;
}
.history__left img {
height: auto;
}
.history__right {
flex: 1 0 50%;
max-width: 914px;
width: 100%;
}
.history__right p:not(:last-child) {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.history__title {
margin-bottom: calc(15px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
.history__left {
margin-right: 50px;
}
}
@media screen and (max-width: 800px) {
.history__wrapper {
flex-wrap: wrap;
}
.history__left {
flex: 0 1 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.numbers__container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.numbers__left {
flex: 0 1 50%;
max-width: 606px;
width: 100%;
margin-right: 164px;
}
.numbers__right {
flex: 1 0 50%;
max-width: 914px;
width: 100%;
line-height: 0;
}
.numbers__right img {
width: 100%;
height: 100%;
object-fit: cover;
}
.numbers__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px 10px;
}
.numbers__item {
flex: 0 1 calc(50% - 10px);
text-align: center;
}
.numbers__item-title {
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: 1px solid #e5e5e5;
font-size: calc(32px + 16 * (100vw - 360px) / 1560);
line-height: 120%;
}
.numbers__item-desc {
max-width: 230px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 1620px) {
.numbers__left {
margin-right: 100px;
}
}
@media screen and (max-width: 1240px) {
.numbers__left {
margin-right: 50px;
}
}
@media screen and (max-width: 800px) {
.numbers__container {
flex-wrap: wrap-reverse;
}
.numbers__left {
flex: 0 1 100%;
max-width: 100%;
margin-right: 0;
}
.numbers__right {
flex: 0 1 100%;
margin-bottom: 25px;
}
.numbers__list {
gap: 35px 10px;
}
}
.choice__content {
max-width: 910px;
width: 100%;
margin: 0 auto;
}
.choice__content h3 {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
}
.choice__content p+h3 {
margin-top: calc(20px + 15 * (100vw - 360px) / 1560);
}
.choice__content p:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
.choice__title {
margin-bottom: calc(20px + 15 * (100vw - 360px) / 1560);
}
.company__slider:hover .company__slider-nav-btn {
opacity: 1;
}
.company-slide {
line-height: 0;
}
.company-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.company-slide.swiper-slide-next:before,
.company-slide.swiper-slide-prev:before {
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.team__title {
margin-bottom: calc(20px + 25 * (100vw - 360px) / 1560);
}
.team__grid {
display: grid;
gap: 10px;
grid-template-columns: minmax(1fr, 760px) minmax(1fr, 606px) minmax(1fr, 452px);
grid-template-rows: repeat(2, auto);
}
.team__grid-item:first-child {
grid-area: 1/1/3/2;
}
.team__grid-item:nth-child(2) {
grid-area: 1/2/2/3;
}
.team__grid-item:nth-child(3) {
grid-area: 2/2/3/3;
}
.team__grid-item:nth-child(4) {
grid-area: 1/3/3/4;
}
.team__grid-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 540px) {
.team__grid {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: auto;
}
.team__grid-item {
grid-area: unset !important;
}
}
.cooperation--revert .cooperation__wrapper {
flex-direction: row-reverse;
}
.cooperation--revert .cooperation__left {
margin-right: 0;
}
.cooperation--revert .cooperation__right {
margin-right: 164px;
}
.cooperation__wrapper {
display: flex;
align-items: center;
}
.cooperation__left {
flex: 1 0 50%;
max-width: 914px;
width: 100%;
margin-right: 164px;
}
.cooperation__right {
flex: 0 1 50%;
max-width: 606px;
width: 100%;
line-height: 120%;
}
.cooperation__right h2,
.cooperation__right h3 {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
}
.cooperation__right p+h2,
.cooperation__right p+h3 {
margin-top: calc(20px + 15 * (100vw - 360px) / 1560);
}
.cooperation__right p:not(:last-child) {
margin-bottom: calc(8px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1620px) {
.cooperation--revert .cooperation__left {
margin-right: 0;
}
.cooperation--revert .cooperation__right {
margin-right: 100px;
}
.cooperation__left {
margin-right: 100px;
}
}
@media screen and (max-width: 1240px) {
.cooperation--revert .cooperation__left {
margin-right: 0;
}
.cooperation--revert .cooperation__right {
margin-right: 50px;
}
.cooperation--revert+section .cooperation__wrapper {
align-items: flex-start;
}
.cooperation__left {
margin-right: 50px;
}
}
@media screen and (max-width: 800px) {
.cooperation--revert .cooperation__right {
margin-right: 0;
}
.cooperation--revert .cooperation__left {
display: none;
}
.cooperation--revert+section .cooperation__left {
display: none;
}
.cooperation__wrapper {
flex-wrap: wrap;
}
.cooperation__left {
flex: 0 1 100%;
margin-right: 0;
margin-bottom: 20px;
}
.cooperation__right {
flex: 0 1 100%;
max-width: 100%;
}
}
.categories-slider__wrapper {
padding-left: 40px;
}
@media screen and (max-width: 1040px) {
.categories-slider__wrapper {
padding-left: 20px;
}
}
.categories-slider__item .category-item__cover {
margin-bottom: calc(6px + 14 * (100vw - 360px) / 1560);
}
.categories-slider__item .category-item__title {
font-size: calc(17px + 4 * (100vw - 360px) / 1560);
}
.categories-slider:hover .categories-slider__nav-btn {
opacity: 1;
}
.product-card__picture {
position: relative;
margin-bottom: 11px;
}
.product-card__picture img {
object-fit: cover;
max-height: 100%;
}
.product-card__picture-group {
position: relative;
padding-top: 134%;
line-height: 0;
display: block;
}
.product-card__picture-group img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-card__picture-group img:last-of-type {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.product-card__picture-group:not(.product-card__picture-group--selected) {
display: none;
}
.product-card__picture-group:hover img:last-of-type {
opacity: 1;
}
.product-card__sale {
z-index: 1;
position: absolute;
top: 10px;
left: 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 3px;
}
.product-card__sale-item {
padding: 6px 8px;
font-size: 16px;
line-height: 100%;
color: #ffffff;
background-color: #000000;
text-transform: uppercase;
}
.product-card__preorder-marker {
position: absolute;
top: 10px;
right: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 96px;
height: 28px;
background: rgba(255, 241, 248, 1);
z-index: 1;
color: rgba(215, 19, 121, 1);
font-size: 16px;
line-height: 1;
font-weight: 400;
}
@media screen and (max-width: 540px) {
.product-card__preorder-marker {
top: 4px;
right: 4px;
font-size: 13px;
height: 23px;
}
}
.product-card-soon-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.6);
z-index: 2;
}
.product-card-soon-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 220px;
height: 100px;
padding: 16px;
background: #fff;
z-index: 3;
}
.product-card-soon-text {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border: 1px solid rgba(229, 229, 229, 1);
color: #000;
font-size: 24px;
line-height: 1;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}
.product-card__add {
position: absolute;
right: 20px;
bottom: 20px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #ffffff;
transition: scale 0.25s ease-in-out;
}
.product-card__add:hover {
scale: 1.13;
}
.product-card__colors {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 11px;
}
.product-card__colors-item {
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: currentColor;
border: 1px solid #e6e6e6;
}
@media screen and (min-width: 1241px) {
.product-card__colors-item:nth-child(n+11) {
display: none;
}
}
@media screen and (max-width: 1240px) and (min-width: 541px) {
.product-card__colors-item:nth-child(n+7) {
display: none;
}
}
@media screen and (max-width: 540px) {
.product-card__colors-item:nth-child(n+11) {
display: none;
}
}
.product-card__colors-item:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #e6e6e6;
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.product-card__colors-item--selected:after {
opacity: 1;
}
.product-card__desc {
padding-top: 12px;
border-top: 1px solid #e5e5e5;
}
.product-card__title {
display: block;
margin-bottom: 9px;
font-size: calc(17px + 1 * (100vw - 360px) / 1560);
}
.product-card__wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
font-size: calc(19px + 2 * (100vw - 360px) / 1560);
}
.product-card__discount {
color: #d71379;
}
.product-card__old {
text-decoration: line-through;
font-size: 17px;
color: #818181;
}
@media screen and (max-width: 540px) {
.product-card__add {
right: 14px;
bottom: 14px;
width: 34px;
height: 34px;
}
.product-card__sale {
top: 4px;
left: 4px;
}
.product-card__sale-item {
padding: 5px 7px;
font-size: 13px;
}
}
.catalog__categories {
margin: 0 -40px calc(35px + 65 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1040px) {
.catalog__categories {
margin-right: -20px;
margin-left: -20px;
}
.product-card__picture img {
max-height: 100%;
object-fit: cover;
}
}
.catalog__desc {
margin-top: calc(5px + 7 * (100vw - 360px) / 1560);
color: #818181;
}
.catalog__filter {
display: flex;
align-items: center;
margin-bottom: calc(16px + 9 * (100vw - 360px) / 1560);
}
.catalog__filter-btn {
display: inline-block;
padding: 5px 12px 7px;
border: 1px solid #e5e5e5;
white-space: nowrap;
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
color: #1d1d1b;
background-color: transparent;
transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}
.catalog__filter-btn:hover {
border-color: #ffaad7;
background-color: #ffaad7;
}
.catalog__filter-list {
margin-left: 35px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.catalog__filter-item,
.checkout__promocode-active,
.checkout__promocode-apply {
display: flex;
align-items: center;
padding: 6px 12px;
font-size: 17px;
color: #1d1d1b;
background-color: #f2f2f2;
}
.catalog__filter-item svg,
.checkout__promocode-active svg {
margin-right: 10px;
}
@media screen and (max-width: 540px) {
.catalog__filter {
flex-wrap: wrap;
}
.catalog__filter-btn {
width: 100%;
display: block;
}
.catalog__filter-list {
margin-top: 12px;
margin-left: 0;
}
}
.catalog__body {
margin-bottom: calc(35px + 60 * (100vw - 360px) / 1560);
}
.catalog__list {
display: flex;
flex-wrap: wrap;
gap: 35px 10px;
}
.catalog__list:not(:last-child) {
margin-bottom: calc(25px + 30 * (100vw - 360px) / 1560);
}
.catalog__list-item {
position: relative;
flex: 0 1 calc(25% - 8px);
}
@media screen and (max-width: 800px) {
.catalog__list {
flex-wrap: wrap;
gap: 25px 10px;
}
.catalog__list-item {
flex: 0 1 calc(50% - 8px);
}
}
@media screen and (max-width: 540px) {
.catalog__list { gap: 25px 10px;
}
.catalog__list-item { flex: 0 1 calc(50% - 5px);
}
}
.catalog__pagination {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: calc(35px + 60 * (100vw - 360px) / 1560);
line-height: 11px;
}
.catalog__pagination .page-numbers {
transition: color 0.25s ease-in-out;
}
.catalog__pagination .page-numbers:hover {
color: #818181;
}
.prev.page-numbers {
margin-right: 19px;
}
.next.page-numbers {
margin-left: 19px;
}
.catalog__pagination .page-numbers {
width: 39px;
height: 39px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid transparent;
}
.catalog__pagination .page-numbers.current {
border-color: #e5e5e5;
}
@media screen and (max-width: 540px) {
.catalog__pagination .page-numbers {
width: 34px;
height: 34px;
}
.prev.page-numbers {
margin-right: 14px;
display: none;
}
.next.page-numbers {
margin-left: 14px;
display: none;
}
}
.catalog__text {
color: #818181;
}
.catalog__text h3 {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
}
.catalog__text p+h3 {
margin-top: calc(20px + 15 * (100vw - 360px) / 1560);
}
.catalog__text p {
line-height: 110%;
}
.catalog__text p:not(:last-child) {
margin-bottom: calc(12px + 8 * (100vw - 360px) / 1560);
}
.filter {
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0.2);
transition: 0.25s ease-in-out;
}
.filter--active {
z-index: 8;
visibility: visible;
opacity: 1;
}
.filter--active .filter__wrapper {
translate: 0% 0;
}
.filter__wrapper {
width: 400px;
height: 100%;
display: flex;
flex-direction: column;
translate: -100% 0;
transition: 0.25s ease-in-out;
background-color: #ffffff;
}
.filter__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 40px;
border-bottom: 1px solid #e5e5e5;
}
.filter__bottom {
padding: 30px 40px;
border-top: 1px solid #e5e5e5;
}
.filter__body {
position: relative;
flex: 0 1 100%;
overflow-y: auto;
}
.filter__back {
display: flex;
align-items: center;
color: #1d1d1b;
}
.filter__reset {
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #d71379;
}
.filter__apply {
width: 100%;
}
.filter__section:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 1040px) {
.filter__top {
padding: 20px;
}
.filter__bottom {
padding: 25px 20px;
}
}
@media screen and (max-width: 540px) {
.filter__wrapper {
width: 100%;
}
}
.filter-section {
padding: 20px 40px;
}
.filter-section__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-section__arrow {
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s ease-in-out;
rotate: 180deg;
}
.filter-section__arrow--down {
rotate: 0deg;
}
.filter-section__body {
display: none;
margin-top: 15px;
}
.filter-section__body .c-check:not(:last-child),
.filter-section__body .c-radio:not(:last-child) {
margin-bottom: calc(13px + 2 * (100vw - 360px) / 1560);
}
.filter-section__body--open {
display: block;
}
.filter-section__wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin-top: 15px;
}
.filter-section__selected {
display: flex;
align-items: center;
padding: 6px 12px;
font-size: 17px;
color: #1d1d1b;
background-color: #f2f2f2;
}
.filter-section__selected svg {
margin-right: 10px;
}
.filter-section__category:not(:last-child) {
margin-bottom: 15px;
}
.filter-section__category-item {
position: relative;
display: block;
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
color: #1d1d1b;
}
.filter-section__category-item:not(:last-child) {
margin-bottom: 12px;
}
.filter-section__category-item span {
color: #818181;
}
.filter-section__category-item--active:after {
content: "";
z-index: -1;
position: absolute;
top: -6px;
left: -15px;
width: calc(100% + 30px);
height: calc(100% + 15px);
background-color: #fff1f8;
}
.filter-section__category-item--sub {
margin-left: 20px;
}
@media screen and (max-width: 1040px) {
.filter-section {
padding: 15px 20px;
}
.filter-section__category-item--active:after {
left: -10px;
width: calc(100% + 20px);
}
}
.filter-range__values {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 23px;
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
color: #818181;
}
.filter-range__values span {
color: #1d1d1b;
}
.filter-range__wrapper {
position: relative;
height: 20px;
}
.filter-range__wrapper input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
pointer-events: none;
z-index: 3;
height: 3px;
top: 0;
width: 100%;
opacity: 0;
margin: 0;
}
.filter-range__wrapper input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 50px;
border-radius: 50%;
pointer-events: all;
cursor: pointer;
}
.filter-range__wrapper input::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
width: 50px;
height: 50px;
border-radius: 50%;
pointer-events: all;
cursor: pointer;
}
.filter-range__slide {
position: absolute;
top: 0;
height: 1px;
background: #b8b8b8;
left: 9px;
right: 9px;
}
.filter-range__line {
z-index: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background-color: #1d1d1b;
}
.filter-range__thumb {
z-index: 2;
position: absolute;
top: -12px;
height: 25px;
width: 25px;
margin-left: -9px;
border: 1px solid #1d1d1b;
border-radius: 50%;
outline: none;
text-align: left;
background-color: #ffffff;
}
.popup {
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.35);
}
.popup:hover {
cursor: url(//krikate.by/wp-content/themes/krikate/assets/img/close_cursor.svg), auto;
}
.popup--active {
display: block;
}
.popup--small .popup__container {
max-width: 440px;
}
.popup--small .popup__title {
font-size: 21px;
}
.popup__container {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
max-width: 595px;
width: 100%;
padding: calc(35px + 20 * (100vw - 360px) / 1560) calc(20px + 40 * (100vw - 360px) / 1560);
background-color: #ffffff;
}
.popup__container:has(.sizes-table) {
max-width: 720px;
}
.popup__container:hover {
cursor: default;
}
.popup__close {
display: none;
position: absolute;
top: -22px;
right: -22px;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #ffffff;
transition: scale 0.25s ease-in-out;
}
.popup__close:hover {
scale: 1.13;
}
.popup__head {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 20px;
}
.popup__head .popup__title {
margin-bottom: 0;
}
.popup__note {
font-size: calc(13px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.popup__title {
margin-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
font-size: calc(17px + 4 * (100vw - 360px) / 1560);
}
.popup__desc {
margin-bottom: calc(25px + 5 * (100vw - 360px) / 1560);
}
.popup__content {
margin-bottom: 25px;
}
.popup__btn {
display: block;
width: 100%;
}
@media screen and (max-width: 740px) {
.popup--small .popup__container {
max-width: 100%;
}
.popup__container {
top: unset;
bottom: 0;
left: 0;
translate: 0 0;
max-width: 100%;
padding: 35px 20px 20px;
}
.popup__close {
top: 20px;
right: 20px;
width: unset;
height: unset;
display: flex;
}
.popup__body:has(.sizes-table) {
overflow-y: auto;
}
}
@media screen and (max-width: 540px) {
.popup__head {
flex-wrap: wrap;
}
.popup__head .popup__title {
flex: 0 1 100%;
margin-bottom: 8px;
}
}
.popup-form__product {
margin-bottom: 20px;
}
.popup-form__inp {
margin-bottom: 10px;
}
.popup-form__inp input {
border: 1px solid #e5e5e5;
}
.popup-form__policy {
margin-top: 30px;
margin-bottom: 20px;
font-size: 15px;
}
.popup-form__policy a {
color: #d71379;
}
.popup-form__btn {
width: 100%;
}
@media screen and (max-width: 540px) {
.popup-form__inp {
margin-bottom: 5px;
}
.popup-form__policy {
margin-top: 15px;
margin-bottom: 10px;
font-size: 13px;
}
}
.order-info__sizes {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 7px;
margin-bottom: 20px;
}
.order-info__color,
.order-info__size {
display: flex;
align-items: center;
color: #818181;
}
.order-info__color:not(:last-child),
.order-info__size:not(:last-child) {
margin-bottom: 9px;
}
.order-info__color span,
.order-info__size span {
margin-left: 12px;
color: #1d1d1b;
}
.size-btn {
padding: 6px 12px;
border: 1px solid #e5e5e5;
font-size: calc(14px + 3 * (100vw - 360px) / 1560);
color: #1d1d1b;
transition: border-color 0.25s ease-in-out;
}
.size-btn:disabled {
pointer-events: none;
color: #b8b8b8;
}
.size-btn--selected {
border-color: #d71379;
}
.basket__clear-basket {
display: none;
color: #818181;
}
.basket__wrapper {
display: flex;
align-items: flex-start;
}
.basket__checkout {
max-width: 605px;
width: 100%;
padding: 60px 77px;
background-color: #f6f6f6;
position: relative;
}
.basket__body {
position: sticky;
top: 0;
flex: 0 1 100%;
margin-right: 90px;
}
.basket__table-head {
height: 53px;
display: flex;
align-items: center;
gap: 84px;
margin-bottom: 10px;
padding-right: 40px;
background-color: #fafafa;
}
.basket__table-col {
font-size: 15px;
}
.basket__table-col:first-child {
flex: 1;
text-align: center;
}
.basket__table-col:nth-child(2),
.basket__table-col:nth-child(3),
.basket__table-col:nth-child(4) {
max-width: 120px;
width: 100%;
}
.basket__table-col:last-child {
max-width: 115px;
width: 100%;
}
.basket__table-row {
padding-right: 40px;
padding-bottom: 13px;
}
.basket__table-row:not(:last-child) {
margin-bottom: 13px;
border-bottom: 1px solid #e5e5e5;
}
.basket__table-footer {
display: flex;
justify-content: flex-end;
margin-top: 20px;
border-top: 1px solid #e5e5e5;
}
.basket__table-total {
max-width: 325px;
width: 100%;
padding-top: 20px;
}
.basket__clear {
color: #818181;
}
@media screen and (max-width: 1850px) {
.basket__checkout {
max-width: unset;
width: 606px;
padding: 40px;
}
.basket__body {
margin-right: 40px;
}
.basket__table-head {
gap: 24px;
padding-right: 20px;
}
.basket__table-row {
padding-right: 20px;
}
}
@media screen and (max-width: 1240px) {
.basket__top {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.basket__table-head {
display: none;
}
.basket__table-row {
padding-right: 0;
}
.basket__clear-basket {
display: block;
}
}
@media screen and (max-width: 1400px) {
.cart-product__price:not(.cart-product__all-price),
.cart-product__price-label {
display: none !important;
}
}
@media screen and (max-width: 740px) {
.basket__wrapper {
flex-wrap: wrap-reverse;
margin: 0 -20px;
}
.basket__body {
position: unset;
margin-right: 0;
margin: 0 0 40px 0;
padding: 0 20px;
order: 1;
}
.basket__checkout {
width: 100%;
padding: 35px 20px;
}
.basket__table-footer {
margin: 20px -20px 0;
padding: 0 20px;
}
.basket__table-total {
max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.basket__top {
margin-bottom: 25px;
}
.basket__clear-basket {
font-size: 13px;
}
.basket__table-row {
padding-bottom: 10px;
}
.basket__table-row:not(:last-child) {
margin-bottom: 10px;
}
.basket__table-footer {
margin-top: 10px;
}
}
.basket-total__item {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 20px;
color: #818181;
}
.basket-total__item.--mb-5 {
margin-bottom: 5px;
}
.basket-total__item span:not(.woocommerce-Price-currencySymbol) {
margin-left: 20px;
color: #1d1d1b;
}
.basket-total__item span.basket-total__result {
font-size: 21px;
color: #d71379;
}
.basket-total__btn {
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 740px) {
.basket-total__btn>* {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.basket-total__item {
margin-bottom: 12px;
}
.basket-total__item span.basket-total__result {
font-size: 17px;
}
}
.cart-product {
display: flex;
align-items: center;
gap: 84px;
}
.cart-product__item {
flex: 1;
}
.cart-product__item-wrapper {
display: flex;
align-items: center;
}
.cart-product__item-body {
flex: 0 1 100%;
}
.cart-product__item-picture {
flex: 0 0 144px;
margin-right: 40px;
line-height: 0;
}
.cart-product__item-title {
margin-bottom: 22px;
font-size: calc(17px + 4 * (100vw - 360px) / 1560);
}
.cart-product__item-info {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0 10px;
color: #818181;
}
.cart-product__item-info:not(:last-child) {
margin-bottom: 10px;
}
.cart-product__item-info span {
color: #1d1d1b;
}
.cart-product__price {
max-width: 120px;
width: 100%;
}
.cart-product__price-current {
margin-bottom: 9px;
font-size: 21px;
}
.cart-product__price-old {
text-decoration: line-through;
font-size: 18px;
color: #818181;
}
.cart-product__amount {
max-width: 120px;
width: 100%;
}
.cart-product__remove {
max-width: 115px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cart-product__remove-btn {
display: flex;
align-items: center;
}
.cart-product__removed {
width: 100%;
padding: 15px 0;
text-align: center;
}
.cart-product__restore {
margin-left: 24px;
font-size: 15px;
color: #d71379;
}
@media screen and (max-width: 1850px) {
.cart-product {
gap: 24px;
}
.cart-product__item-picture {
margin-right: 20px;
}
}
@media screen and (max-width: 1240px) {
.cart-product {
gap: 0;
flex-wrap: wrap;
}
.cart-product__item {
order: 1;
flex: 0 1 100%;
margin-bottom: 15px;
}
.cart-product__remove {
order: 2;
max-width: 20px;
margin-right: 20px;
}
.cart-product__amount {
order: 3;
max-width: 100px;
}
.cart-product__price {
order: 4;
max-width: unset;
width: unset;
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.cart-product__price-current {
margin-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.cart-product__item-picture {
flex: 0 0 68px;
}
.cart-product__item-title {
margin-bottom: 5px;
}
.cart-product__item-info {
gap: 0 6px;
}
.cart-product__item-info:not(:last-child) {
margin-bottom: 5px;
}
.cart-product__price-current {
font-size: 17px;
}
.cart-product__price-old {
font-size: 13px;
}
.cart-product__removed {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 10px 0 0;
}
.cart-product__restore {
flex: 0 1 100%;
margin-top: 10px;
margin-left: 0;
font-size: 13px;
}
}
.counter__wrapper {
display: flex;
align-items: center;
gap: 2px;
}
.counter__btn {
display: flex;
align-items: center;
}
.counter__btn:disabled {
pointer-events: none;
}
.counter__btn:disabled svg path {
stroke: #b8b8b8;
}
.counter__value {
min-width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fafafa;
}
.checkout__section:not(.submit-nt) {
margin-bottom: 40px;
}
.checkout__subtitle {
margin-bottom: 25px;
}
.checkout__inp:not(:last-child) {
margin-bottom: 6px;
}
.checkout__inp-wrap {
display: flex;
gap: 6px;
}
.checkout__radio {
padding: 12px 18px;
background-color: #ffffff;
}
.checkout__radio:not(:last-child) {
margin-bottom: 10px;
}
.checkout__tab {
display: none;
margin-top: -10px;
margin-bottom: 20px;
}
.checkout__policy {
margin-bottom: 20px;
font-size: 15px;
color: #818181;
}
.checkout__policy a {
color: #d71379;
}
.checkout__btn {
width: 100%;
}
@media screen and (max-width: 540px) {
.checkout__title {
margin-bottom: 30px;
}
.checkout__section:not(.submit-nt) {
margin-bottom: 25px;
}
.checkout__tab {
margin-bottom: 15px;
}
.checkout__subtitle {
margin-bottom: 15px;
}
.checkout__policy {
margin-bottom: 15px;
font-size: 13px;
}
}
.product {
margin-top: 18px;
}
.product__wrapper {
display: flex;
align-items: flex-start;
}
.product__gallery {
max-width: 66.5%;
width: 100%;
margin-right: 75px;
display: none;
}
.product__tile {
max-width: 66.5%;
width: 100%;
margin-right: 75px;
}
.gallery-tile {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 6px;
}
.gallery-tile .gallery-tile__img-wrapper {
width: calc(50% - 3px);
aspect-ratio: 450 / 600;
font-size: 0;
line-height: 0;
}
.gallery-tile .gallery-tile__img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 540px) {
.product__gallery {
display: block;
}
.product__tile {
display: none;
}
}
.product__content {
max-width: 424px;
width: 100%;
position: sticky;
top: 100px;
}
.product__breadcrumbs {
margin-top: 0;
margin-bottom: 20px;
}
.product__title {
margin-bottom: 9px;
font-size: 32px;
line-height: 100%;
}
.product__code {
display: flex;
margin-bottom: 15px;
font-size: calc(12px + 3 * (100vw - 360px) / 1560);
color: #818181;
}
.product__code span {
margin-left: 6px;
}
.product-crosslinks-wrapper {
margin: 0 0 30px;
}
.product-crosslinks__title {
display: block;
margin: 0 0 14px;
color: rgba(129, 129, 129, 1);
font-size: 15px;
line-height: 1;
font-weight: 400;
}
.product-crosslinks {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
}
.product-crosslink {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
width: 110px;
height: 33px;
border: 1px solid rgba(215, 19, 121, 1);
color: rgba(0, 0, 0, 1);
font-size: 17px;
line-height: 21px;
font-weight: 400;
}
a.product-crosslink,
a.product-crosslink:hover,
a.product-crosslink:active,
a.product-crosslink:visited,
a.product-crosslink:focus {
border: 1px solid rgba(229, 229, 229, 1);
cursor: pointer;
text-decoration: none;
outline: none;
}
a.product-crosslink:hover {
color: rgba(215, 19, 121, 1);
border: 1px solid rgba(215, 19, 121, 1);
}
.product__price {
display: flex;
align-items: baseline;
gap: 15px;
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
font-size: calc(20px + 6 * (100vw - 360px) / 1560);
}
.product__price-discount {
color: #d71379;
}
.product__price-old {
text-decoration: line-through;
font-size: calc(16px + 2 * (100vw - 360px) / 1560);
color: #818181;
}
.product__color {
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.product__color-label {
display: flex;
align-items: center;
margin-bottom: 14px;
color: #818181;
}
.product__color-value {
margin-left: 12px;
color: #1d1d1b;
}
.product__color-list {
display: flex;
gap: 10px;
}
.product__color-item {
position: relative;
line-height: 0;
}
.product__color-item:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
background-color: #d71379;
transition: opacity 0.25s ease-in-out;
}
.product__color-item--selected:after {
opacity: 1;
}
.product__color-item:hover:after {
opacity: 1;
}
.product__size {
margin-bottom: 38px;
}
.product__size-label {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
color: #818181;
}
.product__size-table {
font-size: 15px;
color: #d71379;
}
.product__size-list {
display: flex;
flex-wrap: wrap;
gap: 5px 5px;
}
.product__btn {
width: 100%;
display: block;
}
.product__add-to-cart {
margin-bottom: 10px;
}
.product__buy {
margin-bottom: 35px;
}
.product__accordion:not(:last-child) {
margin-bottom: 18px;
}
@media screen and (max-width: 1850px) {
.product__gallery, .product__tile {
margin-right: 40px;
}
}
@media screen and (max-width: 1040px) {
.product__wrapper {
flex-wrap: wrap;
margin: 0 -20px;
}
.product__gallery, .product__tile {
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.product__content {
max-width: 100%;
padding: 0 20px;
}
}
@media screen and (max-width: 540px) {
.product__gallery, .product__tile {
margin-bottom: 15px;
}
.product__title {
margin-bottom: 7px;
font-size: 24px;
}
.product__price {
gap: 12px;
}
.product__size {
margin-bottom: 25px;
}
.product__size-table {
font-size: 13px;
}
.product__buy {
margin-bottom: 20px;
}
.product__accordion:not(:last-child) {
margin-bottom: 15px;
}
}
.gallery-slider__wrapper.gallery-slider__wrapper--gitf-card {
justify-content: flex-start !important;
}
.gallery-slider .swiper-pagination {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 5px;
bottom: 15px;
padding: 0 20px;
}
.gallery-slider .swiper-pagination-bullet {
width: 100%;
height: 6px;
border-radius: 3px;
}
.gallery-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #d71379;
}
.gallery-slider__item a:hover {
cursor: url(//krikate.by/wp-content/themes/krikate/assets/img/plus_cursor.svg), auto;
}
.accordion:not(:last-child) {
padding-bottom: 18px;
border-bottom: 1px solid #e5e5e5;
}
.accordion__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion__header:hover {
cursor: pointer;
}
.accordion__header svg {
rotate: 0deg;
transition: 0.25s ease-in-out;
}
.accordion__header--active svg {
rotate: 180deg;
}
.accordion__body {
display: none;
margin-top: 20px;
}
.accordion__body p:not(:last-child) {
margin-bottom: 15px;
}
.accordion__body a {
color: #d71379;
}
.accordion__body ul {
margin-bottom: 10px;
}
.accordion__body--active {
display: block;
}
@media screen and (max-width: 540px) {
.accordion:not(:last-child) {
padding-bottom: 15px;
}
.accordion__body {
margin-top: 15px;
}
.accordion__body p:not(:last-child) {
margin-bottom: 12px;
}
}
.sizes-table {
font-size: 17px;
min-width: 100%;
}
.sizes-table thead {
background-color: #fafafa;
}
.sizes-table tbody tr:not(:last-child) td {
border-bottom: 1px solid #e5e5e5;
}
.sizes-table tbody td:nth-child(even) {
background-color: #fafafa;
}
.sizes-table tbody td span {
display: block;
}
.sizes-table tbody td span:not(:last-child) {
margin-bottom: 8px;
}
.sizes-table thead td,
.sizes-table tbody td {
padding: 12px 0;
}
.sizes-table thead td:not(:first-child),
.sizes-table tbody td:not(:first-child) {
width: 92px;
padding: 12px 6px;
text-align: center;
}
.sizes-table thead td:first-child,
.sizes-table tbody td:first-child {
min-width: 145px;
}
@media screen and (max-width: 740px) {
.sizes-table {
min-width: 540px;
font-size: 13px;
}
}
.mini-gallery {
z-index: 100000;
position: absolute;
top: 40px;
left: 40px;
height: 415px;
}
.mini-gallery__item {
max-width: 48px;
width: 100%;
height: 64px;
opacity: 0.4;
transition: opacity 0.25s ease-in-out;
}
.mini-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mini-gallery__item:hover {
cursor: pointer;
opacity: 1;
}
@media screen and (max-width: 1040px) {
.mini-gallery {
display: none;
}
}
.product__size-list:not(.selected-variation-color),
.product__price:not(.selected-variation) {
display: none;
}
.product-loader {
display: flex;
align-items: center;
justify-content: center;
height: 250px;
}
.all-cart-count {
margin: 0 !important;
}
.cart_preloader.disabled,
.cart_preloader-page.disabled,
.checkout_preloader-page.disabled {
display: none !important;
}
.cart_preloader,
.cart_preloader-page,
.checkout_preloader-page {
position: absolute;
height: 100%;
width: 100%;
background: #ffffff7d;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
left: 0;
top: 0;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
float: none !important;
}
div#billing_country_field,
#ship-to-different-address {
display: none !important;
}
textarea.input-base__inp {
min-height: 150px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: none !important;
}
.woocommerce-checkout #payment {
order: 1;
}
#order_review>.checkout__subtitle {
order: 2;
}
#order_review>.checkout__section {
order: 3;
}
#order_review {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.basket__wrapper ul.order_details {
margin: 0 0 30px 0 !important;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.basket__wrapper ul.order_details::before,
ul.order_details::after {
content: none !important;
}
.search-result__picture img {
width: 68px;
height: auto;
object-fit: cover;
}
.search__all-btn[disabled] {
opacity: 0.5;
cursor: auto;
}
.catalog__pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: calc(35px + 60 * (100vw - 360px) / 1560);
line-height: 11px;
margin-top: 50px;
}
.popup__close-static {
margin-bottom: 12px;
}
.add-to-cart-block_before.disabled,
.add-to-cart-block_after.disabled {
display: none !important;
}
span.select2-selection.select2-selection--single {
width: 100%;
padding: 14px 18px;
color: #1d1d1b;
background-color: #ffffff;
height: auto;
border: none;
border-radius: 0;
margin-bottom: auto;
}
#select2-shipping_country-container {
padding-left: 0;
}
.select2-selection__arrow {
display: none !important;
}
.select2-dropdown {
border-radius: 0 !important;
border: 0 !important;
padding: 0 15px 15px 15px;
box-shadow: 0 5px 5px #00000014;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background: #d71379 !important;
}
#select2-shipping_country-results::-webkit-scrollbar {
width: 7px;
background-color: white;
}
#select2-shipping_country-results::-webkit-scrollbar-track {
background-color: white;
}
#select2-shipping_country-results::-webkit-scrollbar-thumb {
background-color: #8A8A8B;
border-radius: 3px;
}
.woocommerce-shipping-fields,
#shipping_country_field {
transition: 0.3s;
}
.woocommerce-shipping-fields.disabled {
height: 0;
transform: scaleY(0);
margin-top: -40px;
}
#shipping_country_field.disabled {
height: 0;
transform: scaleY(0);
margin-bottom: 0px;
}
.cooperation img {
height: auto;
}
#eu-cookie-bar {
padding: 10px;
}
.select2-container.select2-container--default {
width: 100% !important;
}
.checkout__promocode-active {
text-transform: uppercase;
line-height: 24px;
background: #d713792e;
margin-top: 10px;
display: inline-block;
}
.checkout__promocode-input {
width: 60% !important;
padding: 14px 18px !important;
border: none !important;
outline: none !important;
color: #1d1d1b !important;
background-color: #ffffff !important;
}
.checkout__promocode-apply {
width: 40% !important;
justify-content: center !important;
}
.checkout__promocode-box {
display: flex !important;
gap: 10px !important;
margin: 10px 0 !important;
}
.numbers__item-title span {
font-size: calc(15px + 3 * (100vw - 360px) / 1560);
display: inline-block;
line-height: 100%;
}
.validate_ok .input-base__valid {
opacity: 1;
visibility: visible;
}
.validate_ok .iti__selected-flag {
display: none;
}
.checkout__inp.validation_error:after {
content: "Поле не заполнено или заполнено неверно";
display: block;
color: #d71379;
font-size: 0.9rem;
}
.checkout__promocode-massage {
margin-top: 10px;
font-size: 15px;
color: #818181;
}
.delivery_description,
.payment_box_custom {
font-size: 15px;
margin-bottom: 20px;
color: #818181;
line-height: 120%;
}
@media screen and (max-width: 540px) {
.checkout__promocode-massage {
font-size: 13px;
}
.delivery_description {
font-size: 12px;
margin-bottom: 20px;
color: #818181;
line-height: 120%;
}
}
.checkout__policy input,
.popup-form__policy input {
position: absolute;
z-index: 1;
width: 16px;
height: 16px;
opacity: 0;
}
.checkout__policy input+label::before,
.popup-form__policy input+label::before {
content: "\2713";
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #db3391;
color: transparent;
background-color: transparent; font-size: 1em;
line-height: 1em;
margin-right: 3px;
}
.checkout__policy input:checked+label::before,
.popup-form__policy input:checked+label::before {
background-color: #db3391;
border: 1px solid #db3391;
text-align: center;
color: white;
}
.product_onbackorder_block {
margin-bottom: 38px;
}
.information__content.simple-page {
max-width: 100% !important;
}
.subscription__form-message {
position: absolute;
margin-top: 15px;
font-size: 0.9em;
}  #pwgc-balance-number-container {
margin-top: 50px !important;
}
@media screen and (max-width: 768px) {
#pwgc-balance-number-container {
display: flex;
flex-direction: column;
margin-bottom: 15px !important;
}
}
#pwgc-balance-container .svg-inline--fa.fa-gift.fa-w-16.fa-7x {
display: none !important;
}
#pwgc-balance-title {
display: none !important;
}
.gift-balance__title {
max-width: 640px;
text-align: center;
margin: 0 auto;
padding-bottom: 15px;
border-bottom: 1px solid #E5E5E5;
}
#pwgc-balance-number {
width: 420px !important;
max-width: 100%;
height: 53px;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
outline: none;
border-radius: 0;
width: 100%;
padding: 14px 18px;
color: #1d1d1b;
background-color: #ffffff;
border: 1px solid #E5E5E5;
margin: 0 16px 0 0;
}
@media screen and (max-width: 768px) {
#pwgc-balance-number {
width: 100% !important;
margin-bottom: 15px;
}
}
#pwgc-balance-button {
padding: 13px 32px;
text-align: center;
color: #ffffff;
background-color: #d71379;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
border: none;
outline: none;
height: 53px;
cursor: pointer;
}
#pwgc-balance-button:hover, #pwgc-balance-button:active {
color: #1d1d1b;
background-color: #ffaad7;
}
#pwgc-balance-error {
font-family: Arsenal;
font-size: 15px;
}
#pwgc-balance-buttons {
display: none !important;
}
#pwgc-balance-amount-value {
font-size: 20px;
} label.pwgc-label,
.woocommerce div.product form.cart .variations label {
font-weight: 400 !important;
margin-bottom: 10px;
color: #818181;
display: inline-block;
}
#pwgc-email-preview-button {
display: none;
}
input.pwgc-input-text {
height: 53px;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
outline: none;
border-radius: 0;
width: 100%;
padding: 14px 18px;
color: #1d1d1b;
background-color: #ffffff;
border: 1px solid #E5E5E5; }
input.pwgc-input-text:focus {
border: 1px solid #1d1d1b;
}
div.pwgc-subtitle {
font-size: 12px;
margin-top: 4px;
}
button.single_add_to_cart_button.button.alt {
width: 100%;
padding: 13px 32px;
text-align: center;
color: #ffffff;
background-color: #d71379;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
border: none;
outline: none;
height: 53px;
cursor: pointer;
border-radius: 0;
font-weight: 400;
}
button.single_add_to_cart_button.button.alt:hover {
color: #1d1d1b;
background-color: #ffaad7;
}
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover {
background-color: #d71378;
opacity: .5;
}
div.pwgc-field-container {
margin-bottom: 15px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #1d1d1b;
margin-top: 15px;
margin-bottom: 15px;
}
.woocommerce div.product form.cart .variations {
margin-top: 38px;
width: 100%;
}
.woocommerce div.product form.cart .variations tbody tr {
display: flex;
flex-direction: column;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
line-height: 120%;
text-align: left;
}
.woocommerce div.product form.cart div.quantity {
display: none !important;
}
#pwgc-email-preview-container {
display: none !important;
}
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
width: 100%;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
font-weight: 400;
border-radius: 0;
}
.woocommerce div.product form.cart .variations select {
height: 53px;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
outline: none;
border-radius: 0;
width: 100%;
padding: 14px 18px;
color: #1d1d1b;
background-color: #ffffff;
border: 1px solid #E5E5E5;
margin-right: 0;
}
#gift-card-amount option:last-child {
display: none;
}
.is-selected .pika-button, .has-event .pika-button {
background: #d71378;
box-shadow: inset 0 1px 3px #d71378;
}
.reset_variations {
display: none !important;
}
#pwgc-form-message #pwgc-message {
width: 100%;
border: 1px solid #E5E5E5;
outline: none;
padding: 14px 18px;
}
.stock-table {
width: 100%;
color: rgb(33, 33, 33);
font-size: 13px;
font-weight: 400;
line-height: 19px;
}
.stock-table table {
width: 100%;
}
.stock-table table,
.stock-table table th,
.stock-table table td {
border: none;
border-collapse: collapse;
}
.stock-table thead {
background: rgb(240, 240, 240);
}
.stock-table tbody {}
.stock-table tr {
border-bottom: 1px solid #ebebeb;
}
.stock-table td { padding: 12px 0; }
.stock-table td:nth-child(n+1) {
text-align: center;
}
.stock-table td:first-child {
text-align: left;
}
.stock-table__city {
display: block;
color: rgb(170, 170, 170);
font-size: 13px;
line-height: 19px;
}
.stock-table__phone,
.stock-table__phone:hover,
.stock-table__phone:active,
.stock-table__phone:visited,
.stock-table__phone:focus {
display: block;
margin: 4px 0 0;
color: rgb(33, 33, 33);
font-size: 13px;
font-weight: 400;
line-height: 19px;
cursor: pointer;
text-decoration: none;
outline: none;
}.three-body {
--uib-size: 35px;
--uib-speed: 0.8s;
--uib-color: #d71379;
position: relative;
display: inline-block;
height: var(--uib-size);
width: var(--uib-size);
animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
}
.three-body__dot {
position: absolute;
height: 100%;
width: 30%;
}
.three-body__dot:after {
content: '';
position: absolute;
height: 0%;
width: 100%;
padding-bottom: 100%;
background-color: var(--uib-color);
border-radius: 50%;
}
.three-body__dot:nth-child(1) {
bottom: 5%;
left: 0;
transform: rotate(60deg);
transform-origin: 50% 85%;
}
.three-body__dot:nth-child(1)::after {
bottom: 0;
left: 0;
animation: wobble1 var(--uib-speed) infinite ease-in-out;
animation-delay: calc(var(--uib-speed) * -0.3);
}
.three-body__dot:nth-child(2) {
bottom: 5%;
right: 0;
transform: rotate(-60deg);
transform-origin: 50% 85%;
}
.three-body__dot:nth-child(2)::after {
bottom: 0;
left: 0;
animation: wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -0.15) ease-in-out;
}
.three-body__dot:nth-child(3) {
bottom: -5%;
left: 0;
transform: translateX(116.666%);
}
.three-body__dot:nth-child(3)::after {
top: 0;
left: 0;
animation: wobble2 var(--uib-speed) infinite ease-in-out;
}
@keyframes spin78236 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes wobble1 {
0%,
100% {
transform: translateY(0%) scale(1);
opacity: 1;
}
50% {
transform: translateY(-66%) scale(0.65);
opacity: 0.8;
}
}
@keyframes wobble2 {
0%,
100% {
transform: translateY(0%) scale(1);
opacity: 1;
}
50% {
transform: translateY(66%) scale(0.65);
opacity: 0.8;
}
}
.cart_preloader svg,
.cart_preloader-page svg,
.checkout_preloader-page svg {
width: 3.25em;
transform-origin: center;
animation: rotate4 2s linear infinite;
}
.cart_preloader circle,
.cart_preloader-page circle,
.checkout_preloader-page circle {
fill: none;
stroke: #d71379;
stroke-width: 2;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
animation: dash4 1.5s ease-in-out infinite;
}
@keyframes rotate4 {
100% {
transform: rotate(360deg);
}
}
@keyframes dash4 {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dashoffset: -125px;
}
}