/* Start:/local/templates/arfashion/fonts/TriviaSlab/stylesheet.css?17549449281997*/ @font-face { font-family: 'Trivia Slab'; src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabLight.eot'); src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabLight.woff2') format('woff2'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabLight.woff') format('woff'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabMedium.eot'); src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabMedium.eot?#iefix') format('embedded-opentype'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabMedium.woff2') format('woff2'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabMedium.woff') format('woff'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular.eot'); src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular.eot?#iefix') format('embedded-opentype'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular.woff2') format('woff2'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular.woff') format('woff'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab Book'; src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabBook.eot'); src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabBook.eot?#iefix') format('embedded-opentype'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabBook.woff2') format('woff2'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabBook.woff') format('woff'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabBook.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular-Bold.eot'); src: url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular-Bold.woff2') format('woff2'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular-Bold.woff') format('woff'), url('/local/templates/arfashion/fonts/TriviaSlab/TriviaSlabRegular-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/arfashion/libs/burger-menu-custom/burger-menu-custom.css?17549449281498*/ .burger-menu .close-btn { width: 15px; height: 15px; border: none; background: none; position: absolute; right: 24px; top: 20px; z-index: 550; } .burger-menu .close-btn img, .burger-menu .close-btn svg { width: 100%; height: 100%; } .burger-menu .overlay { content: ''; position: fixed; top: 41px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.35); -webkit-transition: opacity .25s ease-in; transition: opacity .55s ease-in-out; cursor: pointer; z-index: 500; } .burger-menu .content { /* height: calc(100vh - 40px); */ height: auto; width: 100vw; padding: 20px; top: 0; background: #fff; -webkit-transition: transform .55s ease-in-out, opacity .75s ease-in-out; transition: transform .55s ease-in-out, opacity .75s ease-in-out; cursor: initial; } .burger-menu:not(.active) .content { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); opacity: 0; } .burger-menu.active .content { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .burger-menu .overlay:not(.visible) { opacity: 0; } .burger-menu .overlay:not(.active) { width: 0; } .burger-menu .overlay.visible { opacity: 1; } .burger-menu .overlay.active { width: 100vw; margin-top: 14px;} @media (min-width: 769px) { .burger-menu-btn { display: none; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/arfashion/libs/slick/css/slick.css?17549449281907*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; /* margin-left: auto; */ /* margin-right: auto; */ } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/arfashion/libs/jquery.fancybox-1.3.4/jquery-1.4.3.min.css?175494492812795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/arfashion/libs/owl-carousel/owl.carousel.min.css?17549449283356*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/arfashion/libs/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/arfashion/libs/owl-carousel/owl.theme.default.min.css?17549449281018*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/arfashion/libs/owl-carousel/owl.theme.green.min.css?17549449281018*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} /* End */ /* Start:/local/templates/arfashion/libs/datepicker-custom/dist/datepicker.min.css?17549449283510*/ /*! * Datepicker v1.0.10 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license * * Date: 2020-09-29T14:46:09.037Z */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none} /* End */ /* Start:/local/templates/arfashion/libs/datepicker-custom/themes/datepicker-custom-theme-1.css?17549449281345*/ .datepicker-panel * { font-family: sans-serif; } .datepicker-panel li[data-view="month current"]:hover { background: #fff; color: #000; } .datepicker-panel li.highlighted.picked { color: #B08F76; color: #fff; } .datepicker-panel > ul > li.picked { font-weight: 700; opacity: 0.95; } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #b08f76; } .datepicker-panel > ul > li { -webkit-transition: all .15s ease-out !important; transition: all .15s ease-out !important; } .datepicker-panel > ul > li.picked:hover { color: #fff; background: #B08F76; } .datepicker-panel > ul > li.muted:hover { background: rgba(176, 143, 118, 0.35); color: rgba(255, 255, 255, 0.45); } .datepicker-panel > ul > li.highlighted:hover { background: #B08F76; opacity: 0.7; } .datepicker-panel > ul > li:hover { background: #B08F76; color: #fff; } .datepicker-panel > ul > li.highlighted { background: #B08F76; color: #fff; } .datepicker-panel > ul[data-view=week] > li { background: #fff; } .datepicker-panel > ul[data-view=week] > li:hover { color: #000; } .datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #B08F76; } .datepicker-top-left, .datepicker-top-right { border-top-color: #B08F76 !important; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/arfashion/libs/jq.preloader/jq.preloader.css?17549449282104*/ #preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #222; */ background-color: #fff; z-index: 2; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #9370DB; border-top-color: #ada29a; opacity: .35; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #BA55D3; border-top-color: #ad9a8b; opacity: .35; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #FF00FF; border-top-color: #B08F76; opacity: .35; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } /* STATES */ .has-preloader { position: relative; } .has-preloader[data-preloader-on="true"] { overflow: hidden; min-height: 900px; max-height: 900px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* End */ /* Start:/local/templates/arfashion/libs/select-custom/select-custom_1.css?17549449285519*/ .select-custom_cities { width: 180px; } .select-custom_cities * { font-size: 14px !important; line-height: 170%; } .select-custom_cities__option { position: relative; font-size: 1rem; color: #212121; line-height: 1.5; padding-right: 37px; background: transparent; border-color: transparent; /* border-top: 1px solid #e6e6e6; */ text-align: left; cursor: pointer; } .select-custom_cities__option:not(.select-custom_cities__option--value) { padding: 10px 15px; background: rgba(255 255 255 / 45%); /* font-size: 16px !important; */ } .select-custom_cities__option:focus { outline: none; } .select-custom_cities__option:hover, .select-custom_cities__option:focus { /* background-color: #f9f9f9; */ /* background-color: #f1ece7; */ background-color: #fff; } .select-custom_cities__option--value { padding-right: calc($_gutter * 2 + 0.375rem); background: transparent; border: none; border-radius: 0.25rem; cursor: pointer; transform: translateY(1px); } .select-custom_cities__option--value:hover, .select-custom_cities__option--value:focus { background: transparent; } .select-custom_cities__option--value::after { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0; top: 50%; right: 20px; border-width: 0.4rem; border-bottom-width: 0; border-style: solid; border-color: #000 transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .my-select--active .select-custom_cities__option--value::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .my-select--active .select-custom_cities__option--value { border-bottom-color: transparent; border-radius: 0.25rem 0.25rem 0 0; } .my-select--active .select-custom_cities__option--value:hover, .my-select--active .select-custom_cities__option--value:focus { background-color: #fff; } .my-select--dropup.my-select--active .select-custom_cities__option--value { border-top-color: transparent; border-bottom-color: #e6e6e6; border-radius: 0 0 0.25rem 0.25rem; } .select-custom_cities__option--selected { background-color: #fcfcfc; } .select-custom_cities__option[disabled] { color: #a1a1a1; cursor: default; } .select-custom_cities__option[disabled]:hover, .select-custom_cities__option[disabled]:focus { background-color: transparent; } .select-custom_cities__option-wrap { overflow-y: auto; max-height: 11.25rem; } .select-custom_cities__option-wrap::-webkit-scrollbar { width: 16px; } .select-custom_cities__option-wrap::-webkit-scrollbar-thumb { background-color: #e6e6e6; background-clip: padding-box; border-width: 0 4px; border-style: solid; border-color: transparent; } .select-custom_cities__input { position: relative; z-index: 1; height: 2.25rem; margin-top: -1px; padding: 0 20px; border-color: #e6e6e6; -webkit-transform: translateY(1px); transform: translateY(1px); font-size: 1rem; color: #212121; } .select-custom_cities__input:focus { outline: none; } .my-select--dropup .select-custom_cities__input { border-top-width: 0; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .select-custom_cities__dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: absolute; z-index: 1; /* top: calc(100% - 1px); */ background-color: #fff; /* border-width: 0 1px 1px; border-style: solid; border-color: #e6e6e6; */ border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 12px rgb(211 151 133 / 25%); top: 87%; /* top: 80%; */ /* box-shadow: 0 -2px 4px rgb(211 151 133 / 16%); */ /* background-color: #f9f9f9; */ /* background-color: rgba(255 255 255 / 97%); */ box-shadow: 0 -1px 9px rgb(211 151 133 / 16%); background: transparent; background: #fff; } .select-custom_cities__dropdown button { transition: all .35s; transition: all .35s cubic-bezier(.30, 1, .74, 1); font-family: 'Trivia Slab'; font-weight: 300; color: #757474; } .select-custom_cities__dropdown button:hover { background: #fff; color: rgba(0 0 0 / 55%); /* transition: all .35s; */ /* color: #fff; */ /* color: #b08f76; */ /* opacity: .5; */ background: #F5EBE2; /* color: #fff; */ color: #000; } .my-select--dropup .select-custom_cities__dropdown { bottom: calc(100% - 1px); border-width: 1px 1px 0; /* border-radius: 0.25rem 0.25rem 0 0; */ border-radius: 0.25rem 0.25rem; } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { select[name="selectCity"]+div.select-custom_cities { margin-left: 0; } .select-custom_cities__dropdown { max-height: 206px; margin-top: 9px; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.15); overflow: auto; } .select-custom_cities__dropdown { width: 100vw; left: -21px; } .select-custom_cities button:not(.select-custom_cities__option--value) { width: 100%; padding-left: 21px; } } /* End */ /* Start:/local/templates/arfashion/libs/select-custom/select-custom_2.css?17549449285816*/ .select-custom_catalog { /* width: 180px; */ z-index: 2; } .catalog-items-list__header .sort-by * { text-align: right; } .select-custom_catalog__dropdown .select-custom_catalog__option { text-align: left; } .select-custom_catalog * { font-size: 14px !important; line-height: 170%; } .select-custom_catalog__option { position: relative; font-size: 1rem; color: #212121; line-height: 1.5; padding-right: 37px; background: transparent; border-color: transparent; /* border-top: 1px solid #e6e6e6; */ text-align: left; cursor: pointer; } .select-custom_catalog__option:not(.select-custom_catalog__option--value) { padding: 10px 12px; background: rgba(255 255 255 / 45%); /* font-size: 16px !important; */ } .select-custom_catalog__option:focus { outline: none; } .select-custom_catalog__option:hover button { background: blue; } .select-custom_catalog__option:hover, .select-custom_catalog__option:focus { /* background-color: #f9f9f9; */ /* background-color: #f1ece7; */ background-color: #fff; } .select-custom_catalog__option--value { padding-right: calc($_gutter * 2 + 0.375rem); background: transparent; border: none; border-radius: 0.25rem; cursor: pointer; transform: translateY(1px); } .select-custom_catalog__option--value:hover, .select-custom_catalog__option--value:focus { background: transparent; } .select-custom_catalog__option--value::after { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0; top: 50%; right: 20px; border-width: 0.4rem; border-bottom-width: 0; border-style: solid; border-color: #000 transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .my-select--active .select-custom_catalog__option--value::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .my-select--active .select-custom_catalog__option--value { border-bottom-color: transparent; border-radius: 0.25rem 0.25rem 0 0; } .my-select--active .select-custom_catalog__option--value:hover, .my-select--active .select-custom_catalog__option--value:focus { background-color: #fff; } .my-select--dropup.my-select--active .select-custom_catalog__option--value { border-top-color: transparent; border-bottom-color: #e6e6e6; border-radius: 0 0 0.25rem 0.25rem; } .select-custom_catalog__option--selected { background-color: #fcfcfc; } .select-custom_catalog__option[disabled] { color: #a1a1a1; cursor: default; } .select-custom_catalog__option[disabled]:hover, .select-custom_catalog__option[disabled]:focus { background-color: transparent; } .select-custom_catalog__option-wrap { overflow-y: auto; max-height: 11.25rem; } .select-custom_catalog__option-wrap::-webkit-scrollbar { width: 16px; } .select-custom_catalog__option-wrap::-webkit-scrollbar-thumb { background-color: #e6e6e6; background-clip: padding-box; border-width: 0 4px; border-style: solid; border-color: transparent; } .select-custom_catalog__input { position: relative; z-index: 1; height: 2.25rem; margin-top: -1px; padding: 0 20px; border-color: #e6e6e6; -webkit-transform: translateY(1px); transform: translateY(1px); font-size: 1rem; color: #212121; } .select-custom_catalog__input:focus { outline: none; } .my-select--dropup .select-custom_catalog__input { border-top-width: 0; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .select-custom_catalog__dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; /* position: absolute; */ z-index: 1; /* top: calc(100% - 1px); */ background-color: #fff; /* border-width: 0 1px 1px; border-style: solid; border-color: #e6e6e6; */ border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 12px rgb(211 151 133 / 25%); top: 87%; /* top: 80%; */ /* box-shadow: 0 -2px 4px rgb(211 151 133 / 16%); */ /* background-color: #f9f9f9; */ /* background-color: rgba(255 255 255 / 97%); */ box-shadow: 0 -1px 9px rgb(211 151 133 / 16%); background: transparent; background: #fff; transform: translateY(7px) translateX(-11px); } .select-custom_catalog__dropdown button { transition: all .35s; transition: all .35s cubic-bezier(.30, 1, .74, 1); } .select-custom_catalog__dropdown button:hover { background: #F5EBE2; } .select-custom_catalog__dropdown:hover button { /* background: #fff; */ /* color: rgba(0 0 0 / 55%); */ /* transition: all .35s; */ /* color: #b08f76; */ /* color: #fff; */ /* opacity: .5; */ } .my-select--dropup .select-custom_catalog__dropdown { bottom: calc(100% - 1px); border-width: 1px 1px 0; /* border-radius: 0.25rem 0.25rem 0 0; */ border-radius: 0.25rem 0.25rem; } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { select[name="selectCity"]+div.select-custom_catalog { margin-left: 0; } .select-custom_catalog__dropdown { max-height: 206px; margin-top: 9px; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.15); overflow: auto; } .select-custom_catalog__dropdown { width: 100%; left: -21px; } .select-custom_catalog button:not(.select-custom_catalog__option--value) { width: 100%; padding-left: 21px; } } /* End */ /* Start:/local/templates/arfashion/libs/select-custom/select-custom_3.css?17549449285903*/ .select-custom_sku-typing { width: 100%; } .select-custom_sku-typing * { font-size: 14px !important; line-height: 170%; border-radius: none; } .return-declaration * { border-radius: 0 !important; } .select-custom_sku-typing__option { width: 100% !important; position: relative; font-size: 1rem; color: #212121; line-height: 1.5; padding-right: 37px; background: transparent; border-color: transparent; /* border-top: 1px solid #e6e6e6; */ text-align: left; cursor: pointer; font-size: 16px !important; } .select-custom_sku-typing__option:not(.select-custom_sku-typing__option--value) { padding: 10px 15px; background: rgba(255 255 255 / 45%); /* font-size: 16px !important; */ } .select-custom_sku-typing__option:focus { outline: none; } .select-custom_sku-typing__option:hover, .select-custom_sku-typing__option:focus { /* background-color: #f9f9f9; */ /* background-color: #f1ece7; */ background-color: #fff; } .select-custom_sku-typing__option--value { padding-right: calc($_gutter * 2 + 0.375rem); background: transparent; border: none; border-radius: 0.25rem; cursor: pointer; transform: translateY(1px); padding-bottom: 3px !important; border-bottom: 1px solid #000; } .select-custom_sku-typing__option--value:hover, .select-custom_sku-typing__option--value:focus { background: transparent; } .select-custom_sku-typing__option--value::after { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; top: 50%; right: 3px; /* border-width: 0.4rem; border-bottom-width: 0; border-style: solid; border-color: #000 transparent; */ /* border: 1px solid blue; */ background: url(/local/templates/arfashion/libs/select-custom/./img/arrow.svg) center center no-repeat; background-size: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .my-select--active .select-custom_sku-typing__option--value::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .my-select--active .select-custom_sku-typing__option--value { border-bottom-color: transparent; border-radius: 0.25rem 0.25rem 0 0; } .my-select--active .select-custom_sku-typing__option--value:hover, .my-select--active .select-custom_sku-typing__option--value:focus { background-color: #fff; } .my-select--dropup.my-select--active .select-custom_sku-typing__option--value { border-top-color: transparent; border-bottom-color: #e6e6e6; border-radius: 0 0 0.25rem 0.25rem; } .select-custom_sku-typing__option--selected { background-color: #fcfcfc; } .select-custom_sku-typing__option[disabled] { color: #a1a1a1; cursor: default; } .select-custom_sku-typing__option[disabled]:hover, .select-custom_sku-typing__option[disabled]:focus { background-color: transparent; } .select-custom_sku-typing__option-wrap { overflow-y: auto; max-height: 11.25rem; } .select-custom_sku-typing__option-wrap::-webkit-scrollbar { width: 16px; } .select-custom_sku-typing__option-wrap::-webkit-scrollbar-thumb { background-color: #e6e6e6; background-clip: padding-box; border-width: 0 4px; border-style: solid; border-color: transparent; } .select-custom_sku-typing__input { position: relative; z-index: 1; height: 2.25rem; margin-top: -1px; padding: 0 20px; border-color: #e6e6e6; -webkit-transform: translateY(1px); transform: translateY(1px); font-size: 1rem; color: #212121; } .select-custom_sku-typing__input:focus { outline: none; } .my-select--dropup .select-custom_sku-typing__input { border-top-width: 0; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .select-custom_sku-typing__dropdown { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: absolute; z-index: 1; /* top: calc(100% - 1px); */ background-color: #fff; /* border-width: 0 1px 1px; border-style: solid; border-color: #e6e6e6; */ border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 12px rgb(211 151 133 / 25%); top: 87%; top: 100%; /* top: 80%; */ /* box-shadow: 0 -2px 4px rgb(211 151 133 / 16%); */ /* background-color: #f9f9f9; */ /* background-color: rgba(255 255 255 / 97%); */ box-shadow: 0 -1px 9px rgb(211 151 133 / 16%); background: transparent; background: #fff; } .select-custom_sku-typing__dropdown button { transition: all .35s; transition: all .35s cubic-bezier(.30, 1, .74, 1); } .select-custom_sku-typing__dropdown:hover button { background: #fff; color: rgba(0 0 0 / 55%); /* transition: all .35s; */ /* color: #fff; */ /* color: #b08f76; */ /* opacity: .5; */ } .my-select--dropup .select-custom_sku-typing__dropdown { bottom: calc(100% - 1px); border-width: 1px 1px 0; /* border-radius: 0.25rem 0.25rem 0 0; */ border-radius: 0.25rem 0.25rem; } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { select[name="selectCity"]+div.select-custom_sku-typing { margin-left: 0; } .select-custom_sku-typing__dropdown { max-height: 206px; margin-top: 9px; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.15); overflow: auto; } .select-custom_sku-typing__dropdown { width: 100vw; left: -21px; } .select-custom_sku-typing button:not(.select-custom_sku-typing__option--value) { width: 100%; padding-left: 21px; } } /* End */ /* Start:/local/templates/arfashion/libs/select-custom/select-custom_4.css?17549449285833*/ .select-custom_content { width: 100%; } .select-custom_content * { font-size: 14px !important; line-height: 170%; border-radius: none; } .return-declaration * { border-radius: 0 !important; } .select-custom_content__option { width: 100% !important; position: relative; font-size: 1rem; color: #212121; line-height: 1.5; padding-right: 37px; background: transparent; border-color: transparent; /* border-top: 1px solid #e6e6e6; */ text-align: left; cursor: pointer; font-size: 16px !important; } .select-custom_content__option:not(.select-custom_content__option--value) { padding: 10px 15px; background: rgba(255 255 255 / 45%); /* font-size: 16px !important; */ } .select-custom_content__option:focus { outline: none; } .select-custom_content__option:hover, .select-custom_content__option:focus { /* background-color: #f9f9f9; */ /* background-color: #f1ece7; */ background-color: #fff; } .select-custom_content__option--value { padding-right: calc($_gutter * 2 + 0.375rem); background: transparent; border: none; border-radius: 0.25rem; cursor: pointer; transform: translateY(1px); padding-bottom: 3px !important; border-bottom: 1px solid #000; } .select-custom_content__option--value:hover, .select-custom_content__option--value:focus { background: transparent; } .select-custom_content__option--value::after { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; top: 50%; right: 3px; /* border-width: 0.4rem; border-bottom-width: 0; border-style: solid; border-color: #000 transparent; */ /* border: 1px solid blue; */ background: url(/local/templates/arfashion/libs/select-custom/./img/arrow.svg) center center no-repeat; background-size: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .my-select--active .select-custom_content__option--value::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .my-select--active .select-custom_content__option--value { border-bottom-color: transparent; border-radius: 0.25rem 0.25rem 0 0; } .my-select--active .select-custom_content__option--value:hover, .my-select--active .select-custom_content__option--value:focus { background-color: #fff; } .my-select--dropup.my-select--active .select-custom_content__option--value { border-top-color: transparent; border-bottom-color: #e6e6e6; border-radius: 0 0 0.25rem 0.25rem; } .select-custom_content__option--selected { background-color: #fcfcfc; } .select-custom_content__option[disabled] { color: #a1a1a1; cursor: default; } .select-custom_content__option[disabled]:hover, .select-custom_content__option[disabled]:focus { background-color: transparent; } .select-custom_content__option-wrap { overflow-y: auto; max-height: 11.25rem; } .select-custom_content__option-wrap::-webkit-scrollbar { width: 16px; } .select-custom_content__option-wrap::-webkit-scrollbar-thumb { background-color: #e6e6e6; background-clip: padding-box; border-width: 0 4px; border-style: solid; border-color: transparent; } .select-custom_content__input { position: relative; z-index: 1; height: 2.25rem; margin-top: -1px; padding: 0 20px; border-color: #e6e6e6; -webkit-transform: translateY(1px); transform: translateY(1px); font-size: 1rem; color: #212121; } .select-custom_content__input:focus { outline: none; } .my-select--dropup .select-custom_content__input { border-top-width: 0; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .select-custom_content__dropdown { /* position: static !important; */ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: absolute; z-index: 1; /* top: calc(100% - 1px); */ background-color: #fff; /* border-width: 0 1px 1px; border-style: solid; border-color: #e6e6e6; */ border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 12px rgb(211 151 133 / 25%); top: 87%; top: 100%; /* top: 80%; */ /* box-shadow: 0 -2px 4px rgb(211 151 133 / 16%); */ /* background-color: #f9f9f9; */ /* background-color: rgba(255 255 255 / 97%); */ box-shadow: 0 -1px 9px rgb(211 151 133 / 16%); background: transparent; background: #fff; } .select-custom_content__dropdown button { transition: all .35s; transition: all .35s cubic-bezier(.30, 1, .74, 1); } .select-custom_content__dropdown:hover button { background: #fff; color: rgba(0 0 0 / 55%); /* transition: all .35s; */ /* color: #fff; */ /* color: #b08f76; */ /* opacity: .5; */ } .my-select--dropup .select-custom_content__dropdown { bottom: calc(100% - 1px); border-width: 1px 1px 0; /* border-radius: 0.25rem 0.25rem 0 0; */ border-radius: 0.25rem 0.25rem; } /*# sourceMappingURL=style.css.map */ @media (max-width: 768px) { select[name="selectCity"]+div.select-custom_content { margin-left: 0; } .select-custom_content__dropdown { max-height: 206px; margin-top: 9px; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.15); overflow: auto; } .select-custom_content__dropdown { width: 100vw; left: -21px; } .select-custom_content button:not(.select-custom_content__option--value) { width: 100%; padding-left: 21px; } } /* End */ /* Start:/local/templates/arfashion/libs/jquery-copy-url-plugin/jquery-copy-url-plugin.css?1754944928484*/ #copy-url-message { padding: 21px; position: fixed; /* top: 0; */ bottom: 0; right: 0; border: 1px solid #B08F76; background: #fff; transition: all .35s ease-in-out; z-index: 99999; /* opacity: 0.7; */ } #copy-url-message.active { transform: translateY(0); opacity: .7; } #copy-url-message:not(.active) { transition: all .75s ease-in-out; transform: translateY(400px); opacity: 0; } /* End */ /* Start:/local/templates/arfashion/libs/jquery.ddslick.min/themes/ddslick-theme-1.css?17549449284052*/ .order-select-wrapper .dd-container, .product-item-scu-container .dd-container, .product-item-scu-item-list .dd-container { margin-left: 2px; } .order-select-wrapper .dd-container .dd-select { margin-top: 15px; } .order-select-wrapper .dd-container .dd-select, .product-item-scu-container .dd-container .dd-select, .product-item-scu-item-list .dd-container .dd-select { background: #fff !important; border: 1px solid #C4C4C4 !important; } .order-select-wrapper .dd-container .dd-select *, .product-item-scu-container .dd-container .dd-select *, .product-item-scu-item-list .dd-container .dd-select * { font-family: 'Trivia Slab', sans-serif !important; font-weight: 300 !important; font-size: 19px !important; line-height: 22px !important; } .order-select-wrapper .dd-container .dd-options.dd-click-off-close, .product-item-scu-container .dd-container .dd-options.dd-click-off-close, .product-item-scu-item-list .dd-container .dd-options.dd-click-off-close { max-height: 200px; overflow: auto; /* bottom: calc(100% - 15px); */ } .order-select-wrapper .dd-container .dd-options.dd-click-off-close li, .product-item-scu-container .dd-container .dd-options.dd-click-off-close li, .product-item-scu-item-list .dd-container .dd-options.dd-click-off-close li { display: block; height: 40px; padding: 0; } /* .product-item-scu-item-list .dd-options { border: solid 1px #ccc; border-bottom: none; } */ .order-select-wrapper .dd-container .dd-options.dd-click-off-close li a.dd-option, .product-item-scu-container .dd-container .dd-options.dd-click-off-close li a.dd-option, .product-item-scu-item-list .dd-container .dd-options.dd-click-off-close li a.dd-option { display: flex; align-items: center; height: 100%; font-family: 'Trivia Slab', sans-serif; font-weight: 300; font-size: 19px; line-height: 22px; } .order-select-wrapper .dd-container .dd-options.dd-click-off-close li a.dd-option.dd-option-selected, .product-item-scu-container .dd-container .dd-options.dd-click-off-close li a.dd-option.dd-option-selected, .product-item-scu-item-list .dd-container .dd-options.dd-click-off-close li a.dd-option.dd-option-selected { font-family: 'Trivia Slab', sans-serif; font-weight: 300; font-size: 19px; line-height: 22px; } .order-select-wrapper.change-direction .dd-container .dd-options.dd-click-off-close, .product-item-scu-container.change-direction .dd-container .dd-options.dd-click-off-close, .product-item-scu-item-list.change-direction .dd-container .dd-options.dd-click-off-close { /* bottom: calc(100% - 15px); */ bottom: 100%; } .order-select-wrapper.change-direction .dd-options, .product-item-scu-container.change-direction .dd-options, .product-item-scu-item-list.change-direction .dd-options { border: solid 1px #ccc; border-bottom: none; } .order-select-wrapper.change-direction > div, .order-select-wrapper.change-direction > div .dd-options.dd-click-off-close, .order-select-wrapper.change-direction > div > div, .product-item-scu-container.change-direction > div, .product-item-scu-container.change-direction > div .dd-options.dd-click-off-close, .product-item-scu-container.change-direction > div > div, .product-item-scu-item-list.change-direction > div, .product-item-scu-item-list.change-direction > div .dd-options.dd-click-off-close, .product-item-scu-item-list.change-direction > div > div { width: 100%; min-width: 100%; } @media (max-width: 768px) { .order-select-wrapper .dd-container .dd-select *, .product-item-scu-container .dd-container .dd-select *, .product-item-scu-item-list .dd-container .dd-select *, .order-select-wrapper .dd-container .dd-options.dd-click-off-close li a.dd-option, .order-select-wrapper .dd-container .dd-options.dd-click-off-close li a.dd-option.dd-option-selected { font-size: 15px !important; } } /* End */ /* Start:/local/templates/arfashion/libs/jquery.select_custom/themes/select-custom-theme_1.css?17549449283312*/ @charset "UTF-8"; :root { --select-width: 250px; --select-padding: 10px 12px; --select-font-color: #000; --select-border-color: #C4C4C4; --select-border-radius: none; --select-arrow-text: '▲'; --select-arrow-text: ''; --select-arrow-bg: url(/local/templates/arfashion/libs/jquery.select_custom/themes/../img/select-arrow.svg) center center no-repeat; --select-arrow-icon-width: 14px; --select-arrow-icon-height: auto; --select-font-size: 11px; --select-option-hover-bg: rgba(196, 196, 196, .35); --select-option-active-bg: rgba(196, 196, 196, .35); --select-option-active-font-color: #000; --select-active-list-border-top: 1px solid #C4C4C4; --select-active-frame-border-bottom: none; } .select { width: var(--select-width); position: relative; font-size: var(--select-font-size); color: var(--select-font-color); } .select .select__value span, .select .select__list * { font-size: 19px; font-weight: 300; } .select.active .select__list { display: block; border-top: var(--select-active-list-border-top); background: #fff; z-index: 2; } .select.active .select__list .option:last-child { border-radius: 0 0 var(--select-border-radius) var(--select-border-radius); } .select.active .select__frame { border-bottom: var(--select-active-frame-border-bottom); border-radius: var(--select-border-radius) var(--select-border-radius) 0 0; } .select.active .select__frame::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select:not(.active) .select__list { display: none; } .select:not(.active) .select__frame { border-radius: var(--select-border-radius); } .select:not(.active) .select__frame::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .select__frame { border: 1px solid var(--select-border-color); cursor: pointer; position: relative; } .select__frame .select__value { display: flex; align-items: center; width: 100%; height: 100%; max-height: 55px; padding: var(--select-padding); } .select__frame::after { content: var(--select-arrow-text); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; width: var(--select-arrow-icon-width); height: var(--select-arrow-icon-height); background: var(--select-arrow-bg); background-size: 100%; } .select__list { position: absolute; left: 0; right: 0; background: #fff; margin: auto; } .select__list .option { max-height: 55px; padding: var(--select-padding); border: 1px solid #C4C4C4; border-top: none; cursor: pointer; /* position: relative; */ } .select__list .option:hover { background: var(--select-option-hover-bg); } .select__list .option.active { background: var(--select-option-active-bg); color: var(--select-option-active-font-color); } /*# sourceMappingURL=style.css.map */ .select-custom__color { width: 20px; height: 20px; margin-right: 14px; border-radius: 50%; border: 1px solid #ccc; /* position: absolute; left: 0; top: 0; bottom: 0; margin: auto; */ } /* End */ /* Start:/local/templates/arfashion/libs/jquery.mCustomScrollbar/jquery.mCustomScrollbar.css?175494492854850*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/arfashion/libs/jquery.mCustomScrollbar/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/arfashion/libs/js-flatpickr/style.css?175494492816178*/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* End */ /* Start:/local/templates/arfashion/css/style.css?1754944929112213*/ .font{ font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; } * { font-family: 'Trivia Slab', sans-serif; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, body div, body span, body applet, body object, body iframe, body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre, body a, body abbr, body acronym, body address, body big, body cite, body code, body del, body dfn, body em, body font, body img, body ins, body kbd, body q, body s, body samp, body small, body strike, body strong, body sub, body sup, body tt, body var, body b, body u, body i, body center, body dl, body dt, body dd, body ol, body ul, body li, body fieldset, body form, body label, body legend, body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } body button:focus { outline: none; } input[type="checkbox" i] { margin: 0; } ol, ul, nav { list-style: none; } /* P, h1, h2, h3, h4, h5, h6, div { cursor: default; } */ a { text-decoration: none; color: #000; transition: .4s; } blockquote, q { quotes: none; } .wrapper input { -webkit-appearance: none; cursor: pointer; } textarea:focus, select:focus, input:focus { outline: none; outline-offset: 0px; } p { margin: 0; padding: 0; } a:active, a:hover { outline: none; -webkit-box-shadow: none ; box-shadow: none; } button:focus { outline: none; } .row { margin-right: 0 ; margin-left: 0 ; } .btn.focus, .btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } li { list-style-type: none; } img{ width: 100%; height: 100%; object-fit: contain; } .container { width: 100% ; max-width: 1440px; margin: 0 auto; /* padding-left: 32px; padding-right: 32px; */ position: relative; } .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: space-between; width: 100%; z-index: 1; } .header__menu li { list-style: none; color: #000; font-size: 16px; text-transform: uppercase; text-decoration: none; width: auto; } body{ overflow-x: hidden; } /* COLOR */ .gray{ background: #838383; } .blue{ background: #4285F4; } .black{ background: #0E0D0D; } .bege { background: #a2233e; } .purple { background: #5338D6; } .brown { background: #511919; } /* COLOR */ .header__top-menu{ display: flex; } .header__top{ display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; } .header__top > div.header__top-box:first-child a{ display: flex; align-items: center; } .header__top-menu{ display: flex; justify-content: center; align-items: center; } .header{ display: flex; flex-direction: column; } .header__container-top{ background: #F9F8F8; height: 91px; display: flex; align-items: center; position: relative; z-index: 2; padding: 30px 16px; position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 5; } .header__container-top::before{ content: ""; position: absolute; width: 100vw; height: 91px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; z-index: -1; } .mene-hover-box-sk::before{ content: ""; position: absolute; width: 100vw; height: 91px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; z-index: -1; -webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); } .header__menu li a { display: block; transform: translateY(1px); font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 18px; font-weight: 500; line-height: 26px; color: #fff; transition: all .45s ease-out; } .header__menu li a.tel { font-size: 14px; font-family: 'Open Sans'; } .order-tracking{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #fff; transition: .4s; } .order-tracking:hover { color: #a2233e; } .header__top-menu li a{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #0E0D0D; transition: .35s cubic-bezier(.30, 1, .74, 1); width: 100%; height: 100%; /* font-weight: 400; */ } .btn.btn_animated, .header__top-menu li a.btn { /* display: block; */ position: relative; font-size: 18px; font-weight: 500; overflow: hidden !important; animation: blinking_btn ease-in-out 11.0s infinite; /* animation: blinking_btn ease-out 10.0s infinite; */ } .btn.btn_animated::before, .header__top-menu li a.btn::before { content: ''; position: absolute; top: 0; left: 0; width: 4.5em; height: 100%; background: rgba(249, 248, 248, 0.07); transform: translateX(-4em) skewX(-45deg); transition: all .5s; animation: blinking_3 ease-in-out 15.0s infinite; } .header__top-menu li a.tel{ display: flex; align-items: center; padding-top: 0px; margin-right: 2px; font-family: 'Open Sans' !important; position: relative; transition: 0.3s; color: #1A2A4A; /* overflow: hidden; */ } .header__top-menu li a.tel:hover{ color: #152949; } .header__top-menu li a.tel::after { content: ""; position: absolute; width: 0%; height: 1px; background: #152949; bottom: 1px; left: 0; transition: 0.3s; } .header__top-menu li a.tel:hover::after { width: 100%; } /* .header__top-menu li a.tel:after { content: ''; display: block; width: 100%; width: 0; height: 1px; background: #11294d; position: absolute; bottom: -2px; right: 0; margin: auto; opacity: 0.5; transition: all .35s ease-out; transition: all .55s cubic-bezier(.30, 1, .74, 1); } .header__top-menu li a.tel:hover{ color: #11294d; } .header__top-menu li a.tel:hover:after{ width: 100%; } */ /* .header__top-menu li:hover a{ color: #a2233e; } */ .header__top-menu li a img{ transition: .25s cubic-bezier(.30, 1, .74, 1); } .header__top-menu li:hover a img{ opacity: 0.7; } .header__top-menu-link{ margin: 0px 12px; display: flex; align-items: flex-start; } .menu__item-t{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 27px; color: #0E0D0D; text-transform: uppercase; transition: .4s; } .menu__item.active .menu__item-t{ /* color:#a2233e; */ color: #a2233e; } .header__top-menu-link:nth-child(1){ margin-left: 0; /* width: 135px; */ width: auto; } .header__top-menu-link:nth-last-child(1){ margin-right: 0; } .header__top-box{ width: 33%; } .header__top-box:nth-last-child(1){ z-index: 1; } .header__top-menu:nth-child(1) { justify-content: flex-start; } .header__top-box:nth-child(2) { display: flex; justify-content: flex-start; margin-top: 4px; } .header__top-menu:nth-last-child(1) { justify-content: flex-end; } .text-item{ font-family: 'Open Sans', sans-serif; margin-left: 5px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; transition: .4s; line-height: 100%; transform: translateY(2px); } .header__container-bot{ height: 66px; display: flex; align-items: center; justify-content: center; /* margin-top: 91px; */ /* margin-top: 51px; */ max-width: initial; background: #11294d; border-bottom: 7px solid #a2233e; } .container.header__container-top { position: relative; margin: 0; } .container.header__container-top ~ .title-naw-text {} .header__container-top { /* top: 0 !important; */ } .header__nav{ max-width: 840px; width: 100%; z-index: 4; } .order-tracking{ position: absolute; top: 50%; right: 16px; transform: translate(0% , -50%); color: #fff !important; } .cacharel-slaid-baner{ width: 100%; height: 581px; background-image: url(/local/templates/arfashion/css/../img/slaid-na-glavnoi.png); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; overflow-x: auto; scroll-snap-type: x proximity; padding-top: 110px; } .cacharel__baner-title{ margin-bottom: 50px; position: relative; z-index: 0; } .title-naw-text{ width: 100%; height: 30px; background: #a2233e; display: flex; align-items: center; justify-content: center; /* margin-bottom: 55px; */ /* position: absolute; top: 0; right: 0; */ z-index: 0; transition: all .4s ease-in-out; transition: all .7s cubic-bezier(.30, 1, .74, 1); } .title-naw-text:hover{ background: #DBB89D; } .title-naw-text-link{ font-size: 18px; line-height: 26px; color: #FFFFFF !important; transition: .4s; max-width: 800px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 400; padding-bottom: 10px; } .cacharel-slaid-text{ color: #FFFFFF; font-size: 15px; line-height: 20px; text-transform: uppercase; font-style: normal; font-weight: normal } .cacharel-slaid-title{ font-family: 'Open Sans', sans-serif; font-size: 55px; line-height: 68px; color: #FFFFFF; text-transform: uppercase; font-style: normal; font-weight: normal } .cacharel-slaid-content{ max-width: 400px; } .cacharel-slaid-text{ margin-bottom: 50px; } .categories__title { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 34px; line-height: 68px; letter-spacing: 2px; text-transform: uppercase; color: #0E0D0D; margin-bottom: 55px; } .header__top-li { width: 15px; height: 15px; margin-right: 3px; } .log img { /* max-width :255px; */ /* min-width: 125px; */ width: 505px; width: 200px; } .log.desktop { display: flex; } .log.mobile { display: none; } @media (max-width: 768px) { .log.desktop { display: none; } .log.mobile { display: flex; } .log.mobile img { width: 50vw; width: 28vw; margin-bottom: 2px; margin-top: 2px; } } .looc__content{ /* width: 24%; */ width: calc(24% * 2); position: relative; display: flex; flex-direction: column; justify-content: space-between; /* max-height: 657px; */ /* height: 540px; */ margin-left: 0.5%; margin-right: 0.5%; overflow: hidden; cursor: pointer; } .hover__content{ position: absolute; bottom: -10%; display: flex; width: 100%; transition: .4s ease-in-out; } .looc-box-tr .hover__content { transition: opacity .45s ease-in-out, bottom .75s ease-in-out; } .looc__content:hover .hover__content{ transition: opacity .55s ease-in-out, bottom .75s ease-in-out; opacity: 1; bottom: 0; } .hover__content{ opacity: 0; } .looc__content .zoom img{ transition: .4s; } .looc__content:hover .zoom img{ transform: scale(1.2); } .looc__content p{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 106.8%; padding-bottom: 44px; } .looc__content h4{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 35px; line-height: 48px; color: #0E0D0D; text-transform: uppercase; padding-bottom: 15px; } .looc__content p:nth-last-child(1){ margin-bottom: 0; } .looc__content a > img{ width: 100%; height: 100%; object-fit: cover; } .btn{ display: flex; justify-content: center; align-items: center; padding: 15px 35px; max-width: 310px; width: 100% ; height: 51px; background: #a2233e; cursor: pointer; transition: .4s; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #FFFFFF; /* border: 1px solid #a2233e; */ } .btn-tr{ /* width: calc(100% - 30px); */ min-width: calc(100% - 70px); padding: 15px 15px; } .btn-favourites{ width: calc(30% - 70px) ; background: #F5EBE2; } .btn.btn-favourites { display: flex; width: 70px; background: #F5EBE2; padding: 0 !important; } .looc__content .btn:not(.btn-favourites) { padding: 0 !important; } .btn:hover{ background: #a74359; color: #FFFFFF; } .btn-favourites:hover{ background: #FFF8F2 !important; } .btn-favourites:focus{ background: #DCBB9D !important; } .btn-favourites:focus svg, .btn-favourites:focus svg * { fill: #fff; } .btn--calk{ display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0 !important; } .zoom{ position: absolute; top: 2%; right: 2%; cursor: pointer; z-index: 3; } .baner{ height: 350px; margin-bottom: 104px; position: relative; background-color: #EBEDEC; } .cacharel__baner{ background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: relative; overflow-x: auto; scroll-snap-type: x proximity; } .baner-container{ /* width: 100%; */ height: 100%; } .baner--tr{ /* background-color: #7C756B; */ } section.baner:not(.baner--tr) .baner-container { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; min-width: 100%; } .cacharel__looc{ margin-bottom: 104px; position: relative; } .looc__content-nov{ height: 484px; } .hover__content-linc{ position: relative; padding-top: 23px; background: #fff; width: 100%; transition: .4s; max-height: fit-content; height: auto; z-index: 4; position: absolute; bottom: -54px; } .hover__content-linc.hover{ padding-top: 30px; } .close { position: absolute; right: 2%; top: 2%; width: 24px; height: 16px; opacity: 0.3; cursor: pointer; display: none; transition: .4s; } .close:hover { opacity: 1; } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 16px; width: 2px; background-color: #333; } .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); } .size-box{ display: flex; margin-bottom: 0px; transition: .4s; } .hover__content-linc .size-box p{ font-size: 0px; line-height: 0px; transition: .4s; } .hover__content-linc.hover .size-box p{ font-size: 18px; line-height: 19px; margin-bottom: 15px; } .cacharel-slaid-title span{ font-weight: bold; } .size-link{ margin-right: 17px; position: relative; cursor: pointer; } .colour-link:nth-last-child(1), .size-link:nth-last-child(1){ margin-right: 0; } .size-link::before{ content: ""; position: absolute; bottom: 0%; width: 0%; border-bottom: 1px solid #000; transition: .4s; } .cacharel__looc .size-link:hover::before{ width: 100%; } .cacharel__looc .active.size-link::before{ width: 100%; } .colour-link{ margin-right: 8px; cursor: pointer; } .hover__content-linc h4{ font-style: normal; font-weight: normal; font-size: 20px; line-height: 26px; margin-bottom: 8px; transition: .4s; } .hover__content-linc.hover h4{ margin-bottom: 14px; } .hover__content-linc p{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #404040; } .hover__content-linc .size-box p:nth-child(1){ font-weight: 550; } .hover__content-linc .size-box p:nth-child(2){ font-weight: 400; } .hover__content-linc .size-box p:nth-child(3){ color: #9E9E9E; } .colour-box{ display: flex; margin-bottom: 7px; transition: .4s; } .hover__content-linc.hover .colour-box{ margin-bottom: 15px; } .colour-link{ width: 10px; height: 10px; border-radius: 50%; transition: .4s; position: relative; } .colour-link span{ width: 14px; height: 14px; /* background: transparent; */ border-radius: 50%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s; border: 1px solid #ccc; } .colour-link.active { border: 1px solid #130F26; } .hover__content-linc div .discount-text{ font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #F14922; } .price-box{ display: flex; /* justify-content: space-between; */ align-items: center; margin-bottom: 7px; transition: .4s; } .price--chetra{ position: relative; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-decoration-line: line-through; color: #838383; } .price--chetra::before{ content: ""; position: absolute; width: 100%; top: 55%; left: 0; transform: translate(0 , -50%); border-bottom: 1px solid #838383; } .price { margin-right: 20px; } .hover__content-linc.hover{ position: absolute; bottom: 0; } .hover__content-linc.hover .price-box{ margin-bottom: 30px; } .hover__content-linc.hover .colour-link{ width: 16px; height: 16px; border: 1px solid transparent; } .hover__content-linc.hover .colour-link span { width: 15px; height: 15px; } .hover__content-linc.hover .colour-link .gray { background: #838383; } .hover__content-linc.hover .colour-link .blue { background: #511919; } .hover__content-linc.hover .colour-link .black { background: #0E0D0D; } .hover__content-linc.hover .colour-link:hover{ border: 1px solid #130F26; } .hover__content-linc.hover .colour-link:hover span { width: 10px; height: 10px; } .hover__content-linc.hover .colour-link.active{ border: 1px solid #130F26; } .hover__content-linc.hover .colour-link.active span { width: 10px; height: 10px; } .hover__content-linc.hover .size-box{ display: flex; } .hover__content-linc--btn{ display: flex; width: 100% ; height: 51px; font-size: 18px; padding: 15px 15px; max-width: none; } .hover__content-linc.hover .close{ display: block; } .mene-hover-box-t .pod-title.bot-t{ font-size: 14px; color: #676767 t; } .quick-view{ position: absolute; top: 50%; left: -50%; transform: translate(-50% , -50%); display: flex; background: rgba(255, 255, 255, 0.85); width: calc(210px - 20px); justify-content: space-between; align-items: center; transition: .5s; height: calc(60px - 20px); padding: 10px; z-index: 3; } .quick-view span{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #0E0D0D; } .looc__content .quick-view img{ width: 20px; height: 20px; object-fit: contain; } .img-tovar-box{ position: relative; } .img-tovar-box:hover .quick-view{ left: 50%; } .quick-view:hover{ box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); } .looc-box-tr{ /* height: 657px; */ display: flex; flex-direction: column; justify-content: space-between; } .left-arrow, .right-arrow { display: inline-flex; width: 18px; height: 18px; position: absolute; top: -12%; top: calc(-12% - 5px); cursor: pointer; transition: .4s; z-index: 1; } .left-arrow { right: 4%; border-top: 2px solid #130F26; border-left: 2px solid #130F26; transform: rotate(-45deg); } .left-arrow:hover{ /* right: 6.5%; */ border-color: #a2233e; } .right-arrow { border-top: 2px solid #130F26; border-right: 2px solid #130F26; transform: rotate(45deg); right: 1%; } .right-arrow:hover{ /* right: 2.5%; */ border-color: #a2233e; } .looc-nov-box-slaid{ height: 484px; } .img-tovar{ max-width: 394px; max-height: 484px; } .img-tovar-tr{ max-width: inherit; /* max-height: 657px; */ max-height: 757px; height: 100%; } .slick-dots button{ font-size: 0; border: 0; } .slaid-box-looc-linc{ display: flex; max-height: 675px; } .slaid-box-looc::-webkit-scrollbar { width: 2px !important; height: 2px; } .slaid-box-looc::-webkit-scrollbar-track { /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important; */ background: #f8f8f8; } .slaid-box-looc::-webkit-scrollbar-thumb { background-color: #a2233e !important; /* outline: 1px solid slategrey !important; */ } .slick-dots{ /* width: 78%; */ margin: 0 auto; background: #F5EBE2; height: 2px; position: relative; /* margin-top: 104px; */ display: flex; } .basket{ background: #F9F8F8; color: #9E9E9E; } .slick-dots li{ height: 2px; /* width: 16.6666666667%; */ width: -webkit-fill-available; } .slick-dots .slick-active{ background: #a2233e; } .container-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 5em 1.5em; /* gap: calc(5em + 52px) 1.5em; */ /* gap: calc(5em + 62px) 1.5em; */ gap: calc(5em + 62px) 1.7em; grid-auto-flow: row; grid-template-areas: "i33 i33 i33 i34 i34 i34 i35 i35 i35 i35 i35 i35" "i36 i36 i36 i36 i36 i36 i37 i37 i37 i37 i37 i37" "i38 i38 i38 i38 i39 i39 i39 i39 i40 i40 i40 i40"; } .i33 { grid-area: i33; } .i34 { grid-area: i34; } .i35 { grid-area: i35; } .i36 { grid-area: i36; } .i37 { grid-area: i37; } .i38 { grid-area: i38; } .i39 { grid-area: i39; } .i40 { grid-area: i40; } .categories-title-m{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 25px; line-height: 36px; text-transform: uppercase; color: #0E0D0D; /* margin-top: 20px; */ margin-top: 30px; cursor: pointer; display: inline-flex; position: relative; transition: .7s ease-out; } .categories-title-m::before{ content: ""; display: block; border-bottom: 2px solid #a2233e; /* height: 2px; */ width: 0%; position: absolute; bottom: 0%; left: 0%; transform: translate(0%, 0%); opacity: 0; border-color: #fff; transition: width .7s ease-in-out, opacity .5s ease-in-out; } .grid-box-content:hover .categories-title-m::before{ width: 100%; opacity: 1; border-color: #a2233e; transition: width .7s ease-in-out, opacity .5s ease-in-out; } .grid-box-content:hover .categories-title-m{ color: #a2233e; } .cacharel__categories{ margin-bottom: 104px; } .price-box p{ width:21% } .price-box p:nth-child(3){ width: 52%; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #F14922; } .grid-box-linck{ width: 100%; height: 100%; display: block; transition: .4s; background: transparent; } .grid-box{ transition: .4s; } .grid-box-content{ height: 450px; position: relative; } .grid-box-content:hover .grid-box-img img{ transition: .4s; } .grid-box-content:hover .grid-box-img img{ opacity: 0; } .grid-box-linck img:nth-child(2){ position: absolute; top: 0; left: 0; transition: .4s; z-index: -1; } .grid-box-content:hover .grid-box-linck img:nth-child(2){ opacity: 1; } .skid-info{ background: #F5EBE2; border: 0.5px solid #F5EBE2; box-sizing: border-box; padding: 3px 7px; width: 55px; height: 27px; margin-right: 14px; } .skid-info span{ font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #F14922; } .info-box-link{ display: flex; position: absolute; bottom: 6%; left: 8%; z-index: 3; } .text-info-titl{ padding: 3px 7px; width: 87px; height: 27px; background: #DEE9EB; border: 0.5px solid #F5EBE2; box-sizing: border-box; } .hover__content-linc .price-box p:nth-child(2){ color: #F14922; } .text-info-titl span{ font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; color: #4285F4; } .blog-linck-conten{ width: 32.5%; margin-left: 1em; margin-right: 1em; } .blog__img{ margin-bottom: 35px; } .blog-linck{ max-width: 467px; max-height: 344px; } .blog__img img{ width: 100%; height: 100%; object-fit: contain; } .blog__titl-content{ margin-bottom: 55px; } .blog__titl-content .categories__title{ margin-bottom: 0; } .categories__title-linck{ position: relative; margin-right: 2%; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #0E0D0D; transition: .4s; } .right-arrow-t{ border-top: 2px solid gray; border-right: 2px solid gray; display: inline-flex; width: 14px; height: 14px; position: absolute; top: 50%; top: calc(50% - 1px); right: -20%; transform: translate(0, -50%) rotate(45deg); cursor: pointer; transition: .4s; } .blog__titl-content{ display: flex; align-items: center; justify-content: space-between; } .categories__title-linck:hover .right-arrow-t{ right: -35%; } .categories__title-linck:hover{ color: #a2233e; } .blog-time{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #a2233e; margin-bottom: 15px; transition: .4s; } .blog-title a{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 29px; text-transform: uppercase; color: #0E0D0D; transition: .4s; } .blog-linck-conten:hover .blog-linck-text{ color: #a2233e; } .blog-linck-conten:hover img{ box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); } .cacharel__blog{ margin-bottom: 100px; } .box-now-content{ display: flex; margin-bottom: 70px; } .box-now-menu{ display: flex; width: 67%; } .box-now-newsletter{ width: 33%; } .box-now-newsletter .title-menu-nav{ margin-left: 0; } .box-mene-block{ width: auto; max-width: 24%; margin-right: 6.4%; min-width: 145px; } .title-menu-nav{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #ffffff; margin: auto 5px; margin-bottom: 5px; } /* .title-menu-nav:nth-child(1){ width: 24px; } */ .title-menu-nav:nth-last-child(1){ margin-right: 0; } .footer-content{ padding-top: 80px; padding-bottom: 12px; background: #11294d; } .footer-content .box-mene-block ul li span, .footer-content .box-mene-block ul li a { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 30px; color: #ffffff; transition: .4s; } .footer-content .box-mene-block ul li span { display: block; margin: auto 5px; line-height: 140%; } .footer-content .box-mene-block ul li a:hover{ color: white; } .footer-content input[type="checkbox"] { border: 1px solid #fff !important; /* background: #fff !important; */ font-family: 'Open Sans' !important; } .footer-content .newsletter__chexbox input.checkbox + label, .footer-content .newsletter__chexbox input.checkbox + label * { font-family: 'Open Sans' !important; color: #fff !important; } .footer-content .newsletter__chexbox input.checkbox + label a { color: #a2233e !important; } .footer-content .newsletter__chexbox input.checkbox + label a:hover { border-color: #a2233e !important; } .footer-content input[type="checkbox"]:checked { border: 1px solid #fff !important; background: #fff !important; } .menu-nav-linc{ display: flex; align-items: center; } .menu-nav-linc a{ margin: auto 5px; } .newsletter__content{ display: flex; margin-bottom: 18px; margin-top: 16px; } .newsletter__chexbox{ display: flex; } .newsletter__chexbox .checkbox{ margin-right: 8px; background: transparent; } .checkbox:checked{ background: transparent; } .checkbox-text{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #676767; } .checkbox-text a{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #ffffff; border-bottom: 1px solid #676767; transition: .4s; } .checkbox-text a:hover{ border-bottom: 1px solid transparent; } .newsletter__content input{ border-bottom: 1px solid #000; /* padding: 8px; */ padding: 8px 12px; width:calc(100% - 16px) ; max-width: 345px; background: transparent; font-size: 15px; } .btn--newsletter{ width: 143px; height: 36px; } .footer__bot{ display: flex; } .footer__bot-box1, .footer__bot-box2{ width: 50%; display: flex; align-items: center; } .footer__bot-box1 span{ display: block; margin: auto 5px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #ffffff; text-transform: uppercase; } .footer__bot-box1 img{ margin: auto 5px; } .footer__bot-box2 span{ margin: auto 5px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #ffffff; text-transform: uppercase; } .slick-baner .slick-dots { width: fit-content; background: transparent; height: 20px; position: absolute; margin-top: 0px; bottom: 5%; left: 50%; right: 50%; transform: translate( -50% , 0); justify-content: space-between; } .slick-baner .slick-dots li { width: 8px; height: 8px; background: #FFFFFF; border-radius: 20px; transition: .4s; margin-left: 25px; margin-right: 25px; } .slick-baner .slick-dots .slick-active{ width: 40px; } .btn-baner{ border-radius: 20px; width: fit-content; padding: 8px 23px; height: 40px; background: #a2233e; margin: auto 15px; color: #FFFFFF; } .btn-baner:hover{ background: #F5EBE2; color: #a2233e; } .btn-baner:focus{ color: #0E0D0D; background: #FFFFFF; } .btn-baner-box{ display: flex; position: absolute; bottom: 10%; transform: translate(-50%, -50%); left: 50%; } .baner .btn-baner-box{ bottom: 5%; } .grid-box-img{ width: 100%; height: 100%; } .grid-box-linck img { width: 100%; height: 100%; object-fit: cover; transition: .4s; } .our-boutiques-butik-text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #9A9A9A; } .slaid-box-looc-linc { /* display: flex !important; */ /* overflow-x: auto; */ /* width: 1375px; */ min-width: 1375px; /* padding-bottom: 14px; */ } .slaid-box-looc{ overflow: hidden; overflow-x: auto; } .footer__bot-box1 img{ width: 16px; height: 16px; } .btn--white{ color: #0E0D0D !important; background: #FFFFFF; } .btn--series{ background: #F5EBE2; color: #a2233e; } .btn--series:hover{ color: #0E0D0D; background: #FFFFFF; } .baner img{ width: 100%; height: 100%; object-fit: contain; } .mene-hover-box{ position: absolute; /* top: 40px; */ top: 70px; left: 50%; width: 100vw; z-index: 99; background: #fff; display: flex; justify-content: center; padding: 32px; right: 50%; transform: translate(-50%, 0px); padding: 32px; height: fit-content; z-index: 1; height: 0px; overflow: hidden; padding: 0; transition: .4s; -webkit-box-shadow: 0px 5px 5px -5px rgb(34 60 80 / 60%); -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); box-shadow: 0px 5px 5px -5px rgb(34 60 80 / 60%); } .mene-hover-dop-box{ display: flex; max-width: 840px; max-width: 980px; width: 100%; } .mene-hover-content{ width: 50%; /* overflow: auto; */ margin-right: 5px; } .menu-img-box{ /* height: 268px; */ height: 475px; margin-left: 7px; } .mene-hover-content .mene-hover-linc{ margin-bottom: 15px; } .mene-hover-content .mene-hover-linc a{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; color: #1a2a4a; text-transform: initial; font-size: 14px; line-height: 14px; } .mene-hover-content .mene-hover-linc a:hover{ /* color: #a2233e; */ color: #a2233e; } .menu__item{ cursor: pointer; transition: .4s; position: relative; } .menu__item:hover { /* color: #a2233e; */ color: #a2233e; } .menu__item.active ~ .mene-hover-box { display: flex; padding: 32px; /* height: 450px; */ height: auto; z-index: 99; } .menu__item{ background: transparent; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 27px; color: #0E0D0D; transition: .4s; width: 100%; text-align: start; padding: 10px; } .menu__item.active { color: #a2233e;; z-index: 2; } .header-mob-min{ z-index: 1; } .btn img{ width: 21px; height: 21px; } .img-tovar img{ z-index: 1; } .img-tovar img:nth-child(2){ position: absolute; top: 0%; left: 0; z-index: 2; transition: .4s; opacity: 1; } .img-tovar.hover img:nth-child(2){ opacity: 0; } .mene-hover-box-t{ max-width: 1440px; width: 100%; z-index: 99; background: #fff; display: flex; justify-content: center; padding: 60px 32px; z-index: 1; -webkit-box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%); margin: 0 auto; display: none; } .Vector{ background: transparent; cursor: pointer; transition: .4s; } .Vector:hover{ opacity: 0.7; } .pod-title{ /* font-family: 'Open Sans', sans-serif; */ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; /* color: #a2233e; */ } .title-offis{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 25px; line-height: 41px; color: #000000; text-transform: uppercase; } .text-offis{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; color: #000000; margin-bottom: 25px; } .text-offis + .search-offs-content > input[name="USER_LOGIN"] + .search-offs-box { display: flex; flex-direction: column; } .text-offis + .search-offs-content > input[name="USER_LOGIN"] + .search-offs-box input[name="USER_PASSWORD"] { margin-bottom: 0; } .bpx-registr{ display: flex; } section{ z-index: 0; } .menu-img-box--p{ height: auto; } .mene-hover-dop-box--t{ justify-content: center; max-width: 460px; margin: 0 auto; } .menu-img-box--p{ display: flex; flex-direction: column; align-items: center; width: 100%; } .search{ background: transparent; /* position: absolute; */ top: 15px; right: 132px; cursor: pointer; transition: .4s; z-index: 1; } .search:hover{ opacity: 0.7; } .search-offs-content{ display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 25px; } @media(min-width:990px) { .search-offs-content--desktop { width: 30%; } } .search-offs-content input { font-size: 18px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; } form.form[name="form_auth"] .search-offs { margin-bottom: 0 !important; } form.form[name="form_auth"] #loginEmailPhone {} #smsBlock > div:first-child { transform: translateY(-25px); } #smsBlock > input[name="USER_SMS_CODE"] { margin-bottom: 4px; } .pod-title.pod-title--r { padding-top: 14px; padding-bottom: 14px; } .search-offs{ border-bottom: 1px solid #000; padding: 8px; width: 100%; margin-bottom: 15px; background: transparent; padding-left: 0; } .search-offs-box .search-offs { border-bottom: 1px solid #000; padding: 8px; width: 100%; margin-bottom: 5px; background: transparent; padding-left: 0; margin-bottom: 0px; } .registration-input-text{ margin-top: -10px; } #RegistrationFields .search-offs-box{ margin-bottom: 15px; } .search-offs-box.registration__input { height: 44px; margin-bottom: 0; } .search-offs-box.registration__input .search-offs { margin-bottom: 4px; } .search-offs::placeholder{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; } .header__top-menu-link .bot-t p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #676767; margin-bottom: 15px; } .header__top-menu-link .bot-t a{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #676767; margin-bottom: 15px; } .btn--nk{ margin-bottom: 15px; max-width: 310px; width: 100%; } .btn--nz{ margin-bottom: 5px; background: transparent; border: 1px solid #a2233e; color: #a2233e; } .bot-t{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #676767; display: flex; align-items: center; } .menu.header__menu.pt{ padding-bottom: 10px; padding-top: 10px; } .bot-t p{ margin-right: 5px; } .bot-t a{ position: relative; transition: .4s; display: block; color: #676767; } .bot-t a::before{ content: ""; display: block; position: absolute; bottom: 0; width: 100%; border-bottom: 1px solid #676767; transition: .4s; } .bot-t a:hover::before{ border-bottom: 1px solid transparent; } .bpx-registr-btn{ margin: 0px 10px; background: transparent; cursor: pointer; transition: .4s; } .bpx-registr-btn:hover{ opacity: .5; } .text-registr{ margin-bottom: 15px; margin-top: 27px; text-align: center; font-family: 'Open Sans'; color: #000; font-size: 18px; font-weight: 100; } .pod-title--x{ margin-left: 0; margin-right: auto; margin-bottom: 40px; } .bot-l{ margin-left: auto; margin-right: 0; } .mene-hover-box-t .pod-title{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #a2233e; } .mene-hover-box-t .search-offs:nth-child(2){ margin-bottom: 40px; } .search-offs-box{ width: 100%; position: relative; } .search-offs-img{ width: 20px; height: 16px; position: absolute; top: 0px; right: 0; transform: translate(-50% , 50%); cursor: pointer; } button.search-offs-img{ background: transparent; } .cacharel__slaid--min{ width: calc(100% - 64px); max-width: 1504px; margin: 0 auto; } .basket-t{ border: 1px solid #9E9E9E; color: #9E9E9E; background: transparent; } .box-form-65 .colour-link { width: 16px; height: 16px; border: 1px solid transparent; } .box-form-65 .size-box p { font-size: 18px; line-height: 19px; display: flex; align-items: center; } .box-form-65 .price-box p:nth-child(2) { color: #F14922; } .img-delete{ width: 20px; height: 20px; margin-right: 10px; } .korzina-left{ min-width: 162px; height: 255px; } .box-item-korzina{ display: flex; padding: 15px 0px; flex-wrap: wrap; /* justify-content:center; */ justify-content: flex-start; } .box-form-65 .price-box p { width: auto; } .box-form-65{ padding: 20px; max-width: 970px; /* width: calc(100% - 40px); */ width: 100%; height: fit-content; display: none; position: relative; } .box-form-65:not(.finished-images-modal)::before{ width: 100vw; height: 100vh; content: ""; display: block; z-index: -1; background: #1e1e1e; background: rgba(189, 189, 189, 0.8); position: fixed; top: 92px; z-index: -1; left: 50%; transform: translate(-50%, 0%); } .box-form-65.finished-images-modal .korzina-right__info { max-width: 90% !important; } .box-form-65.finished-images-modal .btn { display: block; padding: 0 10px; } .box-form-65.finished-images-modal .korzina-right__info .product-item-scu-container { display: flex; justify-content: space-between; } .box-form-65.finished-images-modal .product-item-scu-container .select { max-width: 144px !important; } .korzin-tovar{ display: flex; width: 48%; margin: 1%; margin-bottom: 15px; } .korzina-life, .korzina-right{ margin-left: 18px; } .korzina-life{ width: 19px; height: 19px; } .korzina-color{ display: flex; align-items: center; } .korzina-size{ display: flex; margin-bottom: 10px; } .quantity-box{ display: flex; } .delete{ display: flex; cursor: pointer; transition: .4s; align-items: center; /* order: 2; */ } .delete:nth-child(2){ order: 2; } .delete .color-title{ cursor: pointer; margin-right: 20px; } .delete:hover{ opacity: 0.5; } .korzina-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 25px; line-height: 34px; color: #000000; text-align: center; margin-bottom: 10px; } .korzina-text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #000000; margin-bottom: 15px; } .korzina-right .name-title{ margin-bottom: 20px; } .quantity-box{ margin-bottom: 10px; } .korzina-color{ margin-bottom: 10px; } .korzina-right .price-box{ margin-bottom: 10px; width: 110%; } .price-box *, .korzina-color *, .korzina-size *, .quantity-box *, .delete-box * { font-weight: 400 !important; } .delete-box * { font-size: 14px !important; } .color-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; margin-right: 5px; } .colour-text{ /* margin-left: 5px; */ margin-left: 7px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; } .box-quantity-content{ display: flex; align-items: center; } .box-quantity-content span{ /* margin:0px 5px; */ padding: 4px; display: block; cursor: pointer; width: 23px; /* border: 1px solid blue; */ text-align: center; } .box-form-65 .colour-box { margin-bottom: 0px; } .item-bottom-content{ display: flex; justify-content: space-between; } .item-bottom-text{ display: flex; align-items: center; } .result-number{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #000000; margin-left: 15px; } .box-item-bottom .item-bottom-content .btn--result{ width: 225px; padding: 10px 15px; height: 50px; display: flex; } .header__top-menu li .btn--result{ color: #fff; } .header__top-menu li:hover .btn--result { color: #fff; } .box-quantity-content span:nth-child(2){ cursor: context-menu; } .korzina-life{ cursor: pointer; transition: .4s; } .korzina-life:hover{ transform: scale(1.2); } .box-item-bottom{ border-top: 1px solid #a2233e; padding-top: 15px; } .close-t:before, .close-t:after { position: absolute; left: 50%;; top: 50%; transform: translate(-50%, -50%); content: ' '; height: 16px; width: 2px; background-color: #333; cursor: pointer; transition: .4s; } .close-t:before { transform: translate(-50%, -50%) rotate(45deg); } .close-t:after { transform: translate(-50%, -50%) rotate(-45deg); } .close-t{ position: absolute; /* top: 4%; */ /* right: 2%; */ top: 44px; right: -6px; transition: .4s; width: 25px; height: 25px; cursor: pointer; background: transparent; } .cacharel__slaid--popap{ max-width: 1200px; height :605px; margin: 0 auto; padding: 120px; display: flex; } .cacharel__slaid--img{ background-image: url(/local/templates/arfashion/css/../img/popap.png); } .cacharel-slaid-pop{ margin-top: auto; margin-bottom: 0; padding: 0; } .cacharel-slaid-pop .newsletter__content { width: 100%; } .popap .newsletter__content input { background: rgba(255, 255, 255, 0.95); border: 1px solid #a2233e; } .newsletter-content--tr{ justify-content: end } .slick-baner-pop .slick-dots { width: fit-content; background: transparent; height: 20px; position: absolute; margin-top: 0px; bottom: 5%; left: 50%; right: 50%; transform: translate( -50% , 0); justify-content: space-between; } .slick-baner-pop .slick-dots .slick-active { width: 40px; } .slick-baner-pop .slick-dots li { width: 8px; height: 8px; background: #FFFFFF; border-radius: 20px; transition: .4s; margin-left: 25px; margin-right: 25px; } #overlay { height :605px; max-width: 1200px; width: 100%; display: none; padding: 0; overflow: hidden; position: relative; } .popup { font-size: 14px; margin: auto; height :605px; max-width: 1200px; z-index: 1000; } #overlay .fancybox-button svg path { fill: #fff; stroke-width: 0; } .close--tr{ right: 2%; } .close--tr:before, .close--tr:after { background-color: #FFF; } .overlay .left-arrow, .overlay .right-arrow { display: inline-flex; width: 18px; height: 18px; position: absolute; top: 50%; cursor: pointer; transition: .4s; } .overlay .right-arrow { transform: rotate(45deg) translate(-50%, -50%); border-color: #000; } .overlay .left-arrow{ transform: rotate(-45deg) translate(-50%, -50%); right: 95%; z-index: 9; border-color: #000; } .overlay .left-arrow:hover { right: 96%; } .akar-icons{ background: transparent; transition: .4s; cursor: pointer; } .akar-icons:hover{ opacity: 0.7; } .akar-icons.active ~ .box-form-kr { display: block; } .box-form-kr{ position: absolute; right: 0; background: #fff; top:70px; -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); } .header__top-menu-link .box-item-korzina{ /* align-items: center; */ align-items: flex-start; /* height: 60vh; */ height: 55vh; overflow-y: auto; flex-direction: initial; } .header__top-menu-link .box-form-65 { max-width: 500px; padding: 15px 20px; width: 100%; } .header__top-menu-link .korzin-tovar{ max-width: 400px; width: auto; } .close-t:hover{ opacity: .5; } .personal-account-box{ width: 100vw; z-index: 99; background: #fff; display: flex; justify-content: center; padding: 32px; padding: 32px; } .pod-title--r{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #696969; } .registration__box{ display: flex; margin-bottom: 60px; } .text-al{ text-align: center; margin-bottom: 40px; } .registration__container{ padding: 40px 120px; } .registration__right-box{ max-width: 468px; height: auto; margin-top: 0; margin-bottom: auto; width: 100%; } .registration__input{ max-width: 345px; width: 100%; margin-right: 25px; height: 51px; margin-bottom: 20px; } .registration-input-box{ /* display: flex; */ /* justify-content: space-between; */ position: relative; } .registration-input-text{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #0E0D0D; max-width: 245px; /* margin-left: 25px; */ transform: translateY(9px); position: absolute; right: 0; top: 0; /* width: 210px; */ width: 209px; } .bx-error + .error { /* display: block; */ display:inline-block; /* width: 114px; */ max-width: 50%; /* background: rgba(255, 0, 0, 0.15); */ background: rgba(81, 0, 0, 0.15); padding: 4px 7px; border-radius: 4px; border: none; color: #fff; font-size: 14px; /* transform: translateY(-100%); */ /* width: 109px; position: absolute; bottom: 0; */ position: absolute; top: 48%; left: 0; } .search-offs-box.registration-input-box .bx-error + .error { /* transform: translateY(calc(-100% - 14px)); */ } .registration__input-field{ display: flex; flex-direction: column; /* margin-right: 150px; */ margin-right: 134px; } .registration__checbox{ display: flex; align-items: baseline; margin-bottom: 31px; } .registration__pol{ margin-right: 35px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #0E0D0D; transform: translateY(-3px); } .newsletter__chexbox{ margin-right: 35px; display: flex; align-items: end; } .checkbox-registration{ width: 20px; height: 20px; } .registration__input-kod .registration-input-text{ max-width: 345px; } .registration-info-box{ max-width: 710px; /* margin-bottom: 40px; */ margin-bottom: 55px; } .registration-info-box p:last-of-type { margin-bottom: 32px; } .registration-info-tex{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #0E0D0D; } .text-alen-c{ text-align: center; } .registration-info-tex a{ border-bottom: 1px solid #a2233e; transition: .4s; } .registration-info-tex a:hover{ border-bottom: 1px solid transparent; } .registration-info-tex a { color: #a2233e !important; } .newsletter__chexbox{ margin-bottom: 15px; } .registration__text{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #0E0D0D; margin-bottom: 35px } .registration__info-link{ display: flex; align-items: flex-start; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #0E0D0D; } .registration__info-link::before{ content: ""; display: block; width: 1px; height: 1px; border: 1px solid #000; border-radius: 50%; margin-right: 10px; margin-left: 10px; margin-top: 8px; } .d-none{ display: none; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .fa:before { content: "/"; } /* BREADCRUMBS STYLES */ .breadcrumbs { margin-top: 10px; margin-bottom: 5px; } .container.breadcrumbs__container { padding: 0; } .breadcrumbs .breadcrumbs__link + i { padding: 0 2.4px; font-size: 14px; font-weight: 700; color: #999999; } .breadcrumbs .breadcrumbs__link a, .breadcrumbs span.breadcrumbs__link { /* ELDER */ /* font-family: 'Open Sans', sans-serif; */ /* font-weight: 400; */ /* NEW */ font-family: 'Open Sans', sans-serif !important; font-weight: 400; font-size: 14px !important; font-style: normal; line-height: 14px; /* letter-spacing: 0.15em; */ transition: .4s; } .breadcrumbs .breadcrumbs__link a { color: #9e9e9e; } .breadcrumbs .breadcrumbs__link.active a, .breadcrumbs .breadcrumbs__link:last-child a { color: #0E0D0D; color: #696969; /* color: #999999; */ } .breadcrumbs .breadcrumbs__link:hover a { color:#a2233e; } .our-boutiques--left{ margin-right: 25px; } .our-boutiques__img{ height: 400px; } .our-boutiques__skrol{ overflow-y: auto; } .our-boutiques__skrol1{ overflow-y:hidden; width: 1366px; display: flex; } .navigation{ background: transparent; display: flex; margin-top: 5px; align-items: center; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #A2A2A2; cursor: pointer; transition: .4s; } .navigation:hover{ color: #a2233e; } .navigation svg path{ transition: .4s; } .navigation:hover svg path{ fill: #a2233e; } .navigation img{ width: 24px; height: 24px; } .our-boutiques-butik-img{ min-width: 24px; height: 24px; margin-right: 20px; } .our-boutiques-butik__box-kink{ display: flex; padding-bottom: 12px; } .our-boutiques-butik__box { width: 24%; padding: 10px; margin-right: 1.3%; display: flex; flex-direction: column; margin-bottom: 40px; } .our-boutiques-butik__box:nth-child(4n) { margin-right: 0; } .search-offs-box--our{ max-width: 400px; } .find-a-store__title{ margin-bottom: 30px; } .our-boutiques-butik-title{ min-height: 54px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 27px; color: #0E0D0D; margin-bottom: 20px; } .our-boutiques-butik__content .our-boutiques-butik-title { min-height: 34px; margin-bottom: 0; } .our-boutiques-butik__text span{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #0E0D0D; margin-right: 5px; } .our-boutiques-butik__text span:nth-child(2){ color: #838383; } .our-boutiques-butik__tailor{ border-top: 1px solid #a2233e; padding: 10px 5px; display: flex; margin-top: auto; justify-content: space-between; margin-bottom: 0; } .our-boutiques-butik-country, .our-boutiques-butik-cities{ margin-bottom: 5px; } .our-boutiques-butik__content .our-boutiques-butik-cities{ min-height: 28px; } .our-boutiques-butik__content{ display: flex; flex-wrap: wrap; } .our-boutiques__map iframe{ width: 100%; } .our-boutiques__butik{ margin-bottom: 40px; } .box-form--my-shopping-cart-page{ display: block; position: relative; max-width: 700px; /* margin-right: 90px; */ } .box-form--my-shopping-cart-page .box-item-korzina{ flex-direction: column; } .box-form--my-shopping-cart-page .price-box p { width: auto; } .box-form--my-shopping-cart-page .colour-box { margin-bottom: 0px; margin-left: 3px; } .box-form--my-shopping-cart-page .korzin-tovar{ width: auto; } .delete-box{ display: flex; flex-wrap: wrap; /* margin-top: 10px; */ /* flex-direction: column; */ } .delete-box * { text-transform: uppercase; } .korzina-color, .korzina-color * { display: flex; align-items: center; line-height: 100%; font-family: 'Open Sans'; font-size: 15px; line-height: 100%; } .box-quantity-content, .box-quantity-content * { display: flex; align-items: center; line-height: 100%; font-family: 'Open Sans'; font-size: 15px; } .size-box, .size-box * { display: flex; align-items: center; line-height: 100%; font-family: 'Open Sans'; font-size: 15px; } .colour-box, .colour-box * { display: flex; align-items: center; line-height: 100%; font-family: 'Open Sans'; font-size: 15px; } .korzina-right{ padding-top: 10px; } .my-shopping-cart-page__cart{ margin-bottom: 90px; } .summary__summa{ display: flex; justify-content: space-between; margin-bottom: 20px; } .summary__summa + .newsletter__content.newsletter-content--tr { height: 50px; } .summary__summa + .newsletter__content.newsletter-content--tr > .btn { height: 100%; } .summary__summa + .newsletter__content.newsletter-content--tr > input { border-color: #a2233e; color: #a2233e; } .summary__summa + .newsletter__content.newsletter-content--tr > input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #a2233e; opacity: 0.7; } .summary-promocod-itog-wrp { margin-top: 14px !important; padding-top: 12px; border-top: 2px solid #F5EBE2; } .summary-chec { font-size: 15px; font-family: 'Open Sans' !important; font-weight: 400; } .summary{ width: 466px; border: 1px solid #E5E5E5; /* padding: 18px; */ padding: 21px; margin-bottom: 50px; } .summary-title{ font-family: Open Sans; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; color: #000000; margin-bottom: 20px; font-weight: 400; } .summary-text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 15px; line-height: 24px; color: #000000; } .summary-promocod{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; color: #000000; font-weight: 400; } .summary-promocod-itog{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 19px; color: #000000; } .search-suggest--tp{ border: 1px solid #a2233e; } .summary-summa--tr{ padding-bottom: 20px; border-bottom: 1px solid #F5EBE2; } .col-red{ color: #F14922; } .btn--summary{ max-width: none; width: 100%; display: flex; justify-content: center; padding: 0; } .my-shopping-cart-page__summary{ max-width: fit-content; } .my-shopping-cart-page__container{ max-width: 1280px; display: flex; justify-content: space-between; } .selection-menu__link{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; color: #000000; transition: .4s; max-width: 33%; text-align: center; width: 100%; padding-bottom: 10px; cursor: pointer; } .selection-menu__link.active{ border-bottom: 1px solid #a2233e; } .selection-menu__link.active a{ color: #a2233e; } .selection-menu__box { display: flex; max-width: 710px; width: 100%; justify-content: space-between; border-bottom: 1px solid #F5EBE2; margin: 0 auto ; } .selection-menu{ margin-bottom: 80px; } .selection-menu__link { font-weight: 400; } .selection-menu__link:hover a{ color: #a74359; } .selection-menu__link:hover{ border-bottom: 1px solid #a74359; } .box-form--my-shopping-cart-page-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 25px; line-height: 34px; color: #000000; margin-bottom: 30px; } .btn--auto{ margin: 0 auto; } .my-shopping-cart-page__back{ margin-bottom: 140px; } .header__top-box a:hover .text-item { opacity: 0.5; } .header__top-box .locations select + div > button { transition: all .35s; } .header__top-box .locations select + div > button:hover { opacity: 0.5; /* color: #a2233e; */ } .my-shopping-cart-page__cart .korzina-left{ width: 223px; height: 337px; } .my-shopping-cart-page__cart .price-box{ margin-bottom: 42px; } .my-shopping-cart-page__cart .quantity-box{ margin-bottom: 42px; } .my-shopping-cart-page__cart .korzina-left img{ object-fit: cover; } .search-offs-content .bot-l{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #676767; transition: .4s; } .bot-l:hover{ opacity: 0.5; } .find-a-store__search-offs{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #4E4E4E; } .making-an-order-page--title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 33px; color: #000000; } .making-an-order-page .slick-dots{ display: none !important; } .my-shopping-cart-page .slick-dots{ display: none !important; } .my-shopping-cart-page__cart .korzina-right{ display: flex; flex-direction: column; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; } .box-3-bloc{ display: flex; } .box-3-bloc_box{ max-width: 102px; } .box-3-bloc_box:nth-last-child(1){ margin-right: 0; } .registration--text{ border: 1px solid #000000; box-sizing: border-box; padding: 10px; min-height: 130px; text-align: top; } .w--100{ width: 100%; max-width: none; } .text--a { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; text-align: center; color: #000000; position: relative; display: inline-block; font-family: 'Open Sans', sans-serif; } .text--a::before { content: ""; display: block; border-bottom: 1px solid #000000; transition: .4s; width: 100%; bottom: 3px; left: 0; position: absolute; } .making-an-order-page{ margin-top: 44px; } .text--a:hover::before { border-bottom: 1px solid transparent; } .text-box-confed { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; max-width: 470px; font-family: 'Open Sans'; } .summary-bezopasnost-img{ margin-right: 40px; display: flex; align-items: center; } .summary-bezopasnost-img img{ height: 50px; width: 40px; } .bezopasnost-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 16px; margin-left: 79px; } .bezopasnost-text{ padding-top: 0; padding-bottom: 0; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; } .summary-box-bezopasnost{ display: flex; } .payment-page__container{ display: flex; } .payment-page__container{ max-width: 1024px; display: flex; justify-content: space-between; } .payment-check-page, .my-shopping-cart-page, .payment-page, .privacy-policy-page, .public-offer-page, .refund-page, .delivery-page { margin-top: 14px; } option{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #000000; } .delivery-address-number{ width: 30px; height: 30px; margin-right: 22px; } .delivery-address{ position: relative; display: flex; } .contact-box{ display: flex; } .contact-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 22px; } .contact-text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; } .contact-text-title{ margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #000000; } .box-oplata{ max-width: 680px; width: 100%; margin-right: 50px; } .payment-confirm-page__container{ max-width: 1280px; display: flex; justify-content: center; } .contact-content{ margin-right: 45px; } .delivery-address-btn{ margin-right: 0; margin-left: auto; } .dannie-oplata{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #F5EBE2; } .contact-text-conten{ padding-left: 40px; margin-bottom: 20px; } .contact-text-t{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; } .contact-text-t:nth-child(1){ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 5px; position: relative; } .contact-text-t:nth-child(1)::before{ content: ""; display: block; position: absolute; top: 0; left: -40px; height: 20px; width: 20px; background-image: url(/local/templates/arfashion/css/../img/ccccc.svg); } .contact-text-link{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #767676; border-bottom: 1px solid #767676; transition: .4s; margin-left: 40px; } .contact-text-link:hover{ border-bottom: 1px solid transparent; } .m-b-20{ margin-bottom: 20px; } .oplata-img img{ width: 32px; height: 24px; margin: 0 5px; } .contact-box--t{ flex-direction: column; } .mar-bot-20{ margin-bottom: 20px; } .dannie-oplata:nth-last-child(1){ margin-bottom: 0; border-bottom: 1px solid transparent; } .oplata .oplata__checkbox{ margin-right: 20px; } .btn--delivery{ max-width: none; width: 50%; padding: 5px; background: transparent; color: #a2233e; border: 1px solid #a2233e; } .type-of-delivery{ max-width: 345px; margin-bottom: 35px; } .type-of-delivery-btn-box{ display: flex; flex-wrap: wrap; } .type-of-delivery-text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 25px; } .delivery-amount-box{ display: flex; max-width: 580px; padding-top: 15px; border-top: 1px solid #F5EBE2; width: 580px; } .delivery-amount-box .delivery-amont { margin-right: 35px; } .delivery-summa{ /* margin-right: 35px; */ margin-right: 21px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #000000; width: 110px; } .delivery-text { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 15px; } .delivery-text span{ font-weight: 500; } .delivery-date{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #565656; margin-bottom: 8px; } #shd_pvz_pick button { margin-top: 14px; cursor: pointer; } #containerPVZ .rdio { padding-top: 14px; padding-bottom: 14px; } #ModalPVZ .popup-window-button { height: 45px; line-height: 44px; } .sh_rdio_text span { font-size: 14px; font-weight: 500; } .rdio .additional:not(.phones) p { margin-bottom: 5px; } .rdio label .text { margin-left: 40px; margin-top: 8px; margin-bottom: 7px; } .btn-none-2, .btn-none-1{ display: none; margin-top: 35px; } .btn-none-1t.active ~ .btn-none-1{ display: block; } .btn-none-2t.active ~ .btn-none-2{ display: block; } input.btn:not([disabled]):hover{ /* background: transparent; */ } .smartfilter input.btn:not([disabled]):hover{ background: transparent; color: #a2233e; border: 1px solid #a2233e; } .btn-none-2{ max-width: none; } .btn--delivery.active{ background: #a2233e; border: 1px solid #a2233e; color: #a2233e; color: #fff; } .btn-none-2 .search-offs-img{ width: 20px; height: 20px; top: -12%; } .summary-promocod--box{ display: flex; flex-direction: column; } .summary-promocod--box span:nth-child(1){ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #000000; } .the-order-has-been-placed-page-box{ display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; } .the-order-has-been-placed__container{ max-width: 1024px; display: flex; flex-direction: column; align-items: center; } .the-order-has-been-placed-page-ys{ display: flex; align-items: center; /* margin-bottom: 50px; */ width: 118%; justify-content: space-around; } .the-order-has-been-placed-page-text { font-size: 14px !important; margin-right: 10px; text-align: center; width: 200px; opacity: 0.5; line-height: 15px !important; } .the-order-has-been-placed-page-ys .sberbank__content{ /* border: none; */ padding: 23px 10px 17px; border-radius: 3px; } .the-order-has-been-placed-page-ys .sberbank__description{ color: #939393; padding: 0 17px; margin-top: -8px; font-size: 10px; } .the-order-has-been-placed-page-ys .sberbank__price-string { font-family: 'Open Sans' } .the-order-has-been-placed-page-ys .sberbank__price-string b{ width: 320px; margin-top: 4px; margin-left: auto; margin-right: auto; font-size: 20px; font-family: 'Open Sans'; font-weight: 600; } .the-order-has-been-placed-page-ys .sberbank__payment-link{ display: flex; justify-content: center; align-items: center; width: 160px; margin: 0 auto; margin-top: 16px; margin-bottom: 20px; padding: 13px 0 10px; background: #a2233e !important; border-radius: 3px; font-size: 19px; /* text-transform: uppercase; */ line-height: 100%; transition: all .35s ease-out; opacity: 0.7; } .the-order-has-been-placed-page-ys .sberbank__payment-link:hover{ background: #DBB89D !important; /* opacity: 1; */ } .sberbank__price-string { display: flex; flex-direction: column; } .pthe-order-has-been-placed-title{ text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 33px; line-height: 45px; color: #000000; text-transform: uppercase; margin-bottom: 30px; } .pthe-order-has-been-placed-namber{ text-align: center; font-style: normal; font-weight: normal; font-size: 25px; line-height: 29px; color: #000000; text-transform: uppercase; margin-bottom: 25px; } .pthe-order-has-been-placed-namber span{ font-style: normal; font-weight: bold; font-size: 25px; line-height: 29px; color: #000000; } /* INPUT TYPE CHECKBOX CUSTOM STYLES */ input[type="checkbox"].checkbox, input[type="radio"] { height: 20px; min-width: 20px; margin: 0; padding: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ffffff; background: #fff; position: relative; margin-right: 15px; cursor: pointer; } input[type="checkbox"].checkbox + label, input[type="radio"] + label { cursor: pointer; } input[type="checkbox"].checkbox { width: 25px; height: 25px; } input[type="checkbox"].checkbox:not(:checked), input[type="radio"]:not(:checked) { border: 1px solid #a2233e; background: transparent; } input[type="checkbox"].checkbox:checked, input[type="radio"]:checked { border: 1px solid #a2233e; background: #a2233e; } input[type="checkbox"].checkbox:checked:before, input[type="radio"]:checked:before { width: 8px; top: 11px; left: 2px; -webkit-transform: rotate(44deg); transform: rotate(44deg); } input[type="checkbox"].checkbox:checked:after, input[type="radio"]:checked:after { width: 14px; top: 8px; left: 5px; -webkit-transform: rotate(-55deg); transform: rotate(-55deg); } input[type="checkbox"].checkbox:focus, input[type="radio"]:focus { outline: none; } .mar-left-35 { margin-right: 35px; } /* END OF INPUT TYPE CHECKBOX CUSTOM STYLES */ .pthe-order-has-been-placed-text{ text-align: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #000000; max-width: 550px; } .the-order-has-been-placed-page__left{ display: flex; flex-direction: column; justify-content: center; align-items: center; /* margin-left: 55px; */ max-width: 550px; } .the-order-has-been-placed-page-oplata{ font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #000000; margin-bottom: 22px; text-transform: uppercase; } .the-order-has-been-placed-page-text{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #545454; /* margin-right: 40px; */ } .the-order-has-been-placed-page-d{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 27px; max-width: 420px; color: #000000; margin-bottom: 25px; } .the-order-has-been-placed-page-linc{ margin-top: 55px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #000000; } .the-order-has-been-placed-page-linc a{ color: #4285F4; } .the-order-has-been-placed__box{ margin-top: 100px; margin-bottom: 100px; } .search-offs--hover{ width: 0; border-bottom: 1px solid transparent; margin: 0; transition: .4s; margin-left: auto; margin-right: 0; display: flex; font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; color: #000000; font-family: 'Open Sans', sans-serif; background: #F9F8F8; position: absolute; margin-left: 0px; top: 10px; } .header__top-menu-link a img, .header__top-menu-link button img{ width: 20px; height: 20px; } .search-offs--hover::placeholder { color: #000000; } .search .search-offs::placeholder{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #000000; } .bx-searchtitle { right: 122px; /* top: 9px; */ /* top: 7px; */ top: 4px; } .search:not(.active) ~ .search-offs { right: 122px; /* top: 9px; */ /* top: 7px; */ top: 4px; } .search.active ~ .search-offs--hover{ width: 270px; position: absolute; right: 122px; /* top: 9px; */ /* top: 7px; */ top: 4px; } .search-offs--hover .search-offs{ padding: 0; } .search:not(.active) ~ .search-offs--hover .search-offs{ border-bottom: none; opacity: 0; transition: all .35s; } .search.active ~ .search-offs--hover .search-offs{ /* padding: 5px; */ padding-left: 0; border-bottom: none; padding-bottom: 0; transition: all .35s; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; color: #000; opacity: 1; } @media(max-width:490px) { div.search.active ~ .search-offs--hover .search-offs, div.search.active ~ .search-offs--hover .search-offs::placeholder{ font-size: 14px !important; } } .fc svg path, .vk svg path, .in svg path { transition: .4s; } .fc:hover svg path, .vk:hover svg path, .in:hover svg path { fill: #a2233e; } footer .footer-content .checkbox-f{ width: 15px; height: 15px; padding: 6px; margin-top: 0; margin-bottom: auto; } .search-offs-box--our .search-offs-img img{ transition: .4s; } .search-offs-box--our:hover .search-offs-img img{ transform: scale(1.2); } .tel-b{ color: #838383; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; transition: .4s; margin-right: 5px; } .tel-b:hover{ color: #000; } .menu__item-y { display: inline-flex; width: 10px; height: 10px; position: absolute; top: 30%; transform: translate(0 , -50%) rotate(135deg); cursor: pointer; right: 1%; border-top: 1px solid #000; border-right: 1px solid #000; transition: .4s; } .frequent-questions__container{ max-width: 1200px; display: flex; flex-direction: column; min-height: 100vh; } .frequent-questions__title{ position: relative; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 25px; line-height: 100%; text-transform: uppercase; color: #000000; width: 100%; border-bottom: 1px solid #000000; padding-bottom: 5px; margin-bottom: 35px; cursor: pointer; } .frequent-questions__box1{ position: relative; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 100%; color: #000000; border-bottom: 1px solid #000000; margin-bottom: 24px; cursor: pointer; } .frequent-questions__box2{ font-style: normal; font-weight: 400; font-size: 20px; line-height: 23px; color: #000000; height: 0; overflow: hidden; transition: .3s; } .frequent-questions__content{ width: 100%; display: flex; padding: 0 25px; flex-direction: column; align-items: center; height: 0; overflow: hidden; transition: .3s; margin: 0 auto; } .frequent-questions__box{ display: flex; flex-direction: column; align-items: center; } .frequent-questions__wrapper{ display: flex; flex-direction: column; align-items: center; padding-top: 70px; } .frequent-questions__text{ margin-bottom: 20px; padding-top: 2px; } .frequent-questions__title.active .menu__item-y{ transform: translate(0 , -50%) rotate(315deg); } .frequent-questions__box1.active .menu__item-y{ transform: translate(0 , -50%) rotate(315deg); } .frequent-questions__box1.active ~ .frequent-questions__box2{ height: 90px; } .frequent-questions__title.active ~ .frequent-questions__content{ height: 400px; max-height: fit-content; } .blog-page{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; } .blog-page .blog-linck-conten { width: 31%; margin-bottom: 80px; } .blog-link-page__box{ display: flex; margin-top: 60px; margin-bottom: 35px; } .blog-link-page__text-top{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #000000; } .blog-link-page-title{ text-align: center; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 15px; } .il3{ position: relative; } .il3 .blog-link-page-title{ position: absolute; top: -27px; left: 50%; transform: translate( -50%, 0); } .blog-link-page__text{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #000000; } .mar-bot-0{ margin-bottom: 0; } .blog-link__container{ margin-top: 70px; } .menu__item-po{ background:url(/local/templates/arfashion/css/../img/stroke1.svg) center no-repeat ; transition: .4s; width: 25px; height: 25px; transform: translate(-50% , -50%); position: absolute; top: 50%; cursor: pointer; left: -20%; transition: .4s; } .blog-link-btn{ width: 100px; position: relative; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #838383; margin-left: 40px; display: block; margin-bottom: 35px; } .blog-link-btn:hover .menu__item-po{ left: -25%; } /* .blog-link-page__right-box{ width: 100%; height: 100%; } */ .itle-offis--wrap { margin-top: 60px; margin-bottom: 35px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr ; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 20px 20px; grid-auto-flow: row; grid-template-areas: "i1 i1 i1 i2 i2 i2" "i3 i3 i3 i2 i2 i2" "i4 i4 i4 i2 i2 i2"; } .il1 { grid-area: i1; } .il2 { grid-area: i2; } .il3 { grid-area: i3; } .il4 { grid-area: i4; } .il-drid{ min-height: 110px; height: auto; } .pos--abt{ position: absolute; top: 9px; } .page-404__box{ max-width: 339px; height: auto; margin-bottom: 45px; } .page-4044-text{ font-style: normal; font-weight: bold; font-size: 25px; line-height: 120%; text-transform: uppercase; color: #000000; margin-bottom: 45px; } .page-404__container{ display: flex; flex-direction: column; align-items: center; justify-content: center; *height: 65vh; } .page-404__wrapper li{ font-size:14px; text-align: center; } .page-404__wrapper .menu-nav-linc { display: block; margin-bottom: 3px; } .page-404{ margin-top: 40px; } .info-text-box{ display: flex; } .bx-section-description{ width: 98%; font-size: 14px; margin-top: 30px; margin-bottom: 15px; } .mar-bot-50{ margin-bottom: 50px; } .info-page__container{ display: flex; flex-direction: column; max-width: 954px; /* padding-top: 25px; */ padding-bottom: 60px; margin-top: 50px; } .info-page__box{ width: 350px; } .info-content{ /* max-width: 580px; */ width: 100%; } .privacy-policy-page li::before{ content: ""; display: block; border: 1px solid #000; border-radius: 50%; width: 1px; height: 1px; background: #000; margin: 0 10px; } .privacy-policy__wrapper{ margin-top: 25px; } .privacy-policy-page li{ display: flex; align-items: center; font-style: normal; font-weight: normal; font-size: 16px; line-height: 130%; color: #000000; } .info-page-text{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 130%; color: #000000; } .public-offer-page div{ margin-bottom: 30px; } .public-offer-page h6, .privacy-policy-page h6{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #000000; text-transform: uppercase; margin-bottom: 10px; } .public-offer-page p, .privacy-policy-page p{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 10px; } .p:nth-last-child(1){ margin-bottom: 0; } p span{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #000000; } .public-offer-page li{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 10px; } .public-offer-page li:nth-last-child(1){ margin-bottom: 0px; } .public-offer-page ul{ margin-left: 10px; } .public-offer__container{ /* padding: 40px 32px; */ /* padding: 40px 0; */ } .looc__conten--collection{ /* height: 657px; */ } .looc__content.looc__conten--collection:first-child { overflow: auto; } /*А так убрать*/ input[type=date]::-webkit-calendar-picker-indicator { background: url(/local/templates/arfashion/css/../img/calendar.svg) no-repeat center; font-size: 24; width: 24px; height: 24px; margin-right: -5px; } .registration__input::placeholder { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #0E0D0D; } .personal-account .search-offs::placeholder{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #0E0D0D; } .forgot-your-password .search-offs::placeholder{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #0E0D0D; } .registration input[type="checkbox"].checkbox { width: 15px; height: 15px; min-height: 20px; } .form-map__img{ width: 20px; height: 20px; margin-right: 15px; } .form-map__wraper-h{ display: flex; flex-direction: column; height: 440px; overflow: hidden; overflow-y: auto; padding-right: 5px; } .form-map__km{ margin-left: auto; margin-right: 0; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; color: #6A6A6A; } .form-map__text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #000000; } .form-map__wraper-text{ max-width: 415px; width: 100%; display: flex; padding: 15px 10px; } .form-map__tex-tbox{ max-width: 425px; margin-right: 20px; width: 100%; } .form-map__title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 25px; line-height: 34px; margin-bottom: 15px; color: #000000; text-transform: uppercase; } .form-map__adres{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #000000; margin-right: 25px; } .form-map-ceckit{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 15px; } .form-map__box-adres{ display: flex; margin-bottom: 15px; align-items: center; } .btn--adres{ max-width: 123px; padding: 7px 13px; background: #999999; height: 38px; } .btn[data-entity="basket_add"] { padding: 0; } .form-map__wraper{ display: flex; justify-content: space-between; } .form-map__box-info iframe{ max-width: 655px; max-height: 278px; width: 100%; } .form-map__lain-box{ display: flex; } .form-map__text-content{ display: flex; min-width: 230px; } .form-map__lain-box{ display: flex; justify-content: space-between; } .form-map__kn{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #838383; } .form-map__taim-box{ display: flex; margin-bottom: 10px; } .form-map__vremi-txt{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #000000; } .form-map__mr{ margin-right: 25px; } .form-map__vremi-work{ display: flex; flex-direction: column; height: 115px; overflow: hidden; overflow-y: auto; } .form-map__vremi-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #000000; margin-bottom: 10px; } .our-boutiques-butik-teu{ margin-bottom: 20px; } .form-map__lain-box{ margin-bottom: 5px; } .form-map__content{ display: flex; justify-content: space-between; padding: 20px; background: #EBEBEB; height: 300px; max-width: 655px; } .btn--map-r{ max-width: none; margin-bottom: 10px; } .form-map-content__text{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000000; margin-bottom: 5px; } .form-map-content__text-ds{ font-weight: 400; font-size: 15px; line-height: 24px; font-family: 'Open Sans', sans-serif; color: #000000; margin-bottom: 5px; } .form-map-text-op{ font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #000000; margin-bottom: 5px; } .form-map-text{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #000000; font-family: 'Open Sans', sans-serif; margin-bottom: 5px; } .form-map{ max-width: 1150px; padding: 20px; width: calc(100% - 40px); height: fit-content; display: none; position: relative; } .form-map__box-info{ max-width: 654px; width: 100%; position: absolute; top: 0px; right: 15px; display: none; } .active .form-map__box-info{ display: block; } .form-map__wraper-text.active{ background: #EBEBEB; } .bot-t{ margin-bottom: 15px; } .blog-linck img{ transition: .4s; } .pod-title--x{ font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; } .header__container-top .colour-link span { width: 16px; height: 16px; } .header__container-top .korzina-life { margin-left: auto; margin-right: 5px; margin-top: 10px; } .fancybox-is-open .fancybox-bg { transition-timing-function: cubic-bezier(.22,.61,.36,1); background: rgba(189, 189, 189, 0.8); } .searc-tr{ width: 18px; height: 18px; position: fixed; right: 150px; display: none; top: 36px; background: transparent; z-index: 2; cursor: pointer; } .search.active ~ .search-offs--hover .searc-tr{ display: block; } .search-offs--hover .search-offs { margin: 0; } .pagination-png{ width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .pagination_box{ display: flex; } .pagination{ display: flex; justify-content: center; } .pagination__link a{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #AAAAAA; margin: 0 11px; } .pagination__link span{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #AAAAAA; margin: 0 11px; } .pagination__link.action span{ color: #a2233e; } .pagination{ margin-top: 20px; margin-bottom: 25px; } .pagination-png img{ transition: .4s; } .pagination__left:hover img{ margin-right: 10px; } .pagination__right:hover img{ margin-left: 10px; } .search-offs{ height: 31px; margin-bottom: 45px; padding-right: 3px; } .header__top-menu-link .size-link, .header__top-menu-link .colour-link { cursor: auto; } .registration__input-kod{ margin-top: -19px; } .form-map.fancybox-content{ overflow: hidden; } .registration__input{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; /* font-size: 15px; */ font-size: 18px; line-height: 20px; color: #000000; } select.search-offs{ padding: 0; } .search-offs-box select.search-offs{ padding: 0; } p.summary-promocod--box span { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; } .summary__summa:last-child{ margin-bottom: 0; } .info-text-li::before { content: ""; display: block; border: 1px solid #000; border-radius: 50%; width: 1px; height: 1px; background: #000; margin: 0 10px; } .info-text-li{ display: flex; align-items: center; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; } .making-an-order-page .box-quantity-content span, .making-an-order-page .size-link, .making-an-order-page .colour-link, .my-shopping-cart-page .box-quantity-content span, .my-shopping-cart-page .size-link, .my-shopping-cart-page .colour-link{ cursor: auto; } .name-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; color: #000000; } .forgot-your-password .search-offs, .personal-account .search-offs{ margin-bottom: 15px; } body .mar-bot-30{ margin-bottom: 30px; } body .mar-bot-45{ margin-bottom: 45px; } body .search-offs.mar-bot-45{ margin-bottom: 45px; } .item-bottom-text .color-title{ text-transform: uppercase; } .frequent-questions__box1.active{ font-weight: normal; } .search-offs-box.registration__input.btn-none-2, .search-offs.registration__input.btn-none-1 { margin-right: 0; } .form-map-content__right .form-map-text{ font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; color: #5E5E5E; } .payment-check-page input[type="checkbox"].checkbox{ width: 20px; height: 20px; } .oplata{ display: flex; } .oplata label{ display: flex; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; } .box-form--my-shopping-cart-page-title span{ font-style: normal; font-weight: normal; font-size: 25px; line-height: 34px; color: #000000; } .making-an-order-page .newsletter__content input, .my-shopping-cart-page .newsletter__content input{ border-bottom:1px solid #a2233e; } .making-an-order-page .newsletter__content input::placeholder, .my-shopping-cart-page .newsletter__content input::placeholder{ color:#a2233e; } .pthe-order-has-been-placed-namber{ font-style: normal; font-weight: bold; font-size: 25px; line-height: 29px; color: #000000; } .text-box-confed .text--a { font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; } .relrt-box{ position: relative; } .newsletter__content input.search-suggest--tr{ background: #fff; border: 1px solid; border-right: none; } .popup [aria-label="Previous"], .popup [aria-label="Next"]{ font-size: 40px; padding: 15px; } .popup .owl-prev, .popup .owl-next{ top: 50%; position: absolute; transform: translate(-50% , -50%); transition: .4s; padding: 10px; } .popup .owl-prev{ right: 93%; } .popup .owl-next{ right: 0; } .popup .owl-prev:hover{ right: 95%; } .popup .owl-next:hover{ right: -2%; } .iinfo-page-text{ font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; margin-right: 20px; } .our-boutiques-butik-country, .our-boutiques-butik-cities{ margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #0E0D0D; margin-right: 5px; min-height: 68px; } .our-boutiques-butik-tel{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #0E0D0D; margin-right: 5px; } .modal-btn_sizes { display: flex; align-items: center; margin-top: 24px; margin-bottom: 44px; opacity: 1; font-size: 16px; font-weight: 400; transform: all .35s ease-in-out; } .modal-btn_sizes:hover { opacity: 0.5; } .modal-btn_sizes span { margin-left: 16px; /* color: #4285f4; */ color: #d69ca7; text-decoration: underline; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { z-index: 1; } /* CATALOG FILTER */ .bx-filter.bx-catalog-smart-filter form input#del_filter { margin-top: 54px; } /* INFO PAGES */ .ul-list-circled > li::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top: 7px; margin: auto; background: #000; } @media (min-width: 769px) and (max-width: 1024px) { .header__nav { display: block; position: fixed; top: 10vh; left: 0; background: #FFFFFF; -webkit-box-shadow: #ccc; box-shadow: #ccc; width: calc(100vw + 64px); -webkit-box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.37); box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.37); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; left: calc(-100% - 200px); } } @media (max-width: 1024px) { .header__menu { display: block; background: #fff; } .header__nav{ position: fixed; } .header__nav.open-menu { left: 0; z-index: 9; width: 100vw; height: fit-content; top: 40px; } .header__nav.open-menu::before{ width: 100%; height: 100vh; content: ""; display: block; z-index: -1; background: #1e1e1e; background: rgba(189, 189, 189, 0.8); position: absolute; top: 0; right: 0; } .header__menu li { font-size: 14px; } .menu-burger__header { display: flex; align-items: center; margin-top: 7px; position: relative; width: 33%; height: 18px; /* display: block; */ margin-left: 10px; /* height: 10px; */ } .menu-burger__header > button { display: flex; width: 22px; background: transparent; z-index: 5; } .menu-burger__header > button > svg { width: 100%; height: 100%; } /* .menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before { height: 3px; width: 20px; position: absolute; background: #515758; margin: 0 auto; } */ .menu-burger__header span { top: 16px; } .menu-burger__header:after, .menu-burger__header:before { content: ""; } .menu-burger__header:after { bottom: 5px; } .menu-burger__header:before { top: 4px; } header { height: 60px; } .fixed-pade { overflow: hidden; } } @media (max-width: 992px) { .left-arrow { right: 9%; } } @media (min-width: 769px) { .type-of-delivery-btn-box .btn { padding: 0; font-size: 17px; /* height: 44px; */ height: 55px; } } @media (min-width: 768px) { section.baner { max-height: 20vw; } .looc__content.looc__conten--collection:first-child p { padding-right: 5px; } header > div:last-child.header__line { height: 1px; width: 100%; background: rgba(176, 143, 118, 0.15) !important; } } @media (max-width: 768px) { .container-grid { /* gap: calc(5em + 35px) 1.5em; */ gap: calc(5em + 14px) 1.5em; } .container.breadcrumbs__container { margin-top: 0; } .type-of-delivery { max-width: 375px !important; } .btn.btn--delivery.btn-none-2t { padding: 0 !important; } .btn { padding: 12px 25px !important; display: flex; justify-content: center; text-align: center; } .btn.btn--summary { display: flex; justify-content: center; } .btn.btn--calk{ display: flex; justify-content: center; line-height: 100%; } .left-arrow, .right-arrow { width: 10px; height: 10px; top: -6.5%; top: -92px; } .type-of-delivery-text { font-size: 15px !important; } .registration__pol{ /* min-width: 45px; */ min-width: 65px; } .looc-box-tr { height: 100%; justify-content: start; position: relative; } .looc__content p { height: 70%; padding-bottom: 0 !important; overflow: auto; } .looc-box-tr .btn.btn--calk { position: absolute; bottom: 0; left: 0; right: 0; } .header__top-box { width: 37vw; } .header__top-box:nth-last-child(1) { z-index: 1; width: 28vw; } .header__top-menu:nth-child(1) { width: 50px; float: right; } .header__top-menu-link:nth-child(2) { left: 33px !important; } .menu-burger__header { width: 29%; } .our-boutiques .navigation { text-align: left; } .box-form--my-shopping-cart-page-title, .box-form--my-shopping-cart-page-title > span { font-size: 4.5vw !important; } } @media (max-width: 650px) { .header__nav.open-menu { left:0; } /* .header__nav { top: 8vh; } */ } @media (max-width: 445px) { .type-of-delivery { max-width: 345px !important; } .btn.btn--delivery.btn-none-1t, .btn.btn--delivery.btn-none-2t { padding: 0; font-size: 16px; } } @media (max-width: 375px) { #registration-pol-wrp { position: relative; flex-direction: column; justify-content: space-between; height: 84px; } } @media (max-width: 350px) { .menu-burger__header { width: 26vw; } } @media (max-width: 768px) { .our-boutiques-butik__box-kink + .our-boutiques-butik__tailor > .our-boutiques-butik-img { margin-right: 0; } .our-boutiques-butik-img { min-width: 25px; max-width: 25px; } } .header__top-li1 { width: 103px; height: 53px; margin-right: 3px; float: left; } .color-f, .colors-file, .colorf{ background-size: cover; } .public-offer-page li { font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: rgb(0, 0, 0); margin-bottom: 10px; text-align: center; display: block; } .map-columns{ width: 100%; margin-top: 15px; } .map-columns .public-offer-page ul { margin-left: 0px; } ul.map-level-0 a { font-weight: bold; margin-bottom: 5px; display: block; } .zverushki-tags { margin-left: 2px; margin-top: 30px; } div[data-property-id-row="59"]{ display:none; } #button-up i{ font-style: normal; } #button-up{ z-index: 999; display: none; position: fixed; right: 20px; bottom: 100px; color: rgb(255, 255, 255); background-color: rgb(162, 35, 62); text-align: center; font-size: 18px; padding: 15px; transition: .3s; font-weight: bold; border-radius: 50%; width: 50px; height: 50px; line-height: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.5); font-style: normal; line-height: 19px;; } #button-up:hover{ cursor: pointer; *background-color: #FF0000; transition: .3s; } .owl-new .catalog-item{ width:100%; } .tes{ width: 50px; height: 50px; background-color: rebeccapurple; } .wrap-fil{ text-align: center; margin-bottom: 50px; color:#1A2A4A; } .filter-new{ padding-bottom: 10px; border-bottom-style: solid; border-width: 1px; border-color: rgb(198, 198, 198); text-align: center; margin-bottom: 50px; display: inline-block; margin: 0 auto; } .filter-new li{ color:#1A2A4A; cursor: pointer; display: inline-block; font-size: 14px; text-transform: uppercase; margin-left: 15px; margin-right: 15px; padding: 7px 20px; } .filter-new li.active{ display: inline-block; font-size: 14px; text-transform: uppercase; border-radius: 15px; border-style: solid; border-width: 1px; border-color:#1A2A4A; padding: 7px 20px; padding-top: 7px; line-height: 14px; padding-top: 9px } .owl-nums-col .catalog-item__title{ color:#555555; text-align:center; } .owl-nums-col .catalog-item__label.orange-label{ background-color: rgb(162, 35, 62); color: #fff; font-size: 12px; margin: 0px; margin-top: 0px; margin-left: 0px; border-radius: 15px; margin-top: -3px; margin-left: 15px; padding: 2px 10px; } .owl-nums-col .catalog-item__price-inner-wrp{ margin: 0 auto; } .owl-nums-col .catalog-item__price_elder:not(:empty) + .catalog-item__price { color: rgb(162, 35, 62); } .owl-new .slick-dots li{ width: 15px; height: 7px; border-radius: 5px; background-color: rgb(200, 200, 200); margin: 0px 5px; display: inline-block; } .owl-new .slick-dots li.slick-active{ width: 15px; height: 7px; border-radius: 5px; background: rgb(162, 35, 62); } .owl-new .slick-dots{ background: transparent; text-align: center; margin-top: 15px !important; } .owl-new .slick-dots { margin-top: 30px; display: block; } .header__top-box { width: 42%; } .new-prod.categories__title{ text-align: center; font-size: 28px; margin-bottom: 15px; color: #002B70; font-family: 'Trivia Slab', sans-serif; } @media(max-width:490px) { .new-prod.categories__title { margin-top: 40px; } } /* инфографика */ .news-item-prim{ width: calc((100% / 6) - 13px); width: calc((100% / 5) - 13px); float: left; margin-right: 15px; border-style: solid; border-width: 1px; border-color: #F5F5F5; margin-top: 15px; text-align: center; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase; font-size: 12px; color: #000; margin-bottom: 15px; cursor: pointer; position:relative; } @media(max-width:1390px) { .news-item-prim { min-height: 150px; } } .news-item-prim:hover .desk-prim{ display: block; position: absolute; background-color: #F6F6F6; width: 100%; text-transform: initial; top: -90px; padding: 15px; height: 72px; } .name-prim{ margin-top: 15px; padding-left: 20px; padding-right: 20px; } .desk-prim{ display:none; } .container-prim .news-item-prim:last-child{ margin-right: 0px; } .container-prim{ *overflow: hidden; } .news-item-prim img{ width: auto; height: auto; } .wrap-prim-img{ height: 48px; } .clear{ clear: both; } @media (max-width: 840px) { .news-item-prim{ width: calc((100% / 3) - 16px); height: 158px; } .container-prim .news-item-prim:nth-child(3){ margin-right: 0px; } .desk-prim, .news-item-prim:hover .desk-prim{ display: block; text-transform: initial; position: relative; padding-top: 10px; top: auto; background: transparent; padding: 10px; } } @media (max-width: 600px) { .container-prim .news-item-prim:nth-child(3){ margin-right: 15px; } .container-prim .news-item-prim:nth-child(2n){ margin-right: 0px; } .news-item-prim{ width: calc((100% / 2) - 8px); height: 180px; } } @media (max-width: 600px) { .news-item-prim{ height: 165px; height: 185px; } .news-item-prim .desk-prim, .news-item-prim:hover .desk-prim{ padding: 5px; } } .footer-content{ border-top-style: solid; border-width: 5px; border-color: rgb(162, 35, 62); padding-top: 50px; } footer .title-menu-nav { font-family: 'Open Sans', sans-serif; font-weight: normal; } .footer-content .box-mene-block ul li a { font-family: 'Open Sans', sans-serif; font-style: normal; color:#ABB2BF; } .box-mene-block { max-width: 33%; width: 100%; } #footer_subscribe{ background-image:url(/local/templates/arfashion/img/fl.png); background-color: transparent; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; width: 36px; height: 36px; padding: 0px; margin-left: -36px; } section.footer-content input[name="EMAIL"] { padding-bottom: 0; padding-left: 0; font-size: 15px; border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255); border-style: solid; border-width: 1px; padding: 0px 10px !important; } .footer-content .newsletter__chexbox input.checkbox + label a { color: rgb(255, 255, 255) !important; } .footer-content .newsletter__chexbox input.checkbox + label, .footer-content .newsletter__chexbox input.checkbox + label * { font-family: 'Open Sans', sans-serif !important; color: #ABB2BF !important; } .box-now-content { margin-bottom: 20px; } .footer__bot { margin-bottom: 40px; } .footer__bot-box1, .footer__bot-box2, .footer__bot-box1 a, .footer__bot-box2 a, .footer__bot-box1 span, .footer__bot-box2 span{ font-weight: normal; font-weight: 300; font-family: 'Open Sans', sans-serif !important; } .box-now-menu { width: 75%; } .box-now-newsletter { width: 25%; } .cacharel__main-page-banner{ margin-bottom: -40px; } .grid-box-content.w{ width: 100%; } .tpl-baners-slider-type-0 .owl-dots button{ width: 15px; height: 7px; border-radius: 5px; background-color: rgb(200, 200, 200); background-color: rgb(132, 132, 132); margin: 0px 5px; display: inline-block; } .tpl-baners-slider-type-0 .owl-dots button.active{ width: 15px; height: 7px; border-radius: 5px; background: rgb(162, 35, 62); } .tpl-baners-slider-type-0 .owl-dots{ text-align: center; z-index: 555; display: block; position: absolute; width: 100%; bottom: 30px; } .new-tel, .new-mail a{ font-size: 16px; padding-left: 0px !important; text-transform: uppercase; color: #fff; } .new-mail a{ margin-top: 5px; display: block; } .t-work{ color: #fff; padding-left: 5px; } .public-offer__container li{ text-align: left; } .modal-custom__body.all-elements_mt10 * { margin-top: 10px; } .boo-table table tr { border: 1px solid #ddd; padding: 5px; } .boo-table .active, .boo-table tr:hover { background-color: #DBB89D; background-color: #f2f2f2; *color: #fff; } .boo-table table th { *color: #fff; *background-color: #444; *text-transform: uppercase; font-size: 14px; font-weight: normal; letter-spacing: 1px; } .boo-table table th, .boo-table table td { padding: 5px; text-align: center; border-right: 1px solid #ddd; } .boo-table table td, .boo-table table th { max-width: 200px; } .boo-table table tr { border: 1px solid #ddd; padding: 5px; } .boo-table table { border-collapse: collapse; border-spacing: 0; } .boo-table table { border: 1px solid #ccc; width: 100%; margin: 0; margin-top: 0px; padding: 0; border-collapse: collapse; border-spacing: 0; } .boo-table { text-align: center; display: inline-block; background-color: #fff; padding: 2rem 2rem; color: #000; width: 100%; overflow-x: auto; } .boo-table { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } @media (max-width: 1280px) { .modal-custom__sizes.modal-custom__wrp table { min-width: 100%; } .modal-custom__sizes.modal-custom__wrp table tr td { padding: 5px 11px !important; } } @media (max-width: 400px) { .modal-custom__sizes.modal-custom__wrp table tr td { font-size: 12px !important; } } @media (max-width: 335px) { .modal-custom__sizes.modal-custom__wrp table tr td { font-size: 10px !important; } } .seconds { font-size: 10px; margin-top: 1px; display: block; } .seconds.clics { color:#a2233e; text-decoration: underline; } .registration__left-box{ margin: 0 auto; } .registration__input-field { margin-right: 0px; } .registration__input, .registration__input-box.data-rti{ max-width: 455px !important; width: 100%; } #RegistrationFields .registration-input-text{ font-size: 11px; position: relative; } .personal-page__content-form.form { width: 100% !important; } .lab-bir { display: block; width: 60%; position: absolute; right: calc(-60% - 21px); font-family: 'Roboto', sans-serif; font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 20px; -webkit-transform: translateY(-130%); font-size: 14px; transform: translateY(-130%); top: 40px; } .lab-bir a { font-size: 14px; text-decoration: underline; } #personal-page-form-modal__enter-new-password .search-offs-box .search-offs::placeholder { font-weight: 400 !important; } .favourite-page__content-subtitle { margin-bottom: 15px !important; } .menu-top-pad{ padding-top: 30px; } /* footer without subscribe */ .box-now-newsletter--alt .title-menu-nav { margin: 0 0 20px 0; } .box-now-newsletter__wrapper { display: flex; } div.box-now-newsletter--alt div.menu-nav-linc__socials a { width: 24px !important; height: 24px !important; } .box-now-newsletter--alt .new-tel, .box-now-newsletter--alt .new-mail a { font-size: 13px; } .box-now-newsletter--alt .t-work { font-size: 10px; } div.box-now-newsletter--alt div.menu-nav-linc.menu-nav-linc__socials { margin-left: 34px; } @media(max-width: 500px) { .box-now-newsletter__wrapper { display: block; } div.box-now-newsletter--alt div.menu-nav-linc.menu-nav-linc__socials { margin-left: 0px; padding-left: 0; } } @media(max-width:1024px) { .header__top-menu { margin: 0 5px 0 0; } } /* End */ /* Start:/local/templates/arfashion/css/style2.css?1754944929283295*/ @charset "UTF-8"; @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Italic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Italic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Italic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-LightItalic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-LightItalic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-LightItalic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-LightItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Bold.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Bold.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Bold.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-MediumItalic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-MediumItalic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-MediumItalic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Medium.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Medium.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Medium.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Black.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Black.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Black.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-ThinItalic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-ThinItalic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-ThinItalic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Regular.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Regular.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Regular.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-BoldItalic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-BoldItalic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Light.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Light.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Light.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-BlackItalic.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-BlackItalic.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-BlackItalic.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("/local/templates/arfashion/css/../fonts/Roboto-Thin.eot"); src: url("/local/templates/arfashion/css/../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Roboto-Thin.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Roboto-Thin.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Roboto-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Black.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Black.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Black.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraLight.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraLight.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraLight.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraBold.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraBold.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraBold.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-ExtraBold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Light.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Light.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Light.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Light.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Medium.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Medium.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Medium.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Thin.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Thin.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Thin.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-SemiBold.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-SemiBold.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-SemiBold.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Bold.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Bold.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Bold.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Trivia Slab'; src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Regular.eot"); src: url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Regular.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Regular.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Trivia Slab/Trivia Slab-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } */ @font-face { font-family: 'Helvetica_Light-Normal'; src: url("/local/templates/arfashion/css/../fonts/Helvetica/Helvetica_Light-Normal.eot"); src: url("/local/templates/arfashion/css/../fonts/Helvetica/Helvetica_Light-Normal.eot?#iefix") format("embedded-opentype"), url("/local/templates/arfashion/css/../fonts/Helvetica/Helvetica_Light-Normal.woff2") format("woff2"), url("/local/templates/arfashion/css/../fonts/Helvetica/Helvetica_Light-Normal.woff") format("woff"), url("/local/templates/arfashion/css/../fonts/Helvetica/Helvetica_Light-Normal.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } html { font-size: 10px; } body { margin: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; } a:active, a:visited, a:focus { color: black; } .pages-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40%; margin: 0 auto; margin-top: 40px; } .pages-list__container .header__logo { margin-bottom: 20px; } .pages-list__container a { display: block; margin-bottom: 4px; color: #000; font-size: 20px; font-family: 'Trivia Slab', sans-serif; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .pages-list__container a:hover { color: #a2233e; } .pages-list__container h2 { margin-top: 40px; font-size: 30px; margin-bottom: 7px; } .delivery-addresses-page__header p, .favourite-page__header p, .my-queries-page__header p, .my-subscribes-page__header p, .personal-page__header p, .regular-customer-card-page__header p, .shopping-list-page__header p, .waiting-list-page__header p, .my-queries-page__header p, .my-subscribes-page__header p, .personal-page__header p, .regular-customer-card-page__header p { width: 850px; margin: 0 auto; } @media (max-width: 768px) { .delivery-addresses-page__header p, .favourite-page__header p, .my-queries-page__header p, .my-subscribes-page__header p, .personal-page__header p, .regular-customer-card-page__header p, .shopping-list-page__header p, .waiting-list-page__header p, .my-queries-page__header p, .my-subscribes-page__header p, .personal-page__header p, .regular-customer-card-page__header p { width: 100%; margin: 0 auto; } } body body *::-webkit-scrollbar { width: 1em; } body body *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body body *::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } .displayByClick__active { display: block !important; } .header__nav_desktop-hide { display: none; } .header__nav.header__nav_desktop-hide .menu__item-t { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 15px; line-height: 24px; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; position: relative; } .header__nav.header__nav_desktop-hide .menu__item-t:not(.active) { font-weight: 400; } .header__nav.header__nav_desktop-hide .menu__item-t.active { font-weight: 500; text-decoration: underline; } .header__nav.header__nav_desktop-hide .menu__item-t:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .header__nav.header__nav_desktop-hide .menu__item-t::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.2px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .header__nav.header__nav_desktop-hide .menu__item-t:hover::after { width: 100%; } @media (max-width: 1024px) { .header__nav_desktop-hide { display: block; } } .d-none { display: none !important; } @media (max-width: 362px) { .container_mobile-disable { padding-left: 0; padding-right: 0; } .container_mobile-enable { padding-left: 20px; padding-right: 20px; } } .form * { font-size: 18px; line-height: 24px; font-family: 'Trivia Slab', sans-serif; } .form__required-note { margin-bottom: 25px; } .form__items-wrapper { width: 55%; } .form__check-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 45px; } .form__radios { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form__radios label:not(:last-child) { margin-right: 36px; } .form input.input { display: block; } .form__notification { margin-top: 30px; margin-bottom: 30px; font-size: 14px; line-height: 20px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; } .btn.btn--summary-create.mar-bot-30 { display: flex; } @media (max-width: 768px) { .form * { font-size: 13px; } .form__items-wrapper { width: 100%; } .form__check-item { margin-bottom: 30px; } span.bx-sku-name { max-width: 70%; overflow: hidden; text-overflow: ellipsis; } } /* custom checkbox */ input[type="checkbox"].checkbox, input[type="radio"] { height: 20px; width: 20px; margin: 0; padding: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ffffff; background: #fff; position: relative; margin-right: 15px; cursor: pointer; } input[type="checkbox"].checkbox + label, input[type="radio"] + label { cursor: pointer; } input[type="checkbox"].checkbox { width: 25px; height: 25px; } input[type="checkbox"].checkbox:checked, input[type="radio"]:checked { border: 1px solid #a2233e; background: #a2233e; } input[type="checkbox"].checkbox:checked:before, input[type="radio"]:checked:before { width: 8px; top: 11px; left: 2px; -webkit-transform: rotate(44deg); transform: rotate(44deg); } input[type="checkbox"].checkbox:checked:after, input[type="radio"]:checked:after { width: 14px; top: 8px; left: 5px; -webkit-transform: rotate(-55deg); transform: rotate(-55deg); } input[type="checkbox"].checkbox:focus, input[type="radio"]:focus { outline: none; } @media (max-width: 768px) { input[type="checkbox"].checkbox { width: 20px; height: 20px; } } .input { margin-bottom: 45px; padding: 7px 5px; padding-left: 0; background: transparent; border: none; color: #000; font-size: 16px; line-height: 24px; padding-bottom: 3px !important; border-bottom: 1px solid #000; -webkit-transition: all .32s ease-out; transition: all .32s ease-out; } .input.autowidth { width: 100%; } .input::-webkit-input-placeholder { color: #000; font-weight: 400; } .input:-ms-input-placeholder { color: #000; font-weight: 400; } .input::-ms-input-placeholder { color: #000; font-weight: 400; } .input::placeholder { color: #000; font-weight: 400; } .input_date[type=date] { cursor: text; font-family: 'Trivia Slab', sans-serif !important; text-align: left !important; } .input_date[type=date]::-webkit-calendar-picker-indicator { /* JUST TO HIDE CALENDAR ICON */ /* filter: invert(1); */ } .input_date[type=date]::-webkit-calendar-picker-indicator { /* JUST TO HIDE CALENDAR ICON */ /* opacity: 0; */ /* CHANGE CALENDAR ICON */ background: url(/local/templates/arfashion/css/../img/svg/components/input-type-date/input-type-date-icon.svg) center center no-repeat; cursor: pointer; } .input__search { width: 100%; margin-bottom: 0 !important; } .input__search-wrp { position: relative; margin-bottom: 45px; } .input__search-btn { position: absolute; right: 0; top: 0; width: 40px; height: 100%; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/search-input/search-input-button-icon.svg) center center no-repeat; -webkit-mask-size: 55%; background: #130F26; cursor: pointer; } .input__service-messages { position: relative; } .input__service-messages input { padding-right: 40%; text-align: left !important; } .input__service-messages::after { content: 'Для отправки сервисных сообщений о статусе заказа'; /* display: block; */ width: 60%; position: absolute; right: calc(-60% - 21px); /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 14px; line-height: 20px; -webkit-transform: translateY(-130%); transform: translateY(-130%); } .input__wrp { position: relative; } .input__wrp button { position: absolute; margin-left: 20px; /* right: 0; */ bottom: -20px; background: transparent; text-transform: lowercase; cursor: pointer; -webkit-transition: color .35s ease-out; transition: color .35s ease-out; } .form__items-wrapper .input__wrp button { right: 0; bottom: 3px; } .input__wrp button::before { content: ''; display: block; width: 14.63px; height: 14.63px; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/input__change-button-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #000; position: absolute; left: calc(-14.63px - 6.87px); bottom: 3px; -webkit-transition: background .35s ease-out; transition: background .35s ease-out; } .input__wrp button:hover { color: #a2233e; } .input__wrp button:hover::before { background: #a2233e; } .input__wrp textarea { width: 100%; padding: 9px 13px; border: 1px solid black; } .input__standard { background: #fff; border: 1px solid #757474; padding-top: 0; padding-bottom: 1px !important; padding-left: 4px !important; height: 30px; font-size: 12px !important; margin-bottom: 0 !important; } .input__standard:focus { border-color: #000; } input[type=date] { font-family: 'Trivia Slab', sans-serif !important; font-size: 18px !important; color: #000; cursor: text; } input[type=date]::-webkit-calendar-picker-indicator { /* JUST TO HIDE CALENDAR ICON */ /* opacity: 0; */ /* CHANGE CALENDAR ICON */ background: url(/local/templates/arfashion/css/../img/svg/components/input-type-date/input-type-date-icon.svg) center center no-repeat; cursor: pointer; } .registration__input-box.data-rti { position: relative; max-width: 345px; } .registration__input-icon { display: inline-block; width: 40px; height: 40px; position: absolute; top: -7px; right: 0; /* border: 1px solid blue; */ background: url(/local/templates/arfashion/css/../img/svg/components/input-type-date/input-type-date-icon.svg) center center no-repeat; z-index: -1; } @media (min-width: 1200px) { input.input { margin-bottom: 26px; padding-left: 0; padding-bottom: 12px; font-size: 20px; } } @media (max-width: 768px) { .input { margin-bottom: 30px; font-size: 13px; } .input__service-messages { margin-bottom: 48px; } .input__service-messages::after { right: initial; width: 100%; bottom: calc(-100% + 10px); -webkit-transform: none; transform: none; color: dimgray; font-size: 13px; font-weight: 400; } } @media (max-width: 400px) { .input__search-btn { width: 25px; height: 50%; -webkit-transform: translateY(4px); transform: translateY(4px); } } @media (max-width: 371px) { .input__service-messages::after { font-size: 11px; bottom: calc(-100% + 15px); } } input[type=submit] { padding: 15px 61px; background: #a2233e; color: #fff; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; cursor: pointer; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } input[type=submit]:hover { /* background: #b99c86; */ opacity: 0.7; } input[type=submit].btn_transparent { border: 1px solid #a2233e; background: transparent; color: #a2233e; font-family: 'Trivia Slab', sans-serif !important; font-weight: 500 !important; font-size: 18px !important; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } input[type=submit].btn_transparent:hover { border: 1px solid #c3a996; background: transparent; color: #ccb7a7; } @media (max-width: 768px) { input[type=submit] { display: block; padding: 12px 61px; margin: 0 auto; font-size: 18px; } } .file-upload_icon-only { /* display: inline-block; */ display: flex; align-items: start; margin-top: 21px; } .file-upload_icon-only span.close-item { display: inline-block; width: 14px; height: 14px; opacity: 0.25; text-transform: lowercase; margin-left: 7px; margin-bottom: 4px; font-size: 17px; font-weight: 400; transition: all .35s ease-out; line-height: 25px; } .file-upload_icon-only span.close-item svg { width: 100%; height: 100%; } .file-upload_icon-only span.close-item:hover { opacity: .4; } .file-upload_icon-only .item-names-list { display:flex; flex-direction:column; } .file-upload_icon-only .file-upload-select input[type="file"] { display: none; } .file-upload_icon-only .file-upload-select { display: inline-block; } .file-upload_icon-only .file-select-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-items: flex-start; border: none !important; } .file-upload_icon-only .file-select-button img { display: block; height: 23px; width: auto; margin-right: 7px; cursor: pointer; } .file-upload_icon-only .file-select-button span { /* font-family: 'Roboto', sans-serif; */ font-family: 'Open-sans', sans-serif; /*text-decoration: underline;*/ font-weight: 400; cursor: pointer; color: rgb(0, 0, 0); font-size: 16px; line-height: 20px; } .file-upload_icon-only .file-select-name { margin-left: 9px; color: #000 !important; opacity: 0.4; } .file-upload_icon-only .file-upload-select { padding: 0; border-radius: 4px; cursor: pointer; } @media (max-width: 768px) { .file-select-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-select-button img { height: 18px; } .file-select-button span { font-size: 12px !important; } .catalog-item__img-wrp:hover .catalog-item__fast-view-item { display: none !important; } .shopping-list-page__header { display: none; } .waiting-list-page__waiting-list .waiting-list-wrapper:not(.empty), .favourite-page__favourite-list .favourite-list-wrapper:not(.empty) { margin-top: 0 !important; } .waiting-list-page__empty-state-message p { font-size: 21px !important; line-height: 24px !important; } input.bx-ui-sls-fake.input.address-form__city::placeholder { font-size: 15px; } } .btn { padding: 15px 61px; background: #a2233e; color: #fff; /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Trivia Slab', sans-serif; */ font-family: 'Open sans', sans-serif; font-size: 16px !important; font-weight: 500 !important; cursor: pointer; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; /* text-transform: uppercase; */ border-radius: 4px; } /* .btn:visited { color: #fff; } .btn:focus { background: #a2233e; color: #fff; opacity: .7; } .btn:hover { background: #a74359; } .btn:disabled { background: #B8B2AD; } .btn:active { background: #8D694D; } */ .btn_transparent { border: 1px solid #a2233e; background: transparent; color: #a2233e; /* font-family: 'Trivia Slab', sans-serif !important; */ font-family: 'Open sans', sans-serif !important; font-weight: 500 !important; font-size: 16px !important; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; /* text-transform: uppercase; */ } /* .btn_transparent:focus { border: 1px solid #a2233e; background: transparent; color: #a2233e; } .btn_transparent:hover { border: 1px solid #DBB89D; background: transparent; color: #DBB89D; } .btn_transparent:disabled { border: 1px solid #c3a996; background: transparent; color: #9E9E9E; border-color: #9E9E9E; cursor: initial; } .btn_transparent:active { background: #DBB89D; color: #fff; } */ .btn_orange { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 345px !important; padding: 0; background: #f3e3e6; color: #a2233e !important; font-weight: 700; color: #a2233e; } .btn_orange:focus { /* background: #F5EBE2; */ /* color: #a2233e !important; */ color: #FFF !important; background: #DBB89D !important; } .btn_orange:active { /* background: #DBB89D; */ /* color: #fff !important; */ color: #FFF !important; background: #DBB89D !important; } .btn_orange:hover { color: #a2233e; background: #FFF8F2; } .btn_add-to-cart { max-width: calc(345px - 55px); /* padding: 15px 45px; */ padding: 0; } .btn__add-to-cart-element:hover { background: #FFF8F2; } .btn__add-to-cart-element.active { background: #d69ca7; } .btn__add-to-cart-element.active > .catalog-item__like-item { background: #fff; } .btn_add-to-cart + .btn__add-to-cart-element { -webkit-transition: all .6s ease-out; transition: all .6s ease-out; } .btn_add-to-cart + .btn__add-to-cart-element .catalog-item__like-item { -webkit-transition: all .6s ease-out; transition: all .6s ease-out; } .btn_add-to-cart:disabled + .btn__add-to-cart-element { background: #B8B2AD; } .btn_add-to-cart:disabled + .btn__add-to-cart-element .catalog-item__like-item { background: #fff; } .btn_add-to-cart:hover + .btn__add-to-cart-element { background: #FFF8F2; } .btn_add-to-cart:hover + .btn__add-to-cart-element .catalog-item__like-item { background: #a2233e; } .btn_add-to-cart:active + .btn__add-to-cart-element { background: #d69ca7; } .btn_add-to-cart:active + .btn__add-to-cart-element .catalog-item__like-item { background: #fff; } .btn__add-to-cart-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 55px; height: 100%; background: #F5EBE2; position: absolute; right: 0; top: 0; cursor: pointer; } .btn__add-to-cart-element-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 345px; margin-bottom: 30px; position: relative; } .btn__add-to-cart-element .catalog-item__like-item { position: static; background: #a2233e; } @media (max-width: 768px) { .btn { display: block; padding: 12px 61px; margin: 0 auto; font-size: 18px; } .catalog-items-list__header .sort-by, .catalog-items-list__header .sort-by * { font-size: 14px !important; } .looc__box.slick-box.slick-initialized.slick-slider.slick-dotted .catalog-item__footer:hover .catalog-item__footer-hover-item { display: none; } .looc__box.slick-box.slick-initialized.slick-slider.slick-dotted .catalog-item__img-wrp img { /* max-height: 360px; */ height: 100vw; } } .address-form { width: 90%; border: 1px solid #c4c4c4; padding: 20px 53px; } .address-form__required-title { margin-bottom: 34px; font-size: 18px; font-family: 'Trivia Slab', sans-serif; } .address-form__region { width: 100% !important; margin-bottom: 25px; } .address-form__region * { font-size: 18px; } .address-form__city { display: block; width: 100%; font-size: 18px !important; } .address-form__street { display: block; width: 100%; font-size: 18px !important; } .address-form__address-detail-selects { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .address-form__address-detail-selects input { width: 28%; } .address-form__add-new-address-btn { margin: 0 auto; padding: 0; } @media (max-width: 768px) { .address-form { width: 100%; padding: 20px; } .address-form * { font-size: 15px !important; } .address-form input[type=submit] { padding-right: 0; padding-left: 0; font-size: 16px !important; } .delivery-addresses-page input.input { margin-bottom: 45px !important; } .address-form__address-detail-selects { margin-bottom: 0; } } @media (max-width: 375px) { .address-form * { font-size: 14px; } .address-form__required-title { font-size: 13.5px !important; margin-bottom: 14px; } .address-form__address-detail-selects { margin-bottom: 25px; } } .address-item { padding: 29px 32px; width: 67%; margin-bottom: 22px; background: #f0f0f0; } .address-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .address-items__addresses-count-title { margin-bottom: 23px; font-family: 'Trivia Slab', sans-serif; font-size: 16px; line-height: 24px; } .address-items__addresses-count-title span { font-weight: 600; } .address-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .address-item__logo { width: 25px; height: 25px; margin-right: 31px; } .address-item__logo img { width: 100%; } .address-item__address-content { width: calc(100% - 25px - 31px); } .address-item__city, .address-item__region, .address-item__address, .address-item__post-index { margin-bottom: 15px; font-size: 18px; font-family: 'Trivia Slab', sans-serif !important; font-weight: 400; } .address-item__city:last-child, .address-item__region:last-child, .address-item__address:last-child, .address-item__post-index:last-child { margin-bottom: 41px; } .address-item__btn-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .address-item__change, .address-item__delete, .address-item__get-notifications, .address-item__add-to-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; font-family: 'Trivia Slab', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 24px; font-weight: 400; cursor: pointer; -webkit-transition: color .15s ease-out; transition: color .15s ease-out; } .address-item__change::before, .address-item__delete::before, .address-item__get-notifications::before, .address-item__add-to-cart::before { content: ''; display: block; width: 15px; height: 15px; margin-right: 7px; background: #000; -webkit-transition: background .15s ease-out; transition: background .15s ease-out; } .address-item__change:hover, .address-item__delete:hover, .address-item__get-notifications:hover, .address-item__add-to-cart:hover { color: #a2233e; } .address-item__change:hover::before, .address-item__delete:hover::before, .address-item__get-notifications:hover::before, .address-item__add-to-cart:hover::before { background: #a2233e; } .address-item__change:before { -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/address-item/edit-address-button-icon.svg) center center no-repeat; -webkit-mask-size: 100%; } .address-item__delete:before { -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/address-item/del-address-button-icon.svg) center center no-repeat; -webkit-mask-size: 100%; } .address-item__add-to-cart { margin-top: 7px; } .address-item__add-to-cart:before { -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/address-item/add-to-cart.svg) center center no-repeat; -webkit-mask-size: 100%; } .address-item__get-notifications { margin-top: 7px; } .address-item__get-notifications.unsubscribe:before { margin-right: 11px; -webkit-mask: url(/local/templates/arfashion/css/../img/korzina.svg) center center no-repeat; -webkit-mask-size: 100%; } .address-item__get-notifications.unsubscribe { font-size: 16px; } .address-item__get-notifications:before { -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/address-item/get-notification-icon.svg) center center no-repeat; -webkit-mask-size: 100%; } @media (max-width: 768px) { .address-item { width: 100%; padding: 25px 20px; } .address-item * { font-size: 16px; } .address-items { width: 100%; } .address-items__addresses-count-title { display: block; margin-top: 30px !important; font-size: 16px; line-height: 24px; } .address-item__btn-panel button { font-size: 14px; } .address-item__change, .address-item__delete, .address-item__add-to-cart { font-size: 10px !important; } .address-item__change::before, .address-item__delete::before, .address-item__add-to-cart::before { width: 15px !important; height: 15px !important; -webkit-mask-size: 80%; } .address-item__add-to-cart { width: 100%; } } @media (max-width: 375px) { .address-form * { font-size: 14px; } } /* The container must be positioned relative: */ .custom-select { width: 339px; position: relative; font-size: 1.6rem; } .custom-select select { display: none; /*hide original SELECT element: */ } .select-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* height: 64px; */ background-color: #fff; border-bottom: 1px solid #585858 !important; } /* Style the arrow inside the select element: */ .select-selected:after { content: ""; width: 10px; height: 5px; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/custom-select/custom-select-arrow.svg) center center no-repeat; -webkit-mask-size: 100%; background: #585858; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* style the items (options), including the selected item: */ .select-items div, .select-selected { color: #000; padding: 7px 5px; padding-bottom: 3px; padding-left: 0; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; } /* Style items (options): */ .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { color: #a2233e; } .favourite-list-item { width: 100%; height: 100px; border: 1px solid blue; } .waiting-list-item { width: 100%; height: 100px; border: 1px solid blue; } .personal-product-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 20px; } .personal-product-list-item__img-wrp { width: 260px; } .personal-product-list-item__img-wrp > img { -o-object-fit: cover; object-fit: cover; } .personal-product-list-item__content { width: calc(60% - 20px); margin-left: 20px; /* padding-top: 23px; */ padding-top: 14px; } .personal-product-list-item__sold-label { top: -32px; color: #f14922; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .personal-product-list-item__sold-label:not(.active) { display: none; } .personal-product-list-item__title { margin-bottom: 18px; font-size: 16px; font-family: 'Trivia Slab', sans-serif !important; font-weight: 400 !important; } .personal-product-list-item__title > b { font-family: 'Trivia Slab', sans-serif !important; font-weight: 500 !important; } .personal-product-list-item__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .personal-product-list-item__prices * { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; } .personal-product-list-item .personal-product-list-item__properties { margin-top: 42px; } .personal-product-list-item__sold-label { margin-top: 10px; margin-bottom: 10px; } .personal-product-list-item__sold-label.active + .personal-product-list-item__properties { margin-top: 0; } .personal-product-list-item__elder-price { margin-right: 20px; font-size: 16px; font-family: 'Trivia Slab', sans-serif !important; color: #838383; font-weight: 400 !important; position: relative; } .personal-product-list-item__elder-price:after { content: ''; display: block; height: 1px; width: calc(100% + 2px); background: #838383; position: absolute; left: -1px; bottom: 9px; } .personal-product-list-item__elder-price--new { order: 2; margin-left: 15px; font-family: 'Open Sans', sans-serif !important; font-weight: 400; } .personal-product-list-item__elder-price::after { bottom: 10; } .personal-product-list-item__price { /* font-family: 'Trivia Slab', sans-serif !important; */ font-size: 18px; font-weight: 400; color: #f14922; } .personal-product-list-item__prices .personal-product-list-item__price{ /* color:#000000!important; */ transform: initial !important; } .personal-product-list-item__prices .personal-product-list-item__elder-price+ .personal-product-list-item__price{ /* color: #f14922!important; */ transform: initial !important; } .personal-product-list-item__price--new { font-family: 'Open Sans', sans-serif !important; font-weight: 600; color: #a2233e !important; } .personal-product-list-item__property { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 9px; font-size: 15px; } .personal-product-list-item__property-title { margin-right: 10px; color: #5F5F5F; } .personal-product-list-item__property_color .personal-product-list-item__property-info { display: block; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; border: 1px solid #D8D8D8; } .personal-product-list-item__property_color .personal-product-list-item__property-info::before { display: none !important; content: none !important; border: none !important; } .personal-product-list-item__property-info b, .personal-product-list-item__property-info b * { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 15px !important; } .personal-product-list-item__property-info b > * { transform: translateY(0) !important; } .personal-product-list-item__property-info u { display: block; font-family: 'Trivia Slab', sans-serif !important; color: #404040; font-weight: 600 !important; font-size: 18px; text-decoration: none; position: relative; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .personal-product-list-item__property-info u::after { content: ''; display: block; height: 1px; width: 100%; background: #404040; position: absolute; bottom: 2.5px; } .personal-product-list-item__property_color { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 9px; font-size: 15px; } .personal-product-list-item__property_color .personal-product-list-item__property-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personal-product-list-item__property_color .personal-product-list-item__property-info:before { content: ''; display: block; width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; border: 1px solid #D8D8D8; } .personal-product-list-item__btn-panel.address-item__btn-panel { margin-top: 0; } /*.personal-product-list-item__property_color.brown-color .personal-product-list-item__property-info:before {*/ /* background-color: #6c3b18;*/ /*}*/ /*.personal-product-list-item__property_color.brown-color .personal-product-list-item__property-info:after {*/ /* content: 'Коричневый';*/ /*}*/ .personal-product-list-item__property_color.black-color .personal-product-list-item__property-info:before { background-color: #000; } .personal-product-list-item__property_color.black-color .personal-product-list-item__property-info:after { content: 'Черный'; } .personal-product-list-item__property_color.gray-color .personal-product-list-item__property-info:before { background-color: #838383; } .personal-product-list-item__property_color.gray-color .personal-product-list-item__property-info:after { content: 'Серый'; } .personal-product-list-item__btn-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; margin-top: 42px; } .personal-product-list-item__btn-panel button:not(:last-child) { margin-right: 20px; } .personal-product-list-item__btn-panel.change-btn, .personal-product-list-item__btn-panel.delete-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; font-family: 'Trivia Slab', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 400; cursor: pointer; -webkit-transition: color .15s ease-out; transition: color .15s ease-out; } .personal-product-list-item__btn-panel.change-btn::before, .personal-product-list-item__btn-panel.delete-btn::before { content: ''; display: block; width: 15px; height: 15px; margin-right: 7px; background: #000; -webkit-transition: background .15s ease-out; transition: background .15s ease-out; } .personal-product-list-item__btn-panel.change-btn:hover, .personal-product-list-item__btn-panel.delete-btn:hover { color: #a2233e; } .personal-product-list-item__btn-panel.change-btn:hover::before, .personal-product-list-item__btn-panel.delete-btn:hover::before { background: #a2233e; } @media (max-width: 1300px) { .personal-product-list-item__btn-panel { margin-top: 0; } .personal-product-list-item__btn-panel .address-item__change, .personal-product-list-item__btn-panel .address-item__delete, .personal-product-list-item__btn-panel .address-item__add-to-cart { font-size: 12px !important; } .personal-product-list-item__btn-panel .address-item__change::before, .personal-product-list-item__btn-panel .address-item__delete::before, .personal-product-list-item__btn-panel .address-item__add-to-cart::before { width: 14px; height: 14px; -webkit-mask-size: 90% !important; } .personal-product-list-item .personal-product-list-item__properties { margin-top: 12px; } .personal-product-list-item__sold-label { margin-top: 8px; margin-bottom: 7px; font-size: 12px; } .personal-product-list-item__sold-label.active + .personal-product-list-item__properties { margin-top: 0; } } @media (max-width: 1200px) { .personal-product-list-item .address-item__delete { margin-top: 7px; } } @media (min-width: 1089px) and (max-width: 1200px) { .personal-product-list-item .address-item__delete { margin-top: 0; } } @media (min-width: 935px) and (max-width: 1025px) { .personal-product-list-item .address-item__delete { margin-top: 0; } } @media (max-width: 768px) { .personal-product-list-item__elder-price { font-size: 13px; } .personal-product-list-item__price { font-size: 16px; } .personal-product-list-item__content { width: calc(50% - 10px); margin-left: 10px; } .personal-product-list-item .personal-product-list-item__properties { margin-top: 12px; } .personal-product-list-item__sold-label { margin-top: 8px; margin-bottom: 7px; font-size: 12px; } .personal-product-list-item__sold-label.active + .personal-product-list-item__properties { margin-top: 0; } .personal-product-list-item__img-wrp { width: 50%; } .personal-product-list-item button:not(:last-child) { margin-right: 10px; } } @media (min-width: 475px) and (max-width: 768px) { .personal-product-list-item__content { margin-left: 35px; } } @media (max-width: 475px) { .personal-product-list-item__content { padding-top: 0; padding-bottom: 0; } .personal-product-list-item__btn-panel { margin-top: 0; } .personal-product-list-item__elder-price { font-size: 11px !important; } } @media (max-width: 375px) { .personal-product-list-item button { font-size: 9px; } /* .catalog-item__img-wrp { height: 100vw !important; } */ } @media (max-width: 353px) { .personal-product-list-item__btn-panel.address-item__btn-panel > button { font-size: 10px !important; margin-top: 0; } .personal-product-list-item__properties * { font-size: 12px !important; } .personal-product-list-item__price { font-size: 14px; } .personal-product-list-item__elder-price { font-size: 11px !important; } .personal-product-list-item__elder-price::after { bottom: 4px; } } .accordion-wrp { margin-bottom: 33px; } button.accordion { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border: 1px solid #c4c4c4 !important; border: none; outline: none; text-align: left; padding: 20px 47px; font-size: 18px; color: #333; cursor: pointer; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } button.accordion:after { content: ''; display: block; width: 13px; height: 13px; background: url(/local/templates/arfashion/css/../img/svg/components/accordion-item/arrow-icon.svg) center center no-repeat; background-size: 100%; float: right; } button.accordion.is-open:after { -webkit-transform: scale(1, -1) translateY(1px); transform: scale(1, -1) translateY(1px); } button.accordion.is-open { border-color: #11294d !important; } .accordion-content { background-color: white; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .accordion-content__wrapper { margin-top: 53px; } @media (max-width: 768px) { button.accordion { padding: 10px 14px; /* padding-right: 64px; */ } button.accordion:after { position: absolute; top: calc(10px + 7px); right: 14px; } .accordion-wrp { margin-bottom: 25px; } .accordion-wrp:last-child { margin-bottom: 0; } } @media (max-width: 435px) { .shopping-list-item__head-button-info-item * { font-size: 14px !important; } } @media (max-width: 345px) { .shopping-list-item__head-button-info-item * { font-size: 11px !important; } } .shopping-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shopping-list-item__head-button-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .shopping-list-item__head-button-info-item * { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #404040; cursor: pointer; } .shopping-list-item__head-button-info-item span { font-weight: 600; color: rgb(0, 43, 112); /* font-family: 'Roboto', sans-serif; */ font-family: "Open sans", "sans-serif" ; font-size: 20px; line-height: 25px; } .shopping-list-item__head-button-info-item .title { margin-right: 5px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; } .shopping-list-item__head-button-info-item .info { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; } .shopping-list-item__products { width: 50%; } .shopping-list-item__order-detail-info { width: 50%; } .shopping-list-item__order-detail-info .delivery-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 23px; position: relative; } .shopping-list-item__order-detail-info .delivery-info__title { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 600; } .shopping-list-item__order-detail-info .delivery-info__info { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 400; } .shopping-list-item__order-detail-info .delivery-info__additional-info { width: 100%; margin-top: 3px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 15px; font-weight: 400; } .shopping-list-item__order-detail-info .delivery-info .delivery-info__title { margin-right: 11px; } .shopping-list-item__order-detail-info .total { padding: 10px 19px; margin-top: 50px; border: 1px solid #e5e5e5; } .shopping-list-item__order-detail-info .total__title { margin-bottom: 23px; font-family: 'Trivia Slab', sans-serif; font-size: 23px; font-weight: 400; } .shopping-list-item__order-detail-info .total-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 23px; } .shopping-list-item__order-detail-info .total-item__title { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 700; } .shopping-list-item__order-detail-info .total-item__info { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 400; } .shopping-list-item__order-detail-info .total__discount * { color: #f14922; } .shopping-list-item__order-detail-info .total__delivery-price { padding-bottom: 23px; border-bottom: 2px solid #F5EBE2; } .shopping-list-item__order-detail-info .total__delivery-price-type { width: 100%; margin-top: 3px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-list-item__order-detail-info .total__delivery-price-delivery-time { width: 100%; margin-top: 3px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-list-item__order-detail-info .total__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } .shopping-list-item__order-detail-info .total__footer * { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 600; font-size: 20px; } .shopping-list-item__more-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border: 1px solid #E5E5E5; } .shopping-list-item__more-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; padding: 10px 21.5px; } .shopping-list-item__more-info-item-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 48px; height: 100%; padding-top: 54px; margin-right: 46px; } .shopping-list-item__more-info-item-img img { width: 100%; height: 48px; } .shopping-list-item__more-info-item-title { margin-bottom: 15px; font-family: 'Trivia Slab', sans-serif !important; font-weight: 500 !important; font-size: 18px; line-height: 24px; } .shopping-list-item__more-info-item-info { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 18px; line-height: 24px; } .box-form-65.finished-images-modal button[data-entity="subscribe_add"] { font-size: 15px !important; } @media (min-width: 769px) and (max-width: 1112px) { .shopping-list-page__content .accordion-content__wrapper { margin-top: 23px !important; } .shopping-list-item__products, .shopping-list-item__order-detail-info { width: 100%; } .shopping-list-item__head-button { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .shopping-list-item__head-button * { font-size: calc(15px + 5px); } .shopping-list-item__head-button-info-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .shopping-list-item__head-button-info-item span { margin-bottom: 15px; font-weight: 600; font-size: calc(15px + 5px); line-height: 30px; } .shopping-list-item__head-button-info-item .title { margin: 0; margin-bottom: 10px; font-size: calc(12px + 5px); text-align: center; line-height: 15.6px; } .shopping-list-item__head-button-info-item .info { font-size: calc(12px + 5px); text-align: center; line-height: 15.6px; } .shopping-list-item__head-button-info-item:first-child { width: 100%; } .shopping-list-item__head-button-info-item:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .shopping-list-item__head-button-info-item:nth-child(3) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .shopping-list-item__head-button-info-item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .shopping-list-item__head-button.accordion:after { position: absolute; top: calc(10px + 17px); right: 34px; } } @media (max-width: 768px) { .catalog-slider__title.container_mobile-enable { line-height: 30px !important; } .shopping-list-page__content .accordion-content__wrapper { margin-top: 23px !important; } .shopping-list-item__head-button { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .shopping-list-item__head-button * { font-size: 15px; } .shopping-list-item__head-button-info-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .shopping-list-item__head-button-info-item span { font-size: 15px; line-height: 30px; font-weight: 600; } .shopping-list-item__head-button-info-item .title { margin: 0; font-size: 12px; text-align: center; line-height: 15.6px; } .shopping-list-item__head-button-info-item .info { font-size: 12px; text-align: center; line-height: 15.6px; } .shopping-list-item__head-button-info-item:first-child { width: 100%; } .shopping-list-item__head-button-info-item:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .shopping-list-item__head-button-info-item:nth-child(3) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .shopping-list-item__head-button-info-item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .shopping-list-item button.accordion { padding-right: 10vw; } .shopping-list-item__products { width: 100%; } .shopping-list-item__order-detail-info { width: 100%; } .shopping-list-item .delivery-info { margin-bottom: 26px; } .shopping-list-item .delivery-info * { font-size: 14px !important; } .shopping-list-item .delivery-info .delivery-info__title { margin-right: 11px; } .shopping-list-item__order-detail-info .total__title { font-size: 18px !important; } .shopping-list-item__order-detail-info .total * { font-size: 14px; } .shopping-list-item__order-detail-info .total__footer-title { font-size: 17px; } .shopping-list-item__order-detail-info .total__footer-info { font-size: 20px; } .shopping-list-item__more-info { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 32px; } .shopping-list-item__more-info-item { width: 100%; } .shopping-list-item__more-info-item-img { padding-top: 0; } .shopping-list-item__more-info-item-title { margin-bottom: 5px; font-size: 16px; line-height: 24px; } .shopping-list-item__more-info-item-info { font-size: 14px; line-height: 24px; } .shopping-list-item__more-info-item-img { min-width: 35px; margin-right: 8px; } .shopping-list-item__more-info-item-img img { height: 35px; } .shopping-list-item__more-info-item { padding: 5px 8.6px; } .my-queries-page input.input { margin-bottom: 10px !important; } .my-queries-page .input__wrp textarea { margin-top: 20px; } .form__notification { margin-top: 0; } .korzina-right .quantity-box span { display: inline-block; font-size: 16px !important; padding: 0 6px; } } @media (min-width: 415px) and (max-width: 768px) { .shopping-list-item__head-button-info-item .title { margin-bottom: 4px; } .shopping-list-item__head-button-info-item .title, .shopping-list-item__head-button-info-item .info { font-size: 16px; } } .shopping-list-page__content .shopping-list-items-wrp + .shopping-list-items-wrp.empty { display: none; } @media (min-width: 768px) { .shopping-list-page__empty-state-message p { margin-bottom: 41px !important; } } @media (max-width: 375px) { .shopping-list-page .input__search-wrp { margin-bottom: 10px !important; } /* .catalog-item__title { font-size: 6.5vw !important; line-height: 8.2vw !important; } */ } @media (max-width: 768px) { footer .btn.btn--newsletter { /* padding: 8.5px 25px; */ padding: 8.3px 25px !important; width: 50%; max-width: 143px; font-size: 16px; } footer p.checkbox-text { width: calc(100% - 40px); } } @media (max-width: 475px) { .footer-content .newsletter__content { min-width: 100% !important; } footer .btn.btn--newsletter { min-width: 150px; } } .slick-initialized .catalog-item { margin-right: 0 !important; } .catalog-item { width: calc((100% - (2 * 20px)) / 3); margin-right: 20px; margin-bottom: 35px; position: relative; overflow: hidden; } .catalog-slider__wrapper .catalog-item { width: auto; } .catalog-item__price-inner-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-item:nth-child(3n) { margin-right: 0; } .catalog-items-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; /* min-width: calc(100vw - 260px - 90px) !important; */ } .catalog-items-list__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 40px; margin-bottom: 10px; } .catalog-items-list__header .products-quantity { color: #999999; font-family: 'Open Sans', sans-serif; /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Trivia Slab', sans-serif; */ font-size: 18px; line-height: 21px; font-weight: 300; } .catalog-items-list__header .products-quantity span { font-family: 'Open Sans', sans-serif; } .catalog-items-list__header .sort-by, .catalog-items-list__header .sort-by * { /* min-width: 100px; */ /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Trivia Slab', sans-serif; */ font-family: 'Open Sans', sans-serif; font-size: 18px !important; line-height: 21px; font-weight: 300; border-bottom: none !important; text-align: left; min-width: 222px; } .catalog-items-list__header .sort-by .select-selected:after, .catalog-items-list__header .sort-by * .select-selected:after { margin-right: 0px; margin-bottom: 4px; } .catalog-items-list__header .sort-by.select-selected, .catalog-items-list__header .sort-by *.select-selected { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-color: none; } .catalog-items-list__header .sort-by.select-items div, .catalog-items-list__header .sort-by *.select-items div { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .catalog-items-list__header .sort-by .select-selected { padding: 0; } .catalog-item__img-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 484px; padding: 0 7px; height: 28vw; max-height: 470px; overflow: hidden; position: relative; cursor: pointer; } @media(min-width:990px) { .catalog-item__img-wrp { padding: 0; max-height: 520px; height: 34vw; } } @media(min-width:1490px) { .catalog-item__img-wrp { height: 33vw; } } .looc__box.slick-box.slick-initialized.slick-slider.slick-dotted .catalog-item__img-wrp { max-height: 470px; } .catalog-item__img-wrp:hover .catalog-item__fast-view-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; box-shadow: 0 0 10px rgb(255 255 255 / 15%); } .catalog-item__img-wrp:hover .catalog-item__fast-view-item img { margin-right: 8px; } .catalog-item__img-wrp:not(:hover) .catalog-item__fast-view-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; } .catalog-item__img-wrp:not(:hover) .catalog-item__fast-view-item img { margin-right: 8px; } .catalog-item__img-wrp img { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .catalog-item__like-item { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 12px; right: 34px; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/catalog-item/like-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #000; cursor: pointer; } @media (max-width: 1700px) and (min-width: 1024px) { .catalog-item__like-item { right: calc(100% - (100% - 28px)) !important; } } .catalog-item__like-item:hover { /* background: #a74359; */ background: #a2233e; } .catalog-item__like-item.active { -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/catalog-item/like-active-icon.svg) center center no-repeat; -webkit-mask-size: 100%; /* background: #a74359; */ background: #a2233e; } .catalog-item__label { /* margin-left: 14px; */ margin-left: 8px; margin-bottom: 14px; padding: 3px 7px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21px; } .catalog-item__labels { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 24px; position: absolute; bottom: 0; left: 0; } .catalog-item__label.orange-label { color: #F14922; background: #F5EBE2; } .catalog-item__label--custom.orange-label { color: #FFF; background: rgb(162, 35, 62); border-radius: 15px; font-size: 12px; padding: 2px 10px 0px 10px; } .catalog-item__label.blue-label { color: #4285f4; background: #DEE9EB; } .catalog-item__fast-view-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 28px * 2); height: 50px; padding: 7% 17.5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(255, 255, 255, 0.7); cursor: pointer; -webkit-transition: opacity .55s ease-out; transition: opacity .55s ease-out; } .catalog-item__fast-view-item img { display: block !important; width: 22px !important; height: 15px !important; } .catalog-item__fast-view-item span { font-family: 'Roboto', sans-serif; /* font-family: 'Trivia Slab', sans-serif; */ font-weight: 400; font-size: 16px; line-height: 23px; } .catalog-item__footer { width: 100%; min-height: 40%; padding: 0 12px; padding-top: 21px; background: #fff; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; min-height: 128px; min-height: 95px; } @media(max-width:490px) { .catalog-item__footer { /* overflow: unset; */ } } .catalog-item__footer .catalog-item__footer-hover-item { padding-bottom: 20px; /* border: 1px solid #EAEAEA; */ border: 1px solid #e7e6e6; } .catalog-item__footer:hover .catalog-item__footer-hover-item { bottom: 0; opacity: 1; } .catalog-item__footer-hover-item { width: 100%; padding: 0 8px; position: absolute; bottom: -240px; left: 0; -webkit-transition: bottom .5s ease-in-out, opacity .35s ease-in-out; transition: bottom .5s ease-in-out, opacity .35s ease-in-out; opacity: 0; background: #fff; } /* @media(min-width:1470px) { .catalog-item__footer--custom .catalog-item__footer-hover-item { width: 76%; margin: 0 auto; left: 0; right: 0; } } @media(min-width:1600px) { .catalog-item__footer--custom .catalog-item__footer-hover-item { width: 87%; margin: 0 auto; left: 0; right: 0; } } */ .catalog-item__footer-hover-item-info { padding: 0 14px; padding-top: 22px; } .catalog-item__footer-hover-item-info .product-item-detail-info-container-title { margin-bottom: 6px; margin-top: 11px; font-size: 12px !important; } .catalog-item__footer-hover-item .title { display: flex; justify-content: center; margin-bottom: 7px; /* font-family: 'Trivia Slab', sans-serif; */ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; } .catalog-item__footer-hover-item .price { margin-bottom: 15px; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 18px; text-align: center; } .catalog-item__footer-hover-item .colors { margin-bottom: 15px; } .catalog-item__footer-hover-item .sizes { margin-bottom: 31px; } .catalog-item__discount-item { position: absolute; right: 0; color: #f14922; font-size: 14px; } .catalog-item__title { margin-bottom: 6px; margin-bottom: 0px; font-family: 'Open sans', sans-serif; font-weight: 400; font-size: 16px; /* line-height: 29px; */ line-height: 25px; } .catalog-item__colors { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 9px; } .catalog-item__color-item[style="background-image: url(/local/templates/s2/img/svg/no_photo.svg)"] { display: none; } .catalog-item__color-item { width: 10px; height: 10px; border-radius: 50%; } .catalog-item__color-item:not(:last-child) { margin-right: 8px; } .catalog-item__price { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #404040; } .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; position: relative; } .catalog-item__price_elder:not(:empty) { /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Trivia Slab', sans-serif; */ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 13px; color: #676767; position: relative; } .owl-nums-col .catalog-item__price-inner-wrp .catalog-item__label--custom { padding: 2px 10px 0px 10px; } .catalog-item__price_elder:not(:empty)::after { content: ''; display: block; width: calc(100% + 2px); height: 1px; position: absolute; bottom: 7px; left: -1px; right: 0; background: #404040; } .catalog-item__price_elder:not(:empty) + .catalog-item__price { color: #a2233e; margin-left: 15px; line-height: 100%; font-weight: 500; } .catalog-item__footer-hover-item button.btn { padding: 0 !important; } @media (min-width: 992px) and (max-width: 1344px) { .catalog-item__img-wrp:hover .catalog-item__fast-view-item { padding: 0; } .catalog-item__fast-view-item:hover span, .catalog-item__fast-view-item:not(:hover) span { /* font-size: 13px !important; */ } .catalog-item__fast-view-item:hover img, .catalog-item__fast-view-item:not(:hover) img { width: 14px; height: 10px; } } @media (min-width: 993px) and (max-width: 1200px) { .catalog-item__fast-view-item img { height: 16px !important; } .catalog-item__fast-view-item:hover span, .catalog-item__fast-view-item:not(:hover) span { font-size: 1.3vw; } } @media (max-width: 992px) { .catalog-item { width: calc((100% - (1 * 20px)) / 2); } .catalog-item__img-wrp { height: 44vw; } .catalog-item:nth-child(3n) { margin-right: 20px; } .catalog-item:nth-child(2n) { margin-right: 0; } } @media (min-width: 769px) and (max-width: 914px) { .catalog-item__img-wrp:hover .catalog-item__fast-view-item { padding: 0; } .catalog-item__fast-view-item:hover span, .catalog-item__fast-view-item:not(:hover) span { font-size: 15px !important; } .catalog-item__fast-view-item:hover img, .catalog-item__fast-view-item:not(:hover) img { width: 14px; height: 10px; } } @media (min-width: 357px) and (max-width: 464px) { .catalog-item { padding-bottom: 38px !important; } } @media (min-width: 357px) and (max-width: 412px) { .catalog-item { padding-bottom: 0 !important; /* margin-bottom: 38px !important; */ } .catalog-item__footer { padding-bottom: 38px !important; padding-bottom: 0 !important; } } @media (min-width: 357px) and (max-width: 414px) { .catalog-item__img-wrp:hover .catalog-item__fast-view-item { padding: 0; } .catalog-item__fast-view-item:hover span, .catalog-item__fast-view-item:not(:hover) span { font-size: 9px !important; } .catalog-item__fast-view-item:hover img, .catalog-item__fast-view-item:not(:hover) img { width: 14px; height: 10px; margin-right: 4px !important; } } @media (max-width: 1305px) and (min-width: 769px) { .catalog-item { padding-bottom: 18px; } .catalog-item__discount-item { position: static; margin-top: 4px; } .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media (max-width: 768px) { .catalog-item__like-item { right: 21px; } .catalog-item__title { font-size: 17px; } .catalog-item__footer { padding-top: 12px; } } @media (max-width: 768px) { .catalog-item__img-wrp { max-height: 60vw; } .catalog-item { /* width: calc((100% - (1 * 10px)) / 1); */ width: calc((50% - (1 * 10px)) / 1); margin-right: 10px !important; padding-bottom: 18px; } .catalog-item:nth-child(2n) { margin-right: 0 !important; } .catalog-item__like-item.active { -webkit-mask-size: 100%; } .catalog-item__like-item, .catalog-item__like-item.active { width: 14px; height: 14px; } .catalog-items-list__header { margin-bottom: 0px; height: 30px; } .catalog-items-list__header .sort-by .select-selected:after, .catalog-items-list__header .sort-by * .select-selected:after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 15px; width: 15px; margin-bottom: 3px; margin-top: 1px; } .catalog-items-list__header .products-quantity { font-size: 14px !important; } .catalog-item__img-wrp { height: 60vw; height: initial; } .catalog-item__label { font-size: 12px; font-weight: 700; } .catalog-item__fast-view-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 !important; } .catalog-item__fast-view-item span { font-size: 14px; } .catalog-item__fast-view-item img { display: block; height: 16px; margin-right: 10px; } .catalog-item__footer-hover-item button.btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 !important; } .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: absolute; bottom: 0; } .catalog-item__labels { margin-left: 10px; } .catalog-item__discount-item { position: static; margin-top: 4px; } .shopping-list-page__search-container { display: flex; flex-direction: column; } .shopping-list-page__search-container .input__search-wrp:first-child { margin-bottom: 14px; } .shopping-list-page__search-container .input__search-wrp:last-child { margin-bottom: 24px; } } @media (max-width: 535px) { .catalog-item__fast-view-item { height: 34px; } .catalog-item__fast-view-item span { font-size: 12px; } .catalog-item__fast-view-item img { height: 10px; width: 14px; margin-right: 7px; } /* .catalog-item__like-item { width: 20px; height: 20px; top: 10px; right: 8px; } */ .catalog-item__footer-hover-item { bottom: -280px; } .catalog-item__footer-hover-item button.btn { padding: 0 !important; font-size: 14px; height: 37px; line-height: 100%; } } /* @media (max-width: 357px) { .catalog-item { width: 100%; margin-right: 0 !important; padding-bottom: 0; } .catalog-item__img-wrp { height: 117vw; } .catalog-item:nth-child(3n) { margin-right: 0; } } */ @media (max-width: 375px) { .catalog-item__img-wrp { max-height: 55vw; } .catalog-item__price_elder:not(:empty) + .catalog-item__price { margin-left: 10px; } .catalog-item { margin-bottom: 0px; } .catalog-item__price { font-size: 14px; } .catalog-item__title { font-size: 12px; line-height: 16px; } .catalog-item__footer { padding-left: 0; } } .colors input[type="radio"] { height: 15px; width: 15px; margin: 0; padding: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; background: #fff; position: relative; margin-right: 10px; border: none; background: blue; cursor: pointer; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; } .colors input[type="radio"]:checked { background: #fff; border: 1px solid #0e0d0d; } .colors input[type="radio"]:checked:before { display: none; } .colors input[type="radio"]:checked:after { content: ""; display: block; width: calc(100% - 2px * 2); height: calc(100% - 2px * 2); background: blue; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transform: initial; transform: initial; } .colors input[type="radio"]:focus { outline: none; } .colors input.gray[type="radio"] { background: #838383; } .colors input.gray[type="radio"]:checked { background: #fff; } .colors input.gray[type="radio"]:checked::after { background: #838383; } .colors input.brown[type="radio"] { background: #511919; } .colors input.brown[type="radio"]:checked { background: #fff; } .colors input.brown[type="radio"]:checked::after { background: #511919; } .colors input.black[type="radio"] { background: #000; } .colors input.black[type="radio"]:checked { background: #fff; } .colors input.black[type="radio"]:checked::after { background: #000; } .colors input.blue[type="radio"] { background: #4285F4; } .colors input.blue[type="radio"]:checked { background: #fff; } .colors input.blue[type="radio"]:checked::after { background: #4285F4; } .colors input.purple[type="radio"] { background: #5338D6; } .colors input.purple[type="radio"]:checked { background: #fff; } .colors input.purple[type="radio"]:checked::after { background: #5338D6; } .colors_large input[type="radio"] { height: 30px; width: 30px; margin-right: 19px; } .colors_large input[type="radio"]:checked { background: #D7D7D7 !important; } .colors_large input[type="radio"]:checked::after { width: calc(100% - 1px * 2) !important; height: calc(100% - 1px * 2) !important; } .sizes input[type="radio"] { height: 15px; width: 15px; margin: 0; padding: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; position: relative; margin-right: 10px; cursor: pointer; } .sizes input[type="radio"]:disabled { opacity: .7; cursor: initial; } .sizes input[type="radio"]:disabled:after { content: ''; display: block; height: 1px; width: 60%; margin: auto; background: #000; opacity: 0.7; position: absolute; bottom: 55%; left: 0; right: 0; } .sizes input[type="radio"]::before { content: 'S'; display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: black; text-align: center; line-height: 100%; } .sizes input[type="radio"]:checked::before { width: initial !important; font-weight: 700; text-decoration: underline; -webkit-transform: initial; transform: initial; } .sizes input[type="radio"]:checked::after { content: ''; display: block; height: 1px; width: 60%; margin: 0 auto; position: absolute; bottom: 2px; left: 0; right: 0; } .sizes input[type="radio"]:focus { outline: none; } .sizes input[type="radio"].l-size::before { content: 'L'; } .sizes input[type="radio"].s-size::before { content: 'S'; } .sizes input[type="radio"].m-size::before { content: 'M'; } .sizes input[type="radio"].xs-size::before { content: 'XS'; } .sizes input[type="radio"].xl-size::before { content: 'XL'; } .sizes input[type="radio"].xxl-size::before { content: 'XXL'; } .transparent-accordions__wrp.accordion, #catalog-filter.accordion { width: 80%; padding: 0; margin: 0 auto; } .transparent-accordions__wrp .accordion, #catalog-filter .accordion { margin-bottom: 33px; } .transparent-accordions__wrp .accordion__title, #catalog-filter .accordion__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0; padding-left: 0; padding-right: 0; position: relative; background: none; cursor: pointer; color: #000; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 20px; } .transparent-accordions__wrp .accordion__content, #catalog-filter .accordion__content { width: 100% !important; height: 0; overflow: hidden; z-index: -1; position: relative; opacity: 0; -webkit-transition: .3s ease; transition: .3s ease; } .transparent-accordions__wrp .accordion__content .item, #catalog-filter .accordion__content .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 120px; margin-right: calc((100% - 120px * 3) / 2); padding: 5px 0; margin-bottom: 22px; color: #000; border: 1px solid #000; } .transparent-accordions__wrp .accordion__content .item:nth-child(3n), #catalog-filter .accordion__content .item:nth-child(3n) { margin-right: 0; } .transparent-accordions__wrp .accordion__content .items, #catalog-filter .accordion__content .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .transparent-accordions__wrp .accordion__input-toggler:checked ~ .accordion__content, #catalog-filter .accordion__input-toggler:checked ~ .accordion__content { height: auto; opacity: 1; padding: 0 15px; padding: 20px 0; padding-bottom: 0; z-index: 1; } .transparent-accordions__wrp .accordion__input-toggler:checked ~ .accordion__content ul, #catalog-filter .accordion__input-toggler:checked ~ .accordion__content ul { margin: 10px; } .transparent-accordions__wrp .accordion__input-toggler:checked ~ .accordion__title .accordion__icon, #catalog-filter .accordion__input-toggler:checked ~ .accordion__title .accordion__icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .transparent-accordions__wrp .accordion__input-toggler, #catalog-filter .accordion__input-toggler { display: none; } .transparent-accordions__wrp .accordion__icon, #catalog-filter .accordion__icon { right: 0; bottom: 0; margin-left: 10px; z-index: 1; line-height: 0%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .3s ease; transition: .3s ease; color: #000; } .catalog-filter { padding: 21px 22px; background: #f9f8f8; height: auto; margin-top: 51px; } .catalog-filter__title { margin-bottom: 30px; font-family: 'Trivia Slab', sans-serif !important; font-weight: 500; font-size: 24px; line-height: 28px; text-transform: uppercase; text-align: center; } .catalog-filter__check-item { margin-bottom: 12px; font-family: 'Trivia Slab', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; } .catalog-filter__check-item_with-content .accordion__title { font-family: 'Trivia Slab', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; text-transform: initial; } .catalog-filter__check-item_with-content .accordion__icon { width: 12px; margin-left: 10px !important; } .catalog-filter__check-item_with-content .accordion__icon svg { width: 100%; } .catalog-filter__check-item_inner:not(:last-child) { margin-bottom: 14px; } .catalog-filter__check-item .accordion__input-toggler:checked ~ .accordion__content { padding-top: 14px !important; } .catalog-filter__color { width: 20px; height: 20px; margin-right: 18px; border-radius: 50%; cursor: pointer; } .catalog-filter__color-item { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .catalog-filter__color-title { cursor: pointer; } .catalog-filter__input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-filter__input-wrapper:not(:last-child) { margin-bottom: 28px; } .catalog-filter__input-wrapper label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; } .catalog-filter__input-wrapper input { width: calc(100% - 45px); } .catalog-filter__input-wrapper input::-webkit-outer-spin-button, .catalog-filter__input-wrapper input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } #filter-wrapper_mobile { display: none; } @media (max-width: 768px) { #filter-wrapper_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; background: #fff !important; position: relative; } #filter-wrapper_mobile #close-filter-mobile-button { display: none; margin-right: 5px; } #filter-wrapper_mobile > button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; } #filter-wrapper_mobile > button#filter-mobile-btn img { display: block; height: 12px; width: 12px; margin-right: 13px; } #filter-mobile-btn > span:first-of-type { text-transform: uppercase; font-weight: 500 !important; line-height: 100%; margin-top: 1.5px; color:#000 !important; } #filter-wrapper_mobile .catalog-filter { height: auto; width: 100%; padding: 0; /* padding-top: 20px; */ padding-top: 25px; background: #fff; } #filter-wrapper_mobile .catalog-filter__title { display: none; } #filter-wrapper_mobile .catalog-filter:not(.active) { display: none; } #filter-wrapper_mobile .catalog-filter.active { display: block; } .catalog-items-list__header[style="display: none;"] + #AjaxContent { display: none; } } @media(max-width:490px) { #filter-wrapper_mobile .catalog-filter { background: #f9f8f8; } } .filter-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* custom checkbox */ } .filter-checkbox input[type="checkbox"] { height: 14px; width: 14px; margin: 0; padding: 0; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; background: transparent; position: relative; margin-right: 10px; cursor: pointer; } .filter-checkbox input[type="checkbox"]:checked { background: #a2233e; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/catalog-filter/filter-custom-checkbox-icon.svg) center center no-repeat; -webkit-mask-size: 100%; } .filter-checkbox input[type="checkbox"]:focus { outline: none; } .filter-checkbox label { margin-right: 10px; cursor: pointer; } .my-subscribes-page__checkbox-item.checkbox-type-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 15px !important; /* custom checkbox */ } .my-subscribes-page__checkbox-item.checkbox-type-2:last-child { margin-bottom: 0 !important; } .my-subscribes-page__checkbox-item.checkbox-type-2 input[type="checkbox"] { height: 20px; width: 20px; border-color: #757474 !important; } .my-subscribes-page__checkbox-item.checkbox-type-2 input[type="checkbox"] + label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; } .my-subscribes-page__checkbox-item.checkbox-type-2 input[type="checkbox"]:checked { background: #a2233e; border-color: #a2233e !important; } /* custom checkbox */ input[type="checkbox"] { height: 20px; width: 20px; border-color: #757474 !important; } input[type="checkbox"] + label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; } input[type="checkbox"]:checked { background: #a2233e; border-color: #a2233e !important; } :root { --deg: 5deg; --base: #95CC49; --second: #757474; --trackball: #95CC49; --range: 0%; --bg: transparent; } .range-custom__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; margin-bottom: 40px; } .range-custom__wrapper::before, .range-custom__wrapper::after { content: ''; display: block; width: 1px; height: 7px; background: blue; position: absolute; } .range-custom__wrapper::before { left: 0; background: var(--base); } .range-custom__wrapper:after { right: 0; background: var(--second); } .range-custom__min-value, .range-custom__max-value { position: absolute; bottom: -20px; font-size: 14px; color: var(--second); } .range-custom__min-value { left: 0; } .range-custom__max-value { right: 0; } input[type="range"] { -webkit-appearance: none; width: 300px; position: relative; } input[type="range"]:focus { outline: none; } input[type="range"]:before { position: absolute; content: ""; width: calc(100% - var(--range)); right: 0; height: 1px; background: var(--second); } input[type="range"]::-webkit-slider-runnable-track { background: var(--base); height: 1px; } input[type="range"]::-webkit-slider-thumb { width: 13px; height: 13px; border-radius: 100%; border: none; -webkit-appearance: none; background-color: var(--trackball); margin-top: -4.5px; z-index: 99; position: relative; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; cursor: pointer; } input[type="range"] + label, #value { position: absolute; bottom: -100%; font-size: 14px; left: 33%; color: var(--second); -webkit-transition: 0.5s color ease; transition: 0.5s color ease; } html { font-size: 10px; } .select-flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 17vw; } .select-flex-wrapper span { margin-right: 5px; font-size: 16px; color: #ff8024; } .custom-select { display: inline-block; width: auto; position: relative; font-size: 1.6rem; } .custom-select select { display: none; /*hide original SELECT element: */ } .select-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0 !important; padding-right: 0 !important; } /* Style the arrow inside the select element: */ .select-selected:after { content: ""; width: 20px; height: 20px; margin-left: 4px; background-image: url(/local/templates/arfashion/css/../img/components/select/custom-select-arrow-icon.svg); background-repeat: no-repeat; background-position: center center; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* style the items (options), including the selected item: */ .select-items div, .select-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; font-size: 16px; padding: 10px 15px; cursor: pointer; background: #fff; white-space: nowrap; } /* Style items (options): */ .select-items { max-height: 50vh; overflow: auto; position: absolute; top: 100%; /* left: 0; */ right: 0; text-align: center; -webkit-box-shadow: 0 0 12px rgba(211, 151, 133, 0.25); box-shadow: 0 0 12px rgba(211, 151, 133, 0.25); z-index: 99; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: #f1ece7; } .queries-list-page__modal .select-flex-wrapper { border: 1px solid #d3d3f8; border-radius: 8px; padding-left: 7px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 70%; } .queries-list-page__modal .select-flex-wrapper .custom-select { width: 99%; } .queries-list-page__modal .select-flex-wrapper .select-selected { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .queries-list-page__modal .select-flex-wrapper .select-items { width: calc(100% + 7px); margin-top: 1px; } .queries-list-page__modal .select-flex-wrapper .select-items div { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 768px) { .catalog-items-list__header .sort-by.select-selected, .catalog-items-list__header .sort-by *.select-selected { padding: 0; } } @media (max-width: 575px) { .select-flex-wrapper div, .select-flex-wrapper span { font-size: 14px !important; } } .catalog-slider { position: relative; } .catalog-slider__wrapper { width: 100%; margin-top: 64px; } .catalog-slider__title { margin-bottom: 10px; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 23px; line-height: 32px; text-transform: uppercase; } .catalog-slider__title--new { color: rgb(0, 43, 112); font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 400; line-height: 28px; text-align: center; margin-bottom: 40px; } @media(max-width:490px) { .catalog-slider__title--new { font-size: 18px !important; text-align: left; } } .catalog-slider-item__content { width: 100% !important; } .catalog-slider-item img { width: initial !important; } .catalog-slider .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50px; position: absolute; top: -62px; right: 23px; } .catalog-slider__wrapper:not(.cart-more) .owl-nav { top: -42px; } .catalog-slider .owl-nav > button { width: 10px; height: 23px; border: 1px solid blue !important; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/catalog-owl-slider/slider-arrow-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #000 !important; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .catalog-slider .owl-nav > button:last-child { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .catalog-slider .owl-nav > button:hover { background: #a2233e !important; } .catalog-slider .owl-nav > button span { display: none; } .catalog-slider .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .catalog-slider .owl-dots button { display: block; height: 2px; width: -webkit-fill-available; background: #f1ece7; } .catalog-slider .owl-dots button.active { background: #a2233e; } @media (max-width: 992px) { .catalog-slider__wrapper { margin-top: 0; } } @media (max-width: 768px) { .catalog-detail-page .container_mobile-disable .catalog-slider { padding-bottom: 0; margin-bottom: 30px; } .catalog-detail-page .container_mobile-disable .catalog-slider__title { margin-bottom: 16px; } .catalog-detail-page .container_mobile-disable .catalog-slider .owl-nav { top: -44px; } .catalog-detail-page .container_mobile-disable .catalog-slider .catalog-item { margin-bottom: 0; } .catalog-slider__title { margin-bottom: 14px; } } @media (max-width: 375px) { .catalog-slider .owl-nav { width: 50px; } .catalog-slider .owl-stage { padding-left: 0 !important; } .catalog-slider__title { font-size: 22px; line-height: 36px; } } .share__links-list-wrapper { display: none; } .share-link { width: 30px; height: 30px; margin-bottom: 20px; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .share-link:hover { opacity: 0.7; } .share-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 30px; } .share-link img { width: 100%; } .share-link.share-1 a, .share-link.share-2 a, .share-link.share-3 a, .share-link.share-4 a, .share-link.share-5 a { display: block; width: 100%; height: 100%; -webkit-mask-size: 100%; background: #676767; } .share-link.share-1 a { /* -webkit-mask: url(/local/templates/arfashion/css/../img/components/share/share-1.svg) center center no-repeat; */ display: none; } @media (min-width: 993px) and (max-width: 1920px) { .share-link.share-1 a { -webkit-mask-size: 70% !important; } } .share-link.share-2 a { -webkit-mask: url(/local/templates/arfashion/css/../img/components/share/share-2.svg) center center no-repeat; } .share-link.share-3 a { -webkit-mask: url(/local/templates/arfashion/css/../img/components/share/share-3.svg) center center no-repeat; } .share-link.share-4 a { -webkit-mask: url(/local/templates/arfashion/css/../img/components/share/share-4.svg) center center no-repeat; } .share-link.share-5 a { -webkit-mask: url(/local/templates/arfashion/css/../img/components/share/share-5.svg) center center no-repeat; } #sync2_1 .item, #sync1 .item { margin: 5px; color: #FFF; text-align: center; border-radius: 3px; } #sync2_1.owl-theme, #sync1.owl-theme { position: relative; } #sync2_1.owl-theme .owl-next, #sync2_1.owl-theme .owl-prev, #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 15px; height: 40px; margin-top: -20px; position: absolute; top: 50%; } #sync2_1.owl-theme .owl-prev, #sync1.owl-theme .owl-prev { left: 10px; padding: 0; background: none; } #sync2_1.owl-theme .owl-next, #sync1.owl-theme .owl-next { right: 10px; padding: 0; background: none; } #sync2_2, #sync2 { margin-top: 12px; } #sync2_2 .item, #sync2 .item { display: block; max-height: 250px; margin: 5px; color: #FFF; text-align: center; border-radius: 3px; cursor: pointer; } #sync2_2 .item h1, #sync2 .item h1 { font-size: 18px; } #sync2_2 .current .item, #sync2 .current .item { display: block; overflow: hidden; border: 1px solid #a2233e; } .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color: #FFF; text-decoration: none; } @media (max-width: 992px) { #sync2_1 .item, #sync2_2 .item, #sync1 .item, #sync2 .item { margin: 0; } } @media (max-width: 992px) { #sync2_1 .item, #sync1 .item { margin: 0; } #sync2_2, #sync2 { display: none; } .modal-custom #sync2_2 #sync2 { display: block; } } @media (max-width: 768px) { .modal-custom #sync2_2 .item, .modal-custom #sync2 .item { max-height: 140px; } } @media (max-width: 676px) { .modal-custom #sync2_2 .item, .modal-custom #sync2 .item { max-height: 115px; } } @media (max-width: 595px) { .modal-custom #sync2_2 .item, .modal-custom #sync2 .item { max-height: 90px; } } @media (max-width: 550px) { .modal-custom #sync2_2, .modal-custom #sync2 { display: none; } } @media (max-width: 445px) { #sync2_1.owl-theme .owl-next, #sync2_1.owl-theme .owl-prev, #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 28px; height: 20px; } #sync2_1.owl-theme .owl-next, #sync1.owl-theme .owl-next { right: -4px; } #sync2_1.owl-theme .owl-prev, #sync1.owl-theme .owl-prev { left: -4px; } } .modal-form_pd0 { padding: 0 !important; } .modal-custom:not(.active) { display: none; } .modal-custom__wrp { width: 700px; height: auto; padding: 14px; background: #fff; position: relative; -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out, opacity .25s ease-in-out; transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out; cursor: initial; } .modal-custom__wrp:not(.active) { -webkit-transform: translateY(7vh) !important; transform: translateY(7vh) !important; opacity: 0 !important; } .modal-custom__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-top: 70px; padding-bottom: 70px; background: rgba(0, 0, 0, 0.35); position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; overflow: auto; cursor: pointer; } .modal-custom__overlay:not(.active) { opacity: 0; } .modal-custom__close-btn { position: absolute; top: 18px; right: 18px; cursor: pointer; } .modal-custom__close-btn svg { fill: #000; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .modal-custom__close-btn:hover svg { opacity: 0.7; } .modal-custom__wrp-inner { display: none; } .modal-custom__wrp-inner.active { display: block; } .modal-custom__header { padding: 20px 40px; text-align: center; font-size: 21px; text-transform: uppercase; font-family: "Trivia slab","sans serif"; } .modal-custom__body.centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .modal-custom__body.all-elements_mt20 * { margin-top: 20px; } .modal-custom__body.all-elements_mt10 * { margin-top: 10px; } .modal-custom__dialog-message { position: absolute; top: 20px; } .modal-custom__dialog-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 50px; } .modal-custom__dialog-buttons button:first-child { margin-right: 20px; } .dialog-size { width: 500px; height: 200px; padding: 0; } .modal-custom__sizes.modal-custom__wrp { max-height: 95vh; overflow: auto; } .modal-custom__sizes .modal-custom__header { padding: 0 !important; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; } .modal-custom__sizes.modal-custom__wrp { width: 808px !important; height: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; padding-right: 50px; } .modal-custom__sizes.modal-custom__content { padding-left: 183px; padding-right: 183px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0 37px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form__note { margin-bottom: 30px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form .modal-form__required-fields-title { margin-bottom: 25px; text-align-last: left; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form__current-value { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form__current-value b { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 700; font-size: 18px; line-height: 21.09px; white-space: nowrap; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form__required-fields-title { font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form__get-code-description { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; text-align: left; color: #676767; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form .btn.btn_transparent, .modal-custom__sizes.modal-custom__wrp-inner .modal-form input.btn[type=submit] { width: 310px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 18px; line-height: 21.09px; } .modal-custom__sizes.modal-custom__wrp-inner .modal-form input:focus { border-color: #000; } .modal-custom__sizes .modal-sizes__table-uppertitle { margin-top: 14px; margin-bottom: 25px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; /* line-height: 21.09px; */ line-height: 16px; } .modal-custom__sizes .modal-sizes__table { margin-bottom: 35px; } .modal-custom__sizes .modal-sizes__table table { border: 1px solid #e0e0e0; border-collapse: collapse; } .modal-custom__sizes .modal-sizes__table table tr { border: 1px solid #e0e0e0; color: #838383; } .modal-custom__sizes .modal-sizes__table table tr:first-child, .modal-custom__sizes .modal-sizes__table table tr:nth-child(2) { color: #292727; } .modal-custom__sizes .modal-sizes__table table td { font-size: 18px; padding: 5px 20px !important; text-align: center; border: 1px solid #e0e0e0; } .modal-custom__sizes .modal-sizes__info-section { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-custom__sizes .modal-sizes__img-wrp { width: 247px; } .modal-custom__sizes .modal-sizes__img-wrp img { display: block; width: 100%; } .modal-custom__sizes .modal-sizes__info { width: calc(100% - 244px); margin-left: 34px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; } .modal-custom__catalog-detail.modal-custom__wrp { width: 1144px; max-height: 552px !important; min-height: calc(888px + 45px); padding-top: 45px; padding-bottom: 45px; padding-left: 45px; padding-right: 45px; } @media (min-width: 993px) and (max-width: 1800px) { .modal-custom__catalog-detail.modal-custom__wrp { min-height: calc(100vh - 20px); max-height: calc(100vh - 20px); overflow: auto; } } .modal-custom__catalog-detail.modal-custom__content { padding-left: 183px; padding-right: 183px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0 37px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form__note { margin-bottom: 30px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form .modal-form__required-fields-title { margin-bottom: 25px; text-align-last: left; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form__current-value { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form__current-value b { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 700; font-size: 18px; line-height: 21.09px; white-space: nowrap; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form__required-fields-title { font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form__get-code-description { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; text-align: left; color: #676767; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form .btn.btn_transparent, .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form .btn.btn_orange, .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form input.btn[type=submit] { width: 310px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 18px; line-height: 21.09px; } .modal-custom__catalog-detail.modal-custom__wrp-inner .modal-form input:focus { border-color: #000; } .modal-custom__catalog-detail .modal-custom__header { padding: 0 !important; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; } .modal-custom__catalog-detail .catalog-detail-page { margin-top: 0; } .modal-custom__catalog-detail .catalog-detail-page__slider { width: calc(65.57% - 60px); margin-right: 60px; } .modal-custom__catalog-detail .catalog-detail-page__slider_modal { width: 45%; } .modal-custom__catalog-detail .catalog-detail-page__body { padding-bottom: 0; } .modal-custom__catalog-detail .catalog-detail-page__content { width: calc(100% - 47% - 60px); margin-top: 5px; } .modal-custom__catalog-detail .catalog-detail-page__buttons-section button.btn:not(.btn_add-to-cart) { padding-left: 20px !important; padding-right: 20px !important; margin-top: 15px; } .modal-custom__catalog-detail .catalog-detail-page__select-size .select-selected { margin-top: 0; } .modal-custom__catalog-detail .catalog-detail-page__sizes { margin-bottom: 0; } .modal-custom__catalog-detail .catalog-detail-page__sizes > .title + .catalog-detail-page__select-size { margin-bottom: 0; } .modal-custom__catalog-detail .catalog-detail-page__sizes > .title + .catalog-detail-page__select-size > .custom-select { margin-top: 0; } .modal-custom__catalog-detail .modal-sizes__table-uppertitle { margin-top: 14px; margin-bottom: 25px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__catalog-detail .modal-sizes__table { margin-bottom: 35px; } .modal-custom__catalog-detail .modal-sizes__table table { border: 1px solid #e0e0e0; border-collapse: collapse; } .modal-custom__catalog-detail .modal-sizes__table table tr { border: 1px solid #e0e0e0; color: #838383; } .modal-custom__catalog-detail .modal-sizes__table table tr:first-child, .modal-custom__catalog-detail .modal-sizes__table table tr:nth-child(2) { color: #292727; } .modal-custom__catalog-detail .modal-sizes__table table td { font-size: 18px; padding: 5px 20px !important; text-align: center; border: 1px solid #e0e0e0; } .modal-custom__catalog-detail .modal-sizes__info-section { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-custom__catalog-detail .modal-sizes__img-wrp { width: 247px; } .modal-custom__catalog-detail .modal-sizes__img-wrp img { display: block; width: 100%; } .modal-custom__catalog-detail .modal-sizes__info { width: calc(100% - 244px); margin-left: 34px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; } @media (min-width: 992px) { .modal-custom__wrp.modal-custom__wrp { width: 1144px; /* max-height: 552px !important; */ /* min-height: calc(888px + 45px); */ padding-top: 45px; padding-bottom: 45px; padding-left: 35px; padding-right: 35px; max-height: initial !important; min-height: initial !important; } .modal-custom__wrp.modal-custom__wrp::-webkit-scrollbar { width: 10px; } .modal-custom__wrp.modal-custom__wrp::-webkit-scrollbar-track { background-color: transparent; } .modal-custom__wrp.modal-custom__wrp::-webkit-scrollbar-thumb { background-color: #C4C4C4; border-right: 7px solid #fff; border-top: 10px solid #fff; } .modal-custom__wrp.modal-custom__sizes, .modal-custom__wrp.modal-custom__catalog-detail { /* max-height: 97vh !important; */ height: initial !important; /* min-height: initial !important; */ /* max-height: 97vh !important; */ /* overflow: auto; */ overflow: initial; } } .modal-custom__form.modal-custom__wrp { width: 710px; height: auto; min-height: auto; max-height: initial !important; padding-top: 55px; padding-bottom: 57px; padding-left: 10%; padding-right: 10%; padding-left: 125px; padding-right: 125px; } .modal-custom__form.modal-custom .modal-custom__header { padding: 0 !important; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; } .modal-custom__form.modal-custom__content { padding-left: 183px; padding-right: 183px; } .modal-custom__form.modal-custom__wrp-inner .modal-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0 37px; } .modal-custom__form.modal-custom__wrp-inner .modal-form__note { margin-bottom: 30px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__form.modal-custom__wrp-inner .modal-form .modal-form__required-fields-title { margin-bottom: 25px; text-align-last: left; } .modal-custom__form.modal-custom__wrp-inner .modal-form__current-value { padding: 0 37px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .modal-custom__form.modal-custom__wrp-inner .modal-form__current-value b { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 700; font-size: 18px; line-height: 21.09px; } .modal-custom__form.modal-custom__wrp-inner .modal-form__required-fields-title { font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; } .modal-custom__form.modal-custom__wrp-inner .modal-form__get-code-description { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; text-align: left; color: #676767; } .modal-custom__form.modal-custom__wrp-inner .modal-form .btn.btn_transparent, .modal-custom__form.modal-custom__wrp-inner .modal-form input.btn[type=submit] { width: 310px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Open sans', sans-serif; font-weight: 500; font-size: 18px; line-height: 21.09px; } .modal-custom__form.modal-custom__wrp-inner .modal-form input:focus { border-color: #000; } #personal-page-form-modal__enter-new-email .modal-custom__header, #personal-page-form-modal__enter-new-phone .modal-custom__header { padding: 0; } #personal-page-form-modal__enter-new-email .modal-form__current-value, #personal-page-form-modal__enter-new-phone .modal-form__current-value { padding-left: 0; padding-right: 0; } #personal-page-form-modal__enter-new-email input[type=email], #personal-page-form-modal__enter-new-email input[type=tel], #personal-page-form-modal__enter-new-phone input[type=email], #personal-page-form-modal__enter-new-phone input[type=tel] { padding-top: 0; } #personal-page-form-modal__enter-new-email form, #personal-page-form-modal__enter-new-phone form { margin-top: 0; } #personal-page-form-modal__enter-new-email input:not([type="submit"]), #personal-page-form-modal__enter-new-phone input:not([type="submit"]) { margin-bottom: 0; margin-top: 0; } #personal-page-form-modal__enter-new-email .modal-custom__header, #personal-page-form-modal__enter-new-phone .modal-custom__header { padding: 0; } #personal-page-form-modal__enter-new-email .modal-form__current-value, #personal-page-form-modal__enter-new-phone .modal-form__current-value { margin-top: 41px; margin-bottom: 25px; text-align: left; } #personal-page-form-modal__enter-new-email .btn, #personal-page-form-modal__enter-new-phone .btn { padding-left: 10px; padding-right: 10px; margin: 0 auto; } #personal-page-form-modal__enter-new-email #modal-enter-new-phone_code-btn, #personal-page-form-modal__enter-new-phone #modal-enter-new-phone_code-btn { margin-top: 25px; margin-bottom: 15px; } #personal-page-form-modal__enter-new-email .modal-form__get-code-description, #personal-page-form-modal__enter-new-phone .modal-form__get-code-description { margin-bottom: 43px; } #personal-page-form-modal__enter-new-email .modal-form__get-code-description { margin-top: 12px; } #personal-page-form-modal__enter-new-phone .modal-form__current-value { margin-bottom: 41px; } #personal-page-form-modal__enter-new-phone .modal-form__required-fields-title { margin-top: 0; } #personal-page-form-modal__enter-new-phone .modal-form__get-code-description { margin-bottom: 25px; } #personal-page-form-modal__enter-new-phone input[type="submit"] { margin-top: 35px; } #personal-page-form-modal__enter-new-password .modal-custom__header { padding: 0; } #personal-page-form-modal__enter-new-password .search-offs-box .search-offs { margin-bottom: 20px; font-size: 20px; } #personal-page-form-modal__enter-new-password form input:first-of-type, /* #personal-page-form-modal__enter-new-password form .search-offs-box, */ #personal-page-form-modal__enter-new-password form .search-offs-box input { /*margin-bottom: 15px !important;*/ } #personal-page-form-modal__enter-new-password form > input:first-of-type { margin-top: 0; } #personal-page-form-modal__enter-new-password .search-offs-box .search-offs::placeholder { font-weight: 600; } #personal-page-form-modal__enter-new-password input[type="submit"] { margin: 0 auto; margin-top: 24px; } @media (max-width: 768px) { #personal-page-form-modal__enter-new-email .modal-form__required-fields-title { margin-top: 0 !important; } #personal-page-form-modal__enter-new-email input[type="email"] { padding-top: 0; } } @media (max-width: 357px) { #personal-page-form-modal__enter-new-email .modal-custom__header br { display: none; } } #personal-page-form-modal__enter-new-password input.input { padding-top: 0; margin-top: 35px; } @media (min-width: 769px) and (max-width: 1280px) { #personal-page-form-modal__enter-new-password input.input { margin-top: 35px; font-size: 18px; } } @media (max-width: 375px) { #personal-page-form-modal__enter-new-password input[type=submit] { width: 100%; } } #form_new-products-message .modal-custom__header { padding: 0; } #form_new-products-message .modal-form__current-value { margin-top: 30px; padding-left: 0; padding-right: 0; } #form_new-products-message .modal-form__required-fields-title { margin-top: 30px; margin-bottom: 35px; } #form_new-products-message .modal-form__required-fields-title + input { margin-bottom: 0; } #form_new-products-message .modal-form__required-fields-title + input + button.btn { margin: 0 auto; margin-top: 35px; } .modal-custom__catalog-detail_less-pd { height: auto !important; min-height: initial !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 25px !important; } .modal-custom__catalog-detail_less-pd.modal-custom__wrp { overflow: hidden; } #check-in-boutiques-modal .catalog-detail-page__main-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #check-in-boutiques-modal .catalog-detail-page__select-size { min-width: 100%; margin-right: 0; } #check-in-boutiques-modal .catalog-detail-page__content { width: calc(33.3333% - 20px); } #check-in-boutiques-modal .check-in-boutiques-section { min-height: 100% !important; max-height: 485px !important; width: calc(33.3333% - 20px); } #check-in-boutiques-modal .catalog-detail-page__catalog-card-image-only { width: calc(33.3333% - 20px); height: 100%; } #check-in-boutiques-modal .catalog-detail-page__catalog-card-image-only img { width: 100%; margin-top: 0; } #check-in-boutiques-modal .catalog-detail-page__title { max-width: 100% !important; } #check-in-boutiques-modal .modal-custom__header { font-size: 24px; margin-bottom: 20px; } #check-in-boutiques-modal .catalog-detail-page__title { font-size: 20px; } .modal-custom__wrp.check_availability { /* max-height: calc(79vh) !important; */ /* height: calc(79vh) !important; */ min-height: auto; overflow: hidden; padding: 0; padding: 0 15px; padding-top: 25px; padding-bottom: 25px; overflow: auto; } #check-in-boutiques-modal .catalog-detail-page__catalog-card-image-only img:not(:first-of-type) { display: none; } #check-in-boutiques-modal .product-item-scu-item-text-container, #check-in-boutiques-modal li.product-item-scu-item-color-container { padding-top: 0; margin-top: 0 !important; } .modal-custom__shopping-list-return { width: 946px !important; padding: 118px !important; padding-top: 107px !important; padding-bottom: 90px !important; max-height: 90vh !important; overflow: auto; } .modal-custom__wrp.modal-custom__form.modal-custom__shopping-list-return.active { max-height: 90vh !important; } @media (max-width: 1280px) { .modal-custom__wrp.modal-custom__form.modal-custom__shopping-list-return.active { max-width: calc(100vw - 20px) !important; max-height: 90vh !important; } } @media (max-width: 768px) { .modal-custom__wrp.modal-custom__form.modal-custom__shopping-list-return.active { padding: 40px !important; } } #shopping-list-return-modal b { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 24px; line-height: 24px; } #shopping-list-return-modal p { padding-top: 30px; padding-bottom: 49px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; } #shopping-list-return-modal textarea { font-size: 15px !important; } #shopping-list-return-modal input:not([type=submit]) { font-size: 18px; } #shopping-list-return-modal .btn-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; } #shopping-list-return-modal .btn-wrp button:first-of-type { margin-right: 20px; } #shopping-list-return-modal .btn-wrp button { display: block; min-width: calc(50% - 10px); } .modal-demo-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 70vw; margin: 0 auto; padding: 25px 20px; margin-top: 20px; border: 1px solid #a37c5f; } .modal-demo-buttons button:not(:last-child) { margin-right: 20px; width: calc(25% - 20px); } @media (max-width: 1024px) { .modal-custom__catalog-detail.modal-custom__wrp { width: calc(100vw - 40px); max-height: 95vh !important; overflow: auto; padding: 29px 10px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__labels span { font-size: 10px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__title { font-size: 25px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__articul .title { font-size: 15px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__articul .info { font-size: 15px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .catalog-detail-page__select-size { min-width: 100%; max-width: 100%; } } @media (max-width: 920px) { .modal-custom__catalog-detail.modal-custom__wrp .btn_orange { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-width: 100% !important; padding: 0 !important; white-space: nowrap; } } @media (max-width: 768px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__title { font-size: 21px !important; max-width: 91%; line-height: 30px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__additional-info { max-width: 100% !important; } } @media (max-width: 550px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__slider_modal { width: 100%; margin: 0; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__content { width: 100%; } .modal-custom__catalog-detail .catalog-detail-page__buttons-section button.btn:not(.btn_add-to-cart), .modal-custom__catalog-detail .btn__add-to-cart-element-wrp { max-width: 275px; font-size: 15px !important; } .modal-custom__catalog-detail .btn__add-to-cart-element-wrp button { font-size: 15px !important; } } @media (max-width: 475px) { .modal-custom__catalog-detail .catalog-detail-page__buttons-section button.btn:not(.btn_add-to-cart), .modal-custom__catalog-detail .btn__add-to-cart-element-wrp { max-width: 100%; } } @media (min-width: 550px) and (max-width: 768px) { .modal-custom__catalog-detail .catalog-detail-page__slider { margin-right: 20px; } .modal-custom__catalog-detail .catalog-detail-page__slider_modal { width: calc(50% - 20px); } .modal-custom__catalog-detail .catalog-detail-page__content { width: calc(50%); } } @media (max-width: 768px) { .modal-custom__catalog-detail.modal-custom__wrp { width: calc(100vw - 40px); max-height: 95vh !important; min-height: 95vh; overflow: auto; padding: 34px 10px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__prices .old-price { margin-top: 4px; font-size: 12px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__prices .old-price::after { bottom: 10px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__prices .price { font-size: 16px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__prices .price span { font-size: 16px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .colors-header { margin-bottom: 7px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .colors-header .title { font-size: 14px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .colors-header .info { font-size: 12px; margin-left: 8px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .colors_large input[type="radio"] { height: 20px; width: 20px; margin-right: 10px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__sizes .title { margin-bottom: 3px; font-size: 12px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__sizes a { font-size: 12px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__sizes a::before { width: 14px; height: 14px; margin-right: 8px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .select-flex-wrapper div, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .select-flex-wrapper span { font-size: 12px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__additional-info .additional-info-item a, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__additional-info .additional-info-item span { font-size: 14px; } .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-1 a { width: 20px; margin-bottom: 12px; } .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-2, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-3, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-4, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-5 { width: 20px; height: 20px; margin-bottom: 12px; } .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-2 a, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-3 a, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-4 a, .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-5 a { display: block; width: 90%; height: 100%; -webkit-mask-size: 100% !important; background: #676767; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page__articul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 38px; margin-bottom: 21px; } .modal-custom__catalog-detail.modal-custom__wrp .share-link.share-1 a, .modal-custom__catalog-detail.modal-custom__wrp .share__links-list-wrapper { margin-top: -20px; } .modal-custom__catalog-detail.modal-custom__wrp .share__links-list-wrapper { background: rgba(255, 255, 255, 0.91) !important; padding-left: 4px; margin-left: -4px; margin-top: -28px; } } @media (min-width: 678px) and (max-width: 768px) { .modal-custom__catalog-detail.modal-custom__wrp .share__links-list-wrapper { margin-top: -40px !important; } } @media (max-width: 992px) and (min-width: 769px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn_add-to-cart { max-width: calc(100% - 55px); padding: 0; font-size: 15px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn.btn_transparent { font-size: 15px !important; margin-top: 0; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-1 { width: 31px; height: 37px; margin-bottom: 0px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-1 a { width: 60% !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page #share-links-list-wrapper { margin-top: 7px; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page #share-links-list-wrapper .share-link { width: 31px; height: 37px; margin-bottom: 0px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-2, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-3, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-4, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-5 { margin-bottom: -10px !important; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-2 a, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-3 a, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-4 a, .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-5 a { width: 70%; height: 70%; } .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .share-link.share-4 a { -webkit-mask-size: 103% !important; } } @media (max-width: 992px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn_add-to-cart { max-width: calc(100% - 55px) !important; } } @media (min-width: 645px) and (max-width: 992px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page button.btn:not(.btn_add-to-cart), .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn_add-to-cart { font-size: 15px !important; } } @media (max-width: 768px) { .modal-custom__wrp.modal-custom__catalog-detail .container { padding-left: 8px; padding-right: 8px; } } @media (min-width: 550px) and (max-width: 644px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page button.btn:not(.btn_add-to-cart), .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn_add-to-cart { font-size: 15px !important; } } @media (min-width: 375px) and (max-width: 574px) { .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page button.btn:not(.btn_add-to-cart), .modal-custom__catalog-detail.modal-custom__wrp .catalog-detail-page .btn_add-to-cart { font-size: 17px; } } @media (max-width: 400px) { .modal-custom__sizes.modal-custom__wrp table tr td { font-size: 12px !important; } } @media (max-width: 335px) { .modal-custom__sizes.modal-custom__wrp table tr td { font-size: 10px !important; } } @media (max-width: 1280px) { .modal-custom__form.modal-custom__wrp { padding: 35px 20px; max-width: 435px; } .modal-custom__form.modal-custom__wrp-inner .modal-form { padding: 0; } .modal-custom__form.modal-custom__wrp-inner .modal-form .modal-form__required-fields-title { margin-bottom: 20px; } .modal-custom__form.modal-custom__wrp-inner .modal-form__current-value b { font-size: 15px; white-space: nowrap; } .modal-custom__form.modal-custom__wrp-inner .modal-form .modal-form__required-fields-title { margin-bottom: 20px; font-size: 13px; } .modal-custom__form.modal-custom__wrp #modal-enter-new-phone_code-btn, .modal-custom__form.modal-custom__wrp button.btn, .modal-custom__form.modal-custom__wrp .btn.btn_transparent, .modal-custom__form.modal-custom__wrp input[type=submit].btn { font-size: 15px !important; } .modal-custom__close-btn { top: 8px; right: 8px; } .modal-custom__sizes.modal-custom__wrp { width: calc(100vw - 10px); height: 90vh; overflow-y: scroll; } .modal-custom__sizes.modal-custom__wrp table { min-width: 100%; } .modal-custom__sizes.modal-custom__wrp table tr td { padding: 5px 11px !important; } .modal-custom__sizes.modal-custom__wrp table tr td:nth-of-type(7), .modal-custom__sizes.modal-custom__wrp table tr td:nth-of-type(8), .modal-custom__sizes.modal-custom__wrp table tr td:nth-of-type(9) { display: none; font-size: 12px; } #personal-page-form-modal__enter-new-email .modal-form__current-value, #personal-page-form-modal__enter-new-phone .modal-form__current-value { margin-top: 25px; margin-bottom: 24px; font-size: 15px; } #personal-page-form-modal__enter-new-email .modal-custom__header, #personal-page-form-modal__enter-new-phone .modal-custom__header { font-size: 14px; font-weight: 500; } #personal-page-form-modal__enter-new-email .modal-form__required-fields-title, #personal-page-form-modal__enter-new-phone .modal-form__required-fields-title { font-size: 13px; } #personal-page-form-modal__enter-new-email input:not([type="submit"]), #personal-page-form-modal__enter-new-phone input:not([type="submit"]) { font-size: 15px; } #personal-page-form-modal__enter-new-email .modal-form__get-code-description, #personal-page-form-modal__enter-new-phone .modal-form__get-code-description { font-size: 12px; line-height: 14.06px; } #personal-page-form-modal__enter-new-email .modal-form__get-code-description, #personal-page-form-modal__enter-new-phone .modal-form__get-code-description { margin-bottom: 25px; } #personal-page-form-modal__enter-new-email .btn, #personal-page-form-modal__enter-new-phone .btn { display: block; width: 100%; min-width: 100%; margin: 0; } #personal-page-form-modal__enter-new-email #modal-enter-new-phone_code-btn, #personal-page-form-modal__enter-new-phone #modal-enter-new-phone_code-btn { margin-top: 25px; } #personal-page-form-modal__enter-new-phone input[type="submit"] { margin-top: 25px; } #personal-page-form-modal__enter-new-password .modal-custom__header { font-size: 14px; } #personal-page-form-modal__enter-new-password input:not([type=submit]) { margin-top: 20px !important; margin-bottom: 0 !important; padding-top: 0; } #personal-page-form-modal__enter-new-password input:not([type=submit]):first-of-type { margin-top: 0 !important; } #form_new-products-message .modal-form__current-value { margin-top: 20px; } #form_new-products-message .modal-form__required-fields-title { margin-top: 20px; margin-bottom: 25px; font-size: 13px; } #form_new-products-message .modal-form__required-fields-title + input { font-size: 15px; } #form_new-products-message .modal-form__required-fields-title + input + button.btn { margin: 0; margin-top: 35px; min-width: 100%; } } @media (max-width: 992px) { .modal-custom__catalog-detail_less-pd.modal-custom__wrp { max-width: calc(100vw - 20px); max-height: 90vh !important; overflow-y: auto; width: 450px; padding-left: 25px !important; padding-right: 25px !important; } #check-in-boutiques-modal .catalog-detail-page__sizes { margin-bottom: 25px !important; } #check-in-boutiques-modal .modal-custom__header { font-size: 22px; margin-bottom: 25px; margin-top: 15px; } #check-in-boutiques-modal .check-in-boutiques-section { width: 100%; margin-top: 20px !important; overflow: initial; } #check-in-boutiques-modal .check-in-boutiques-section .check-in-boutique__item:last-child .btn { margin-bottom: 40px; } #check-in-boutiques-modal .catalog-detail-page__catalog-card-image-only { display: none; } #check-in-boutiques-modal .catalog-detail-page__content { width: 100%; } #check-in-boutiques-modal .catalog-detail-page__info-part { width: 100%; } #check-in-boutiques-modal button.btn:not(.btn_add-to-cart) { min-width: 100%; } } @media (max-width: 675px) { .modal-custom__sizes .modal-sizes__info-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-custom__sizes .modal-sizes__img-wrp { width: calc(100% - 20px); margin: 0 auto; } .modal-custom__sizes .modal-sizes__info { width: 100%; margin: 0; margin-top: 52px; } } @media (max-width: 455px) { .modal-custom__wrp.modal-custom__form { max-width: calc(100vw - 20px) !important; } } @media (max-width: 440px) { #check-in-boutiques-modal .modal-custom__header { margin-bottom: 15px; margin-top: 3px; font-size: 16px; } #check-in-boutiques-modal .check-in-boutique__panel-block { padding-left: 10vw; padding-right: 10vw; } } @media (max-width: 375px) { .modal-custom__wrp.modal-custom__form { max-width: calc(100vw - 10px) !important; } .catalog-detail-page__buttons-section .btn_add-to-cart { width: calc(100% - 55px); } } @media (max-width: 335px) { #check-in-boutiques-modal .check-in-boutique__panel-block { padding-left: 7vw; padding-right: 7vw; } } @media (min-width: 678px) and (max-width: 992px) { .catalog-detail-page__title { font-size: 40px !important; } .catalog-detail-page__articul { margin-top: 14px; } .catalog-detail-page__articul .title, .catalog-detail-page__articul .info { font-size: 21px !important; } } .check-in-boutiques-section { max-height: 100% !important; max-height: 540px !important; margin-top: 0 !important; overflow-y: scroll; } .check-in-boutiques-section::-webkit-scrollbar { width: 3px; } .check-in-boutiques-section::-webkit-scrollbar-track { background-color: transparent; } .check-in-boutiques-section::-webkit-scrollbar-thumb { background-color: #C4C4C4; border-radius: 10px; } .check-in-boutique__item { margin-top: 0 !important; } .check-in-boutique__item:not(:first-child) { margin-top: 35px !important; } .check-in-boutique__item:last-child { margin-bottom: 25px; } .check-in-boutique__item * { margin-top: 0 !important; } .check-in-boutique__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #a2233e; padding: 0 20px; } .check-in-boutique__logo { min-width: 25px; height: 25px; } .check-in-boutique__logo img { width: 100%; } .check-in-boutique__info-part { margin-left: 20px; padding-bottom: 18px; } .check-in-boutique__brand-name { margin-bottom: 16px; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 27.32px; } .check-in-boutique__address:not(:last-child), .check-in-boutique__city-info:not(:last-child), .check-in-boutique__phone:not(:last-child) { margin-bottom: 4px; } .check-in-boutique__address > div, .check-in-boutique__city-info > div, .check-in-boutique__phone > div { font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 16px; line-height: 21.86px; } .check-in-boutique__address > div span, .check-in-boutique__city-info > div span, .check-in-boutique__phone > div span { color: #878787; font-family: 'Trivia Slab'; font-weight: 400; font-size: 16px; line-height: 18.75px; } .check-in-boutique__panel-block { padding-left: 61px; padding-right: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .check-in-boutique__panel-block button.btn.btn_transparent { padding: 12px 19px; margin: 0 auto; height: 45px; margin-top: 15px !important; } .check-in-boutique__availability, .check-in-boutique__date-to-pick-up-from-warehouse { margin-top: 10px !important; } .check-in-boutique__availability { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 16.41px; } .check-in-boutique__date-to-pick-up-from-warehouse { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 16.41px; } @media (max-width: 1800px) { .check-in-boutique__panel-block button.btn.btn_transparent { font-size: 15px !important; } } .personal-page * { /*font-family: 'Trivia Slab', sans-serif;*/ } .personal-page__header { padding-top: 52px; padding-bottom: 63px; } .personal-page__header * { text-align: center; } .personal-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .personal-page__header p { font-size: 18px; line-height: 24px; } .personal-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .personal-page__nav { width: 25%; height: 100%; } .personal-page__nav ul { /*text-transform: uppercase;*/ } .personal-page__nav ul * { font-family: "Open sans", "serif"; /* font-family: 'Trivia Slab', serif; */ } .personal-page__nav ul li { margin-bottom: 20px; } .personal-page__nav ul li a { font-family: "Open sans", "serif"; display: inline-block; -webkit-transition: none; transition: none; font-size: 20px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; font-weight: 400; } .personal-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; /*border-right: 1px solid whitesmoke;*/ -webkit-transition: all .3s; transition: all .3s; position: relative; } .personal-page__nav ul li.active > a, .personal-page__nav ul li a:hover { /*text-shadow: 0 0 .5px #000, 0 0 .5px #000;*/ color: rgb(0, 43, 112); } .personal-page__nav ul li.active > a::after, .personal-page__nav ul li a::after { content: ''; display: block; height: 1.1px; width: calc(100%); background: #a2233e; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .personal-page__nav ul li.active > a::after, .personal-page__nav ul li a:hover::after { width: 100%; } .personal-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .personal-page__content-header { width: 100%; margin-bottom: 45px; } .personal-page__content-title { /* margin-bottom: 8px; */ /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 600; font-size: 22px; margin-bottom: 30px; } .personal-page__content-subtitle { font-size: 16px; } .personal-page__content-form.form { width: 60%; width: calc(60% - 35px); margin-right: 35px; } .personal-page__img-wrapper { width: 40%; height: inherit; min-height: 400px; position: relative; } .personal-page__img-wrapper img { z-index: 2; } .personal-page__img-wrapper::after { content: 'NO PHOTO'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-size: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.25; z-index: -1; background: #ccc; } .personal-page .form__notification-link_mobile { display: none; } @media (max-width: 1300px) { .form__check-item-title { white-space: nowrap; margin-right: 14px; } } @media (min-width: 414px) and (max-width: 768px) { .personal-page__header h1 { font-size: 24px !important; } } @media (max-width: 768px) { .personal-page__header { padding-bottom: 35px; } .personal-page__header h1 { font-size: 14px; line-height: 24px; } .personal-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .personal-page__body { padding-bottom: 70px; } .personal-page__img-wrapper, .personal-page__nav { display: none; } .personal-page__content { width: 100%; } .personal-page__content-header { margin-bottom: 25px; } .personal-page__content-form.form { width: 100%; margin-right: 0; } .personal-page__content-title { font-size: 15px; } .personal-page__content-subtitle { font-size: 13px !important; } .personal-page .form__notification { display: none; } .personal-page .form__notification-link_mobile { display: block; margin-bottom: 25px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; text-decoration: underline; } .personal-page .form__items-wrapper div:last-child input { /* margin-bottom: 25px; */ } #personal-page-form-modal__enter-new-password .modal-custom__body.all-elements_mt10 * { margin-top: 0; } #personal-page-form-modal__enter-new-password .search-offs-box { margin-top: 10px !important; } #personal-page-form-modal__enter-new-password input:not([type=submit]):first-of-type, #personal-page-form-modal__enter-new-password input:not([type=submit]):first-of-type::placeholder { font-size: 14px !important; padding-bottom: 0; } #personal-page-form-modal__enter-new-password input[type="submit"] { margin-top: 14px !important; max-width: 100%; } } .my-queries-page * { font-family: 'Open sans', sans-serif; } .my-queries-page input.input { margin-bottom: 45px; } .my-queries-page .form__items-wrapper { width: 70%; } .my-queries-page__header { padding-top: 52px; padding-bottom: 63px; } .my-queries-page__header * { text-align: center; } .my-queries-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .my-queries-page__header p { font-size: 18px; line-height: 24px; } .my-queries-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .my-queries-page__nav { width: 25%; height: 100%; } .my-queries-page__nav ul { text-transform: uppercase; } .my-queries-page__nav ul * { font-family: 'Trivia Slab', serif; } .my-queries-page__nav ul li { margin-bottom: 30px; } .my-queries-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .my-queries-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; /*border-right: 1px solid whitesmoke;*/ -webkit-transition: all .3s; transition: all .3s; position: relative; } .my-queries-page__nav ul li.active > a, .my-queries-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .my-queries-page__nav ul li.active > a::after, .my-queries-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .my-queries-page__nav ul li.active > a::after, .my-queries-page__nav ul li a:hover::after { width: 100%; } .my-queries-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .my-queries-page__content-header { width: 100%; } .my-queries-page__content-title { margin-bottom: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia slab', sans-serif; font-size: 26px; line-height: 24px; text-transform: uppercase; font-weight: 400; } .my-queries-page__content-subtitle, .my-queries-page__content-subtitle u { margin-bottom: 28px; font-size: 16px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Open-sans', sans-serif; font-weight: 400; } .my-queries-page__content-form.form { width: 100%; } .my-queries-page__btn-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 71%; margin-top: 25px; } .my-queries-page__btn-panel .btn { height: 100%; } .my-queries-page__btn-panel input[type=submit], .my-queries-page__btn-panel .btn { min-width: calc(50% - 10px); } @media (max-width: 768px) { .my-queries-page .form__items-wrapper { width: 100%; } .my-queries-page input.input { margin-bottom: 30px; } .my-queries-page__header { padding-bottom: 35px; } .my-queries-page__header h1 { font-size: 14px; line-height: 24px; } .my-queries-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .my-queries-page__body { padding-bottom: 70px; } .my-queries-page__nav { display: none; } .my-queries-page__content { width: 100%; /* margin-top: 34px; */ } .my-queries-page__content-header { margin-bottom: 0; } .my-queries-page__content-form.form { width: 100%; } .my-queries-page__content-title { font-size: 18px; margin-bottom: 12px !important; } .my-queries-page__content-subtitle { font-size: 13px !important; line-height: 20px; margin-bottom: 15px; } .my-queries-page__content-subtitle:last-child { margin-bottom: 0; } .my-queries-page__content-subtitle br { display: none; } .my-queries-page__content-subtitle u { font-size: 13px; line-height: 20px; } .my-queries-page__btn-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .my-queries-page__btn-panel input[type=submit], .my-queries-page__btn-panel .btn { width: 100%; min-width: 100%; margin: 0; } .my-queries-page__btn-panel input[type=submit] { margin-bottom: 20px; } .my-queries-page .input__wrp textarea { height: 130px; font-size: 14px; line-height: 20px; font-weight: 400; } } .my-subscribes-page * { font-family: 'Trivia Slab', sans-serif; } .my-subscribes-page input.input { margin-bottom: 45px; } .my-subscribes-page .form__items-wrapper { width: 70%; } .my-subscribes-page__header { padding-top: 52px; padding-bottom: 63px; } .my-subscribes-page__header * { text-align: center; } .my-subscribes-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .my-subscribes-page__header p { font-size: 18px; line-height: 24px; } .my-subscribes-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .my-subscribes-page__nav { width: 25%; height: 100%; } .my-subscribes-page__nav ul { text-transform: uppercase; } .my-subscribes-page__nav ul * { font-family: 'Trivia Slab', serif; } .my-subscribes-page__nav ul li { margin-bottom: 30px; } .my-subscribes-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .my-subscribes-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; } .my-subscribes-page__nav ul li.active > a, .my-subscribes-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .my-subscribes-page__nav ul li.active > a::after, .my-subscribes-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .my-subscribes-page__nav ul li.active > a::after, .my-subscribes-page__nav ul li a:hover::after { width: 100%; } .my-subscribes-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .my-subscribes-page__content-header { width: 100%; } .my-subscribes-page__content-header input[type=submit] { /* padding: 8px 43px; */ /* font-size: 14px; */ padding: 15px 61px; font-size: 18px; margin-top: 20px; } .my-subscribes-page__content-title { margin-bottom: 38px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .my-subscribes-page__content-subtitle, .my-subscribes-page__content-subtitle u { margin-bottom: 28px; font-size: 18px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .my-subscribes-page__content-form.form { width: 100%; } .my-subscribes-page__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .my-subscribes-page__checkbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .my-subscribes-page__checkbox-item label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; } .my-subscribes-page__checkbox-item input[type=checkbox] { margin-right: 25px; } .my-subscribes-page__checkbox-item:first-child{ margin-top: 0px; } .my-subscribes-page__checkbox-item { /* margin-top: 40px; */ margin-top: 24px; } @media (max-width: 768px) { .my-subscribes-page__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .my-subscribes-page__checkbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .my-subscribes-page__checkbox-item label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; } .my-subscribes-page__checkbox-item input[type=checkbox] { margin-right: 20px; } .my-subscribes-page__checkbox-item:first-child { margin-bottom: 25px; } .my-subscribes-page .form__items-wrapper { width: 100%; } .my-subscribes-page input.input { margin-bottom: 30px; } .my-subscribes-page__header { padding-bottom: 35px; } .my-subscribes-page__header h1 { font-size: 14px; line-height: 24px; } .my-subscribes-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .my-subscribes-page__body { padding-bottom: 180px; } .my-subscribes-page__nav { display: none; } .my-subscribes-page__content { width: 100%; } .my-subscribes-page__content-header { margin-bottom: 0; /* margin-top: 34px; */ } .my-subscribes-page__content-form.form { width: 100%; } .my-subscribes-page__content-title { font-size: 15px; margin-bottom: 27px !important; } .my-subscribes-page__content-subtitle { font-size: 13px !important; line-height: 20px; margin-bottom: 15px; } .my-subscribes-page__content-subtitle:last-child { margin-bottom: 0; } .my-subscribes-page__content-subtitle br { display: none; } .my-subscribes-page__content-subtitle u { font-size: 13px; line-height: 20px; } } .regular-customer-card-page * { font-family: 'Trivia Slab', sans-serif; } .regular-customer-card-page input.input { margin-bottom: 45px; } .regular-customer-card-page .form__items-wrapper { width: 70%; } .regular-customer-card-page__header { padding-top: 52px; padding-bottom: 63px; } .regular-customer-card-page__header * { text-align: center; } .regular-customer-card-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .regular-customer-card-page__header p { font-size: 18px; line-height: 24px; } .regular-customer-card-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .regular-customer-card-page__nav { width: 25%; height: 100%; } .regular-customer-card-page__nav ul { text-transform: uppercase; } .regular-customer-card-page__nav ul * { font-family: 'Trivia Slab', serif; } .regular-customer-card-page__nav ul li { margin-bottom: 30px; } .regular-customer-card-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .regular-customer-card-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; } .regular-customer-card-page__nav ul li.active > a, .regular-customer-card-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .regular-customer-card-page__nav ul li.active > a::after, .regular-customer-card-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .regular-customer-card-page__nav ul li.active > a::after, .regular-customer-card-page__nav ul li a:hover::after { width: 100%; } .regular-customer-card-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .regular-customer-card-page__content-header { width: 100%; } .regular-customer-card-page__content-title { width: 75%; margin-bottom: 38px; text-align: center; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .regular-customer-card-page__content-subtitle, .regular-customer-card-page__content-subtitle u { margin-bottom: 28px; font-size: 18px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .regular-customer-card-page__content-info { width: 75%; } .regular-customer-card-page__content-info .card-info { width: 90%; } .regular-customer-card-page__content-info .card-info * { /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Trivia Slab', sans-serif; */ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 25px; } .regular-customer-card-page__content-info .card-info__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 61.5px; } .regular-customer-card-page__content-info .card-info__header-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; } .regular-customer-card-page__content-info .card-info__header-item-title { margin-bottom: 10px; background: #f1eeee; padding: 20px 40px; font-size: 20px; } .regular-customer-card-page__content-info .card-info__header-item-info { color: #a2233e; font-weight: 500; } .regular-customer-card-page__content-info .card-info__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 71px; } .regular-customer-card-page__content-info .card-info__qr { width: calc(25% / 1.5); } .regular-customer-card-page__content-info .card-info__qr img { width: 100%; } .regular-customer-card-page__content-info .card-info__card { width: calc(75% / 1.5); } .regular-customer-card-page__content-info .card-info__card img { width: 100%; } .regular-customer-card-page__content-info .card-info__about h3 { /*margin-bottom: 30px;*/ /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; font-size: 18px; line-height: 24px; text-transform: uppercase; } .regular-customer-card-page__content-info .card-info__about p { font-size: 16px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Open-sans', sans-serif; line-height: 20px; font-weight: 400; margin: 20px 0; display: flex; } .regular-customer-card-page__content-info .card-info__about p:last-child { margin-top: 40px; } .regular-customer-card-page__content-info .card-info__about p span { color: rgb(0, 0, 0); font-family: 'Open-sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 20px; margin-right: 10px; } .regular-customer-card-page__content-info .card-info a { font-weight: 600; } .regular-customer-card-page__content-info .card-info a:hover { border-bottom: 0.5px solid #a2233e; } .regular-customer-card-page__content-form.form { width: 100%; } .regular-customer-card-page__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .regular-customer-card-page__checkbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .regular-customer-card-page__checkbox-item label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; } .regular-customer-card-page__checkbox-item input[type=checkbox] { margin-right: 25px; } .regular-customer-card-page__checkbox-item:first-child { margin-bottom: 40px; } ul.ul-list-circled { margin: 14px 0; } ul.ul-list-circled--personal > li::after { background: rgb(0, 43, 112) !important; } ul.ul-list-circled > li::after { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top: 7px; margin: auto; background: #000; } ul.ul-list-circled > li { padding-left: 20px; margin-bottom: 8px; margin-left: 18px; position: relative; } @media (max-width: 1280px) { .regular-customer-card-page__content-info { width: 100%; } .regular-customer-card-page__content-info .card-info { width: 100%; } } @media (max-width: 768px) { .regular-customer-card-page__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .regular-customer-card-page__checkbox-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .regular-customer-card-page__checkbox-item label { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; } .regular-customer-card-page__checkbox-item input[type=checkbox] { margin-right: 20px; } .regular-customer-card-page__checkbox-item:first-child { margin-bottom: 25px; } .regular-customer-card-page .form__items-wrapper { width: 100%; } .regular-customer-card-page input.input { margin-bottom: 30px; } .regular-customer-card-page__header { padding-top: 25px; padding-bottom: 35px; } .regular-customer-card-page__header h1 { font-size: 14px; line-height: 24px; } .regular-customer-card-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .regular-customer-card-page__body { padding-bottom: 180px; } .regular-customer-card-page__nav { display: none; } .regular-customer-card-page__content { width: 100%; } .regular-customer-card-page__content-header { margin-bottom: 0; } .regular-customer-card-page__content-form.form { width: 100%; } .regular-customer-card-page__content-title { font-size: 15px; margin-bottom: 27px !important; } .regular-customer-card-page__content-subtitle { font-size: 13px !important; line-height: 20px; margin-bottom: 15px; } .regular-customer-card-page__content-subtitle:last-child { margin-bottom: 0; } .regular-customer-card-page__content-subtitle br { display: none; } .regular-customer-card-page__content-subtitle u { font-size: 13px; line-height: 20px; } .regular-customer-card-page__content-info .card-info, .regular-customer-card-page__content-info { width: 100%; } .regular-customer-card-page__content-info .card-info__body, .regular-customer-card-page__content-info__body { width: 100%; } .regular-customer-card-page__content-info .card-info__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .regular-customer-card-page__content-info .card-info__header-item { width: 50%; margin-bottom: 22px; } .regular-customer-card-page__content-info .card-info__header-item * { font-size: 15px; } .regular-customer-card-page__content-info .card-info__header-item-title { text-align: center; white-space: nowrap; /* margin-top: 34px; */ } .regular-customer-card-page__content-title { width: 100%; text-align: center; margin-bottom: 22px !important; } .regular-customer-card-page__content-info .card-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-info__header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: calc(45px - 22px) !important; } .card-info__body { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 45px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .regular-customer-card-page__content-info .card-info__qr { width: calc(45% / 1.5); } .regular-customer-card-page__content-info .card-info__card { width: calc(70% / 1.5); } .card-info__about { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 375px) { .regular-customer-card-page__content-info .card-info__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .regular-customer-card-page__content-info .card-info__header-item * { font-size: 14px; } } .delivery-addresses-page * { font-family: 'Trivia Slab', sans-serif; } .delivery-addresses-page input.input { margin-bottom: 45px; } .delivery-addresses-page .form__items-wrapper { width: 70%; } .delivery-addresses-page__header { padding-top: 52px; padding-bottom: 63px; } .delivery-addresses-page__header * { text-align: center; } .delivery-addresses-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .delivery-addresses-page__header p { font-size: 18px; line-height: 24px; } .delivery-addresses-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .delivery-addresses-page__nav { width: 25%; height: 100%; } .delivery-addresses-page__nav ul { text-transform: uppercase; } .delivery-addresses-page__nav ul * { font-family: 'Trivia Slab', serif; } .delivery-addresses-page__nav ul li { margin-bottom: 30px; } .delivery-addresses-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .delivery-addresses-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; } .delivery-addresses-page__nav ul li.active > a, .delivery-addresses-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .delivery-addresses-page__nav ul li.active > a::after, .delivery-addresses-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .delivery-addresses-page__nav ul li.active > a::after, .delivery-addresses-page__nav ul li a:hover::after { width: 100%; } .delivery-addresses-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .delivery-addresses-page__content-header { width: 100%; } .delivery-addresses-page__content-title { margin-bottom: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .delivery-addresses-page__content-subtitle, .delivery-addresses-page__content-subtitle u { margin-bottom: 28px; font-size: 16px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .delivery-addresses-page__content-form.form { width: 100%; } .delivery-addresses-page__addresses { width: 50%; } .delivery-addresses-page__address-form { width: 50%; } @media (max-width: 1800px) { .address-item { width: 77%; } } @media (max-width: 1280px) { .address-item { width: 90%; } } @media (max-width: 992px) { .delivery-addresses-page__body { margin-bottom: 145px; } } @media (max-width: 768px) { .delivery-addresses-page__body { margin-bottom: 20px !important; } } @media (min-width: 769px) and (max-width: 992px) { .address-item { width: 340px; } .delivery-addresses-page__addresses, .delivery-addresses-page__address-form { width: 100%; } } @media (max-width: 768px) { .address-item { width: 100%; max-width: 400px; } .address-item__btn-panel button { font-size: 14px !important; } .address-item__city:last-child, .address-item__region:last-child, .address-item__address:last-child, .address-item__post-index:last-child { margin-bottom: 21px !important; } .delivery-addresses-page .form__items-wrapper { width: 100%; } .delivery-addresses-page input.input { margin-bottom: 30px; } .delivery-addresses-page__header { padding-bottom: 45px; padding-top: 25px; } .delivery-addresses-page__header h1 { padding-top: 0; font-size: 14px; line-height: 24px; } .delivery-addresses-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .delivery-addresses-page__body { padding-bottom: 70px; } .delivery-addresses-page__nav { display: none; } .delivery-addresses-page__content { width: 100%; /* margin-top: 34px; */ } .delivery-addresses-page__content-header { margin-bottom: 0; } .delivery-addresses-page__content-form.form { width: 100%; } .delivery-addresses-page__content-title { font-size: 15px; margin-bottom: 12px !important; } .delivery-addresses-page__content-subtitle { font-size: 13px !important; line-height: 20px; margin-bottom: 15px; } .delivery-addresses-page__content-subtitle:last-child { margin-bottom: 0; } .delivery-addresses-page__content-subtitle br { display: none; } .delivery-addresses-page__content-subtitle u { font-size: 13px; line-height: 20px; } } @media (max-width: 768px) { .delivery-addresses-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .delivery-addresses-page__addresses, .delivery-addresses-page__address-form { width: 100%; } } @media (max-width: 375px) { .delivery-addresses-page input.input { margin-bottom: 25px !important; } .delivery-addresses-page__header { margin-bottom: 35px; } } .favourite-page * { font-family: 'Trivia Slab', sans-serif; } .favourite-page input.input { margin-bottom: 45px; } .favourite-page .form__items-wrapper { width: 70%; } .favourite-page__header { padding-top: 52px; padding-bottom: 63px; } .favourite-page__header * { text-align: center; } .favourite-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .favourite-page__header p { font-size: 18px; line-height: 24px; } .favourite-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .favourite-page__nav { width: 25%; height: 100%; } .favourite-page__nav ul { text-transform: uppercase; } .favourite-page__nav ul * { font-family: 'Trivia Slab', serif; } .favourite-page__nav ul li { margin-bottom: 30px; } .favourite-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .favourite-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; } .favourite-page__nav ul li.active > a, .favourite-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .favourite-page__nav ul li.active > a::after, .favourite-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .favourite-page__nav ul li.active > a::after, .favourite-page__nav ul li a:hover::after { width: 100%; } .favourite-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .favourite-page__content-header { width: 100%; } .favourite-page__content-title { margin-bottom: 12px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 26px; line-height: 28px; text-transform: uppercase; font-weight: 400; } .favourite-page__content-subtitle, .favourite-page__content-subtitle u { margin-bottom: 69px; font-size: 18px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .favourite-page__content-form.form { width: 100%; } .favourite-page__favourite-list { width: 100%; } .favourite-page__favourite-list .favourite-list-wrapper:not(.empty) { margin-top: calc(50px - 12px); } .favourite-page__favourite-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .favourite-page__favourite-list ul li { width: 50%; } .favourite-page__content-subtitle + p { text-align: center; font-size: 21px; margin-bottom: 45px; opacity: .7; } .favourite-page__content-subtitle + p + img { display: block; width: 220px; margin: 0 auto; } @media (min-width: 855px) { .favourite-page__favourite-list ul li { width: calc(50% - 4vw); } .favourite-page__favourite-list ul li:nth-child(2n) { margin-left: 4vw; } } @media (min-width: 855px) and (max-width: 1425px) { #favourite-list .personal-product-list-item__title { font-size: 13px; } #favourite-list .personal-product-list-item__elder-price { font-size: 12px; } #favourite-list .personal-product-list-item__price { font-size: 15px; transform: translateX(-7px); } #favourite-list .delete .color-title { font-size: 9px; word-break: break-all; } #favourite-list .delete { height: 20px; } #favourite-list .personal-product-list-item__btn-panel { margin-top: 23px; } } @media (min-width: 855px) and (max-width: 1300px) { /* .delete-box { margin-top: 23px; } */ } .favourite-page .favourite-list-wrapper.empty p { margin-bottom: 11px; color: #757474; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 24px; line-height: 28px; text-align: center; } .favourite-page .favourite-list-wrapper.empty img { display: block; width: 312px; height: 312px; margin: 0 auto; } @media (min-width: 1165px) and (max-width: 1200px) { .favourite-page__content { width: calc(100% - 19%); } .favourite-page__nav { width: 19%; } .favourite-page__nav ul li a { font-size: 15px; } } .favourite-list-wrapper + .favourite-list-wrapper.empty { display: none; } @media (min-width: 1025px) and (max-width: 1165px) { .favourite-page__content { width: calc(100% - 15%); } .favourite-page__nav { width: 15%; } .favourite-page__nav ul li a { font-size: 15px; } } @media (max-width: 1025px) { .favourite-page__nav { display: none; } .favourite-page__content { width: 100%; } } @media (max-width: 855px) { .favourite-page .address-item__add-to-cart { width: 100%; } .favourite-page .address-item__delete { margin-top: 0; } .favourite-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .favourite-page .form__items-wrapper { width: 100%; } .favourite-page input.input { margin-bottom: 30px; } .favourite-page__header { padding-bottom: 45px; padding-top: 25px; } .favourite-page__header h1 { padding-top: 0; font-size: 14px; line-height: 24px; } .favourite-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .favourite-page__body { padding-bottom: 40px; } .favourite-page__content { width: 100%; } .favourite-page__content-header { margin-bottom: 0; } .favourite-page__content-form.form { width: 100%; } .favourite-page__content-title { font-size: 18px; margin-bottom: 12px !important; } .favourite-page__content-subtitle { font-size: 16px !important; line-height: 22px; margin-bottom: 35px !important; } .favourite-page__content-subtitle:last-child { margin-bottom: 0; } .favourite-page__content-subtitle br { display: none; } .favourite-page__content-subtitle u { font-size: 13px; line-height: 20px; } .favourite-page__favourite-list { width: 100%; /* margin-top: 34px; */ } .favourite-page__favourite-list ul { width: 100% !important; } .favourite-page__favourite-list li { width: 100% !important; } .favourite-page .waiting-list-wrapper.empty p { font-size: 14px; line-height: 16px; } .favourite-page .waiting-list-wrapper.empty img { width: 116px; height: auto; margin-top: 30px; } } @media (max-width: 416px) { .favourite-page .address-item__delete { margin-top: 7px; } } @media (max-width: 375px) { .favourite-page input.input { margin-bottom: 25px !important; } .favourite-page__header { margin-bottom: 35px; } .favourite-page__body { padding-bottom: 70px; } } @media (max-width: 340px) { .favourite-page__header { margin-bottom: 15px; } .favourite-page__content-subtitle { font-size: 15px !important; } .favourite-page .favourite-list-wrapper.empty p { width: 80%; margin: 0 auto; font-size: 14px; line-height: 15px; } .favourite-page .favourite-list-wrapper.empty img { margin-top: 24px; } } .waiting-list-page * { font-family: 'Trivia Slab', sans-serif; } .waiting-list-page input.input { margin-bottom: 45px; } .waiting-list-page .form__items-wrapper { width: 70%; } .waiting-list-page__header { padding-top: 52px; padding-bottom: 63px; } .waiting-list-page__header * { text-align: center; } .waiting-list-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .waiting-list-page__header p { font-size: 18px; line-height: 24px; } .waiting-list-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .waiting-list-page__nav { width: 25%; height: 100%; } .waiting-list-page__nav ul { text-transform: uppercase; } .waiting-list-page__nav ul * { font-family: 'Trivia Slab', serif; } .waiting-list-page__nav ul li { margin-bottom: 30px; } .waiting-list-page__nav ul li a { display: inline-block; -webkit-transition: none; transition: none; font-size: 18px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .waiting-list-page__nav ul li a { text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; } .waiting-list-page__nav ul li.active > a, .waiting-list-page__nav ul li a:hover { text-shadow: 0 0 .5px #000, 0 0 .5px #000; } .waiting-list-page__nav ul li.active > a::after, .waiting-list-page__nav ul li a::after { content: ''; display: block; height: 1.7px; width: calc(100%); background: #000; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .waiting-list-page__nav ul li.active > a::after, .waiting-list-page__nav ul li a:hover::after { width: 100%; } .waiting-list-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .waiting-list-page__content-header { width: 100%; } .waiting-list-page__content-title { margin-bottom: 12px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .waiting-list-page__content-subtitle, .waiting-list-page__content-subtitle u { margin-bottom: 69px; font-size: 18px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .waiting-list-page__content-form.form { width: 100%; } .waiting-list-page__waiting-list { width: 100%; } .waiting-list-page__waiting-list .waiting-list-wrapper:not(.empty) { margin-top: calc(50px - 12px); } .waiting-list-page__waiting-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .waiting-list-page__waiting-list ul li { width: 50%; } .waiting-list-page__empty-state-message p { margin-bottom: 35px; color: #757474; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 24px; line-height: 28px; text-align: center; } .waiting-list-page__empty-state-message img { display: block; /* width: 312px; */ /* height: 312px; */ width: 232px; height: 272px; margin: 0 auto; } .waiting-list-page .waiting-list-wrapper + .waiting-list-wrapper.empty { display: none; } @media (min-width: 1165px) and (max-width: 1200px) { .waiting-list-page__content { width: calc(100% - 19%); } .waiting-list-page__nav { width: 19%; } .waiting-list-page__nav ul li a { font-size: 15px; } } @media (min-width: 1025px) and (max-width: 1165px) { .waiting-list-page__content { width: calc(100% - 15%); } .waiting-list-page__nav { width: 15%; } .waiting-list-page__nav ul li a { font-size: 15px; } } @media (max-width: 1025px) { .waiting-list-page__nav { display: none; } .waiting-list-page__content { width: 100%; } } @media (max-width: 855px) { .waiting-list-page .address-item__add-to-cart { width: 100%; } .waiting-list-page .address-item__delete { margin-top: 0; } .waiting-list-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .waiting-list-page .form__items-wrapper { width: 100%; } .waiting-list-page input.input { margin-bottom: 30px; } .waiting-list-page__header { padding-bottom: 45px; padding-top: 25px; } .waiting-list-page__header h1 { padding-top: 0; font-size: 14px; line-height: 24px; } .waiting-list-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .waiting-list-page__body { padding-bottom: 40px; } .waiting-list-page__nav { display: none; } .waiting-list-page__content { width: 100%; } .waiting-list-page__content-header { margin-bottom: 0; } .waiting-list-page__content-form.form { width: 100%; } .waiting-list-page__content-title { font-size: 15px; margin-bottom: 12px !important; } .waiting-list-page__content-subtitle { font-size: 16px !important; line-height: 22px; margin-bottom: 35px !important; } .waiting-list-page__content-subtitle:last-child { margin-bottom: 0; } .waiting-list-page__content-subtitle br { display: none; } .waiting-list-page__content-subtitle u { font-size: 13px; line-height: 20px; } .waiting-list-page__waiting-list { width: 100%; } .waiting-list-page__waiting-list ul { width: 100% !important; } .waiting-list-page__waiting-list li { width: 100% !important; } .waiting-list-page__empty-state-message p { font-size: 14px; line-height: 16px; } .waiting-list-page__empty-state-message img { width: 116px; height: auto; margin-top: 30px; } } @media (max-width: 416px) { .waiting-list-page .address-item__delete { margin-top: 7px; } } @media (max-width: 375px) { .waiting-list-page input.input { margin-bottom: 25px !important; } .waiting-list-page__header { margin-bottom: 35px; } .waiting-list-page__body { padding-bottom: 70px; } } @media (max-width: 340px) { .waiting-list-page__header { margin-bottom: 15px; } .waiting-list-page__content-subtitle { font-size: 15px !important; } .waiting-list-page__empty-state-message p { width: 80%; margin: 0 auto; font-size: 14px; line-height: 15px; } .waiting-list-page__empty-state-message img { margin-top: 24px; } } .shopping-list-page * { font-family: 'Open Sans', sans-serif; } .shopping-list-items-wrp button.btn.modal-btn.modal-btn_form { width: 140px; height: 40px; margin-top: 20px; font-size: 14px; } .shopping-list-page input.input { margin-bottom: 45px; } .shopping-list-page .form__items-wrapper { width: 70%; } .shopping-list-page .input__search-wrp { width: 30%; min-width: 227px; margin-bottom: 50px; } .shopping-list-page__header { padding-top: 52px; padding-bottom: 63px; } .shopping-list-page__header * { text-align: center; } .shopping-list-page__header h1 { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; font-size: 34px; line-height: 46.44px; } .shopping-list-page__header p { font-size: 18px; line-height: 24px; } .shopping-list-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 325px; height: 100%; } .shopping-list-page__nav { width: 25%; height: 100%; } .shopping-list-page__nav ul { /*text-transform: uppercase;*/ } .shopping-list-page__nav ul * { /*font-family: 'Trivia Slab', serif;*/ font-family: "Open sans", "serif"; } .shopping-list-page__nav ul li { margin-bottom: 20px; } .shopping-list-page__nav ul li a { font-family: "Open sans", "serif"; display: inline-block; -webkit-transition: none; transition: none; font-size: 20px; font-weight: 400; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .shopping-list-page__nav ul li a { font-family: "Open sans", "serif"; text-decoration: none; color: #000; display: inline-block; border-right: 1px solid whitesmoke; -webkit-transition: all .3s; transition: all .3s; position: relative; font-size: 20px; } .shopping-list-page__nav ul li.active > a, .shopping-list-page__nav ul li a:hover { /*text-shadow: 0 0 .5px #000, 0 0 .5px #000;*/ color: rgb(0, 43, 112); } .shopping-list-page__nav ul li.active > a::after, .shopping-list-page__nav ul li a::after { content: ''; display: block; height: 1.1px; width: calc(100%); background: #a2233e; position: absolute; bottom: -1.5px; left: 0; margin: auto; width: 0; opacity: .75; -webkit-transition: all .45s ease-out; transition: all .45s ease-out; } .shopping-list-page__nav ul li.active > a::after, .shopping-list-page__nav ul li a:hover::after { width: 100%; } .shopping-list-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; height: 100%; } .shopping-list-page__content-header { width: 100%; } .shopping-list-page__content-title { margin-bottom: 31px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 26px; line-height: 28px; text-transform: uppercase; font-weight: 400; } .shopping-list-page__content-subtitle, .shopping-list-page__content-subtitle u { margin-bottom: 69px; font-size: 18px; line-height: 27px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; } .shopping-list-page__content-form.form { width: 100%; } .shopping-list-page__shopping-list { width: 100%; } .shopping-list-page__shopping-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shopping-list-page__shopping-list ul li { width: 50%; } .shopping-list-page__shopping-list .shopping-list-page__empty-state-message { display: none; } .shopping-list-page__shopping-list ul:empty + .shopping-list-page__empty-state-message { display: block; } .shopping-list-page__empty-state-message p { margin-bottom: 11px; color: #757474; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 21px; line-height: 28px; text-align: center; } .shopping-list-page__empty-state-message img { display: block; width: 220px; height: 220px; margin: 0 auto; } .shopping-list-page .delivery-info button.btn { width: 108px; height: 36px; padding: 9px 25px; font-size: 15px; line-height: 18px; } @media (max-width: 768px) { .shopping-list-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* margin-top: 34px; */ } .waiting-list-page__content { /* margin-top: 34px; */ } .shopping-list-page .form__items-wrapper { width: 100%; } .shopping-list-page input.input { margin-bottom: 30px; } .shopping-list-page .input__search-wrp { width: 100%; } .shopping-list-page__header { padding-bottom: 45px; padding-top: 0; } .shopping-list-page__header h1 { padding-top: 0; font-size: 14px; line-height: 24px; } .shopping-list-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .shopping-list-page__body { padding-bottom: 78px; } .shopping-list-page__nav { display: none; } .shopping-list-page__content { width: 100%; } .shopping-list-page__content-header { margin-bottom: 0; } .shopping-list-page__content-form.form { width: 100%; } .shopping-list-page__content-title { font-size: 18px; margin-bottom: 12px !important; } .shopping-list-page__content-subtitle { font-size: 16px !important; line-height: 22px; margin-bottom: 35px !important; } .shopping-list-page__content-subtitle:last-child { margin-bottom: 0; } .shopping-list-page__content-subtitle br { display: none; } .shopping-list-page__content-subtitle u { font-size: 13px; line-height: 20px; } .shopping-list-page__shopping-list { width: 100%; } .shopping-list-page__shopping-list ul { width: 100% !important; } .shopping-list-page__shopping-list li { width: 100% !important; } .shopping-list-page__empty-state-message p { font-size: 14px; line-height: 16px; } .shopping-list-page__empty-state-message img { width: 116px; height: auto; margin-top: 30px; } .shopping-list-page .personal-product-list-item__elder-price { font-size: 13px; } .shopping-list-page .personal-product-list-item__price { font-size: 16px; } .shopping-list-page .personal-product-list-item__content { width: calc(50% - 10px); margin-left: 10px; } .shopping-list-page .personal-product-list-item__prices { margin-bottom: 12px; } } @media (max-width: 375px) { .shopping-list-page input.input { margin-bottom: 25px !important; } .shopping-list-page__header { margin-bottom: 35px; } } @media (max-width: 340px) { .shopping-list-page__header { margin-bottom: 15px; } .shopping-list-page__content-subtitle { font-size: 15px !important; } .shopping-list-page__empty-state-message p { width: 80%; margin: 0 auto; font-size: 14px; line-height: 15px; } .shopping-list-page__empty-state-message img { margin-top: 24px; } } .catalog-page * { font-family: 'Trivia Slab', sans-serif; } .catalog-page__header { padding-top: 29px; padding-bottom: 43px; } .catalog-page__header * { text-align: center; } .catalog-page__header h1 { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 35px; line-height: 46.44px; color: #a2233e; } .catalog-page__header p { font-size: 18px; line-height: 24px; } .catalog-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 100px; height: 100%; } .catalog-page__back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 52px; position: relative; } .catalog-page__back-link span { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 18px; line-height: 21px; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .catalog-page__back-link::before { content: ''; display: block; width: 8px; height: 18px; margin-bottom: 1px; margin-right: 14px; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/back-link/back-link-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #292727; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .catalog-page__back-link span { line-height: 100%; } .catalog-page__back-link:hover span { color: #a2233e; } .catalog-page__back-link:hover::before { background: #a2233e; } .catalog-page__nav { width: 25%; min-width: 260px; } .catalog-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 75%; max-width: calc(100% - 260px); height: 100%; padding-left: 18px; } .catalog-page__content-header { width: 100%; margin-bottom: 45px; } .catalog-page__content-title { margin-bottom: 8px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 600; } .catalog-page__content-subtitle { font-size: 15px; } .catalog-page__content-form.form { width: 60%; } .catalog-page__img-wrapper { width: 40%; height: inherit; min-height: 400px; position: relative; } .catalog-page__img-wrapper img { z-index: 2; } .catalog-page__img-wrapper::after { content: 'NO PHOTO'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-size: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.25; z-index: -1; background: #ccc; } @media (max-width: 768px) { .catalog-page__header { padding-top: 16px; padding-bottom: 15px; margin-bottom: 7px; } .catalog-page__header h1 { font-size: 25px; line-height: 24px; } .catalog-page__header p { font-size: 13px; line-height: 24px; font-weight: 400; text-align: left; text-transform: initial; } .catalog-page__body { padding-bottom: 70px; } .catalog-page__content { display: flex; justify-content: center; max-width: initial; padding-left: 0; } .catalog-page__img-wrapper, .catalog-page__nav { display: none; } .catalog-page__content { width: 100%; } .catalog-page__content-header { margin-bottom: 25px; } .catalog-page__content-form.form { width: 100%; } .catalog-page__content-title { font-size: 15px; } .catalog-page__content-subtitle { font-size: 13px !important; } } .catalog-detail-page { margin-top: 39px; } .catalog-detail-page * { font-family: 'Trivia Slab', sans-serif; } .catalog-detail-page__body { height: 100%; } .catalog-detail-page__main-part { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-detail-page__slider { width: calc(65.57% - 18px); margin-right: 18px; z-index: 0; } .catalog-detail-page__slider_modal { width: 45%; } .catalog-detail-page__slider #sync1 .item, .catalog-detail-page__slider #sync2_1 .item { position: relative; } .catalog-detail-page__slider #sync1 .item::after, .catalog-detail-page__slider #sync2_1 .item::after { content: ''; display: block; width: 20px; height: 20px; -webkit-mask: url(/local/templates/arfashion/css/../img/svg/components/catalog-owl-slider/zoom-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #000; position: absolute; bottom: 20px; right: 20px; } .catalog-detail-page__content { width: calc(100% - (67.57% - 18px)); height: 100%; position: relative; } .catalog-detail-page__content .share-links { position: absolute; right: 0; } .catalog-detail-page__description { width: 100%; margin-top: 40px; } .catalog-detail-page__labels { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; } .catalog-detail-page__labels > span { margin-right: 15px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 16.41px; color: #a2233e; } .catalog-detail-page__labels > span:last-child { margin-right: 0; } .catalog-detail-page__title { margin-bottom: 7px; margin-top: 0 !important; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 26px; /* line-height: 20px; */ /* line-height: 24px; */ line-height: 28px; text-transform: uppercase; } .catalog-detail-page__articul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 21px; } .catalog-detail-page__articul .title, .catalog-detail-page__articul .info { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; } .catalog-detail-page__articul .title { margin-right: 9px; } .catalog-detail-page__prices { margin-bottom: 40px; } .catalog-detail-page__prices .price { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 28px; line-height: 32.81px; /* color: #ed0006; */ } .catalog-detail-page__prices .discounted-price { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 28px; line-height: 32.81px; color: #ed0006; } .catalog-detail-page__prices .price > span { font-size: 20px; font-weight: 400; } .catalog-detail-page__prices .old-price { display: inline-block; margin-bottom: 7px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; position: relative; } .catalog-detail-page__prices .old-price::after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 11px; } .catalog-detail-page__colors { margin-bottom: 40px; } .catalog-detail-page__colors .colors-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .catalog-detail-page__colors .colors-header .title { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 23.44px; } .catalog-detail-page__colors .colors-header .info { margin-left: 18px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; } .catalog-detail-page__colors .check-color-inputs-list { width: 345px; } .catalog-detail-page__sizes { margin-bottom: 40px !important; } .catalog-detail-page__sizes .title { margin-bottom: 15px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 20px; line-height: 23.44px; } .catalog-detail-page__sizes input { margin-top: 15px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 19px; line-height: 22.27px; } .catalog-detail-page__sizes a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; color: #4285f4; text-decoration: underline; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .catalog-detail-page__sizes a::before { content: ''; border: 1px solid blue; display: block; width: 20px; height: 20px; margin-right: 16px; -webkit-mask: url(/local/templates/arfashion/css/../img/components/catalog-detail/sizes-icon.svg) center center no-repeat; -webkit-mask-size: 100%; background: #4285F4; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .catalog-detail-page__sizes a:hover { color: #5a95f5; } .catalog-detail-page__sizes a:hover::before { background: #5a95f5; } .catalog-detail-page__buttons-section button.btn:not(.btn_add-to-cart) { max-width: 345px; } .catalog-detail-page__buttons-section .btn_add-to-cart, .catalog-detail-page__buttons-section button.btn { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 500; font-size: 18px; line-height: 21.09px; } .catalog-detail-page__select-size { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 345px; min-width: 345px; } .catalog-detail-page__select-size .custom-select { width: 100%; } .catalog-detail-page__select-size .custom-select .select-items div.message-about-product-new-flows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #676767; } .catalog-detail-page__select-size .custom-select .select-items div.message-about-product-new-flows span { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 16,41px; color: #676767; } .catalog-detail-page__select-size .custom-select .select-items div.message-about-product-new-flows span:hover { text-decoration: underline; } .catalog-detail-page__select-size .custom-select .select-items div.message-about-product-new-flows .message-about-product-new-flows__btn { display: block; height: 100%; } .catalog-detail-page__select-size .select-selected { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11px !important; border: 1px solid #c4c4c4 !important; color: #555555; font-weight: 400; } .catalog-detail-page__select-size .select-selected:after { width: 17px; height: 17px; background: #000; } .catalog-detail-page__select-size .select-items > div { border: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .catalog-detail-page__additional-info { padding: 17px 14px; max-width: 345px; margin-top: 18px; border: 1px solid #c4c4c4; } .catalog-detail-page__additional-info .additional-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .catalog-detail-page__additional-info .additional-info-item img { width: 20px; height: 20px; } .catalog-detail-page__additional-info .additional-info-item:nth-child(2) img { padding-left: 1px; padding-right: 1px; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .catalog-detail-page__additional-info .additional-info-item a, .catalog-detail-page__additional-info .additional-info-item span { margin-left: 20px; /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 18.75px; color: #676767; } .catalog-detail-page__additional-info .additional-info-item a:not(:last-child), .catalog-detail-page__additional-info .additional-info-item span:not(:last-child) { margin-bottom: 10px; } .catalog-detail-page__additional-info .additional-info-item a { text-decoration: underline; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .catalog-detail-page__additional-info .additional-info-item a:hover { opacity: .85; } .catalog-detail-page .btn_orange { margin-top: 13px; } .catalog-detail-page .transparent-accordions__wrp { width: 50%; } .catalog-detail-page .transparent-accordions__wrp .accordion__content p { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 18px; line-height: 21.09px; } .catalog-detail-page .transparent-accordions__wrp .accordion__title { /* font-family: 'Roboto', sans-serif; */ font-family: 'Trivia Slab', sans-serif; font-weight: 700; font-size: 18px; line-height: 21.09px; color: #404040; } .catalog-slider__also { margin-bottom: 117px; } .catalog-slider__also .catalog-item__like-item { right: 21px !important; } @media (max-width: 1100px) { .catalog-detail-page__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) and (max-width: 1304px) { .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) and (max-width: 992px) { .catalog-detail-page__slider { width: 100%; } .catalog-detail-page__content { width: 100%; } .catalog-detail-page__description { width: 100%; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 375px) and (max-width: 768px) { .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 575px) and (max-width: 768px) { .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price_elder { font-size: 12px !important; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price_elder::after { bottom: 5px; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price { font-size: 17px !important; } } @media (min-width: 320px) and (max-width: 381px) { .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price_elder { font-size: 12px !important; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price_elder::after { bottom: 5px; } .catalog-detail-page .catalog-slider__also .catalog-item__price-wrp .catalog-item__price { font-size: 17px !important; } } @media (max-width: 362px) { .catalog-slider__title.container_mobile-enable { margin-bottom: 15px; } .catalog-slider__also .owl-nav { margin-right: 20px; width: 42px; top: -45px; } .catalog-slider__also .owl-nav button { width: 9px; } .catalog-slider__also .owl-dots { padding-left: 20px; padding-right: 20px; } .catalog-slider__also .owl-item:first-child { /* margin-left: 20px; */ } .catalog-slider__also .catalog-slider-item__content { margin-bottom: 0; } } @media (max-width: 992px) { .catalog-detail-page { margin-top: 39px; } .catalog-detail-page__header { padding-bottom: 35px; } .catalog-detail-page__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 14px; } .catalog-detail-page__labels span:not(:first-child) { margin-top: 5px; } .catalog-detail-page__title { margin-top: 10px !important; } .catalog-detail-page__content .share-links { margin-top: 20px; } .catalog-detail-page__select-size { min-width: 345px; max-width: 345px; } .catalog-detail-page__colors { overflow: hidden; } .catalog-detail-page__body { padding-bottom: 0px; } .catalog-detail-page .container_mobile-disable { padding-bottom: 90px; } } @media (max-width: 768px) { .catalog-detail-page { /* margin-top: 39px; */ margin-top: 0; } .catalog-detail-page__header { padding-bottom: 35px; } .catalog-detail-page__slider, .catalog-detail-page__content, .catalog-detail-page__description { width: 100%; } .catalog-detail-page__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } .catalog-detail-page__labels span:not(:first-child) { margin-top: 0; } .catalog-detail-page__labels span { font-size: 12px; } .catalog-detail-page__title { margin-top: 10px; margin-bottom: 0; font-size: 18px; line-height: 40px; } .catalog-detail-page__articul > div { color: #636480 !important; } .catalog-detail-page__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-detail-page__prices .old-price { margin-bottom: 0; margin-right: 10px; font-size: 15px; } .catalog-detail-page__prices .price { font-size: 20px; } .catalog-detail-page__prices { margin-bottom: 25px; } .catalog-detail-page__colors { margin-bottom: 26px; } .catalog-detail-page__colors .colors-header { margin-bottom: 16px; } .catalog-detail-page__sizes { margin-bottom: 25px !important; } .catalog-detail-page__sizes a { margin-top: 15px; margin-bottom: 15px; } .catalog-detail-page .transparent-accordions__wrp { width: 100%; } .catalog-detail-page__buttons-section .btn_add-to-cart, .catalog-detail-page__buttons-section button.btn { padding: 0; margin: 0; padding: 0 !important; font-size: 17px; } } @media (max-width: 992px) { .catalog-detail-page .container_mobile-disable { padding-bottom: 40px !important; } .catalog-detail-page .catalog-slider__also { margin-bottom: 77px; } } @media (min-width: 363px) and (max-width: 768px) { .catalog-detail-page__labels { margin-bottom: 9px; } } @media (max-width: 414px) { .catalog-detail-page .container_mobile-disable .catalog-slider .catalog-item { padding-bottom: 0 !important; } } @media (max-width: 375px) { .catalog-detail-page__select-size { min-width: 100%; max-width: 100%; } } @media (min-width: 678px) and (max-width: 992px) { .catalog-detail-page .share-link { width: 25px; height: 44px; } .catalog-detail-page .share-link a { -webkit-mask-size: 100%; } .catalog-detail-page #share-links-list-wrapper .share-link { width: 25px; height: 44px; margin-bottom: -6px; } .catalog-detail-page #share-links-list-wrapper .share-link a { -webkit-mask-size: 100%; } .catalog-detail-page #share-links-list-wrapper .share-link.share-4 { min-width: 25px; width: auto; } .catalog-detail-page__sizes { margin-bottom: 55px !important; } .catalog-detail-page__labels { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .catalog-detail-page__labels span { font-size: 16px; margin-bottom: 0 !important; margin-top: 0 !important; } } @media (min-width: 412px) and (max-width: 500px) { /* .owl-carousel.catalog-slider.catalog-slider__also .owl-nav { width: 100% !important; position: static !important; } */ } @media (max-width: 414px) { .owl-carousel.catalog-slider.catalog-slider__also { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .owl-carousel.catalog-slider.catalog-slider__also .owl-stage-outer { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .owl-carousel.catalog-slider.catalog-slider__also .owl-nav { /* width: 100%; */ -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 18px; /* position: static; */ top: -69px; } .owl-carousel.catalog-slider.catalog-slider__also .owl-dots { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .catalog-detail-page .container_mobile-disable .catalog-slider__title { font-size: 18px; } .catalog-slider__title.container_mobile-enable { padding: 0; } } @media (max-width: 362px) { .owl-carousel.catalog-slider.catalog-slider__also .owl-nav { /* width: calc(100% - 40px); */ margin: 0 auto; margin-bottom: 18px; top: -69px; } } @media (max-width: 340px) { .catalog-detail-page .container_mobile-disable .catalog-slider__title { font-size: 16px; } } /*# sourceMappingURL=style.css.map */ .korzina-left img{ width: 100%; height: 100%; object-fit: cover; } .korzina-right > div > p{ font-size: 15px; } .menu-img-box > img { object-position: top !important; } #shd_pvz_pick button { background: #a2233e; } .owl-nav.disabled { display: none !important; } label[for="UF_SITE_S4_SUBSCRIBE_I_AGREE"] a:hover { text-decoration: underline; } @media (max-width: 768px) { .catalog-items-list__header .sort-by, .catalog-items-list__header .sort-by * { font-size: 13.3px !important; transform: translateX(4px) translateY(-9px) !important; z-index: 5; min-width: 180px; } .personal-page__content-form form .input__wrp .input { margin-bottom: 21px; } .personal-page__content-title { margin-bottom: 10px; } .personal-page__content-subtitle { line-height: 18px; } .personal-page__content-header { margin-bottom: 15px; /* margin-top: 34px; */ } .form__required-note { margin-bottom: 15px; } .form__check-item { margin-bottom: 10px; } .input__service-messages { margin-bottom: 28px; } .form__items-wrapper .input { margin-bottom: 14px; } } @media (max-width: 768px) { .catalog-detail-page__main-part { display: block !important; } .catalog-slider__also { margin-bottom: 55px; } } @media (max-width: 375px) { .modal-custom__catalog-detail.modal-custom__wrp .btn_orange { font-size: 4.5vw; } } .tsvetrfkhar-filter, .razmer-filter{ max-height: 320px; overflow: hidden; overflow-y: hidden; overflow-y: auto; } .bx-section-description p{ color: rgb(0, 0, 0); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0 0 20px 0; } .bx-section-description h2{ color: rgb(0, 0, 0); font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; text-transform: uppercase; text-align: left; margin-bottom: 15px; } .products-limit-message-wrap{ text-align: center; } .products-limit-message-wrap .logo{ max-width: 150px; margin: 0 auto; } .products-limit-message-wrap .btn{ margin: 0 auto; margin-top: 0px; margin-top: 40px; } .bx-sale-order-ajax.tpl-v1 #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle { font-weight: 500; font-size: 14px; text-align: left; line-height: 20px; margin: 0px 0px 10px 0px; } .bx-sale-order-ajax.tpl-v1 #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-description { font-weight: 400; font-size: 14px; text-align: left; line-height: 20px; } .bx-sale-order-ajax.tpl-v1 #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-graf-container { padding: 14px 20px; color: rgb(0, 0, 0); } .bx-soa-pp-company-subTitle { display: none; } .bx-catalog-section-list.tpl-catalog ul.bx-parent a.active { color: rgb(55, 55, 55); font-weight: bold; } .eten{ text-align: left; margin-bottom: 20px; max-width: 500px; padding: 15px; border-style: solid; border-width: 1px; margin: 0 auto; margin-top: 15px; margin-bottom: 0px; border-color: #a2233e; margin-bottom: 15px; font-size: 18px; } .eten img{ width: 36px; float: left; margin-right: 15px; } .mene-hover-content1 { width: 50%; overflow: auto; margin-right: 5px; } #hov-menu-1045, #hov-menu-1044, #hov-menu-1043{ width: 100%; margin-right: 0px; display: flex; } .header__menu li a.menu-bold{ font-weight: bold; } .header__menu .mene-hover-linc.col-2{ width: 50%; margin-right: 5px; } .menu-top-pad{ *padding-top: 21px; } .favourite-page__favourite-list .favourite-list-wrapper:not(.empty) { margin-top: 0px !important; } .favourite-page__content-subtitle + p + img, .waiting-list-page__empty-state-message img { width: 30px; height: auto; } .favourite-page__content-subtitle + p { text-align: center; font-size: 18px; margin-bottom: 20px; } .waiting-list-page__content-subtitle, .waiting-list-page__content-subtitle u { margin-bottom: 15px; } .waiting-list-page__empty-state-message p { font-size: 18px; } .waiting-list-page__waiting-list .waiting-list-wrapper:not(.empty) { margin-top: 15px; } .under{ /*text-decoration: underline;*/ } .tpl-fast-view .share-button { margin-bottom: 0px; } .tpl-fast-view .catalog-detail-page__articul { margin-bottom: 10px; } .tpl-fast-view .catalog-detail-page__prices { margin-bottom: 10px; } .tpl-fast-view .modal-btn_sizes { margin-top: 24px; } .sdek_pvzAddr{ font-size: 16px; } .sbrf-pay { background-color: #a2233e !important; } .the-order-has-been-placed-page-text { color: #13284b !important; opacity: 1 !important; } .registration-input-text { max-width: 300px; width: 300px; } .registration-info-tex { max-width: 425px; } .owl-carousel{ *height:630px; } .tpl-baners-slider-type-0 .owl-item { /* background-repeat: no-repeat; background-size: cover; height:630px;*/ } .grid-url { padding-top: 10px; } .wrap-gid-btn{ bottom: 40px; bottom: 25px; } .cacharel-categories .categories__title.gidh1 { font-family: 'Trivia Slab', sans-serif; text-align: center; font-size: 22px; margin-bottom: 0; } @media (max-width: 768px) { .categories__title.gidh1{ padding-top: 15px; padding-bottom: 25px; } #hov-menu-1045, #hov-menu-1044, #hov-menu-1043{ width: 100%; margin-right: 0px; display: block; } .wrap-gid-btn { bottom: 47px; bottom: -5px; } .filter-new li { margin-left: 5px; margin-right: 5px; padding: 5px 5px; } } .setleftreg{ justify-content: left; } #bx-soa-properties #orderDescription, #bx-soa-properties .bx-soa-customer-label[for="orderDescription"]{ display:none !important; } @media (max-width: 575px){ #bx-soa-order-form .bx-sls .bx-ui-sls-pane { position: relative; } #bx-soa-order-form .bx-sls .bx-ui-sls-pane { top: 0px; } } .shopping-list-item__head-button-info-item:nth-child(1) { width: 25%; } .shopping-list-item__head-button-info-item:nth-child(2) { width: 25%; } .shopping-list-item__head-button-info-item:nth-child(3) { width: 25%; } .shopping-list-item__head-button-info-item:nth-child(4) { width: 25%; } .personal-page__content-form .lab-bir{ font-size: 14px; } .modal-custom__canceled-order .modal-custom__button .modal-custom__button-yes { margin: 0px 10px 0px 0px; } .btn--graphic{ padding: 0px; height: 28px; font-size: 12px; width: 165px; padding: 0px !important; margin-top: 12px; } @media (max-width: 1024px) { .btn--graphic { position: absolute; bottom: -28px; margin-top: 0px; right: -16px; } } @media (max-width: 768px) { .btn--graphic{ position: fixed; bottom: -27px; left: -16px; right: 0px; width: 107%; margin: 0px !important; max-width: calc(100% + 16px) !important; font-size: 14px !important; line-height: 26px; } } #bx-soa-order .bx-del{ display: none; } .container_mobile-disable .catalog-item__price_elder:not(:empty) { line-height: 8px; } /* artem */ .newsletter__chexbox .newsletter__chexbox--privacy-policy-text { font-size: 12px; } .menu-nav-content.company-menu li:nth-child(1) a { /* line-height: 20px; */ } .menu-nav-content.company-menu li:nth-child(3) a { line-height: 20px; } .menu-nav-content.company-menu li:nth-child(3) { margin-top: 5px; } .head-mag{ margin-left: 50px; color:#002b70 !important; } .filter-new{ margin-bottom: 12px; border-width: 2px; border-color: rgb(242, 242, 242); padding-bottom: 15px; } .bx-section-description--hidden { display: none; } .bx-section-description--button { cursor: pointer; color: rgb(17, 41, 77); } .shopping-list-page__search-container .input__search-wrp:nth-child(1) { margin-right: 100px; } .wrap-fil--custom ul li { color: #002B70; font-weight: 600; } .wrap-fil--custom .filter-new li.active { border-color: #002B70; } @media(max-width:490px) { .wrap-fil--custom .filter-new li.active { padding: 5px 10px; } } .bx-buttons a { font-family: 'Open Sans', sans-serif; } @media(max-width:990px) { .header__nav { margin-top: -2px; } } /* слайдер на детальной карточке */ .container-detail-slider { width: 100%; max-width: 1210px; margin: 0 auto; position: relative; padding-left: 10px; } /*Попап формы в личном кабинете на смене номера и телефона*/ .persona__custom-modal { width: 100%; max-width: 600px; padding: 60px 40px 40px 40px; position: relative; } /*.personal__line {*/ /* position: absolute;*/ /* background-color: rgb(163, 34, 61);*/ /* bottom: 0;*/ /* width: 100%;*/ /* height: 3px;*/ /*}*/ .personal__input-modal { width: 100%; border: 1px solid rgb(234, 234, 234); border-radius: 3px !important; color: rgb(0, 0, 0); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; height: 40px; padding-left: 20px !important; } .personal__description-modal { color: rgb(166, 166, 166); font-family: "Open Sans","sans-serif"; font-size: 12px; font-weight: 400; line-height: 14px; text-align: left; } .personal__email-modal { color: rgb(0, 0, 0); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 10px; } .personal__email-modal span { font-weight: 600; } .personal__button-modal { margin-top: 40px !important; } .persona__custom-modal .personal__password-container { margin-top: 0px !important; } .persona__custom-modal .search-offs-img { top: 5px; } /*новые стили для лк - покупки*/ .accordion-wrp-s4 { margin-bottom: 0px; } .accordion-wrp-s4 button.accordion::after { width: 15px; height: 15px; } .shopping-content-s4 .input__search-wrp-s4 { width: 50%; } .shopping-list-page__content-title-s4 { color: rgb(0, 0, 0); font-family: "Trivia slab","sans-serif"; font-size: 26px; font-weight: 400; line-height: 28px; } @media(max-width: 768px) { .shopping-list-page__content-title-s4 { font-size: 18px; } } .shopping-content-s4 .input__search-wrp-s4 input { width: 100%; border: 1px solid rgb(234, 234, 234); border-radius: 3px !important; margin-bottom: 20px; color: rgb(0, 0, 0); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; height: 40px; padding: 0 0 0 20px; } .shopping-content-s4 button.accordion-s4 { border-right: none !important; border-left: none !important; border-bottom: none !important; border-top: 1px solid rgb(234, 234, 234) !important; border-radius: 3px; padding: 20px 30px; transition: border 0.3s ease, background 0.3s ease; } .shopping-content-s4 .shopping-list-item__products-s4 { width: 100%; order: 2; margin-top: 30px; } .shopping-content-s4 .accordion-content__wrapper-s4 { flex-direction: column; flex-wrap: nowrap; margin-top: 0 !important; } .shopping-content-s4 .shopping-list-item__order-detail-info-s4 { width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: rgb(248, 248, 248); padding: 0 30px; border-top: 1px solid rgb(234, 234, 234); } .shopping-content-s4 .personal-product-list-item-s4 { justify-content: start; align-items: center; margin-bottom: 0; padding-bottom: 20px; padding-top: 10px; border-bottom: 1px solid rgb(234, 234, 234); position: relative; } .shopping-content-s4 #shopping-list-items-wrp li:last-child .personal-product-list-item-s4 { border-bottom: none; } .shopping-content-s4 .personal-product-list-item__img-wrp-s4 { width: 92px; height: 138px; } .shopping-content-s4 .personal-product-list-item__prices-s4 { position: absolute; right: 20px; top: 30px; } .shopping-content-s4 .personal-product-list-item__price-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 18px; font-weight: 600; line-height: 20px; } .shopping-content-s4 .personal-product-list-item__title-s4 { font-family: "Open Sans", "sans-serif" !important; font-size: 16px; margin-bottom: -20px; } .shopping-content-s4 .total-s4 { border: none; margin-top: 0; width: 52.5%; } .shopping-content-s4 .total-item__title-s4 { color: rgb(95, 95, 95); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .delivery-info__title-s4 { color: rgb(95, 95, 95); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .delivery-info__info-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .delivery-info-s4 { margin-bottom: 5px; } .shopping-content-s4 .total-item-s4 { margin-bottom: 5px; border-bottom: none; padding-bottom: 0; } .shopping-content-s4 .total-item__info-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .total__footer-info-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 500; line-height: 20px; } .shopping-content-s4 .total-item-sale-s4 { color: rgb(163, 34, 61); } .shopping-content-s4 .total__footer-title-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .accordion-s4.active { border-top: none !important; background: rgb(248, 248, 248); } .shopping-content-s4 .title-4 { color: rgb(95, 95, 95); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; margin-right: 10px; } .shopping-content-s4 .info-s4 { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; } .shopping-content-s4 .personal-product-list-item__property-info-s4 { border: none !important; margin-top: 3px; width: max-content ; } .shopping-content-s4 .personal-product-list-item__property-s4 { align-items: center; } .shopping-content-s4 .modal-btn_form--s4 { background: none; border-bottom: 1px solid transparent; color: rgb(163, 34, 61); font-family: "Open Sans", "sans-serif"; font-size: 14px !important; font-weight: 400 !important; width: max-content; padding: 0; border-radius: 0; height: auto; } .shopping-content-s4 .modal-btn_form--s4:hover { background: none; border-color: #a2233e; } @media(max-width: 1300px) { .shopping-content-s4 .personal-product-list-item__title-s4 { margin-bottom: 0; } } .shopping-content-s4 .personal-product-list-item__content-s4 { margin-left: 30px; } @media(max-width:770px) { .shopping-content-s4 .input__search-wrp-s4 { width: 100%; } } @media(max-width: 700px) { .shopping-content-s4 .shopping-list-item__order-detail-info-s4 { flex-direction: column; justify-content: start; padding: 10px; } .delivery-container-s4 { width: 100%; } .shopping-content-s4 .total-s4 { width: 100%; padding: 10px 0; } } @media(max-width: 490px) { .shopping-content-s4 .personal-product-list-item__content-s4 { margin-left: 10px; } .shopping-content-s4 .shopping-list-item__order-detail-info-s4 { border-radius: 3px; } .shopping-content-s4 button.accordion-s4 { padding: 20px 10px 10px 10px; } .shopping-content-s4 .title-4 { font-size: 14px; margin-right: 0; } .shopping-content-s4 .info-4 { font-size: 14px; } .shopping-content-s4 .input__search-btn { width: 40px; height: 100%; } .shopping-content-s4 .personal-product-list-item__title-s4 { font-size: 14px; } .shopping-content-s4 .personal-product-list-item__price-s4 { font-size: 14px; } .shopping-content-s4 .personal-product-list-item__img-wrp-s4 { height: 150px; } } @media(max-width: 380px) { .shopping-content-s4 .input__search-btn { height: 50%; } } /*избранное в лк*/ .favourite-page__heart { width: 100%; max-width: 555px; background: rgb(249, 249, 249); margin-top:50px; } .favourite-page__heart-container { width: 100%; display: flex; justify-content: space-between; padding: 40px 50px; } .favourite-page__heart-img { width: 76px; } .favourite-page__description { width: 70%; } .favourite-page__subtitle { color: rgb(0, 0, 0); font-family: "Trivia Slab", "sans-serif"; font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 14px; } .favourite-page__text { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; } @media(max-width: 550px) { .favourite-page__heart-container { flex-direction: column; align-items: center; padding: 30px 10px; } .favourite-page__heart-img { margin-bottom: 10px; } .favourite-page__description { width: 100%; text-align: center; } } /*если нет покупок лк*/ .no-order-page { width: 100%; max-width: 480px; background: rgb(249, 249, 249); margin: 50px 0 ; } .no-order-container { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; } .no-order-img { width: 80px; height: 80px; } .no-order__description { width: 65%; } .no-order__subtitle { color: rgb(0, 0, 0); font-family: "Trivia Slab", "sans-serif"; font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 14px; text-transform: uppercase; } .no-order__text { color: rgb(0, 0, 0); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; } .no-order__link { color: rgb(255, 255, 255) !important; font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 600; line-height: 20px; border-radius: 3px; background: rgb(163, 34, 61); padding: 10px 20px; margin: 30px 0; display: block; width: max-content; } @media(max-width: 550px) { .no-order-page { margin: 50px auto 0 auto; } .no-order-container { flex-direction: column; align-items: center; padding: 30px 10px; } .no-order-img { margin-bottom: 10px; } .no-order__subtitle { margin-top: 10px; } .no-order__description { width: 100%; text-align: center; } .no-order__link { margin: 30px auto 0 auto; } } /* Страница возврата товара */ #return-declaration--s4 { margin-bottom: 90px; } #return-declaration--s4 h2 { color: rgb(0, 0, 0); font-family: 'Trivia Slab','sans-serif'; font-size: 26px; font-weight: 400; line-height: 28px; text-align: center; text-transform: uppercase; } #return-declaration--s4 .return-title { color: rgb(0, 0, 0); font-family: 'Trivia Slab','sans-serif'; font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; text-transform: uppercase; margin-bottom: 20px; } #return-declaration--s4 .purchase-returns-form { width: 100%; max-width: 1030px; padding: 40px 40px 0 40px; border: 1px solid rgb(234, 234, 234); border-radius: 8px !important; } #return-declaration--s4 .form__items-wrapper { width: 100%; margin-top: 0 !important; } #return-declaration--s4 .personal-data { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-bottom: 50px; } #return-declaration--s4 .personal-data .input__wrp--s4, #return-declaration--s4 .list-returned .input__wrp--s4, #return-declaration--s4 .form__items-wrapper--s4 .input__wrp--s4 { width: 100%; max-width: 460px; position: relative; } #return-declaration--s4 .form__items-wrapper--s4 .mini-input__wrp--s4 { width: 100%; max-width: 296px; position: relative; } #return-declaration--s4 .personal-data .input { border-bottom: none; height: 40px; border: 1px solid rgb(234, 234, 234); border-radius: 3px !important; padding-left: 20px; font-family: 'Open sans', 'sans-serif'; font-size: 16px; font-weight: 400; width: 100%; } #return-declaration--s4 .personal-data .input::placeholder { color: rgb(166, 166, 166); } #return-declaration--s4 .return-personal__name { display: none; color: rgb(166, 166, 166); font-family: "Open Sans","sans-serif"; font-size: 12px; font-weight: 400; line-height: 16px; position: absolute; left: 15px; top: -13px; background: white; padding: 0 5px; } #return-declaration--s4 .return-personal__name--active { display: block; } #return-declaration--s4 .list-returned { display: flex; width: 100%; flex-wrap: wrap; gap: 15px; } #return-declaration--s4 .list-returned .input { color: rgb(0, 0, 0); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; border-bottom: none; margin-bottom: 0 !important; } #return-declaration--s4 .list-returned .basket-item-delete { color: rgb(95, 95, 95); font-family: "Open Sans","sans-serif"; font-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 3px; border-bottom: 0.5px solid transparent; } #return-declaration--s4 .list-returned .basket-item-delete:hover { color: #a2233e; border-bottom: 0.5px solid #a2233e; } #return-declaration--s4 input[type="checkbox"].checkbox { width: 20px; height: 20px; border-radius: 3px !important; margin-bottom: 20px; margin-right: 20px; border-color: #a2233e !important; } /* Активный и не активный чекбокс */ #return-declaration--s4 #website-payment-case:not(:checked) + label { color: rgba(0, 0, 0, 0.5); } #return-declaration--s4 #other-payment-case:not(:checked) + label { color: rgba(0, 0, 0, 0.5); } #return-declaration--s4 #website-payment-case:not(:checked) { background: rgb(234, 234, 234); border-color: rgb(234, 234, 234) !important; } #return-declaration--s4 #other-payment-case:not(:checked) { background: rgb(234, 234, 234); border-color: rgb(234, 234, 234) !important; } /* Активный и не активный чекбокс конец */ #return-declaration--s4 .form__radio-wrp label { color: rgb(0, 0, 0); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; margin-bottom: 20px; } #return-declaration--s4 .description--s4 { color: rgb(14, 13, 13); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; } #return-declaration--s4 .input-wrapper-s4 { border-bottom: none; padding: 10px 0; background: rgb(249, 249, 249); width: max-content; margin-bottom: 30px; max-width: none; } #return-declaration--s4 .input-sum-s4 { border-bottom: none; text-align: center; color: rgb(14, 13, 13); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 600; line-height: 20px; } #return-declaration--s4 .payment-order-inputs { display: flex; align-items: center; } #return-declaration--s4 .form__items-wrapper--s4 { display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 55px !important; } #return-declaration--s4 input[type="number"]::-webkit-outer-spin-button, #return-declaration--s4 input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #return-declaration--s4 input[type="number"] { -moz-appearance: textfield; } #return-declaration--s4 .form__items-wrapper--s4 .input { border-bottom: none; height: 40px; border: 1px solid rgb(234, 234, 234); border-radius: 3px !important; padding-left: 20px; font-family: 'Open sans', 'sans-serif'; font-size: 16px; font-weight: 400; } #return-declaration--s4 .form__items-wrapper--s4 .input::placeholder { color: rgba(0, 0, 0, 0.5); } #return-declaration--s4 .clue { color: rgb(166, 166, 166); font-family: 'Open sans', 'sans-serif'; font-size: 12px; font-weight: 400; line-height: 14px; position: absolute; top: 45px; } #return-declaration--s4 .colored-subtitle { display: none; } #return-declaration--s4 .req-input { color: rgb(166, 166, 166); font-family: 'Open sans', 'sans-serif'; font-size: 12px; font-weight: 400; line-height: 14px; } #return-declaration--s4 .form-btns-panel { margin-bottom: 40px; } #return-declaration--s4 .btn-s4 { padding: 9px 0; background: #a2233e; color: #fff; font-family: 'Open sans', sans-serif; font-size: 16px !important; font-weight: 600 !important; cursor: pointer; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; border-radius: 3px !important; margin: 0 auto; height: 50px; } #return-declaration--s4 .text-printing { display: none; } @media(max-width:1090px) { #return-declaration--s4 .purchase-returns-form { padding: 40px 20px 0 20px; } #return-declaration--s4 .form__items-wrapper--s4 .mini-input__wrp--s4 { max-width: 100%; } #return-declaration--s4 .personal-data .input__wrp--s4, #return-declaration--s4 .list-returned .input__wrp--s4, #return-declaration--s4 .form__items-wrapper--s4 .input__wrp--s4 { max-width: 100%; } } @media(max-width:690px) { #return-declaration--s4 .payment-order-inputs { flex-direction: column; } } @media(max-width:490px) { #return-declaration--s4 .personal-data { margin-bottom: 30px; } #return-declaration--s4 h2 { font-size: 18px; } #return-declaration--s4 .return-title { font-size: 16px; } #return-declaration--s4 .personal-data .input { font-size: 14px; } #return-declaration--s4 .list-returned .input { font-size: 14px; } #return-declaration--s4 .form__radio-wrp label { font-size: 14px; } #return-declaration--s4 .description--s4 { font-size: 14px; } #return-declaration--s4 .form__items-wrapper--s4 .input { font-size: 14px; } } @media print { #return-declaration--s4 .personal-data { margin-bottom: 10px; } #return-declaration--s4 .req-input { display: none; } #return-declaration--s4 .text-printing { display: block; color: rgb(14, 13, 13); font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 20px; } #return-declaration--s4 .purchase-returns-form { max-width: 1250px; padding: 40px 20px 30px 20px; } #return-declaration--s4 .personal-data .input__wrp--s4, #return-declaration--s4 .list-returned .input__wrp--s4, #return-declaration--s4 .form__items-wrapper--s4 .input__wrp--s4 { max-width: 180px; } #return-declaration--s4.s4-site-returns .list-returned .input__wrp--s4 { max-width: 295px; } #return-declaration--s4 .form__items-wrapper--s4 .mini-input__wrp--s4 { max-width: 180px; } #return-declaration--s4 .return-title { margin-bottom: 5px; } #return-declaration--s4 .form__radio-wrp { width: 33.33%; min-width: 33.33%; } #return-declaration--s4 .return-title-print { padding-top: 20px; } #return-declaration--s4 .form__radio-wrp label { padding-top: 15px; } #return-declaration--s4 .form__radio-wrp input, #return-declaration--s4 .form__radio-wrp label, #return-declaration--s4 .input__wrp.input-wrapper-s4, #return-declaration--s4 .personal-data, #return-declaration--s4 .form__items-wrapper, #return-declaration--s4 .input-wrapper-s4, #return-declaration--s4 .personal-data .input{ margin-bottom: 0px; } #return-declaration--s4 .return-title { margin-bottom: 10px; } #return-declaration--s4 .form__radios { margin-top: 0; } #return-declaration--s4 .form__items-wrapper--s4, #return-declaration--s4 .form__items-wrapper.form__items-wrapper--s4, #return-declaration--s4 .personal-data{ margin-bottom: 0px !important; } #return-declaration--s4 .input__wrp.input__wrp--s4 input, #return-declaration--s4 .input__wrp.mini-input__wrp--s4 input{ height: 20px; } #return-declaration--s4 .basket-item-delete, #return-declaration--s4 .req-input, #return-declaration--s4 .clue { display: none; } #return-declaration--s4 .purchase-returns-form { padding: 10px; } #return-declaration--s4 .input-sum-s4, #return-declaration--s4 .input__wrp.input-wrapper-s4 { padding: 0; } } @media(max-width:540px) { .shopping-content-s4 button.accordion-s4 { padding: 20px 10px 10px 10px; } .shopping-list-item__head-button-info-item:nth-child(1) { position: absolute; top: -10px; } .shopping-list-item__head-button-info-item:nth-child(1) { width: 40%; } .shopping-list-item__head-button-info-item:nth-child(2) { width: 30%; } .shopping-list-item__head-button-info-item:nth-child(3) { width: 30%; } .shopping-list-item__head-button-info-item:nth-child(4) { width: 30%; } .shopping-list-item__head-button-info-item { padding: 10px 0; } .shopping-content-s4 .title-4, .shopping-content-s4 .info-s4 { text-align: left; } } @media(max-width:390px) { .shopping-content-s4 button.accordion-s4 { padding:20px 10px 20px 10px; } } .personal-product-list-item__prices .personal-product-list-item__elder-price + .personal-product-list-item__price { color: rgb(163, 34, 61) !important; font-size: 16px; } .modal-custom__canceled-order .modal-custom__title { color: rgb(0, 0, 0); font-family: "Trivia slab","sans-serif"; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; } .modal-custom__text { color: rgb(0, 0, 0); font-family: "Open Sans","sans -serif"; font-size: 16px; font-weight: 600; line-height: 20px; margin: 20px 0 40px 0; text-align: center; } .modal-custom__canceled-order { width: 100% !important; max-width: 600px ; } @media(max-width:490px) { .modal-custom__canceled-order .modal-custom__title { font-size: 14px; } } .modal-custom__canceled-order .modal-custom__button .modal-custom__button-yes { color: rgb(0, 43, 112); font-family: "Open Sans","sans -serif"; font-size: 16px; font-weight: 600; background: none; border: 1px solid rgb(0, 43, 113); border-radius: 3px; } .sbrf-pay svg { display: none !important; } .summary-promocod.status { text-align: right; } .bx-section-description ul{ margin-left: 0 !important; margin-top: 14px; margin-bottom: 14px; margin-left: 14px; } .bx-section-description ul > li { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; padding-left: 0; margin-bottom: 14px; position: relative; padding-left: 15px; } .bx-section-description li::before{ content:'—' !important; padding-right: 5px; display: inline !important; } /* End */ /* Start:/local/templates/arfashion/css/mob.css?175494492945452*/ body .des-none{ display: none; } .coolicon img, .search img{ object-fit: contain; width: 20px; height: 20px; } .header__top-menu-link{ width: 20.8px; height: 20.8px; } .header__top-menu-link:nth-child(2) { margin-right: 9px; } .my-shopping-cart-page__cart .quantity-box { margin-bottom: 5px; } .korzina-size { margin-bottom: 5px; } .korzina-color { margin-bottom: 5px; } .img-delete { width: 12px; height: 12px; margin-top: -3px; } .img-delete {} .making-an-order-page .categories__title { margin-bottom: 70px; } .making-an-order-page .left-arrow { right: auto; left: 20px; } .making-an-order-page .left-arrow,.making-an-order-page .right-arrow { top: -6%; } .search-offs{ margin-bottom: 30px; } .summary{ margin-bottom: 20px; } .selection-menu{ margin-bottom: 35px; } .btn-none-2 .search-offs-img { top: -3%; } .item-bottom-text .color-title{ font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; } .our-boutiques__img{ height: 200px; } .our-boutiques__skrol1 { width: 725px; } .form-map__text-content { min-width: auto; } .form-map__wraper-h { width: fit-content; } .contact-text{ font-size: 14px; } .bezopasnost-text{ font-size: 14px; } .oplata label{ display: flex; flex-direction: column; font-size: 16px; } .oplata-img { margin-left: -40px; margin-top: 10px; } .contact-title{ font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; } .delivery-address-number img{ width: 25px; height: 25px; } .contact-text-title{ font-weight: 500; font-size: 14px; } .contact-content:nth-child(2){ margin-right: 0; } .payment-check-page .color-title{ font-weight: 300; font-size: 12px; } .summary-bezopasnost-img{ width: 30px; height: 35px; margin-right: 30px; } .oplata-t{ width: 90%; } .selection-menu__link { max-width: none; width: fit-content; } .making-an-order-page--title{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #0E0D0D; } .pthe-order-has-been-placed-title{ font-size: 14px; margin-bottom: 0px; } .pthe-order-has-been-placed-namber span{ font-size: 15px; } .pthe-order-has-been-placed-namber{ font-size: 15px; } .pthe-order-has-been-placed-text { font-size: 13px; } .text--a{ font-size: 13px; } .the-order-has-been-placed-page-oplata{ font-size: 20px; margin-bottom: 15px; } .the-order-has-been-placed-page-text{ font-size: 14px; margin-right: 10px; } .the-order-has-been-placed-page-d { font-size: 15px; margin-bottom: 0px; } .the-order-has-been-placed-page-linc{ font-size: 15px; } .the-order-has-been-placed__box{ margin-top: 30px; } .the-order-has-been-placed-page-ys { margin-bottom: 30px; } .cacharel-slaid-pop{ padding: 0; } .cacharel__baner { /* width: calc(100% - 16px * 2); */ } .looc__box.slick-initialized .slick-slide { margin: 0; padding: 0; } .box-form-65 { height: fit-content; } @media (min-width: 769px) { .box-form-65:not(.box-form-kr) { min-width: 928px; max-width: 928px; } } @media (max-width: 1920px) and (min-width: 768px) { .cacharel__looc .slick-dots { margin-top: 70px; } } @media (max-width: 1400px){ .order-tracking{ display: none; } .container { padding-left: 32px; padding-right: 32px; } .registration__left-box{ margin-right: 45px; } } @media (max-width: 1366px){ .price-box{ flex-wrap: wrap; } .price-box p { width: auto; } .price-box p:nth-child(3) { width: auto; } .slick-dots { margin-top: 0px; } .cacharel__looc .slick-dots { margin-top: 70px; } .cacharel__blog .slick-dots { margin-top: 70px; } .searc-tr { right: 167px; } } @media (max-width: 1280px){ .registration-input-box { flex-direction: column; } .registration-input-text { max-width: fit-content; color: #a2233e; } .registration__input { max-width: none; } .payment-confirm-page__container { flex-direction: column; } .header-mob-min .header__top-menu-link{ padding-left: 15px; margin-top: 25px; } .header-mob-min .header__top-menu-link:nth-last-child(1){ margin-bottom: 18px; } .registration__input-field { margin-right: 0px; } } @media (max-width: 1200px){ .popup { max-width: 350px; } #overlay{ max-width: 350px; } .cacharel__slaid--popap { padding: 20px; padding-bottom: 100px; } .btn--newsletter { width: 120px; } .cacharel-slaid-pop{ width: 100%; padding: 0; } .close--tr { right: 11%; } .overlay .left-arrow { right: 89%; } .cacharel__slaid--img{ background-image: url(/local/templates/arfashion/css/../img/pop-mob.png); } .korzin-tovar { width: auto; } .newsletter-content--tr { justify-content: flex-start; } .my-shopping-cart-page__container{ flex-direction: column; } .blog-page .blog-linck-conten { width: 44%; } .search.active ~ .search-offs--hover { width: 210px; } .overlay .left-arrow:hover { right: 89%; } .popup .owl-prev { right: 78%; } .popup .owl-prev:hover{ right: 78%; } .popup .owl-next:hover{ right: -0%; } } @media (min-width: 1024px) { .menu-burger__header { display: none; } } @media (max-width: 1024px){ .open-menu { right: 100%; transition: .4s; } body .des-none { display: block; } body .search.des-none{ display: block ; } body .pagination.des-none{ display: flex; } body .header .mob-none{ display: none; } .header{ margin-top: 0px; margin-bottom: 36px; } .categories__title { font-size: 32px; } .categories-title-m { font-size: 20px; margin-top: 4.5px; } .mob-block{ display: block; } .box-now-content{ flex-direction: column; } .box-now-menu{ width: 100%; margin-bottom: 40px; } .box-now-newsletter{ width: 100%; order: 1; margin-bottom: 40px; } .title-naw-text { position: fixed; top: 0; } .box-now-menu{ order: 2; } .title-naw-text-link{ font-size: 12px; } .right-arrow-t { right: -10%; } .categories__title-linck { padding-right: 10px; } .menu-burger__header.tr span, .menu-burger__header.tr:after, .menu-burger__header.tr:before { height: 3px; width: 20px; position: absolute; background: transparent; margin: 0 auto; } .tr{ z-index: 10; position: fixed; top: 50px; right: 100%; display: flex; justify-content: center; align-items: center; background-image: url(/local/templates/arfashion/css/../img/x-minu-mob.svg); background-position: center; background-repeat: no-repeat; border-radius: 50%; width: 30px; height: 30px; opacity: 0; } .menu-burger__header.open-menu.tr { right: 4%; transition: .5s; opacity: 1; } .header__nav.open-menu .menu.header__menu{ border: 1px solid #F5EBE2; width: 100vw; } .newsletter{ display: flex; justify-content: space-between; } .newsletter__content{ width: 50%; } .newsletter__chexbox{ width: 45%; } .text-item { margin-left: 15px; } .coolicon{ display: flex; align-items: center; } .coolicon span { font-family: 'Trivia Slab', sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #0E0D0D; margin-left: 19px; } .header__nav{ max-width: 1024px; } .pt{ padding-top: 35px; } .menu__item-i { display: inline-flex; width: 14px; height: 14px; position: absolute; top: 50%; transform: translate(0 , -50%) rotate(45deg); cursor: pointer; right: 8%; border-top: 2px solid gray; border-right: 2px solid gray; } .menu__item.active .menu__item-t { margin-left: 10%; } .menu__item.active .menu__item-i{ transform: translate(0 , -50%) rotate(225deg); right: 90%; } .menu__item.active { font-weight: bold; color: #000000; z-index: 2; position: fixed; top: 90px; background: #fff; } .title-naw-text{ display: flex; align-items: center; justify-content: center; } .header-mob-min { z-index: 0; } .title-naw-text { z-index: 5; } .registration__right-box{ display: none; } .registration__container { padding: 32px; } .registration__input { margin-right: 0px; } .registration__left-box { margin-right: 0px; } .header__container-bot { margin-top: 0px; } .registration__box{ margin-top: 70px; } .our-boutiques-butik__box:nth-child(4n) { margin-right: 1.3%; } .our-boutiques-butik__box:nth-child(3n) { margin-right: 0%; } .our-boutiques-butik__box { width: 32%; } .summary .newsletter__content { width: 100%; } .box-form-65{ height: 83vh; } .payment-page__container{ flex-direction: column; } .registration__input-field{ margin-bottom: 20px; } .header__menu li { width: 100%; text-align: start; } .title-naw-text { height: 40px; } .header__container-top { height: 54px; padding: 0px 16px; } .header__container-top::before { height: 54px; } .box-form-kr{ top: 50px; } .menu__item { padding: 10px 15px; } .header-mob-min .header__top-menu-link { margin-left: 0; width: 100%; } .mene-hover-box { padding: 32px; z-index: 99; display: none; } .menu__item.active ~ .mene-hover-box { display: flex; height: 400px; margin-top: 50px; } .header__container-top{ -webkit-box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6) inset; -moz-box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6) inset; box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6) inset; } .frequent-questions__box1.active ~ .frequent-questions__box2{ height: auto; } .frequent-questions__title.active ~ .frequent-questions__content{ height: auto; max-height: fit-content; } .title-offis { font-size: 25px; } .pos--abt { position: relative; left: 0px; top: 0px; } .itle-offis--wrap { display: flex; flex-direction: column; } .blog-link-page__right-box{ width: 100%; height: 100%; } .blog-link__container { margin-top: 30px; } .search { left: 40px; right: auto; /* top: 17px; */ } .menu__item.active .menu__item-t { color:#000; } .box-form-65::before { top: 55px; } .header__top-menu-link a{ display: flex; } .header__top-li { width: 20px; height: 20px; } .header__top-menu-link a{ text-transform: none; } .searc-tr { right: auto; left: 56px; top: 21px; } .search.active ~ .search-offs--hover { width: 25vw; right: 72px; } .header__top-menu-link a img, .header__top-menu-link button img { width: 16px; height: 16px; width: 20px; height: 20px; } .coolicon img, .search img { width: 16px; height: 16px; } .searc-tr { left: 60px; } .header__top-menu-link { margin: 0px 7px; } .form-map { max-width: 600px; width: calc(100% - 20px); } .form-map__wraper { justify-content: center; } .form-map__box-info { top: 0px; right: 0px; background: #fff; z-index: 1; } .il3 .blog-link-page-title{ position: relative; top: 0px; } .title-offis { margin-bottom: 10px; } .itle-offis--wrap{ margin-top: 0px; } .blog-time{ margin-bottom: 25px; } .il-drid { min-height: auto; height: auto; margin-bottom: 25px; } .blog-link-page-title{ margin-bottom: 10px; } .map__item { z-index: 2; position: relative; top: 0; background: #fff; display: flex; margin: 0 auto; margin-bottom: 20px; } .map__item span{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; text-transform: initial; } .map__item .menu__item-i { display: inline-flex; width: 14px; height: 14px; position: absolute; top: 50%; transform: translate(0 , -50%) rotate(225deg); cursor: pointer; right: auto; border-top: 2px solid gray; border-right: 2px solid gray; left: -28px; } } @media (max-width: 800px){ .our-boutiques-butik__box { width: 49%; } .our-boutiques-butik__box { margin-right: 0%; } .our-boutiques-butik__content{ justify-content: center; } .the-order-has-been-placed-page-box { flex-direction: column; } .the-order-has-been-placed-page__left { margin-left: 0px; margin-bottom: 20px; } .the-order-has-been-placed-page__righet img{ max-width: 217px; } .btm-mob-the-order-has-been--placed{ position: absolute; bottom: -15%; max-width: none; width: 100%; } .btm-mob-the-order-has-been--text{ position: absolute; bottom: -30%; } .the-order-has-been-placed-page__righet{ display: flex; justify-content: center; } .the-order-has-been-placed__box { margin-bottom: 170px; } .info-text-box{ flex-direction: column; } .info-page__box{ order: 1; margin-bottom: 25px; } .info-content{ order: 2; } .mar-bot-50{ margin-bottom: 25px; } .search.active ~ .search-offs--hover { width: 80%; right: 72px; padding: 8px 0px; top: 1px; } } @media (max-width: 768px) { .header__menu .mene-hover-linc.col-2 { width: 100%; margin-right: 5px; } #hov-menu-1045 { display: grid; } #hov-menu-1045 .mene-hover-content1 { overflow: initial; width: 100%; } .header__nav.burger-menu-content-to-add .col-2 .mene-hover-dop-box { overflow-y: initial; max-height: inherit; } .header__top-box a { display: block; max-width: 210px; margin: 0 auto; } .header__top-menu-link:nth-child(2) { margin-right: 5px; } .header { margin-bottom: 7px; } /* BLUE BANNER STYLES */ .header { height: auto; margin-bottom: 0 !important; } .header__container-bot { height: 55px; } .header__container-top { top: 0 !important; height: 55px !important; } .banner_0 .title-naw-text { top: 53px !important; position: static; } .header .banner_0 { height: auto; } /* END OF BLUE BANNER STYLES */ .container.header__container-top { box-shadow: none; } .info-page__box { width: 100%; } .select-custom_cities { display: none; } .search { /* top: 4px; */ height: 100%; width: 100%; } .search .img-search { min-height: 100%; transform: none !important; } .box-item-bottom .item-bottom-content .btn--result { width: 100%; max-width: none; } #topBasket .item-bottom-content { display: flex; justify-content: space-between; align-items: center; flex-direction: row; } #topBasket .item-bottom-text { margin-bottom: 0; } #topBasket .box-item-bottom .item-bottom-content .btn--result { display: flex; margin: 0; font-size: 12px; padding: 0 !important; width: 50%; height: 38px; } input[type="checkbox"].checkbox { width: 20px; height: 20px; } .footer-content input[type="checkbox"].checkbox { width: 15px; height: 15px; } .btn--newsletter { width: 143px; } .frequent-questions__title { font-style: normal; font-weight: 300; font-size: 18px; line-height: 100%; color: #000000; padding-bottom: 4px; } .frequent-questions__box1{ font-style: normal; font-weight: 300; font-size: 16px; line-height: 100%; color: #000000; padding-bottom: 4px; } .frequent-questions__box2{ font-style: normal; font-weight: 300; font-size: 15px; line-height: 18px; color: #000000; } .box-mene-block.footer__clients .menu-nav-content { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 100px; } .box-mene-block.footer__contacts .menu-nav-content { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 100px; } section.footer-content .menu-nav-linc.menu-nav-linc__socials { margin-top: 5px; } .slaid-box-looc-linc { min-width: calc((2 * 50vw) + 80vw + (3 * 2 * .5%)) !important; overflow: initial; overflow-x: auto; } .looc__content { min-height: initial; max-height: initial; } .looc__content .btn { font-size: 14.8px; } .looc__content.looc__conten--collection { /* min-width: 330px; */ } .looc__content.looc__conten--collection:nth-child(1) { order: 4; /* width: calc(24% * 2); */ overflow: auto; width: 80vw; } .looc__content.looc__conten--collection { width: 50vw; } .looc__content.looc__conten--collection:nth-child(2) { order: 1; /* width: calc(24% * 2); */ } .looc__content.looc__conten--collection:nth-child(3) { order: 2; } .looc__content.looc__conten--collection:nth-child(4) { order: 3; } /* .baner .btn-baner-box { bottom: -55px; padding-top: 7px; display: flex; flex-wrap: wrap; height: 110px; justify-content: space-around; background: rgba(0, 0, 0, 0.25); } */ .baner .btn-baner-box { /* top: 56px; */ bottom: -55px; padding-top: 7px; display: flex; flex-wrap: wrap; height: calc(110px + 14px); justify-content: space-around; background: rgba(0, 0, 0, 0.25); background: #EBEDEC; padding: 0 16px; padding-top: 14px; } .baner .btn-baner-box { /* top: 56px; */ bottom: -55px; padding-top: 7px; display: flex; flex-wrap: wrap; height: calc(110px + 14px + 14px * 2); justify-content: space-around; background: rgba(0, 0, 0, 0.25); background: #EBEDEC; padding: 0 56px; padding-top: calc(14px + 14px); padding-bottom: 14px; } section.baner { height: auto; } .cacharel__baner { height: 90vw; width: calc(100% - 32px * 2); margin: 0 auto; } .container.baner-container { padding: 0; } .btn-baner-box { /* display: none; */ } .btn-baner-box a { display: flex; min-width: 20% !important; width: 40%; margin-left: 0 !important; margin-right: 0 !important; /* background: #B08F76 !important; color: #fff; */ /* color: #000 !important; */ } .btn-baner-box a:nth-child(2n) { margin-left: calc(100% - 40% * 2) !important; } .baner .btn-baner-box { justify-content: flex-start; padding-left: 32px; padding-right: 32px; } .looc__content .hover__content { bottom: 0; opacity: 1; } .slick-initialized .catalog-item { margin-right: 10px !important; } .looc__box.slick-initialized .slick-slide { margin: 0; padding: 0; } .input__wrp button { top: 7px; right: 0; bottom: initial; } .personal-page__header { padding-top: 0 !important; } /* BREADCRUMBS */ .breadcrumbs { display: none !important; } .newsletter__chexbox label { line-height: 14px !important; } .newsletter__chexbox label a { line-height: 18px !important; } .box-item-bottom .item-bottom-content .btn--result { display: flex; margin: 0; } /* .catalog-item__img-wrp img { min-height: 62vw; } */ /* CATALOG -> SMART FILTER */ .bx-filter.bx-catalog-smart-filter form { background: #f9f8f8; padding: 29px 18px; } .bx-filter.bx-catalog-smart-filter form input#del_filter { margin-top: 34px; } /* REGISTRATION PAGE */ .registration-input-text { position: static; } .text-content-page .container:first-child { margin-top: 0 !important; } /* PERSONAL PAGES */ .personal-page__header { display: none; } /* LOYALTY PAGE */ .regular-customer-card-page__content-info .card-info__header-item { width: 100%; } .regular-customer-card-page__content-info .card-info__header-item-title { white-space: initial; } /* MAIN PAGE -> NEW */ .owl-item .catalog-item { margin-bottom: 0; } .catalog-item__colors { margin-bottom: 9px !important; } .catalog-item__footer { min-height: 100px; } .selection-menu__link { padding-bottom: 0; } /* FOOTER */ .footer-content .newsletter, .footer-content .newsletter > div:first-child { width: 100%; } /* sort by */ .select-custom_catalog__dropdown .select-custom_catalog__option:not(.select-custom_catalog__option--value) { padding: 10px 0; } .select-custom_catalog .select-custom_catalog__option.select-custom_catalog__option--value { padding: 0 0 0 3px; } } @media (max-width: 700px){ .box-now-menu { flex-wrap: wrap; } .box-mene-block{ width: 45%; margin-bottom: 40px; } .box-now-content { margin-bottom: 0px; } .menu-nav-linc{ margin-bottom: 15px; } .newsletter{ flex-direction: column; } .newsletter__content{ width: 100%; } .newsletter__chexbox{ width: 100%; } .btn-baner-box{ display: none; } .menu-img-box{ display: none; } .menu-img-box--p { display: flex; } .box-mene-block { max-width: fit-content; } .header__top-menu-link .box-form-65 { padding: 20px 20px; width: 102vw; right: -20px; height: 100vh; top: 38px; } .close-t { right: 7%; } .box-form-kr { top: 42px; } .delivery-address-btn{ position: absolute; top: 0; right: 0; } .blog-page .blog-linck-conten { width: 100%; } .search { /* top: 14px; */ } .search.active ~ .search-offs--hover { width: 70%; top: -2px; } .footer-content .newsletter__content { width: 80%; } .footer-content .newsletter, .footer-content .newsletter > div:first-child { width: auto !important; } } @media (max-width: 575px){ .left-arrow, .right-arrow { /* top: -7%; */ top: -40px; } .container-grid { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "i33" "i34" "i35" "i36" "i37" "i38" "i39" "i40"; } .btn-baner-box { transform: translate(0%, -50%); left: 0%; } .box-mene-block{ width: 100%; } .menu-nav-content{ display: flex; flex-wrap: wrap; } .menu-nav-linc{ width: auto; margin-right: 13%; margin: 0; } .footer-content .box-mene-block ul li a { font-size: 14px; } .footer__bot-box1{ width: 80%; } .footer__bot-box2{ width: auto; } .baner1{ background-image: url(/local/templates/arfashion/css/../img/baner-mob1.png); } .baner2{ background-image: url(/local/templates/arfashion/css/../img/baner-mob2.png); background-size: cover; } .baner3{ background-image: url(/local/templates/arfashion/css/../img/baner-mob3.png); } .baner { /* background-color: transparent; */ } .baner .container{ width: 100%; } .grid-box-linck img { width: 100%; height: 100%; object-fit: cover; } .img-tovar{ display: flex; justify-content: center; } .looc__content .img-tovar img{ object-fit: contain; } .categories__title{ font-size: 20px; margin-bottom: 25px; } .left-arrow { right: 22%; right: 9%; } .item-bottom-content { flex-direction: column; } .item-bottom-text{ margin-bottom: 20px; } .btn--result { width: 100%; } .registration__container { padding: 16px; } .registration__left-box { width: 100%; } .container { padding-left: 16px; padding-right: 16px; } .left-arrow:hover { right: 22%; right: 9%; } .our-boutiques-butik__box{ width: 100%; } .delete-box{ flex-direction: column; } .delete{ margin-bottom: 5px; } .korzina-right .name-title { margin-bottom: 15px; } .personal-product-list-item__content .delete-box { /* margin-top: 0px; */ margin-top: 30px; } .summary{ width: 100%; /* padding: 5px; */ } .my-shopping-cart-page__summary { max-width: none; } .baner--mob{ /* max-height: 200px; */ } .baner { margin-bottom: 50px; } .categories__title { /* line-height: 0px; */ line-height: 20px; } .cacharel__looc { margin-bottom: 55px; } .blog-title a { font-size: 15px; } .cacharel__blog { margin-bottom: 50px; } .img-tovar { max-width: none; } .selection-menu__link{ font-size: 12px; } .contact-text-link { margin-left: 0px; } .il-drid--mob img{ object-fit: cover; } .title-offis { font-size: 20px; } .blog-link__container{ display: flex; flex-direction: column; } .itle-offis--wrap{ order: 4; } .blog-link-btn{ order: 1; } .blog-link-page .title-offis{ order: 2; } .pos--abt{ order: 3; } .header__top-menu-link { margin: 0px 5px; } .search { /* top: 12px; */ } .frequent-questions__wrapper { display: flex; flex-direction: column; align-items: center; padding-top: 25px; } .blog-page{ margin-top: 20px; } .blog-link-btn{ margin-bottom: 25px; } .page-404__box{ width: 175px; height: auto; margin-bottom: 24px; } .page-4044-text{ font-size: 18px; margin-bottom: 24px; } .btn--nz { margin: 15px auto; } .bot-t { margin-bottom: 20px; } .btn--nk{ margin-bottom: 20px; } .text-offis{ font-size: 14px; } .pod-title--x { margin-bottom: 25px; } .mene-hover-box-t .search-offs:nth-child(2) { margin-bottom: 20px; } .menu__item-t { font-size: 15px; } .search-offs--hover { top: -11px; } .search-offs--hover .search-offs { margin-bottom: 0px; } .search.active ~ .search-offs--hover { top: -7px; } .blog-page .blog-linck-conten { margin-bottom: 30px; } .title-naw-text-link{ text-align: center; line-height: 16px; } .registration__box { margin-bottom: 30px; } .search-offs-box .search-offs{ margin-bottom: 0px; } /* .search-offs-box{ margin-bottom: 30px; } */ .registration__input-kod{ margin-top: 30px; } .form-map__content{ flex-direction: column; } .form-map__box-info { overflow-y: auto; height: -webkit-fill-available; margin-top: 52px } .form-map__vremi-work { height: auto; overflow: initial; overflow-y: inherit; } .form-map__title{ font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; text-align: center; } /* .page-404__container{ justify-content: flex-start; padding-top: 60px; } .page-404__container { height: 53vh; } */ .footer-content { padding-top: 40px;; } .my-shopping-cart-page__cart .korzina-right{ padding-top: 0; } .color-title{ font-style: normal; font-weight: 300; font-size: 10px; line-height: 20px; color: #000000; } .my-shopping-cart-page__cart .price-box{ margin-bottom: 10PX; } .my-shopping-cart-page__cart .korzina-left{ width :163px; height: 225px; width: calc(100% - 14px * 2); height: auto; } .menu-burger__header { margin-left: 0; } .cacharel__baner { width: calc(100% - 14px * 2); } } @media (min-width: 1425px) { .img-delete { width: 14px; height: 16px; margin-top: -2px; } .delete { margin-bottom: 4px; } } @media (max-width: 630px){ .delivery-amount-box { width: 100%; } .delivery-text-box{ width: 60%; } .delivery-summa{ width: 30%; margin-right: 0; } .delivery-summa{ font-size: 14px; } .delivery-date{ font-size: 14px } } @media (max-width: 530px){ .search { /* top: 9px; */ } .search.active ~ .search-offs--hover { width: 55%; } } @media (max-width: 450px){ .korzina-left{ margin-bottom: 20px; } .korzin-tovar{ flex-wrap: wrap; justify-content: center; } .Vector.active::before { width: 120vw; height: 120vh; } .looc__content { height: 530px; } } @media (max-width: 400px){ .looc__content { height: 500px; } } @media (max-width: 355px){ .header__container-top .korzina-life { margin-left: 18px; } .looc__content { height: 450px; } } @media (max-width: 768px){ .baner2{ background-image: url(/local/templates/arfashion/css/../img/baner-mob2.png); background-size: contain; } .search { /* top: 7px; */ left: 45px; margin-top: 3px; } .looc__content { height: 475px; } .baner .btn-baner-box { height: calc(110px + 14px + 14px * 2); padding-top: calc(14px + 14px); padding-bottom: 14px; } .header__top-menu-link:nth-child(2) { margin-right: 5px; position: absolute; left: 38px; left: 43px; } /* ORDER BOOKING */ button.btn.btn--delivery { padding: 0 !important; font-size: 14px !important; line-height: 14px !important; } .order-select-wrapper .dd-container .dd-options.dd-click-off-close, .order-select-wrapper .dd-container .dd-select, .select-wrapper .dd-select .dd-selected, .order-select-wrapper .dd-container { width: 100% !important; min-width: initial !important; max-width: 100% !important; } .my-shopping-cart-page__cart { margin-bottom: 20px; } .summary { padding: 14px 24px; } /* FINISHED IMAGES MODAL */ .box-form-65.finished-images-modal .korzina-right { width: 100% !important; } .box-form-65.finished-images-modal .korzina-left { width: 100%; height: auto; } .box-form-65.finished-images-modal .btn { padding: 0 !important; } .search-offs-box .search-offs { margin-right: 2%; } } @media (max-width: 430px) { .header__top-menu-link:nth-child(2) { left: 43px; left: 38px; left: 30px; } } @media (min-width: 431px) and (max-width: 768px) { .header__top-menu-link { margin-right: 11px; } } @media (max-width: 335px) { .title-naw-text-link { font-size: 10px; } .banner-modal { max-width: 100vw; width: 90vw !important; margin-left: 1vw; } } @media (max-width: 768px) { .burger-menu.active .overlay.visible.active .menu.header__menu.des-none.header-mob-min { display: block; } .container.header__container-bot .menu.header__menu.pt, .container.header__container-bot .menu.header__menu.des-none.header-mob-min { display: none !important; opacity: 0; border: 1px solid blue; } .registration__box { margin-top: 0; } .registration-input-box, .registration__input-box.data-rti { margin-bottom: 14px !important; max-width: 100%; } .registration input[type="checkbox"].checkbox { min-height: 20px !important; height: auto !important; } #registration-pol-wrp { margin-bottom: 14px; } .search-offs-box.registration-input-box .bx-error + .error { position: static; margin-top: 5px; } .my-queries-page__btn-panel input[type=submit], .address-form input[type=submit], .my-subscribes-page__content-header input[type=submit], .personal-page__content input[type=submit] { -webkit-appearance: none; border-radius: 0 !important; } input[type=submit] { -webkit-appearance: none; } .personal-page__content input[type=submit] { padding: 12px 41px; /* font-size: 4.5vw; */ } .personal-page .form__notification-link_mobile { font-size: 12px; } .personal-product-list-item__content .delete-box { margin-top: 30px; } section.footer-content input[type="checkbox"].checkbox { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; } section.footer-content .newsletter__chexbox .checkbox-text a { display: block; margin-top: 5px; font-size: 15px; } #footer_subscribe { line-height: 100%; } section.footer-content .newsletter__chexbox input.checkbox + label { padding-top: 2px; } .catalog-item__footer-hover-item button.btn { height: 48px !important; font-size: 19px !important; } .catalog-item__footer-hover-item-info .basket_buttons { margin-top: 22px; } .cacharel__looc .slick-dots { margin-top: 24px !important; } .catalog-slider__wrapper.more-goods { /* margin-top: 20px; */ padding-top: 20px; } .catalog-slider__wrapper.more-goods .catalog-slider__title { margin-bottom: 14px; line-height: 30px; } .catalog-slider__wrapper.cart-more { margin-top: 50px; } .catalog-item__footer-hover-item { display: none !important; } #footer_subscribe { font-weight: 400 !important; font-size: 15px !important; padding: 12px 41px !important; display: flex !important; height: auto !important; } .personal-page__content input[type=submit] { height: 50px; border-radius: 3px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 100% !important; font-size: 15px !important; width: 100%; max-width: none; } } @media (max-width: 768px) { #topBasket .name-title { font-size: 16px !important; } #topBasket.relrt-box p:not(.price.price--chetra):not(.korzina-text) { font-size: 16px !important; /* margin-bottom: 21px; */ /* margin-top: 7px; */ } .korzina-right > .name-title + div > p { margin-bottom: 15px; margin-top: 3px; font-size: 16px !important; } #topBasket p.color-title { font-size: 14px !important; } #topBasket .korzina-right .korzina-color, #topBasket .korzina-right .korzina-size, #topBasket .korzina-right .quantity-box { margin-bottom: 15px; } #topBasket .korzina-size .size-box .size-link { font-weight: 700 !important; } #topBasket .korzina-right .quantity-box span { font-size: 15px !important; font-weight: 700 !important; } #topBasket .korzina-right { max-width: 47%; overflow: hidden; } } @media (max-width: 555px) { .slaid-box-looc-linc { /* width: calc(1375px / 1.25); */ min-width: calc((2 * 77vw) + 80vw + (3 * 2 * .5%)) !important; } .looc__content.looc__conten--collection { width: 77vw; } .looc__content { height: 121vw !important; } } @media (max-width: 375px) { #USER_PERSONAL_GENDER-error { top: 60px; } .personal-page__content input[type=submit] { padding: 12px 41px; font-size: 4.5vw; } } @media (max-width: 365px) { .looc__content { height: 127vw !important; } } @media (max-width: 870px) { .wrap-btn .wrap-gid-btn{ bottom: 10px; } } @media (max-width: 480px) { .wrap-btn .wrap-gid-btn .grid-url { margin-bottom: 0px; background-color: #fff; padding: 5px 15px; padding-top: 5px; font-size: 13px; text-transform: uppercase; border-radius: 25px; display: inline-block; margin-right: 10px; margin-left: 10px; color: #1A2A4A; } } @media (max-width: 768px) { /* .header__top-menu-link:nth-child(2) { left: 85px !important; } .header__top-menu-link:nth-child(2) { left: 25px !important; } .bx-input-group #smart-title-search-input { border: 1px solid #EAEAEA; border-radius: 5px; margin: 0; } .header__top-menu #smart-title-search { box-shadow: 0 0 2px rgba(0, 0, 0, 0) !important; } .header__top-menu-link #smart-title-search .bx-input-group { border: none; } div.search.active ~ .search-offs--hover .search-offs, div.search:not(.active) ~ .search-offs--hover .search-offs { padding-top: 0px; margin-top: 2px; padding: 0 10px; } a.log.mobile img { width: 140px; } */ li#header__cart-btn, a.js-auth1, a.Vector, button.burger-menu-btn { display: none; } li.header__top-menu-link:nth-child(2) { align-items: center; justify-content: center; left: -7px !important } div.search.active ~ .search-offs--hover { min-width: 94vw; } div.footer-wraper { padding-bottom: 80px; } } @media (max-width: 500px) { } @media (max-width: 768px) { .filter-new li, .filter-new li.active{ margin-left: 5px; margin-right: 5px; padding: 5px 5px; } .filter-new{ margin-left: -15px; margin-right: -15px; } .title-offis{ line-height: 20px; font-size: 18px !important; } .lab-bir a{ color: #696969; font-size: 12px; } .lab-bir{ font-size: 12px; display: block; margin: 0px; margin-top: 0px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; position: relative; right: 0px; margin-top: -18px; margin-bottom: 10px; color: #696969; width: 100%; } } @media (max-width: 500px) { #personal-page-form-modal__enter-new-password .modal-form{ padding-top: 15px; } .filter-new li, .filter-new li.active{ margin-left: 2px; font-size: 12px; margin-right: 2px; } .catalog-item__footer { min-height: auto; } .catalog-item__price-wrp { position: relative; } .catalog-item__like-item, .catalog-item__like-item.active, .catalog-item__like-item, .catalog-item__like-item{ width: 20px; height: 20px; z-index: 4; } .breadcrumbs { display: block !important; margin-bottom: 15px; } } @media (max-width: 575px){ .burger-menu-btn svg { scale: 1.2; } } @media (max-width: 500px) { .owl-new .catalog-item__img-wrp { max-height: 100%; } div:not(.looc__box).slick-initialized .slick-slide { height: 520px !important; } } @media(max-width:410px) { .cacharel__looc .slick-dots { margin-top: 0 !important; } div:not(.looc__box).slick-initialized .slick-slide { height: 500px !important; } } .wrap-fil { margin-bottom: 5px; } .filter-new li.active { border-width: 2px; } @media(max-width:768px) { .header__container-bot { margin-top: 0px; } .container.header__container-top { position: fixed; } .catalog-slider__wrapper.more-goods .catalog-slider__also .owl-dots { margin-top: 20px; } .mob-tel-display { display: block; font-family: 'Open Sans'; color: #1A2A4A; font-size: 12px; } } @media(max-width:375px) { .mob-tel-display { font-size: 12px; } } @media(max-width:350px) { .mob-tel-display { font-size: 11px; } } @media(max-width:325px) { .mob-tel-display { font-size: 10px; } } /* End */ /* Start:/local/templates/arfashion/css/safari/style.css?17549449291451*/ @media not all and (min-resolution:.001dpcm) { .container-grid { display: flex; } .cacharel__categories .grid-box-content.w3, .cacharel__categories .grid-box-content.w4, .cacharel__categories .grid-box-content.w6 { margin-right: 1.5em; margin-bottom: calc(5em + 62px); } .cacharel__categories .grid-box-content:nth-child(3), .cacharel__categories .grid-box-content:nth-child(5), .cacharel__categories .grid-box-content:last-child { margin-right: 0; } @media (max-width: 768px) { /* ALL PAGES SETTINGS */ input, button, textarea { border-radius: 0; } section.footer-content input[type="checkbox"].checkbox { width: 20px; height: 20px !important; } /* MAIN PAGE */ .cacharel__categories .grid-box-content.w3, .cacharel__categories .grid-box-content.w4, .cacharel__categories .grid-box-content.w6 { margin-right: 0; margin-bottom: calc(5em + 14px); } .cacharel__categories .container-grid div:last-child { margin-bottom: 0; } .bx-filter.bx-catalog-smart-filter form input#del_filter[type="button"] { border-radius: none !important; background: blue !important; } } } /* End */ /* Start:/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/style.css?175494492819916*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 0; width: 0; overflow: hidden; } .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Trivia Slab", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group { /* padding: 2px 12px 0; */ padding: 4px 12px 0; height: 40px; } .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:auto; max-height: 300px; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; /* border-top: 0 none; */ border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ } div.title-search-fader { display:none; background-image: url('/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0;display:none} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#B08F76; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #B08F76; border-color: #B08F76; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #B08F76; border-color: #B08F76; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#B08F76; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#B08F76; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #B08F76; } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } #smart-title-search { border-radius: 4px; box-shadow: 0 0 2px rgb(0 0 0 / 5%) !important; background: #fff; } .search { height: 100%; width: 100%; } .search .img-search { /* width: 40px; */ /* height: 100%; */ width: 100%; height: 100%; margin-top: 0px; -webkit-mask-size: 100% !important; /* transform: translateY(-8px) translateX(13px); */ } .search.active .img-search { background:#000; /* transform: translateY(-8px) translateX(13px); */ } #smart-title-search-input { border: 1px solid #EAEAEA; border-radius: 5px; margin: 6px 0 0 0; padding: 0 30px 0 10px; } .header__top-menu #smart-title-search { box-shadow: 0 0 2px rgba(0, 0, 0, 0) !important; } .header__top-menu-link #smart-title-search .bx-input-group { border: none; } div.search.active ~ .search-offs--hover .search-offs, div.search:not(.active) ~ .search-offs--hover .search-offs { padding-top: 0px; margin-top: 2px; padding: 0 10px; } .find-all-btn { margin: 20px 15px 10px 15px; } .find-all-btn a { display: block; font-size: 16px; font-weight: 400; text-align: center; color: rgb(0, 43, 113); padding: 10px 0; border: 1px solid rgb(0, 43, 113); border-radius: 3px; transition: 0.3s; } .find-all-btn a:hover { background: rgb(0, 43, 113); color: #fff; } #smart-title-search .bx-input-group { padding: 4px 0 0 0; } .search.active ~ .search-offs--hover { min-width: 440px; } @media (max-width: 768px) { .search .img-search { -webkit-mask-size: initial !important; } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; position: absolute; height: 100%; min-height: 100%; height: 200px !important; top: -3px; bottom: 0; height: 0 !important; height: 0; width: 40px; overflow: hidden; left: -40px; } .bx-input-group { margin: 0; } .search-offs--hover.bx-searchtitle.theme-blue { overflow: initial; } .bx-searchtitle .bx-input-group { margin: 0 !important; width: 100%; } .search-offs--hover.bx-searchtitle.theme-blue { padding-bottom: 0; } .search:not(.active) ~ .search-offs--hover, .search.active ~ .search-offs--hover { padding: 8px 0px; padding-bottom: 0; top: -7px; } /* .search-offs--hover.bx-searchtitle.theme-blue, */ .bx-input-group-btn { /* border: 1px solid blue; */ } /* стили для поиска в шапке */ .header__top-menu-link:nth-child(2) { left: 85px !important; } .header__top-menu-link:nth-child(2) { left: 25px !important; } .bx-input-group #smart-title-search-input { border: 1px solid #EAEAEA; border-radius: 5px; margin: 0; } .header__top-menu #smart-title-search { box-shadow: 0 0 2px rgba(0, 0, 0, 0) !important; } .header__top-menu-link #smart-title-search .bx-input-group { border: none; } div.search.active ~ .search-offs--hover .search-offs, div.search:not(.active) ~ .search-offs--hover .search-offs { padding-top: 0px; margin-top: 2px; padding: 0 10px; } a.log.mobile img { width: 140px; } #smart-title-search .bx-input-group { padding: 4px 0 0 12px; } } @media (max-width: 768px) { .search.active ~ .search-offs--hover .search-offs, .search:not(.active) ~ .search-offs--hover .search-offs { padding-top: 5px; } .search.active ~ .search-offs--hover { min-width: 75vw; left: -8px; top: -9px; padding-top: 0; padding-bottom: 0; } .search ~ .search-offs--hover form { margin-left: 21px; } .search:not(.active) ~ .search-offs--hover { left: -8px; top: -9px; padding-top: 0; padding-bottom: 0; opacity: 0; } } @media (max-width: 530px) { .search.active ~ .search-offs--hover { min-width: 72vw; } } /* @media (max-width: 530px) { .search.active ~ .search-offs--hover { min-width: 75vw; } } */ @media (max-width: 475px) { .search.active ~ .search-offs--hover { min-width: 68vw; } .search.active ~ .search-offs--hover .search-offs, .search.active ~ .search-offs--hover .search-offs::placeholder { font-size: 14px !important; line-height: 100% !important; } } @media (max-width: 400px) { .search.active ~ .search-offs--hover { min-width: 65vw; } } @media (max-width: 375px) { .search.active ~ .search-offs--hover { min-width: 65vw; } .search.active ~ .search-offs--hover .search-offs, .search.active ~ .search-offs--hover .search-offs::placeholder { font-size: 5vw; line-height: 5vw; } .search.active ~ .search-offs--hover .search-offs, .search.active ~ .search-offs--hover .search-offs::placeholder { font-size: 4.8vw !important; line-height: 100% !important; padding-top: 6px; padding-left: 1px; } } @media (max-width: 350px) { .search.active ~ .search-offs--hover { min-width: 60vw; } .search.active ~ .search-offs--hover .search-offs, .search.active ~ .search-offs--hover .search-offs::placeholder { font-size: 5vw; line-height: 5vw; } } /* End */ /* Start:/local/templates/arfashion/components/bitrix/sale.basket.basket.line/main_new/style.css?17549449286604*/ .currency { margin-left: 4px; font-size: 15px; line-height: 19px; } .name-title + div { display: flex; } .box-quantity-content.disabled { opacity: 0.35; } .box-quantity-content.disabled .plus, .box-quantity-content.disabled .minus { opacity: 0.5; cursor: initial; } #topBasket h4.name-title + div p:not(.price.price--chetra) { font-size: 18px !important; } .box-form-65.box-form-kr .box-item-korzina .korzin-tovar .korzina-left a img { width: 100%; height: 100%; opacity: 1; } .relrt-box .korzina-color, .relrt-box .korzina-color * { font-family: 'Manrope'; font-size: 15px; line-height: 100%; } .relrt-box .box-quantity-content, .relrt-box .box-quantity-content * { font-family: 'Manrope'; font-size: 15px; } .relrt-box .size-box, .relrt-box .size-box * { font-family: 'Manrope'; font-size: 15px; } .relrt-box .colour-box, .relrt-box .colour-box * { font-family: 'Manrope'; font-size: 15px; } .relrt-box .delete { margin-top: 20px; text-transform: uppercase; } .relrt-box h4+div, .relrt-box h4+div * { margin-bottom: 24px; } .korzina-right>.name-title+div { margin-bottom: 0; } .korzina-right>.name-title+div>p { display: inline; } .relrt-box .korzina-right { padding-top: 0 !important; } .relrt-box .catalog-item__like-item { position: static; min-width: 18px; height: 18px; transform: translateX(14px); } /* SIZE FIX */ .korzina-right .korzina-color *, .korzina-right .korzina-size *, .korzina-right .quantity-box * { font-size: 15px !important; } .korzina-right .quantity-box .box-quantity-content { margin-top: 2px; } .korzina-right .korzina-size { margin-bottom: 7px; } .korzina-right .relrt-box .delete { margin-top: 10px; } .korzina-right .korzina-color, .korzina-right .quantity-box { font-size: 15px; } .finished-images-modal .bx-catalog-item.tpl-block-type-1 .bx-sku .bx-sku-item, .finished-images-modal .korzina-right .quantity-box { /* margin-top: 9px !important; */ } .korzina-right__info+button { /* margin-top: 4px !important; */ } .korzina-right .korzina-size { margin-bottom: 7px; } .korzina-right .delete { margin-top: 10px; font-size: 15px !important; } #topBasket .basket-count-word { font-weight: normal; font-size: 15px; } #topBasket.relrt-box p:not(.price.price--chetra) { font-size: 15px !important; } #floatcart { transition: right 0.5s ease; right: -102%; display: block; } #floatcart { max-width: 460px; position: fixed; z-index: 99; top: 0px; background: rgb(255, 255, 255); height: 100%; bottom: 0px; padding-left: 40px; padding-right: 20px; box-shadow: none; } .mCSB_inside > .mCSB_container { margin-right: 40px; } #floatcart::before { display: none; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgb(162, 35, 62); background-color: rgba(162, 35, 62,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(162, 35, 62,0.9); } #floatcart .box-item-korzina { align-items: center; align-items: flex-start; height: 60vh; height: 55vh; /* overflow-y: auto; */ flex-direction: initial; /* overflow-x: hidden; */ height: calc(92vh - 140px); } .wrap-floatcart { width: 100%; height: 100%; content: ""; display: none; z-index: -1; background: rgb(30, 30, 30); background: rgba(0, 0, 0, 0.35); position: fixed; top: 0px; z-index: 20; left: 0px; *transform: translate(-50%, 0%); } #floatcart .box-item-bottom .item-bottom-content .btn--result{ color: #fff; } .openf { position: fixed; width: 100%; overflow-y: scroll; } .mCSB_draggerRail{ display:none; } @media (max-width: 768px) { .close-t { right: 1%; } .korzin-tovar { flex-wrap: nowrap; } .korzina-left { height: auto; } #topBasket h4.name-title+div p:not(.price.price--chetra):not(.korzina-text), #topBasket.relrt-box p:not(.price.price--chetra)+.currency, .name-title, #topBasket.relrt-box p:not(.price.price--chetra):not(.korzina-text) { /* font-size: 14px !important; */ line-height: 18px; } .korzina-right .korzina-color .colour-text { line-height: 100% !important; } #topBasket.relrt-box p:not(.price.price--chetra):not(.korzina-text) .korzina-right .korzina-color *, .korzina-right .korzina-size *, .korzina-right .quantity-box * { font-size: 12px !important; } .korzina-right .quantity-box .box-quantity-content { width: 12vw !important; } #floatcart .box-item-korzina { height: calc(80vh - 140px); } } @media (max-width: 400px) { .mCSB_inside > .mCSB_container { margin-right: 10px; } } @media (max-width: 385px) { .close-t { right: 1%; } .korzin-tovar { flex-wrap: nowrap; } .korzina-left { /* min-width: 37vw; */ min-width: 24vw; height: auto; } /* .name-title { font-size: 4vw; } */ #topBasket h4.name-title+div p:not(.price.price--chetra):not(.korzina-text), #topBasket.relrt-box p:not(.price.price--chetra)+.currency, .name-title, #topBasket.relrt-box p:not(.price.price--chetra):not(.korzina-text) { font-size: 4vw !important; line-height: 20px; } .korzina-right .korzina-color .colour-text { line-height: 100% !important; } #topBasket.relrt-box p:not(.price.price--chetra):not(.korzina-text) .korzina-right .korzina-color *, .korzina-right .korzina-size *, .korzina-right .quantity-box * { font-size: 3.5vw !important; } .korzina-right .quantity-box .box-quantity-content { width: 12vw !important; } } @media (max-width:375px) { #topBasket.relrt-box .item-bottom-content p:not(.price.price--chetra) { font-size: 12px !important; } } /* End */ /* Start:/local/templates/arfashion/components/bitrix/menu/header/style.css?17549449285005*/ .has-inner-items-icon { display: none; } .img-menu img{ object-position: top; } @media (max-width: 1024px) { .img-menu img{ display:none; } } @media (max-width: 768px) { .mene-hover-content { width: 100% !important; } .menu__item { display: flex; align-items: center; padding-left: 0; /* padding-top: 14px; */ /* padding-bottom: 14px; */ padding-top: 0; padding-bottom: 0; } .header__menu > li > div > a { display: flex; align-items: center; width: 90%; height: 100%; padding-top: 14px; padding-bottom: 14px; color: #000; } .menu__item.active { top: initial !important; z-index: 50 !important; position: static; } .menu__item.active>a.menu__item-t { margin-left: 0 !important; } .menu__item~.mene-hover-box {} .menu__item:not(.active)~.mene-hover-box { height: 0; padding: 0; opacity: 0; display: block; transition: padding .01s .55s ease-out, height .35s ease-out, opacity .55s ease-out; } .menu__item.active~.mene-hover-box { margin-top: 0; padding-right: 14px; padding-left: 20px; opacity: 1; bottom: 0; transition: height .35s ease-out, opacity .35s ease-out; transform: translateX(-50%) translateY(-30px); } .header__menu li { position: relative; } .header__menu .menu__item .has-inner-items-icon { display: flex; justify-content: center; align-items: center; /* border: 1px solid blue; */ /* width: 11px; height: 14px; */ width: calc(11px + 12px); height: 100%; padding: 7px 7px; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; transition: all .35s ease-in-out; } .header__menu .menu__item.active .has-inner-items-icon { transform: rotate(270deg); transform: rotate(90deg); transform: rotate(-90deg); } .header__menu .menu__item .has-inner-items-icon svg { width: 100%; height: 100%; } .burger-menu .content { padding: 0; padding-top: 53px; } .menu.header__menu.pt { padding: 20px; padding-top: 0; padding-bottom: calc(20px - 14px); /* padding-top: 63px; */ } .menu.header__menu.des-none.header-mob-min { padding: 20px; border-top: 1px solid #F5EBE2; } ul.menu.header__menu.des-none.header-mob-min>li { margin-left: 0; padding-left: 0; } ul.menu.header__menu.des-none.header-mob-min>li:nth-of-type(2) { left: 20px; position: static; } ul.menu.header__menu.des-none.header-mob-min>li:nth-of-type(3) { display: none; } ul.menu.header__menu.des-none.header-mob-min>li:first-of-type { margin-top: 0; } ul.menu.header__menu.des-none.header-mob-min>li:last-of-type { margin-bottom: 0; margin-top: 26px; } .header__top-menu-link>a.coolicon img { padding-left: 1.5px; padding-right: 1.5px; padding-left: 2px; padding-right: 2px; width: 22px; padding-left: 2.3px; padding-right: 2.3px; /* padding-left: 1px; */ /* padding-right: 1px; */ } .header__top-menu-link>a:not(.coolicon) img { width: 22px; height: 20px; } .header__menu li a { font-size: 15px; line-height: 17px; font-family: 'Trivia Slab'; color: #000; } .header__nav.burger-menu-content-to-add .mene-hover-dop-box { display: flex; flex-direction: column; max-height: 60vh; overflow-y: scroll; border-bottom: 1px solid #B08F76; border-bottom: 1px solid #F5EBE2; } .header__nav.burger-menu-content-to-add .mene-hover-dop-box ul { margin-right: 0; } } .name-tag-block{ text-transform: math-auto; font-weight: bold; margin-bottom: 10px; color: rgb(26, 42, 74); font-size: 14px; margin-top: -1px; } .tag-menu{ border-style: solid; border-color: #11294d; border-width: 2px; color: #11294d; padding: 0px 5px; text-align: center; max-width: 70px; float: left; margin-bottom: 5px; margin-right: 5px; width: 33%; } .header__menu .tag-menu a{ font-size: 12px; color:#11294d; } .img-menu img { min-width: 190px; } .tag-menu:hover{ background-color: #11294d; } .tag-menu:hover a{ color:#fff; } .format-files { font-size: 14px; } /* End */ /* Start:/local/templates/arfashion/components/bitrix/breadcrumb/pages_v.0.1/style.css?1754944928687*/ .breadcrumbs__back-link { display: none; } @media(max-width:1000px){ .breadcrumbs__box { display: flex; align-items: center; } .breadcrumbs__back-link { display: block; width: 20px; height: 20px; margin: 0 8px 0 0; background: url(/local/templates/arfashion/components/bitrix/menu/header_new/mback.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .breadcrumbs__link { display: none; } .breadcrumbs__link:last-child { display: block; } i.fa { display: none; } } /* End */ /* Start:/local/templates/arfashion/components/bitrix/menu/header_new/style.css?17549449288556*/ /* mobile-menu-redesign start */ .mobile-menu-fixed, .mobile-menu-content, .mobile-menu-content-per{ display: none; } .mobile-menu-content__perconal{ display: none; } @media (max-width: 768px) { .mobile-menu-content, .mobile-menu-content-per{ display: block; } .mobile-menu-fixed{ display: block; position: fixed; z-index: 15; width: 100%; bottom: 0; left: 0; height: 62px; } .mobile-menu-fixed__container { background: #fff; padding: 8px 15px; border-top: 1px solid #EAEAEA; } .mobile-menu-fixed__nav-list { display: flex; align-items: center; justify-content: space-between; } .mobile-menu-fixed__nav-item a { display: block; } .mobile-menu-fixed__nav-item-ico--main { background: url(/local/templates/arfashion/img/icons/mob-menu/AR.svg); } .mobile-menu-fixed__nav-item-ico--catalog{ background: url(/local/templates/arfashion/img/icons/mob-menu/catalog.svg); } .mobile-menu-fixed__nav-item-ico--cart{ background: url(/local/templates/arfashion/img/icons/mob-menu/cart.svg); position: relative; } .mobile-menu-fixed__nav-item-ico--profile{ background: url(/local/templates/arfashion/img/icons/mob-menu/profile.svg); } .mobile-menu-fixed__nav-item--active .mobile-menu-fixed__nav-item-ico--catalog{ background: url(/local/templates/arfashion/img/icons/mob-menu/catalog-active.svg); background-position-x: -1px; background-repeat: no-repeat; background-size: contain; } .mobile-menu-fixed__nav-item--active .mobile-menu-fixed__nav-item-ico--profile{ background: url(/local/templates/arfashion/img/icons/mob-menu/profile-active.svg); background-repeat: no-repeat; background-size: contain; } .mobile-menu-fixed__cart-counter { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #A3223D; color: #fff; top: -4px; right: -7px; display: flex; align-items: center; justify-content: center; } .mobile-menu-fixed__nav-item-ico { width: 24px; height: 24px; margin: 0 auto 4px auto; background-position: center; background-repeat: no-repeat; background-size: contain; } .mobile-menu-fixed__nav-item-text { font-size: 12px; font-weight: 400; color: rgb(166, 166, 166); } .mobile-menu-fixed__nav-item--active .mobile-menu-fixed__nav-item-text { color: #002B70; font-weight: 500; } .mobile-menu-content__container { position: fixed; top:0; left: -100%; width: 100%; height: calc(100vh - 58px); background: #fff; transition: 0.3s; z-index: 10; overflow-y: scroll; padding: 0 0 80px 0; } .mobile-menu-content.mobile-menu-content--opened .mobile-menu-content__container, .mobile-menu-content-per.mobile-menu-content--opened .mobile-menu-content__container{ left: 0%; } .mobile-menu-content__title { font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; padding: 10px 0; text-align: center; text-transform: uppercase; border-bottom: 1px solid #EAEAEA; } .mobile-menu-content__close-cross { position: absolute; width: 23px; height: 23px; top:10px; right: 10px; } .mobile-menu-content__close-cross::before { content: ""; position: absolute; width: 100%; height: 1.5px; background: #A6A6A6; transform: rotate(45deg); top: 10px; } .mobile-menu-content__close-cross::after{ content: ""; position: absolute; width: 100%; height: 1.5px; background: #A6A6A6; transform: rotate(135deg); top: 10px; } .mobile-menu-content__info { /* height: calc(100vh - 244px); */ } .mobile-menu-content__tabs-list { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-bottom: 1px solid #EAEAEA; } .mobile-menu-content__tabs-item { color: rgb(1, 35, 94); font-family: 'Open Sans'; font-size: 13px; font-weight: 600; line-height: 13px; max-width: 108px; width: 100%; padding: 10px; background-color: rgb(248, 248, 248); border-radius: 3px; text-align: center; } .mobile-menu-content__tabs-item--active { color: #fff; background: rgb(185, 1, 51); } .mobile-menu-content__bottom { padding: 20px 0; border-top: 1px solid #EAEAEA; } .mobile-menu-content__favorite, .mobile-menu-content__shops, .mobile-menu-content__tel { padding: 0 15px; color: rgb(0, 0, 0); font-family: 'Open Sans'; font-size: 16px; font-weight: 400; line-height: 20px; } .mobile-menu-content__favorite, .mobile-menu-content__shops { margin: 0 0 20px 0; } .mobile-menu-content__favorite a, .mobile-menu-content__shops a { padding: 0 0 0 40px; position: relative; display: block; } .mobile-menu-content__favorite a::before{ content: ""; position: absolute; width: 20px; height: 20px; top:0; left:0; background: url(/local/templates/arfashion/img/icons/mob-menu/fav.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .mobile-menu-content__shops a::before{ content: ""; position: absolute; width: 20px; height: 20px; top:0; left:0; background: url(/local/templates/arfashion/img/icons/mob-menu/shop.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .mobile-menu-content__tabs-content, .mobile-menu-content__per-content{ padding: 20px 15px; /* height: calc(100vh - 298px); */ /* overflow: scroll; */ } .mobile-menu-content__tab-content { display: none; } .mobile-menu-content__tab-content--active { display: block; } .mobile-menu-content__cat-link { display: flex; align-items: center; } .mobile-menu-content__cat-img { width: 120px; height: 70px; object-fit: cover; border-radius: 3px; margin: 0 20px 0 0; } .mobile-menu-content__cat-text { color: rgb(26, 42, 74); font-family: 'Open Sans'; font-size: 13px; font-weight: 700; line-height: 20px; } .mobile-menu-content__cat-item { margin: 0 0 18px 0; } .mobile-menu-content__cat-item:last-child { margin: 0; } } .mobile-menu-content__tab-content-sub{ display:none; } .mobile-menu-content__tabs-content, .mobile-menu-content__per-content{ position: relative; } .mobile-menu-content__title-back{ font-family: 'Trivia Slab', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; padding: 10px 0; text-align: left; text-transform: uppercase; border-bottom: 1px solid RGB(234, 234, 234); display:none; cursor: pointer; } .mobile-menu-content__title-back img{ width: 9px; height: 17px; margin-top: 2px; float: left; margin-left: 10px; margin-right: 15px; } .mobile-menu-content__close-cross{ cursor: pointer; } .mobile-menu-content__tab-content-sub li { display: block; } .mobile-menu-content__tab-content-sub li a, .mobile-menu-personal__menu li a{ font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 20px; color: #1A2A4A; padding-bottom: 10px; display: block; } .show-sub{ *height: calc(100vh - 244px) !important; } /* End */ /* Start:/local/templates/arfashion/components/bitrix/system.auth.authorize/.default/style.css?17549449285602*/ .new-user + .btn.btn_transparent.btn--nz { display: flex; text-align: center; } .bx-authform--new{ margin-top: 20px !important; } .authorization-new--container { display: flex; flex-direction: column; align-items: center; /* min-height: 485px; */ width: 100%; margin: -35px auto 0 auto; } .authorization-new { display: flex; flex-direction: column; width: 100%; max-width: 540px; border: 1px solid rgb(234, 234, 234); border-radius: 8px; margin-top: 70px; } .authorization-new input::placeholder { color: rgba(0, 0, 0, 0.5); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; } .authorization-new__container { display: flex; flex-direction: column; } .authorization-new__wrapper { padding: 40px 40px 0 40px; } @media(max-width: 490px) { .authorization-new__wrapper { padding: 40px 10px 0 10px; } } .authorization-new__buttons { display: flex; justify-content: space-between; align-items: center; background: #F9F9F9; padding: 5px; border-radius: 4px; margin-bottom: 18px; } .authorization-new__button { color: rgb(105, 105, 105); font-family: "Open Sans","sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; background: #F9F9F9; border-radius: 4px; width: 225px; text-align: center; padding: 10px 0; cursor: pointer; transition: 0.5s; } .authorization-new__button.active { color: rgb(0, 0, 0); background: white; } .getting-code { display: flex; } .getting-code__input { width: 298px; height: 40px; padding-left: 20px; border: 1px solid rgb(234, 234, 234); border-radius: 3px; } .getting-code__button { padding: 9px 0; width: 152px; background: #a2233e; color: #fff; font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 600; cursor: pointer; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; border-radius: 3px; margin-left: 10px; } @media(max-width: 490px) { .getting-code__button { width: 100%; max-width: 130px; font-size: 14px; } .getting-code__input { width: 100%; max-width: 190px; } } .button-entry { padding: 9px 0; background: #a2233e; color: #fff; font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 600; cursor: pointer; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; border-radius: 3px; width: 100%; text-align: center; margin-top: 30px; display: none; } .input-sms { width: 100%; position: relative; margin-top: 10px; } .input-sms__text { color:rgb(105, 105, 105); font-family: 'Open sans', sans-serif; font-size: 14px !important; font-weight: 400; line-height: 18px; transform: none !important; } .input-sms__input { color: rgba(0, 0, 0, 0.5); font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; padding: 10px 0 10px 20px; border: 1px solid rgb(234, 234, 234); border-radius:3px; width: 100%; max-width: 460px; margin-top: 30px; } .entry-vk { display: flex; align-items: center; justify-content: space-between; padding: 0 40px; background: #F9F9F9; height: 40px; margin-top: 40px; border-radius: 0 0 4px 4px; } @media(max-width: 490px) { .entry-vk { padding: 0 10px; } } .entry-vk__wrapper { display: flex; align-items: center; } .entry-vk__text { color: rgb(0, 43, 112); font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; margin-right:10px ; } .registration--new { color: rgb(0, 43, 112) !important; font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; } .authorization-new__password { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; border: 1px solid rgb(234, 234, 234); border-radius: 3px; padding: 0 20px; margin-top: 20px; position: relative; } .input--email { width: 100%; height: 40px; padding-left: 20px; border: 1px solid rgb(234, 234, 234); border-radius: 3px; } .input--password { width: 90%; } .forgot-password { display: block; color: rgb(105, 105, 105) !important; font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; margin: 20px 0; text-align: right; } .button-entry__email { padding: 9px 0; background: #a2233e; color: #fff; font-family: 'Open sans', sans-serif; font-size: 16px; font-weight: 600; cursor: pointer; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; border-radius: 3px; width: 100%; text-align: center; } .auth-tab-content:not(.active) { display: none; } #bx_register_error { font-family: 'Open Sans', 'sans-serif'; font-weight: 400; color: #a2233e !important; font-size: 14px; line-height: 15px; margin-top: 10px; } /* End */ /* Start:/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/style.css?17549449281560*/ .bx-authform-social--new { height: 45px; } .bx-authform-social-popup{ display: none; background: #fff; width: auto; padding: 15px; font-size: 14px; white-space: nowrap; } .bx-authform-social-popup form{margin-bottom: 0;} .bx-authform-social-popup input[type="text"] { display: inline-block; max-width: 150px; font-size: 18px; height: 30px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-authform-social ul { padding: 5px 0 12px; margin: 0 0 15px; /* display: block; */ display: flex; justify-content: center; } .bx-authform-social ul li:not(:last-child) { margin-right: 5px; } .bx-authform-social ul li { position: relative; display: inline-block; width: 35px; height: 35px; } .bx-authform-social ul li .bx-authform-social-icon { display: block; width: 35px; height: 35px; /*background-image: url(/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/images/googl.svg);*/ background-repeat: no-repeat; border-bottom: none; background-position: center center !important; } .google{ background-image: url(/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/images/googl.svg); background-position: 0 !important; } .vkontakte{ background-image: url(/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/images/vk-blue.svg); background-position: 0 !important; } .apple{ background-image: url(/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/images/apl.svg); background-position: 0 !important; } .facebook{ background-image: url(/local/templates/arfashion/components/bitrix/socserv.auth.form/vk/images/fk.svg); background-position: 0 !important; } /* End */ /* Start:/local/templates/arfashion/template_styles.css?175524749637011*/ ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background: #ccc; } .locations select { padding: 0; background: transparent; font-size: 14px; line-height: 21px; font-family: 'Trivia Slab', sans-serif; margin-left: 15px; } /* NEW STYLES */ /* BUTTONS */ .btn.btn_transparent { border-color: #a2233e; color: #a2233e !important; } .btn.btn_transparent:hover { background: #a74359 !important; color: #fff !important; } .btn.btn_transparent.no-hover:hover { border-color: #a74359; color: #a74359 !important; background: transparent !important; } /* REGISTER PAGE */ .bx_register_resend { margin-bottom: 40px; } input#male + label, input#female + label { font-family: 'Trivia Slab'; font-weight: 400; font-size: 18px; line-height: 20px; } .newsletter__chexbox input.checkbox + label { /* margin-top: 2px; */ font-size: 12px; /* line-height: 19px; */ font-weight: 400; color: #000 !important; } .newsletter__chexbox input[type="checkbox"].checkbox { margin-right: 26px; } .newsletter__chexbox { margin-bottom: 20px; } .registration__input-field .pod-title { margin-bottom: 30px; } /* SELECTS */ select[name="selectCity"] + div { margin-left: 24px; margin-top: -1px; } /* HEADER */ .header__container-top a.Vector { position: relative; } .header__container-top .akar-icons { height: 20px; position: relative; display: flex; } #header__cart-btn { display: flex; } /* li.header__top-menu-link{ margin: 0px 16px; display: flex; align-items: flex-start; } */ li.header__top-menu-link:nth-child(2) { margin-right: 6px; } .header__top-box.mob-none .head-mag .text-item { position: relative; transition: 0.3s; margin: 0 0 8px 0; } .header__top-box.mob-none .head-mag .text-item::after { content: ""; position: absolute; width: 0%; height: 1px; background: #1A2A4A; bottom: -2px; left: 0; transition: 0.3s; } .header__top-box.mob-none .head-mag:hover .text-item { opacity: 1; color: #1A2A4A; } .header__top-box.mob-none .head-mag:hover .text-item::after { width: 100%; } .header__top-menu-link-counter { font-family: "Open Sans", "sans-serif"; font-size: 13px; font-weight: 400; line-height: 13px; color: rgba(26, 42, 74, 1); margin: 3px 0 0 4px; } .header__top-box.text-alen-c { display: flex; justify-content: center; position: relative; } .header__top-box.mob-none { display: flex; } .header__top-box.mob-none a { display: flex; align-items: flex-end; transform: translateX(-20px); } .header__top-box.text-alen-c::before { content: ''; position: absolute; top: 0; left: 0; width: 4.5em; height: 100%; background: rgba(249, 248, 248, 0.4); transform: translateX(-4em) skewX(-45deg); transition: all .5s; animation: blinking_2 ease-in-out 10.0s infinite; } .header__container-top .akar-icons span.akar-icons__label::before { content: ''; position: absolute; top: 0; left: 0; width: 1.5em; height: 100%; background: rgba(255, 255, 255, 0.15); transform: translateX(-4em) skewX(-45deg); transition: all .5s; animation: blinking ease-in-out 7.0s infinite; } .header__container-top .akar-icons span.akar-icons__label, .header__container-top a.Vector:not(.js-auth)::after { content: ''; display: none; /*flex*/ justify-content: center; align-items: center; padding-bottom: 2px; padding-left: 1px; width: 16px; height: 16px; border-radius: 50%; position: absolute; bottom: calc(-25% - 2px); right: -25%; background: #a2233e; font-size: 11px; color: rgba(255 255 255 / 85%); line-height: 0%; font-weight: 500; padding-top: 1.5px; padding-right: 0.5px; padding-top: 4.1px; padding-right: 1.5px; } @media (max-width: 768px) { .header__container-top .akar-icons span.akar-icons__label, .header__container-top a.Vector:not(.js-auth)::after { padding-top: 1.5px; padding-right: 1px; } } /* .header-mob-min .header__top-menu-link a:hover, .header-mob-min .header__top-menu-link > div:hover { transition: 0.4s cubic-bezier(.30, 1, .74, 1); } */ @keyframes blinking { 0%, 30% { transform: translateX(-4em) skewX(-45deg); } 38%, 100% { transform: translateX(20em) skewX(-45deg); } } @keyframes blinking_2 { 0%, 30% { transform: translateX(-4.5em) skewX(-45deg); } 35%, 100% { transform: translateX(200em) skewX(-45deg); } } @keyframes blinking_3 { 0%, 30% { transform: translateX(-21em) skewX(-45deg); } 35%, 100% { transform: translateX(200em) skewX(-45deg); } } @keyframes blinking_btn { 5%, 15% { /* transform: translateX(-21em) skewX(-45deg); */ opacity: 0.92; opacity: rgba(255,255,255,0.92); } 0%, 10%, 20%, 100% { opacity: 1; opacity: rgba(255,255,255,1); /* transform: translateX(200em) skewX(-45deg); */ } } /* FOOTER */ section.footer-content .newsletter__chexbox { display: flex; align-items: flex-start; } section.footer-content input[type="checkbox"].checkbox { max-width: 15px; height: 18px; margin-right: 8px; background: transparent; } section.footer-content input[type="checkbox"].checkbox:checked { background: #a2233e; } section.footer-content .menu-nav-linc__socials > a { width: 22px !important; height: 22px !important; margin: 0; } section.footer-content .menu-nav-linc.menu-nav-linc__socials { padding-left: 5px; margin-top: 9px; } section.footer-content .menu-nav-linc__socials > a:not(:last-child) { margin-right: 12.5px; } section.footer-content input[name="EMAIL"] { padding-bottom: 0; padding-left: 0; font-size: 15px; border-color: #ffffff !important; color: #ffffff; } #footer_subscribe { font-weight: 400 !important; font-size: 15px; } #footer_subscribe:focus, #footer_subscribe:visited { background: #8D694D; } .newsletter__chexbox .checkbox-text a:not(:hover) { border-bottom: 1px solid transparent !important; } .newsletter__chexbox .checkbox-text a:hover { /* border-bottom: 1px solid #a2233e !important; */ border-bottom: 1px solid #000 !important; /* color: #a2233e; */ } /* LOOK BOX SLIDER */ .looc__box.slick-box-tr { margin-bottom: 40px; } .looc__box.slick-box-tr .slaid-box-looc-linc { padding-bottom: 14px; } @media (min-width: 769px) and (max-width: 992px) { section.footer-content .newsletter__chexbox { width: 80% !important; } section.footer-content .newsletter__chexbox .checkbox-text br { display: none; } .newsletter__content { width: 100% !important; } .newsletter__content { width: 100% !important; min-width: 100% !important; } } /* MAIN BANNER SLICK SLIDER CUSTOM STYLES */ @media (max-width: 768px) { div:not(.looc__box).slick-initialized .slick-slide { height: 581px; } div.blog-linck-conten.slick-slide { height: 100% !important; } .looc__box.slick-initialized .slick-slide { padding-bottom: 20px; } .cacharel__main-page-banner { padding-left: 0; padding-right: 0; margin-bottom: -24px; } .cacharel__main-page-banner .slick-initialized .slick-slide > * { min-height: 100% !important; display: block; background: rgba(0 0 0 / 35%); background-size: cover; background-repeat: no-repeat; } .cacharel-slaid-content { max-width: 400px; color: #FFFFFF; font-size: 15px; line-height: 20px; text-transform: uppercase; font-style: normal; font-weight: normal; } a.btn.btn_transparent.bx-show-more { display: flex; margin-bottom: 40px !important; padding: 0 !important; width: 180px; height: 40px; text-align: center; font-size: 13px !important; } } /* MAIN SCREEN BANNER SLIDER */ .main-banner-video:not(.mobile) { display: block !important; width: 100%; height: 100%; } .main-banner-video.mobile { display: none !important; width: 100%; height: 100%; } @media (max-width: 768px) { .main-banner-video:not(.mobile) { display: none !important; } .main-banner-video.mobile { display: block !important; } } .catalog-item__img-wrp .catalog-item__fast-view-item { transition: all .7s ease-in-out; } .catalog-item .catalog-item__fast-view-item:hover { background: rgba(255, 255, 255, 0.87) !important; box-shadow: 0 0 45px rgba(255, 255, 255, .15); } /* BUY BY ONE CLICK */ .fancybox-buy-one-click.fancybox-content { padding: 44px 170px; } .oneclickbuy-form { display: flex; flex-direction: column; align-items: center; } .oneclickbuy-form h2 { margin-bottom: 18px; text-align: center; font-size: 21px; text-transform: uppercase; } .oneclickbuy-form form {} .oneclickbuy-form form input:not([type="submit"]) { margin-bottom: 25px; padding: 7px 5px; padding-left: 0; background: transparent; border: none; color: #000; font-size: 16px; line-height: 24px; padding-bottom: 3px !important; border-bottom: 1px solid #000; -webkit-transition: all .32s ease-out; transition: all .32s ease-out; font-size: 20px; } .oneclickbuy-form form input[type="submit"] { margin-top: 8px; font-size: 18px; font-weight: 500; } /* .input { margin-bottom: 45px; padding: 7px 5px; padding-left: 0; background: transparent; border: none; color: #000; font-size: 16px; line-height: 24px; padding-bottom: 3px !important; border-bottom: 1px solid #000; -webkit-transition: all .32s ease-out; transition: all .32s ease-out; } */ .oneclickbuy-form form .kocb-line {} .oneclickbuy-form form .kocb-line label { display: none; } .oneclickbuy-form form .kocb-line label + input { width: 100%; } .oneclickbuy-form form .kocb-submit {} /* MAIL -> VIEW IDEA SLIDER */ .fancybox-slide .product-item-scu-item-text { font-size: 15px; } /* MAIN -> BLOG SLIDER */ @media (min-width: 769px) { .cacharel__blog ul.slick-dots { margin-top: 70px !important; } } @media (max-width: 768px) { .fancybox-buy-one-click.fancybox-content { padding: 44px 40px; } } /* BACK LINK */ .blog__back-url .categories__title { display: none; } .blog-detail__back-url { transform: translateX(10px) !important; display: block !important; } @media (min-width: 768px) { .blog__back-url { display: none; } .blog-detail__back-url { transform: translateX(10px) translateY(-40px) !important; } } @media (max-width: 768px) { .blog__back-url .blog__titl-linck { padding-left: 14px; } .blog__back-url { margin-bottom: -33px; transform: translateX(20px); } .right-arrow-t { top: calc(50% + 1px); } .blog-detail__title { margin-top: 61px; } } /* OUR STORE PAGE */ .find-a-store__search-offs.search-offs { margin-bottom: 0; } /* TOP BASKET CHANGES */ p.price.price--chetra { display: inline-block; /* margin-right: 77%; */ margin-bottom: 0px; } .korzina-right > .name-title + div { display:block; } .price--chetra { text-decoration: none; } .price--chetra::before { content: ""; position: absolute; width: 105%; top: 53%; left: 0; transform: translate(0 , -55%); border-bottom: 1.7px solid #838383; } .price.price--chetra + .col-red, .price.price--chetra + .col-red + .currency, .discount, .discount .currency { display:inline-block; color: #ed0006; font-weight: 400; font-size: 18px; } #topBasket.relrt-box p:not(.price.price--chetra), #topBasket.relrt-box .price.price--chetra + .col-red + .currency, #topBasket.relrt-box p:not(.price.price--chetra) + .currency { display: inline-block; font-weight: 400; font-size: 18px; } #topBasket.relrt-box .discount, #topBasket.relrt-box .discount + .currency { display:inline-block; margin-top: -1px; color: #ed0006; font-size: 15px !important; } .delete-box > div:last-child p { margin-right: 0; } @media (max-width: 768px) { .d-none_mobile { display: none !important; } } #AjaxContent { max-width: 100%; } /* DELIVERY */ /* .oplata-img img { width: 32px; height: 24px; margin: 0 5px; width: 105px; height: 60px; margin-bottom: 30px; margin-top: 11px; transform: translate(40px, -44px); margin-bottom: 0; margin-right: 68px; } */ .oplata-img img { width: 32px; height: 24px; margin: 0 5px; width: 105px; height: 60px; margin-top: 11px; transform: translate(50px, -40px); margin-bottom: 0; margin-right: 67px; } .oplata .checkbox.oplata__checkbox + label { display: flex; flex-direction: row; justify-content: space-between; } .oplata:nth-child(2) .oplata-img img { /* margin-left: -17px; */ margin-left: -20px; margin-right: 50px; } @media (max-width: 768px) { .the-order-has-been-placed-page-ys { display: flex; flex-direction: column; } .the-order-has-been-placed-page__left { width: calc(100vw - 14px * 2); } body .sberbank__content { width: initial !important; } } #shd_pvz_info { /* border: 1px solid blue; */ } /* NO PHOTO IMG */ .no-photo-img__wrp { min-height: 345px; min-height: 235px; box-shadow: 0 0 2px rgb(0 0 0 / 15%); border-radius: 4px; } .no-photo-img { /* object-position: -65px -65px; */ } /* RETURN DECLARATION PAGE */ .return-declaration * { font-family: 'Trivia Slab', sans-serif; } .return-declaration h2 { margin-bottom: 32px; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 25px; line-height: 24.7px; text-transform: uppercase; text-align: center; } .input__return-declaration-messages_1::after, .input__return-declaration-messages_2::after { content: 'NEW'; width: 60%; position: absolute; right: calc(-60% - 21px); font-family: 'Trivia Slab', sans-serif; font-size: 14px; line-height: 20px; -webkit-transform: translateY(70%); transform: translateY(70%); } .input__return-declaration-messages_1::after { content: 'Состоит из 9 цифр'; } .input__return-declaration-messages_2::after { content: 'Состоит из 20 цифр'; } .return-declaration .input__wrp { display: flex; justify-content: space-between; max-width: 345px; } .return-declaration .input__wrp input { font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 16px; line-height: 15.81px; } .return-declaration .form__items-wrapper { width: 75%; } .form__radios input[type="radio"] { border-radius: 0 !important; } input#PERSONAL_BIRTHDAY { min-height: 30px; } input.input { border-radius: 0 !important; } .form__items-wrapper .input__wrp input { border-radius: 0 !important; } .return-declaration .form__radios { flex-wrap: wrap; margin-top: 14px; } .return-declaration .form__radios input, .return-declaration .form__radios label { margin-bottom: 16px; } .return-declaration .form__radios label:not(:last-child) { margin-right: 36px; margin-right: 240px; font-size: 18px; font-weight: 400; } .return-declaration .form__radio-wrp { display: flex; align-items: center; width: 50%; } .return-declaration .form__radio-wrp label { font-size: 18px; font-weight: 400; } .return-declaration .input_small { width: 30%; } .return-declaration .form-title_1 { margin-bottom: 9.5px; font-family: 'Trivia Slab', sans-serif; font-weight: 550; font-size: 20px; line-height: 19.76px; text-transform: uppercase; } .return-declaration .form-title_2 { margin-bottom: 4px; font-family: 'Trivia Slab', sans-serif; font-weight: 550; font-size: 16px; line-height: 15.81px; } .return-declaration .colored-subtitle { padding-top: 7px; margin-bottom: 11px; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 18.2px; color: #a2233e; } .return-declaration .description { margin-bottom: 14px; font-family: 'Trivia Slab', sans-serif; font-weight: 400; font-size: 14px; line-height: 18.2px; } .return-declaration .description_lg { font-size: 18px; font-weight: 400; } .return-declaration textarea { width: 345px; padding: 9px 13px; resize: none; border: 1px solid #000; } .return-declaration input[type="checkbox"].checkbox, .return-declaration input[type="radio"] { margin-right: 27px; } .return-declaration .form__items-wrapper input { margin-bottom: 7px; } .return-declaration__wrapper>.container>form>h2+.form__items-wrapper input:not([type="checkbox"]) { margin-bottom: 25px; } .return-declaration__wrapper>.container>form>h2+.form__items-wrapper input[type="checkbox"] { margin-bottom: 0; min-width: 25px !important; } /* input[type="date"]::-webkit-datetime-edit-text, input[type="date"]::-webkit-datetime-edit-month-field, input[type="date"]::-webkit-datetime-edit-day-field, input[type="date"]::-webkit-datetime-edit-year-field { */ /* input[type=date]:invalid::-webkit-datetime-edit { */ /* color: #999; */ /* } */ input[type="date"].date-input--has-value::-webkit-datetime-edit-text, input[type="date"].date-input--has-value::-webkit-datetime-edit-month-field, input[type="date"].date-input--has-value::-webkit-datetime-edit-day-field, input[type="date"].date-input--has-value::-webkit-datetime-edit-year-field { color: #f8f9fa; } .return-declaration__wrapper>.container>form>h2+.form__items-wrapper .input__wrp:last-child input { margin-bottom: 0; } .return-declaration .form__check-item { margin-bottom: 14px; } .return-declaration .form-btns-panel { display: flex; margin-bottom: 70px; } .return-declaration .form-btns-panel * { text-align: center; } .return-declaration .form-btns-panel input[type="submit"] { margin-right: 32px; } .return-declaration .form__items-wrapper { margin-bottom: 34px; } @media (max-width: 768px) { .return-declaration .form__items-wrapper { margin-top: 0 !important; } .return-declaration .form-btns-panel { flex-direction: column; } .return-declaration .form-btns-panel * { width: 100% !important; min-width: 100%; margin: 0 !important; } .return-declaration .form-btns-panel input[type="submit"] { display: block; margin-bottom: 14px !important; } .input__return-declaration-messages_1::after, .input__return-declaration-messages_2::after { right: initial; transform: translateY(150%); font-size: 11px; } .input__return-declaration-messages_1, .input__return-declaration-messages_2 { margin-bottom: 14px; } .return-declaration .form__radio-wrp { width: 100%; } .return-declaration input[type="checkbox"].checkbox, .return-declaration input[type="radio"] { min-width: 20px; } .return-declaration .form__items-wrapper { width: 100%; } } @media print { #bx-panel { display: none !important; } .purchase-returns-form { width: 100% !important; } .purchase-returns-form * { font-size: 9px !important; } .purchase-returns-form > .form__items-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; } .purchase-returns-form .input__wrp { margin-top: 0 !important; margin-bottom: 0 !important; } .purchase-returns-form .input__wrp input { margin-bottom: 0 !important; margin-top: 0 !important; padding: 0 4px !important; } .purchase-returns-form .form__items-wrapper, .purchase-returns-form .form-title_1, .purchase-returns-form .cash-return-title { margin: 0 !important; padding: 0 !important; } .purchase-returns-form input[value="0.00"] { margin-bottom: 7px !important; } .purchase-returns-form h2 { font-size: 14px !important; } .purchase-returns-form .form-title_1 { margin-top: 20px !important; font-size: 14px !important; } .purchase-returns-form h2 { margin-top: 0 !important; margin-bottom: 0 !important; } .purchase-returns-form textarea { height: 30px; padding-top: 2px; display: none; } .purchase-returns-form .form__items-wrapper { margin: 0 !important; } .purchase-returns-form { /* border: 1px solid blue; */ } .purchase-returns-form .return-declaration * { font-size: 11px; } header.header { display:none } .return-declaration .form-btns-panel { display: none; } .input__return-declaration-messages_1::after, .input__return-declaration-messages_2::after { margin-top: 1.5px !important; translate: none; } .input__return-declaration-messages_1::after, .input__return-declaration-messages_2::after { transform: translateY(34px) !important; line-height: 100%; } .purchase-returns-form .cash-return-title { padding-top: 40px; } .purchase-returns-form input[type="date"] { transform: translateY(40px); } .purchase-returns-form .input__return-declaration-messages_1::after, .input__return-declaration-messages_2::after { display: none !important; } footer { display: none; } } main > .bx-authform { margin-top: 60px; margin-bottom: 40px; } .mene-hover-box-t.fancybox-content { max-width: 700px; padding-bottom: 20px; } .new-user { font-size: 18px; font-weight: 400; margin-bottom: 14px; margin-top: 18px; color: #676767 !important; transition: all .35s ease-out; } .new-user:hover { color: #a2233e !important; color: #000 !important; } .new-user:hover::after {} .search-offs-content .bot-l:focus, button.search-offs-img.js-show-password:focus { opacity: 0.7; } /* THEME CHANGES FONT SIZE */ .box-form-65.box-form-kr * { color: #000; } .box-form-65.box-form-kr .catalog-item__like-item { /* color: #000; */ display: none; } .banner-modal { padding: 0; top: 14vh !important; } label[for="I_AGREE"] a { font-size: 16px; text-decoration: underline; color: #a2233e; transition: all .35s ease-out; } label[for="I_AGREE"] a:hover { text-decoration: underline; color: #a2233e; opacity: 0.7; } /* BTN GRAPHIC STYLES */ /* .btn--graphic, .header .btn--graphic-mobile { font-size: 12px !important; padding: 4px 7px !important; height: 28px !important; width: 170px !important; display: flex !important; border-radius: 2.5px !important; margin-left: 84px !important; opacity: 0.7 !important; margin: 0 !important; } .btn--graphic { margin-top: 17px !important; } .header .btn--graphic-mobile { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; background: #a74359 !important; color: #fff !important; position: absolute !important; left: 0 !important; top: 0 !important; } .header .btn--graphic-mobile { display: none !important; } .btn--graphic:hover { opacity: 1 !important; } .header__container-top::before { height: 104px !important; } .container.header__container-top { padding-top: 50px !important; } .banner_0 .title-naw-text { margin-top: 24px !important; } @media (max-width: 768px) { .btn--graphic { display: none !important; } .header .btn--graphic-mobile { display: flex !important; } } */ /* END OF BTN GRAPHIC STYLES */ @media (max-width: 1024px) { .burger-menu-btn { margin: 0 0 4px 0; } } @media (max-width: 768px) { .banner-modal { max-width: 100vw; } } .header__top-box.mob-none a { display: flex; align-items: center; transform: translateX(-20px); } /* cookie note */ #cookie_note { display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 00px; background-color: rgba(26, 42, 74, 0.8); padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; z-index: 10; } #cookie_note p { margin: 0; font-size: 13px; text-align: left; color: rgb(255, 255, 255); float: left; line-height: 36px; width: 85%; } #cookie_note a { color: rgb(255, 255, 255); text-decoration: underline; } .cookie_accept { padding-left: 10px; padding-right: 10px; width: 150px; font-size: 16px; height: 38px; float: right; } #cookie_note.show { display: block; } @media (max-width: 400px) { .cookie_accept { width: 100%; max-width: 100%; } } @media (max-width: 600px) { #cookie_note{ padding-left: 15px; padding-right: 15px; bottom:62px; } .cookie_accept { display: flex; margin: 0 auto; float: none; } #cookie_note p { width: 100%; line-height: 20px; margin-bottom: 10px; text-align: center; font-size: 12px; } } .header-scroll-down { /* display: none; */ transform: translateY(-200px); } .wrap-head:not(.header-scroll-down) { transition: opacity .4s ease,background .2s ease,height .2s ease,transform .2s; } .header__container-bot--fixed{ margin: 0 0 0 0; position: fixed; width: 100%; top: 91px; left: 0; z-index: 100; } .header__container-top--fixed { position: fixed; z-index: 500; width: 100%; } .set-null-head { margin-bottom: 157px; } /* .container.header__container-bot, .container.header__container-top { transition: opacity 0.4s ease, background 0.2s ease, height 0.2s ease, transform 0.2s ease; } */ /* Быстрый просмотр редизайн начало*/ .fv-new-design .offers-images { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; max-width: 545px; } .fv-new-design .offers-images__link { display: block; width: 49px; height: 72px; transition: none; border-radius: 3px; } .fv-new-design .offers-images--active { border-radius: 3px; } .fv-new-design .offers-images__link:first-child { margin-right: 5px; } .fv-new-design .catalog-detail-page__title { color: rgb(0, 43, 112); font-family: "Open Sans", "sans-serif"; font-size: 22px !important; font-weight: 500; line-height: 28px; } .fv-new-design .catalog-detail-page__articul .title, .fv-new-design .catalog-detail-page__articul .info { color: rgb(166, 166, 166); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 16px; } .fv-new-design .catalog-detail-page__prices .discounted-price { color: rgb(163, 34, 61); font-family: 'Trivia Slab', sans-serif; font-size: 22px; font-weight: 700; line-height: 30px; margin-right: 15px; } .fv-new-design .catalog-detail-page__prices .old-price { color: rgb(166, 166, 166); font-family: "Open Sans", "sans-serif"; font-size: 18px; font-weight: 400; line-height: 20px; margin-bottom: 5px; } .fv-new-design .catalog-detail-page__prices .old-price::after { content: ''; display: block; width: 100%; height: 1px; background: rgb(166, 166, 166); position: absolute; bottom: 9px; } .fv-new-design .catalog-detail-page__prices { display: flex; align-items: center; } .fv-new-design .offers-color-name { color: rgb(0, 43, 112); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px; } .fv-new-design .choice-size__title, .fv-new-design .choice-size__text { color: rgb(0, 43, 112); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; margin: 20px 0 15px 0; } .fv-new-design .choice-size .choice-size__item { width: 44px; height: 44px; cursor: pointer; border: 1px solid rgb(0, 43, 112); border-top-color: rgb(0, 43, 112); border-right-color: rgb(0, 43, 112); border-bottom-color: rgb(0, 43, 112); border-left-color: rgb(0, 43, 112); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; } .fv-new-design .choice-size .choice-size__item.selected { border: 2px solid rgb(163, 34, 61) !important; } .fv-new-design .choice-size__item:hover { border-color: rgb(163, 34, 61); } .fv-new-design .choice-size__item.selected .bx-sku-name { color: rgb(163, 34, 61); } .fv-new-design .choice-size .choice-size__item { margin-right: 5px; } .fv-new-design .choice-size .choice-size__item:last-child { margin-right: 0; } .fv-new-design .choice-size { display: flex; align-items: center; } .fv-new-design .item-hidden { display: none; } .fv-new-design .size-guide { color: rgb(166, 166, 166); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 16px; text-decoration: none; margin: 0; } .fv-new-design .btn__add-to-cart-element .catalog-item__like-item{ -webkit-mask: url(/img/heart.svg) center center no-repeat; -webkit-mask-size: 100%; background: rgb(0, 43, 112); width: 38px; height: 34px; } .fv-new-design .btn__add-to-cart-element.active { background: #a74359; border-radius: 3px; } .fv-new-design .btn__add-to-cart-element.active:hover { background: #a74359; } .fv-new-design .btn__add-to-cart-element.active .catalog-item__like-item{ background: #fff; } .fv-new-design .btn__add-to-cart-element-wrp { max-width: 365px; } .fv-new-design .btn__add-to-cart-element { background: #fff; } .fv-new-design .btn__add-to-cart-element:hover { background: #FFF8F2; } .fv-new-design .catalog-detail-page__additional-info { max-width: none; } .fv-new-design .additional-info-item .additional-info-item--text { color: rgb(105, 105, 105); font-family: "Open Sans", "sans-serif"; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0; } .fv-new-design .additional-info-item:last-child { margin: 0; } .fv-new-design .choice-size .bx-sku-name { color: rgb(0, 43, 112); font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 500; line-height: 14px; } .fv-new-design .choice-size__item:hover .bx-sku-name { color: rgb(163, 34, 61); } .fv-new-design .modal-btn_sizes { margin-top: 10px; margin-bottom: 20px; } .fv-new-design .catalog-detail-page__body--new .catalog-detail-page__buttons-section .btn_add-to-cart, .fv-new-design .catalog-detail-page__buttons-section button.btn { color: rgb(255, 255, 255); font-family: "Open Sans", "sans-serif"; font-size: 18px; font-weight: 600; line-height: 20px; border-radius: 3px; } .fv-new-design .go-to-page { width: 100%; } .fv-new-design .go-to-page a { max-width: none; color: rgba(0, 43, 112, 1) !important; font-family: "Open Sans", "sans-serif"; font-size: 14px; font-weight: 400; line-height: 14px; background: rgba(248, 248, 248, 1) !important; transition: 0.3s; } .fv-new-design .go-to-page a:hover { opacity: 0.8; } .fv-new-design .offers-images__image { object-fit: cover; width: 100%; border-radius: 3px; padding: 1px; } .fv-new-design .offers-images__link:not(:hover):not(.offers-images--active) { box-shadow: none !important; } .fv-new-design .owl-dots { position: absolute; width: 100%; bottom: 10px; } .fv-new-design .owl-dots .owl-dot span { width: 25px; height: 5px; } .fv-new-design .owl-dots .owl-dot.active span, .fv-new-design .owl-dots .owl-dot:hover span { background: rgba(163, 34, 61, 1); } /* стили для картинки в слайде, убрать для вохвращения к исходному виду */ .fv-new-design .owl-stage-outer { max-height: 600px; } .fv-new-design .owl-carousel .owl-item img { display: block; *width: auto; height: 100%; margin: 0 auto; max-height: 530px; } /* Быстрый просмотр редизайн конец*/ .body-fixed { overflow: hidden; } li.header__top-menu-link { margin: 0 20px; } /* новое всплывающее окно авторизации начало */ .js-auth-modal-btn{ /* position: fixed; width: 20px; height: 20px; top: 50px; left: 0; background: red; z-index: 100; cursor: pointer; */ } .js-auth-modal-window { position: absolute; width: 100%; /* height: 100%; */ height: auto; top: 25px; left: 0; display: none; /* align-items: center; */ justify-content: center; z-index:500; padding-bottom: 25px; } .js-auth-modal-window.opened { display: flex; } .js-auth-modal-window__container { max-width: 600px; width: 100%; background: #fff; padding: 40px; /* border-radius: 20px; */ position: relative; z-index:600; } .js-auth-modal-close-area { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 550; background: rgba(0, 0, 0, 0.35); overflow: auto; } .js-auth-modal-window__close { position: absolute; top:16px; right: 16px; width: 20px; height: 20px; cursor: pointer; } .js-auth-modal-window__close::before{ content: ""; position: absolute; height: 1px; width: 100%; background: #000; top: 9px; transform: rotate(45deg); } .js-auth-modal-window__close::after{ content: ""; position: absolute; height: 1px; width: 100%; background: #000; bottom: 10px; transform: rotate(135deg); } @media(max-width: 1000px) { .js-auth-modal-window__container { max-width: 95%; /* border-radius: 20px; */ padding: 20px; } .js-auth-modal-window__close { top: 16px; right: 30px; background: #fff; } .js-auth-modal-window.opened { top: 25px; } } /* новое всплывающее окно авторизации конец */ .mob-tel-display { display: none; } /* End */ /* /local/templates/arfashion/fonts/TriviaSlab/stylesheet.css?17549449281997 */ /* /local/templates/arfashion/libs/burger-menu-custom/burger-menu-custom.css?17549449281498 */ /* /local/templates/arfashion/libs/slick/css/slick.css?17549449281907 */ /* /local/templates/arfashion/libs/jquery.fancybox-1.3.4/jquery-1.4.3.min.css?175494492812795 */ /* /local/templates/arfashion/libs/owl-carousel/owl.carousel.min.css?17549449283356 */ /* /local/templates/arfashion/libs/owl-carousel/owl.theme.default.min.css?17549449281018 */ /* /local/templates/arfashion/libs/owl-carousel/owl.theme.green.min.css?17549449281018 */ /* /local/templates/arfashion/libs/datepicker-custom/dist/datepicker.min.css?17549449283510 */ /* /local/templates/arfashion/libs/datepicker-custom/themes/datepicker-custom-theme-1.css?17549449281345 */ /* /local/templates/arfashion/libs/jq.preloader/jq.preloader.css?17549449282104 */ /* /local/templates/arfashion/libs/select-custom/select-custom_1.css?17549449285519 */ /* /local/templates/arfashion/libs/select-custom/select-custom_2.css?17549449285816 */ /* /local/templates/arfashion/libs/select-custom/select-custom_3.css?17549449285903 */ /* /local/templates/arfashion/libs/select-custom/select-custom_4.css?17549449285833 */ /* /local/templates/arfashion/libs/jquery-copy-url-plugin/jquery-copy-url-plugin.css?1754944928484 */ /* /local/templates/arfashion/libs/jquery.ddslick.min/themes/ddslick-theme-1.css?17549449284052 */ /* /local/templates/arfashion/libs/jquery.select_custom/themes/select-custom-theme_1.css?17549449283312 */ /* /local/templates/arfashion/libs/jquery.mCustomScrollbar/jquery.mCustomScrollbar.css?175494492854850 */ /* /local/templates/arfashion/libs/js-flatpickr/style.css?175494492816178 */ /* /local/templates/arfashion/css/style.css?1754944929112213 */ /* /local/templates/arfashion/css/style2.css?1754944929283295 */ /* /local/templates/arfashion/css/mob.css?175494492945452 */ /* /local/templates/arfashion/css/safari/style.css?17549449291451 */ /* /local/templates/arfashion/components/arturgolubev/search.title/header_search_v0.1/style.css?175494492819916 */ /* /local/templates/arfashion/components/bitrix/sale.basket.basket.line/main_new/style.css?17549449286604 */ /* /local/templates/arfashion/components/bitrix/menu/header/style.css?17549449285005 */ /* /local/templates/arfashion/components/bitrix/breadcrumb/pages_v.0.1/style.css?1754944928687 */ /* /local/templates/arfashion/components/bitrix/menu/header_new/style.css?17549449288556 */ /* /local/templates/arfashion/components/bitrix/system.auth.authorize/.default/style.css?17549449285602 */ /* /local/templates/arfashion/components/bitrix/socserv.auth.form/vk/style.css?17549449281560 */ /* /local/templates/arfashion/template_styles.css?175524749637011 */