/* Start:/local/templates/new/assets/styles/fonts.css?175821761712905*/ @font-face { font-family: 'Jost'; src: local('JostThin'), local('Jost-Thin'), local('Jost Thin'), url(/local/templates/new/assets/styles/../fonts/Jost-Thin.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Thin.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 100; } @font-face { font-family: 'Jost'; src: local('JostThinItalic'), local('Jost-ThinItalic'), local('Jost ThinItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-ThinItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-ThinItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 100; } @font-face { font-family: 'Jost'; src: local('JostExtraLight'), local('Jost-ExtraLight'), local('Jost ExtraLight'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraLight.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraLight.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 200; } @font-face { font-family: 'Jost'; src: local('JostExtraLightItalic'), local('Jost-ExtraLightItalic'), local('Jost ExtraLightItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraLightItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraLightItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 200; } @font-face { font-family: 'Jost'; src: local('JostLight'), local('Jost-Light'), local('Jost Light'), url(/local/templates/new/assets/styles/../fonts/Jost-Light.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Light.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 300; } @font-face { font-family: 'Jost'; src: local('JostLightItalic'), local('Jost-LightItalic'), local('Jost LightItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-LightItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-LightItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 300; } @font-face { font-family: 'Jost'; src: local('JostRegular'), local('Jost-Regular'), local('Jost Regular'), url(/local/templates/new/assets/styles/../fonts/Jost-Regular.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Regular.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: 'Jost'; src: local('JostRegularItalic'), local('Jost-RegularItalic'), local('Jost RegularItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-RegularItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-RegularItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 400; } @font-face { font-family: 'Jost'; src: local('JostMedium'), local('Jost-Medium'), local('Jost Medium'), url(/local/templates/new/assets/styles/../fonts/Jost-Medium.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Medium.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 500; } @font-face { font-family: 'Jost'; src: local('JostMediumItalic'), local('Jost-MediumItalic'), local('Jost MediumItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-MediumItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-MediumItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 500; } @font-face { font-family: 'Jost'; src: local('JostSemiBold'), local('Jost-SemiBold'), local('Jost SemiBold'), url(/local/templates/new/assets/styles/../fonts/Jost-SemiBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-SemiBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: 'Jost'; src: local('JostSemiBoldItalic'), local('Jost-SemiBoldItalic'), local('Jost SemiBoldItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-SemiBoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-SemiBoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 600; } @font-face { font-family: 'Jost'; src: local('JostBold'), local('Jost-Bold'), local('Jost Bold'), url(/local/templates/new/assets/styles/../fonts/Jost-Bold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Bold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 700; } @font-face { font-family: 'Jost'; src: local('JostBoldItalic'), local('Jost-BoldItalic'), local('Jost BoldItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-BoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-BoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 700; } @font-face { font-family: 'Jost'; src: local('JostExtraBold'), local('Jost-ExtraBold'), local('Jost ExtraBold'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 800; } @font-face { font-family: 'Jost'; src: local('JostExtraBoldItalic'), local('Jost-ExtraBoldItalic'), local('Jost ExtraBoldItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraBoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-ExtraBoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 800; } @font-face { font-family: 'Jost'; src: local('JostBlack'), local('Jost-Black'), local('Jost Black'), url(/local/templates/new/assets/styles/../fonts/Jost-Black.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-Black.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 900; } @font-face { font-family: 'Jost'; src: local('JostBlackItalic'), local('Jost-BlackItalic'), local('Jost BlackItalic'), url(/local/templates/new/assets/styles/../fonts/Jost-BlackItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Jost-BlackItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 900; } @font-face { font-family: 'Montserrat'; src: local('MontserratThin'), local('Montserrat-Thin'), local('Montserrat Thin'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Thin.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Thin.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 100; } @font-face { font-family: 'Montserrat'; src: local('MontserratThinItalic'), local('Montserrat-ThinItalic'), local('Montserrat ThinItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ThinItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ThinItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 100; } @font-face { font-family: 'Montserrat'; src: local('MontserratExtraLight'), local('Montserrat-ExtraLight'), local('Montserrat ExtraLight'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraLight.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraLight.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 200; } @font-face { font-family: 'Montserrat'; src: local('MontserratExtraLightItalic'), local('Montserrat-ExtraLightItalic'), local('Montserrat ExtraLightItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraLightItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraLightItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 200; } @font-face { font-family: 'Montserrat'; src: local('MontserratLight'), local('Montserrat-Light'), local('Montserrat Light'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Light.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Light.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 300; } @font-face { font-family: 'Montserrat'; src: local('MontserratLightItalic'), local('Montserrat-LightItalic'), local('Montserrat LightItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-LightItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-LightItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 300; } @font-face { font-family: 'Montserrat'; src: local('MontserratRegular'), local('Montserrat-Regular'), local('Montserrat Regular'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Regular.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Regular.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: 'Montserrat'; src: local('MontserratRegularItalic'), local('Montserrat-RegularItalic'), local('Montserrat RegularItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-RegularItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-RegularItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 400; } @font-face { font-family: 'Montserrat'; src: local('MontserratMedium'), local('Montserrat-Medium'), local('Montserrat Medium'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Medium.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Medium.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 500; } @font-face { font-family: 'Montserrat'; src: local('MontserratMediumItalic'), local('Montserrat-MediumItalic'), local('Montserrat MediumItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-MediumItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-MediumItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 500; } @font-face { font-family: 'Montserrat'; src: local('MontserratSemiBold'), local('Montserrat-SemiBold'), local('Montserrat SemiBold'), url(/local/templates/new/assets/styles/../fonts/Montserrat-SemiBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-SemiBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: 'Montserrat'; src: local('MontserratSemiBoldItalic'), local('Montserrat-SemiBoldItalic'), local('Montserrat SemiBoldItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-SemiBoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-SemiBoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 600; } @font-face { font-family: 'Montserrat'; src: local('MontserratBold'), local('Montserrat-Bold'), local('Montserrat Bold'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Bold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Bold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 700; } @font-face { font-family: 'Montserrat'; src: local('MontserratBoldItalic'), local('Montserrat-BoldItalic'), local('Montserrat BoldItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-BoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-BoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 700; } @font-face { font-family: 'Montserrat'; src: local('MontserratExtraBold'), local('Montserrat-ExtraBold'), local('Montserrat ExtraBold'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 800; } @font-face { font-family: 'Montserrat'; src: local('MontserratExtraBoldItalic'), local('Montserrat-ExtraBoldItalic'), local('Montserrat ExtraBoldItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraBoldItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-ExtraBoldItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 800; } @font-face { font-family: 'Montserrat'; src: local('MontserratBlack'), local('Montserrat-Black'), local('Montserrat Black'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Black.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-Black.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 900; } @font-face { font-family: 'Montserrat'; src: local('MontserratBlackItalic'), local('Montserrat-BlackItalic'), local('Montserrat BlackItalic'), url(/local/templates/new/assets/styles/../fonts/Montserrat-BlackItalic.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Montserrat-BlackItalic.woff2) format('woff2'); font-display: swap; font-style: italic; font-weight: 900; } @font-face { font-family: 'Tektur'; src: local('TekturRegular'), local('Tektur-Regular'), local('Tektur Regular'), url(/local/templates/new/assets/styles/../fonts/Tektur-Regular.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-Regular.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: 'Tektur'; src: local('TekturMedium'), local('Tektur-Medium'), local('Tektur Medium'), url(/local/templates/new/assets/styles/../fonts/Tektur-Medium.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-Medium.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 500; } @font-face { font-family: 'Tektur'; src: local('TekturSemiBold'), local('Tektur-SemiBold'), local('Tektur SemiBold'), url(/local/templates/new/assets/styles/../fonts/Tektur-SemiBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-SemiBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: 'Tektur'; src: local('TekturBold'), local('Tektur-Bold'), local('Tektur Bold'), url(/local/templates/new/assets/styles/../fonts/Tektur-Bold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-Bold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 700; } @font-face { font-family: 'Tektur'; src: local('TekturExtraBold'), local('Tektur-ExtraBold'), local('Tektur ExtraBold'), url(/local/templates/new/assets/styles/../fonts/Tektur-ExtraBold.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-ExtraBold.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 800; } @font-face { font-family: 'Tektur'; src: local('TekturBlack'), local('Tektur-Black'), local('Tektur Black'), url(/local/templates/new/assets/styles/../fonts/Tektur-Black.woff) format('woff'), url(/local/templates/new/assets/styles/../fonts/Tektur-Black.woff2) format('woff2'); font-display: swap; font-style: normal; font-weight: 900; } /* End */ /* Start:/local/templates/new/assets/styles/vendors.css?175821761729933*/ .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0 !important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0 !important;padding:0 !important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.splide__slide--has-video{cursor:pointer}.splide__slide--has-video:hover .splide__video__play{opacity:1}.splide__slide__container--has-video{cursor:pointer;position:relative}.splide__slide__container--has-video:hover .splide__video__play{opacity:1}.splide__video{height:100%;left:0;position:absolute;top:0;width:100%}.splide__video__wrapper{background:#000;height:inherit;width:inherit}.splide__video__wrapper div,.splide__video__wrapper iframe,.splide__video__wrapper video{height:100%;width:100%}.splide__video__play{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%, -50%);transition:opacity .1s linear;width:40px}.splide__video__play:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:9px 0 9px 17px;content:"";display:inline-block;margin-left:4px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;touch-action:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%, 50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%, 50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translate(0, -50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translate(0, 50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translate(0, -50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%, 0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translate(0, -18px);top:auto;right:28px}/*! * Toastify js 1.12.0 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.12),0 10px 36px -4px rgba(77, 96, 232, 0.3);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:white;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=text],[dir=rtl] .iti--separate-dial-code input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-fullscreen-popup .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-fullscreen-popup .iti__country-list{max-height:100%;width:100%}.iti-fullscreen-popup .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(/local/templates/new/assets/styles/../images/common/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}.iti__flag.iti__np{background-color:transparent}@media (max-width: 500px){.iti__country-list{white-space:normal}}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.iti__flag{background-size:5762px 15px}.iti__flag{background-image:url(/local/templates/new/assets/styles/../images/common/flags@2x.png)}} /* End */ /* Start:/local/templates/new/assets/styles/app.css?175821761786773*/ :root { --main-font-size: 62.5%; --wrapper-offset: 4rem; --wrapper-size: 1290px; --section-offset: 10rem; --section-offset-medium: 7rem; --section-offset-small: 5rem; --section-offset-very-small: 4rem; --part-mobile-navigation-height: 4.4rem; } * { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } main { display: block; } hr { height: 0; color: inherit; border: unset; border-top: 1px solid #000; } abbr:where([title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { font: inherit; color: inherit; -webkit-text-decoration: none; text-decoration: none; background-color: rgba(0, 0, 0, 0); -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-collapse: collapse; border-color: inherit; } table th { padding: 0; } table td { padding: 0; vertical-align: top; } button, input, optgroup, select, textarea { padding: 0; margin: 0; font: inherit; color: inherit; background: rgba(0, 0, 0, 0); border: unset; border-radius: 0; } button:focus, input:focus, optgroup:focus, select:focus, textarea:focus { outline: none; } input, select, textarea { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } button, select { text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; appearance: button; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: none; appearance: none; outline-offset: -2px; } [type='search']::-ms-clear, [type='search']::-ms-reveal { display: none; width: 0; height: 0; } [type='search']::-webkit-search-decoration, [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-results-button, [type='search']::-webkit-search-results-decoration { display: none; -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; appearance: button; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { padding: 0; margin: 0; } legend { padding: 0; } ol, ul, menu { padding: 0; margin: 0; list-style: none; } dialog { padding: 0; } textarea { overflow-x: hidden; overflow-y: auto; overflow: hidden auto; resize: none; } input::placeholder, textarea::placeholder { color: #9ca3af; opacity: 1; } button, [role='button'] { cursor: pointer; } picture, img, svg, video, canvas, audio, iframe, embed, object { display: block; } img, video, svg { max-width: 100%; height: auto; } img, fieldset, iframe { border: unset; } button { touch-action: manipulation; -webkit-user-select: none; user-select: none; } :disabled { cursor: not-allowed; } [hidden] { display: none !important; } @keyframes default { } .css-animation-popup-slide-in:not(.is-opened) .overlay { opacity: 0; } .css-animation-popup-slide-in:not(.is-opened).js-popup-wrapper, .css-animation-popup-slide-in:not(.is-opened) .js-popup-wrapper { opacity: 0; transform: translateY(2rem); } .css-animation-popup-slide-in.js-popup-wrapper, .css-animation-popup-slide-in .js-popup-wrapper { transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .css-animation-popup-slide-left { transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .css-animation-popup-slide-left:not(.is-opened) { opacity: 0; transform: translate(101%); } html.sr .js-reveal-scale-down, html.sr .js-reveal-interval, html.sr .js-reveal-view-factor { visibility: hidden; } html { height: 100%; font-size: var(--main-font-size); } body { position: relative; display: flex; flex-flow: column nowrap; height: auto !important; min-height: 100%; overflow-x: hidden; font-family: Jost, Montserrat, sans-serif; font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: normal; color: #373737; background-color: #fafafa; } .wrapper { width: 100%; max-width: calc(var(--wrapper-size) + 2 * var(--wrapper-offset)); padding: 0 var(--wrapper-offset); margin: 0 auto; } .svg-icon { width: 100%; } .object-fit-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .object-fit-contain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: unset; } .user-select-none { -webkit-user-select: none; user-select: none; } .pointer-events-none { pointer-events: none; } .overflow-y-scroll { overflow-x: hidden; overflow-y: auto; overflow: hidden auto; -webkit-overflow-scrolling: touch; } .scrollbar { max-height: 100%; overflow-x: hidden; overflow-y: auto; overflow: hidden auto; -webkit-overflow-scrolling: touch; } .scrollbar::-webkit-scrollbar { display: block; width: 8px; } .scrollbar::-webkit-scrollbar-track { background: #f1f1f1; } .scrollbar::-webkit-scrollbar-thumb { background: #004de3; } .scrollbar_hidden { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar_hidden::-webkit-scrollbar { display: none; } .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.45); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .map-pin { position: relative; box-sizing: border-box; max-width: unset; cursor: pointer; transform: translate(-50%, calc(-50% - 36px)); } .js-popup-trigger { cursor: pointer; } .toastify { max-width: calc(100% - var(--wrapper-offset)); } .js-scroll-button { cursor: pointer; } .h1, .content h1 { font-size: 4.8rem; } .h2, .content h2 { font-size: 4rem; } .h3, .content h3 { font-size: 3.2rem; line-height: 1.2; } .h4, .content h4 { font-size: 2.8rem; line-height: 1.2; } .h5, .content h5 { font-size: 2rem; line-height: 1.2; } .h6, .content h6 { font-size: 1.6rem; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } .content ul li, .unordered-list li, .content ol li, .ordered-list li { position: relative; } .content ul li::before, .unordered-list li::before, .content ol li::before, .ordered-list li::before { position: absolute; left: 0; } .content ul li, .unordered-list li { padding-left: 2.4rem; } .content ul li::before, .unordered-list li::before { position: absolute; top: 1rem; left: 0; width: 1.4rem; height: 0.8rem; -webkit-clip-path: polygon(calc(0% + 0.3rem) 0%, 100% 0%, calc(100% - 0.3rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 0.3rem) 0%, 100% 0%, calc(100% - 0.3rem) 100%, 0% 100%); content: ''; background-color: #004de3; } .content ol, .ordered-list { counter-reset: order-list-number; } .content ol > li, .ordered-list > li { padding-left: 5rem; } .content ol > li::before, .ordered-list > li::before { top: 0; min-width: 4rem; font-family: Montserrat, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.2; color: #004de3; text-transform: uppercase; content: counter(order-list-number) '.'; counter-increment: order-list-number; } .content blockquote, .blockquote { position: relative; display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; padding: 3rem 6rem; -webkit-clip-path: polygon(calc(0% + 3.4rem) 0%, 100% 0%, calc(100% - 3.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 3.4rem) 0%, 100% 0%, calc(100% - 3.4rem) 100%, 0% 100%); text-align: center; background-color: #fff; font-family: Montserrat, sans-serif; } .content blockquote::before, .content blockquote::after, .blockquote::before, .blockquote::after { flex: 0 0 auto; width: 2.8rem; height: 0.8rem; content: ''; background: url(/local/templates/new/assets/styles/../images/common/quote-icon.svg) center center/cover no-repeat; } .content { line-height: 1.4; } .content > *:not(:last-child) { margin-bottom: 2rem; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { text-transform: uppercase; font-family: Montserrat, sans-serif; } .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) { margin-top: 6rem; } .content ol li:not(:last-child), .content ul li:not(:last-child) { margin-bottom: 2rem; } .content a { font-weight: 600; color: #004de3; text-underline-offset: 4px; transition-property: color; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .content a:hover { color: #558fff; } .content iframe { width: 100%; height: auto; aspect-ratio: 74/37; border: unset; border-radius: 1rem; } .content p img { display: inline-block; } .text-underline, .content u, u { text-underline-offset: 3px; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .b, b { font-weight: 600; } .strong, strong { font-weight: 700; } em, i, .em, .i { font-style: italic; } .color-gray { color: #d9d9d9; } .color-blue { color: #004de3; } .color-black { color: #373737; } .color-gray-dark { color: #b6b6b6; } .color-gray-light { color: #f1f1f1; } .color-red { color: #f03535; } .color-green { color: #4db282; } .background-color-gray { background-color: #d9d9d9; } .background-color-blue { background-color: #004de3; } .background-color-black { background-color: #373737; } .background-color-gray-dark { background-color: #b6b6b6; } .background-color-gray-light { background-color: #f1f1f1; } .background-color-red { background-color: #f03535; } .background-color-green { background-color: #4db282; } .js-tooltip-content:not(.is-created) { display: none !important; } [data-tippy-root] { max-width: calc(100vw - var(--wrapper-offset)); } [data-tippy-root] .tippy-box { font: inherit; color: inherit; white-space: initial; background-color: initial; border-radius: 0; outline: initial; box-shadow: 1px 4px 37px 0 rgba(0, 77, 227, 0.12); } [data-tippy-root] .tippy-box[data-placement^='bottom'] > .tippy-arrow { top: -1.1rem; } [data-tippy-root] .tippy-box[data-placement^='bottom'] > .tippy-arrow::before { top: 0; border-width: unset; border-bottom-color: unset; } [data-tippy-root] .tippy-content { padding: 0; } [data-tippy-root] .tippy-arrow { width: 2.7rem; height: 1.2rem; } [data-tippy-root] .tippy-arrow::before { width: 100%; height: 100%; background: url("data:image/svg+xml,") center center/cover no-repeat; border: unset; } .slider-button { position: relative; z-index: 1; flex: 0 0 auto; width: 6.3rem; height: 4.1rem; color: #284260; pointer-events: all; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; display: flex; align-items: center; justify-content: center; } .slider-button_filled .slider-button__stroke { fill: #fff; } .slider-button:not(:disabled):hover { color: #004de3; } .slider-button:disabled { color: #ededed; } .slider-button_next .slider-button__icon { transform: scale(-1, 1); } .slider-button_vertical { width: 2.4rem; height: 2.4rem; } .slider-button_vertical.slider-button_next .slider-button__icon { transform: scale(1, -1); } .slider-button_vertical .slider-button__stroke { stroke: rgba(0, 0, 0, 0); } .slider-button__icon { width: 2.4rem; height: 2.4rem; fill: currentColor; } .slider-button__stroke { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; fill: rgba(0, 0, 0, 0); stroke: currentColor; } .slider-navigation { display: flex; flex-flow: row nowrap; pointer-events: none; } .slider-navigation_vertical { position: absolute; top: 0; right: auto; bottom: 0; left: 50%; flex-flow: column nowrap; justify-content: space-between; transform: translateX(-50%); } .slider-pagination { display: flex; flex-flow: row wrap; gap: 2rem; } .slider-pagination li { flex-shrink: 1; } .slider-pagination button { width: 1.6rem; height: 1rem; background-color: rgba(40, 66, 96, 0.3); transition-property: background-color, width; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .slider-pagination button.is-active { width: 3rem; background-color: #284260; } .button-primary { position: relative; flex: 0 0 auto; flex-flow: row nowrap; gap: 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; padding: 1.2rem 2.4rem; font-size: 1.6rem; color: #fff; text-align: center; text-transform: uppercase; background-color: #004de3; transition-property: background-color, color, border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); display: flex; align-items: center; justify-content: center; font-family: Montserrat, sans-serif; } .button-primary:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { background-color: #558fff; } .button-primary_reverse { flex-direction: row-reverse; } .button-primary_white { color: #373737; background-color: #fff; } .button-primary_white:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { background-color: #eef4ff; } .button-primary_gray { background-color: #b6b6b6; } .button-primary_gray:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { background-color: #636363; } .button-primary_blue-dark { background-color: #0645bf; } .button-primary_simple { padding: 1rem 2rem; -webkit-clip-path: none; clip-path: none; font-size: 1.6rem; text-transform: initial; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 0.5rem; } .button-primary_simple:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { color: #373737; background-color: #fff; } .button-primary_simple-fill { color: #373737; background-color: #fff; } .button-primary_simple-fill:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { color: #fff; background-color: rgba(0, 0, 0, 0); } .button-primary_simple-transparent { color: #373737; background-color: rgba(0, 0, 0, 0); border-color: #373737; } .button-primary_simple-transparent:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { color: #fff; background-color: #004de3; border-color: #004de3; } .button-primary_simple-blue { color: #fff; background-color: #004de3; border-color: #004de3; } .button-primary_simple-blue:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { color: #fff; background-color: #558fff; border-color: #558fff; } .marketplace-buttons { display: flex; width: 100%; } .button-primary.button-wb { background-color: #a73afd; } .button-primary.button-wb:hover { background-color: rgb(167 58 253 / 90%) !important; } .button-primary.button-ozon{ background-color: #005bff; } @media (max-width: 767px) { .marketplace-buttons { flex-direction: column; gap: 20px } .button-primary.button-wb, .button-primary.button-ozon { width: 100%; } } .button-primary_toggler.is-active, .button-primary_toggler.is-opened { background-color: #558fff; } .button-primary_toggler.is-active .button-primary__icon-item_default, .button-primary_toggler.is-opened .button-primary__icon-item_default { opacity: 0; } .button-primary_toggler.is-active .button-primary__icon-item_active, .button-primary_toggler.is-opened .button-primary__icon-item_active { opacity: 1; } .button-primary_tabs { gap: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 2rem; font-weight: 600; line-height: 1.2; color: #b6b6b6; text-transform: uppercase; background-color: #f1f1f1; } .button-primary_tabs .button-primary__icon { width: 2rem; height: 2rem; } .button-primary_tabs:hover, .button-primary_tabs.is-active, .button-primary_tabs.is-opened { color: #fff; background-color: #004de3; } .button-primary_tabs:hover .button-primary__icon-item_default, .button-primary_tabs.is-active .button-primary__icon-item_default, .button-primary_tabs.is-opened .button-primary__icon-item_default { opacity: 0; } .button-primary_tabs:hover .button-primary__icon-item_active, .button-primary_tabs.is-active .button-primary__icon-item_active, .button-primary_tabs.is-opened .button-primary__icon-item_active { opacity: 1; } .button-primary_with-out-clip-angles { -webkit-clip-path: unset; clip-path: unset; } .button-primary_green { background-color: #4db282; } .button-primary_green:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover { background-color: #339465; } .button-primary.is-loading { pointer-events: none; background-color: #fff; border-color: #004de3; } .button-primary.is-loading .button-primary__icon, .button-primary.is-loading .button-primary__text { opacity: 0; } .button-primary.is-loading .button-primary__loading { opacity: 1; } .button-primary__icon { position: relative; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-primary__icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-primary__icon-item_active { opacity: 0; } .button-primary__text { flex: 1; min-width: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .button-primary__loading { position: absolute; top: 50%; left: 50%; width: 2.4rem; opacity: 0; transform: translate(-50%, -50%); } .button-simple { flex: 0 0 auto; flex-flow: row nowrap; gap: 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; font-size: 1.8rem; line-height: 1.4; color: #373737; fill: currentColor; transition-property: color; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-simple:hover { color: #004de3; } .button-simple_reverse { flex-direction: row-reverse; } .button-simple_toggler:hover .button-simple__icon-item_default, .button-simple_toggler.is-active .button-simple__icon-item_default, .button-simple_toggler.is-opened .button-simple__icon-item_default { opacity: 0; } .button-simple_toggler:hover .button-simple__icon-item_active, .button-simple_toggler.is-active .button-simple__icon-item_active, .button-simple_toggler.is-opened .button-simple__icon-item_active { opacity: 1; } .button-simple:not(.button-simple_with-out-underline) { text-underline-offset: 4px; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .button-simple_blue { color: #004de3; } .button-simple_blue:hover { color: #558fff; } .button-simple_white { color: #fff; } .button-simple_white:hover { color: #558fff; } .button-simple_upload:not(.is-filled):not(.button-simple_upload-active) .button-simple__icon { display: none; } .button-simple_red { color: #f03535; } .button-simple_red:hover { color: #ff5656; } .button-simple_font-weight-semi-bold { font-weight: 600; } .button-simple.is-code-loading.button-simple { color: #d9d9d9; text-decoration-color: rgba(0, 0, 0, 0); pointer-events: none; } .button-simple__icon { position: relative; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; } .button-simple__icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-simple__icon-item_active { opacity: 0; } .button-simple__text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .button-icon { position: relative; flex: 0 0 auto; flex-flow: row nowrap; width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; } .button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):hover .button-icon__icon:not(.button-icon__icon_favorite) { fill: #004de3; } .button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):hover .button-icon__icon_favorite { stroke: #004de3; } .button-icon.is-active .button-icon__icon_favorite { fill: #ff5656; stroke: #ff5656; } .button-icon_play { width: 14rem; height: 14rem; fill: #d9d9d9; } .button-icon_play::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background-color: rgba(255, 255, 255, 0.32); border-radius: 50%; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-icon_play:not(:disabled):not(.is-active):not(.is-opened):not(.is-loading):hover::before { transform: scale(1.1); } .button-icon_play .button-icon__icon { width: 5.3rem; height: 6.2rem; } .button-icon__icon { transition-property: fill, stroke; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .button-icon__icon_close { fill: #d9d9d9; } .button-icon__icon_favorite { fill: rgba(0, 0, 0, 0); stroke: #b6b6b6; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .button-burger.is-active .button-burger__icon { background-color: rgba(0, 0, 0, 0); } .button-burger.is-active .button-burger__icon::before { transform: translateY(calc(var(--burger-line-gutter) + var(--burger-line-height))) rotate(45deg); } .button-burger.is-active .button-burger__icon::after { transform: translateY(calc(-1 * (var(--burger-line-gutter) + var(--burger-line-height)))) rotate(-45deg); } .button-burger__icon { --burger-width: 2.8rem; --burger-height: 1.4rem; --burger-line-width: 2.8rem; --burger-line-height: 2px; --burger-line-gutter: 4px; --burger-line-color: #373737; --burger-line-border-radius: 0; position: relative; margin-top: calc(var(--burger-line-height) + var(--burger-line-gutter)); margin-bottom: calc(var(--burger-line-height) + var(--burger-line-gutter)); -webkit-user-select: none; user-select: none; } .button-burger__icon, .button-burger__icon::before, .button-burger__icon::after { display: block; width: var(--burger-line-width); height: var(--burger-line-height); pointer-events: none; background-color: var(--burger-line-color); outline: 1px solid rgba(0, 0, 0, 0); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; transition-property: background-color, transform; transform-origin: 50% 50%; } .button-burger__icon::before, .button-burger__icon::after { position: absolute; content: ''; } .button-burger__icon::before { top: calc(-1 * (var(--burger-line-height) + var(--burger-line-gutter))); } .button-burger__icon::after { top: calc(var(--burger-line-height) + var(--burger-line-gutter)); } .form-field { display: flex; flex-flow: column nowrap; gap: 0.5rem; } .form-field_custom .form-field__content { -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .form-field_custom .form-field__input { padding: 1rem 2.4rem; background-color: #f1f1f1; border: unset; border-bottom: 1px solid rgba(0, 0, 0, 0); } .form-field_custom .form-field__input:-webkit-autofill, .form-field_custom .form-field__input:-webkit-autofill:hover, .form-field_custom .form-field__input:-webkit-autofill:focus { background-color: #f1f1f1; } .form-field_custom .form-field__input:-webkit-autofill:focus, .form-field_custom .form-field__input:focus { border-color: #004de3; } .form-field_custom .form-field__error { text-align: left; } .form-field:not(.is-error) .form-field__error { display: none; } .form-field.is-error .form-field__input, .form-field.is-error-simple .form-field__input { color: #f03535; border-color: #f03535; } .form-field.is-error .form-field__input::placeholder, .form-field.is-error-simple .form-field__input::placeholder { color: #f03535; } .form-field__label { display: block; font-size: 1.8rem; line-height: 1.4; } .form-field__label-check { color: #f03535; } .form-field__content { position: relative; } .form-field__input { display: block; width: 100%; padding: 1rem 2rem; font-size: max(16px, min(1.6rem, 1.6rem)); line-height: 1.4; color: #373737; border: 1px solid #373737; transition-property: color, border, background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-field__input::placeholder { color: #b6b6b6; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-field__input:-webkit-autofill, .form-field__input:-webkit-autofill:hover, .form-field__input:-webkit-autofill:focus { background-color: rgba(0, 0, 0, 0); -webkit-background-clip: text; border-color: #373737; box-shadow: inset 0 0 10000px 10000px rgba(0, 0, 0, 0); transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.35, 1) 0s, border 0.4s cubic-bezier(0.22, 0.61, 0.35, 1) 0s, box-shadow 0.4s cubic-bezier(0.22, 0.61, 0.35, 1) 0s, -webkit-text-fill-color 0.4s cubic-bezier(0.22, 0.61, 0.35, 1) 0s, -webkit-background-clip 0.4s cubic-bezier(0.22, 0.61, 0.35, 1) 0s; -webkit-text-fill-color: #373737; } .form-field__input:-webkit-autofill::placeholder, .form-field__input:-webkit-autofill:hover::placeholder, .form-field__input:-webkit-autofill:focus::placeholder { color: #b6b6b6; } .form-field__input:-webkit-autofill:focus, .form-field__input:focus { border-color: #004de3; } .form-field__input:-webkit-autofill:focus::placeholder, .form-field__input:focus::placeholder { color: #373737; } textarea.form-field__input { min-height: 15rem; } .form-field__input[inputmode='tel'] { padding-left: 7rem !important; } .form-field__button-show { position: absolute; top: 50%; right: 2rem; width: 2.4rem; height: 2.4rem; fill: rgba(0, 0, 0, 0); fill-rule: evenodd; stroke: #373737; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1; transform: translateY(-50%); clip-rule: evenodd; } .form-field__error { font-size: 1.4rem; line-height: 1.4; color: #f03535; text-align: right; } .form-field .iti { width: 100%; } .form-field .iti .iti__flag-container { top: 0; right: 0; bottom: 0; left: 0; } .form-field .iti .iti__country-list { width: 100%; } .form-field .iti .iti__arrow { width: 1.4rem; height: 0.9rem; margin-left: 1rem; border: unset; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-field .iti .iti__arrow.iti__arrow--up { transform: rotate(180deg); } .form-field .iti .iti__arrow::before { display: block; width: 100%; height: 100%; content: ''; background: url('data:image/svg+xml,%3Csvg width=%2714%27 height=%279%27 viewBox=%270 0 14 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.36373 6.62138C7.75425 7.0119 7.75425 7.64507 7.36373 8.03559C6.9732 8.42612 6.34004 8.42612 5.94952 8.03559L0.292661 2.37874C-0.0978633 1.98821 -0.0978636 1.35505 0.292661 0.964524C0.683185 0.573999 1.31635 0.573999 1.70687 0.964524L7.36373 6.62138Z%27 fill=%27%23353535%27/%3E%3Cpath d=%27M7.36373 8.03559C6.9732 8.42612 6.34004 8.42612 5.94952 8.03559C5.55899 7.64507 5.55899 7.0119 5.94951 6.62138L11.6064 0.964524C11.9969 0.574 12.6301 0.574 13.0206 0.964524C13.4111 1.35505 13.4111 1.98821 13.0206 2.37874L7.36373 8.03559Z%27 fill=%27%23353535%27/%3E%3C/svg%3E%0A') center center/cover no-repeat; } .form-field .iti .iti__selected-flag { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; padding-right: 1rem; padding-left: 1rem; } .form-field .iti .iti__selected-flag::before { position: absolute; top: 1rem; right: 0; bottom: 1rem; left: auto; width: 1px; content: ''; background-color: #d9d9d9; } .form-search.is-filled .form-search__icon { pointer-events: all; } .form-search:not(.is-filled) .form-search__icon_clear { opacity: 0; } .form-search__trigger { width: 2.4rem; height: 2.4rem; fill: #373737; transition-property: opacity; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-search__content { position: absolute; z-index: 100; width: 100%; min-height: 4.4rem; transition-property: right, opacity, width, transform; transform-origin: right center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-search__label { position: relative; display: flex; flex-flow: row nowrap; gap: 1.2rem; align-items: center; width: 100%; padding: 1rem 0; background-color: #2e2e2e; transition-property: background-color; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-search__field { width: 100%; padding-left: 2.4rem; font-size: 1.6rem; color: #6d6d6d; caret-color: #004de3; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-search__field::placeholder { color: #6d6d6d; transition-property: background-color, color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-search__icons-list { display: flex; flex: 0 0 auto; flex-flow: row nowrap; gap: 1.2rem; align-items: center; padding-right: 2.4rem; pointer-events: none; } .form-search__icons-list-item { display: flex; flex: 0 0 auto; } .form-search__icon { width: 2.4rem; height: 2.4rem; fill: #636363; transition-property: fill, opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } a.form-search__icon:hover, button.form-search__icon:hover { fill: #004de3; } .form-search [data-tippy-root] { width: calc(100% - 1.4rem); } .form-select { position: relative; display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .form-select.is-opened .form-select__trigger-arrow { transform: rotate(180deg); } .form-select.is-opened .form-select__options { opacity: 1; transform: translate(0); } .form-select_country .form-select__trigger-icon { width: 2.5rem; height: 1.8rem; } .form-select_country .form-select__trigger-icon img { width: 100%; border-radius: 0.3rem; } .form-select_country .form-select__option-icon { width: 2.5rem; height: 1.8rem; } .form-select_country .form-select__option-icon img { width: 100%; border-radius: 0.3rem; } .form-select__input { display: none; } .form-select__label { flex: 1; min-width: 0; font-size: 1.6rem; color: #b6b6b6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-select__content { position: relative; max-width: 100%; } .form-select__trigger { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; max-width: 100%; color: #373737; cursor: pointer; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-select__trigger:hover { color: #004de3; } .form-select__trigger-icon { flex: 0 0 auto; width: 1.5rem; } .form-select__trigger-placeholder { flex: 1; min-width: 0; font-size: 1.6rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-select__trigger-arrow { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: currentColor; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-select__options { position: absolute; top: calc(100% + 1rem); right: auto; bottom: auto; left: 0; z-index: 10; display: none; flex-flow: column nowrap; min-width: 25rem; max-width: 100vw; height: auto; max-height: 20rem; background: #fff; box-shadow: 0 0 20px rgba(0, 77, 227, 0.16); opacity: 0; transition-property: opacity, transform; transform: translateY(1.5rem); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-select__options-inner { display: flex; flex-flow: column nowrap; width: 100%; height: 100%; } .form-select__options-triangle { position: absolute; top: -1.2rem; left: 6.7rem; width: 2.7rem; height: 1.1rem; transform: scale(-1, 1); } .form-select__options-triangle img { width: 100%; } .form-select__option { display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; padding: 0.5rem 1rem; font-size: 1.6rem; font-weight: 500; cursor: pointer; background-color: rgba(0, 0, 0, 0); transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-select__option:not(.is-active):hover { background-color: #d9d9d9; } .form-select__option.is-active .form-select__option-check { opacity: 1; } .form-select__option-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; visibility: hidden; opacity: 0; } .form-select__option-icon { flex: 0 0 auto; width: 1.5rem; } .form-select__option-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-select__option-check { flex: 0 0 auto; width: 2.2rem; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-select__option-check img { width: 100%; } .module-photo { pointer-events: none; } .module-location-picker { display: flex; flex-flow: row nowrap; align-items: center; color: #fafafa; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-location-picker:hover, .module-location-picker.is-opened { color: #004de3; } .module-location-picker.is-opened .module-location-picker__arrow { transform: rotate(180deg); } .module-location-picker__icon { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; margin-right: 0.3rem; fill: currentColor; } .module-location-picker__text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .module-location-picker__arrow { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: currentColor; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-user { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; color: #fff; fill: currentColor; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-user:hover, .module-user.is-opened { color: #004de3; } .module-user__icon { flex: 0 0 auto; width: 1.8rem; height: 1.8rem; } .module-user__text { flex: 1; min-width: 0; } .part-header { position: -webkit-sticky; position: sticky; z-index: 100; flex: 0 0 auto; transition-property: background-color, transform; transform: translateY(0); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__row { transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__row_content { padding-top: 3rem; } .part-header__sub-row { display: flex; flex-flow: row nowrap; align-items: center; } .part-header__sub-row_header { font-size: 1.6rem; } .part-header__phone { color: #b6b6b6; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__phone:hover { color: #fafafa; } .part-header__time { color: #6d6d6d; } .part-header__navigation { position: relative; } .part-header__navigation_header { margin-left: auto; } .part-header__navigation_header .part-header__navigation-list { gap: 3rem; } .part-header__navigation_header .part-header__link { color: #6d6d6d; } .part-header__navigation_header .part-header__link:hover, .part-header__navigation_header .part-header__link.is-opened { color: #fafafa; } .part-header__navigation_inline .part-header__link { min-height: 100%; } .part-header__navigation_inline .part-header__link:not(.button-primary) { padding: 1rem 2.4rem; font-size: 1.6rem; color: #fff; text-transform: uppercase; font-family: Montserrat, sans-serif; display: flex; align-items: center; justify-content: center; } .part-header__navigation_inline .part-header__link:not(.button-primary):hover { color: #004de3; } .part-header__navigation_icon { flex-grow: 1; } .part-header__navigation_icon .part-header__navigation-list { gap: 2rem; justify-content: flex-end; } .part-header__navigation_icon .part-header__link { color: #fff; } .part-header__navigation_icon .part-header__link:hover { color: #004de3; } .part-header__navigation_icon .part-header__link:hover .svg-icon-favorite, .part-header__navigation_icon .part-header__link:hover .svg-icon-compare { stroke: #004de3; } .part-header__navigation_menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; margin: 0 auto; } .part-header__navigation_menu .part-header__link { gap: 1rem; padding: 1rem 1.9rem; color: #fff; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-header__navigation_menu .part-header__link:hover, .part-header__navigation_menu .part-header__link.is-opened { background-color: #424242; } .part-header__navigation_menu [data-tippy-root] { width: 100%; } .part-header__navigation_menu [data-tippy-root] .tippy-box { box-shadow: unset; } .part-header__navigation_inline .part-header__navigation-item, .part-header__navigation_menu .part-header__navigation-item { -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .part-header__navigation_inline .part-header__navigation-item:not(:first-child), .part-header__navigation_menu .part-header__navigation-item:not(:first-child) { margin-left: -1.4rem; } .part-header__navigation-list { display: flex; flex-flow: row nowrap; } .part-header__navigation-item:not(:first-child) .part-header__link_clip { margin-left: -1.4rem; } .part-header__link { position: relative; display: flex; flex-flow: row nowrap; transition-property: color, background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__link.is-opened .part-header__link-icon { transform: rotate(180deg); } .part-header__link-text { flex: 1; min-width: 0; } .part-header__link-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: currentColor; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__link-icon .svg-icon { transition-property: stroke; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header__link-icon .svg-icon-compare, .part-header__link-icon .svg-icon-favorite { fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .part-header__link-count { position: absolute; top: 50%; left: -1rem; display: flex; flex-flow: row nowrap; width: 2rem; max-width: 2rem; height: 2rem; padding: 1px; font-size: max(8px, min(0.8rem, 0.8rem)); color: #fff; text-align: center; background-color: #004de3; border-radius: 50%; transform: translateY(-50%); } .part-header__link-count span { max-width: 100%; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part-header__logo { flex: 0 0 auto; width: 22rem; fill: #fff; fill-rule: evenodd; clip-rule: evenodd; } .part-header__form-search { align-self: stretch; } .part-main-content { display: flex; flex: 1 0 auto; flex-flow: column nowrap; min-height: 100%; } .part-footer { flex: 0 0 auto; padding: 10rem 0; margin-top: 5rem; background-color: #000; } .part-footer__row:not(:last-child) { margin-bottom: 8rem; } .part-footer__row_content { display: flex; flex-flow: row nowrap; gap: 2.1rem; align-items: flex-start; } .part-footer__row_text { display: flex; flex-flow: row wrap; gap: 4rem; align-items: center; justify-content: space-between; } .part-footer__column { flex-basis: auto; } .part-footer__column_left { display: flex; flex-flow: row nowrap; gap: 3rem; align-items: flex-start; width: 74.4186046512%; } .part-footer__column_right { display: flex; flex-flow: column nowrap; gap: 1rem; align-items: flex-start; width: 23.9534883721%; } .part-footer__navigation { flex: 1 1 calc(33.33% - 2rem); } .part-footer__navigation-caption { display: flex; gap: 0.5rem; align-items: center; font-size: 1.8rem; font-weight: 600; color: #fff; text-align: left; text-transform: uppercase; fill: #fff; transition-property: color, fill; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__navigation-caption-text { flex: 1; min-width: 0; } .part-footer__navigation-caption-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__navigation-links { transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__navigation-list-item:not(:last-child) { margin-bottom: 1rem; } .part-footer__navigation-link { font-size: 1.6rem; line-height: 1.4; color: #b6b6b6; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__navigation-link:hover { color: #004de3; } .part-footer__logo { flex: 0 0 auto; width: 100%; fill: #fff; fill-rule: evenodd; clip-rule: evenodd; } .part-footer__phone { margin-top: 2rem; font-size: 3.2rem; font-weight: 600; line-height: 1.2; color: #fff; transition-property: color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__phone:hover { color: #004de3; } .part-footer__time { font-size: 1.8rem; font-weight: 600; color: #fff; text-transform: uppercase; } .part-footer__part-socials { margin-top: 3rem; } .part-footer__text { display: flex; flex-flow: row wrap; gap: 4rem; align-items: center; font-size: 1.6rem; line-height: 1.4; color: rgba(255, 255, 255, 0.4); } .part-footer__text a { transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-footer__text a:hover { color: #004de3; } .part-breadcrumbs__list { display: flex; flex-flow: row wrap; gap: 0.5rem; } .part-breadcrumbs__list-item:not(:last-child) .part-breadcrumbs__link { color: #b6b6b6; } .part-breadcrumbs__list-item:not(:last-child) .part-breadcrumbs__link:hover { color: #004de3; } .part-breadcrumbs__list-item:not(:last-child) .part-breadcrumbs__link::after { color: #b6b6b6; content: '/'; } .part-breadcrumbs__list-item:last-child .part-breadcrumbs__link { cursor: default; } .part-breadcrumbs__link { display: flex; flex-flow: row nowrap; gap: 0.5rem; font-size: 1.6rem; line-height: 1.4; transition-property: color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-mobile-navigation { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 100; box-shadow: 0 4px 12px 0 rgba(0, 77, 227, 0.26); } .part-mobile-navigation__list { display: flex; flex-flow: row nowrap; box-shadow: inset 0 0 10px 20px rgba(0, 77, 227, 0.26); } .part-mobile-navigation__list-item { flex: 1; min-width: 0; } .part-mobile-navigation__list-item:first-child { -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .part-mobile-navigation__list-item:last-child { -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, 100% 100%, 0% 100%); } .part-mobile-navigation__list-item:not(:first-child) { margin-left: -1rem; } .part-mobile-navigation__list-item:first-child, .part-mobile-navigation__list-item:last-child { flex-grow: 1.1; } .part-mobile-navigation__list-item:not(:first-child):not(:last-child) { -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .part-mobile-navigation__link { width: 100%; min-height: 4.4rem; background-color: #fff; fill: #373737; transition-property: fill, background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; display: flex; align-items: center; justify-content: center; } .part-mobile-navigation__link.is-active { background-color: #004de3; fill: #fff; } .part-mobile-navigation__link-icon { position: relative; width: 2.4rem; height: 2.4rem; } .part-mobile-navigation__link-icon .svg-icon-favorite { fill: rgba(0, 0, 0, 0); stroke: #373737; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .part-mobile-navigation__link-count { position: absolute; top: 50%; left: -1rem; display: flex; flex-flow: row nowrap; width: 2rem; max-width: 2rem; height: 2rem; padding: 1px; font-size: max(8px, min(0.8rem, 0.8rem)); color: #fff; text-align: center; background-color: #004de3; border-radius: 50%; transform: translateY(-50%); } .part-mobile-navigation__link-count span { max-width: 100%; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part-socials_large .part-socials__list { gap: 2rem; } .part-socials_large .part-socials__list-item { width: 3rem; height: 3rem; } .part-socials__list { display: flex; flex-flow: row nowrap; gap: 1rem; } .part-socials__list-item { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; } .part-socials__link { width: 100%; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-socials__link:hover { opacity: 0.6; } .part-socials__link img { width: 100%; } .part-section-title { flex-flow: row nowrap; gap: 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; transition-property: color; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } a.part-section-title:hover { color: #004de3; } .part-section-title_font-style-normal .part-section-title__text { font-style: normal; } .part-section-title_font-semi-bold .part-section-title__text { font-weight: 600; } .part-section-title_font-montserrat .part-section-title__text { font-family: Montserrat, sans-serif; } .part-section-title_font-jost .part-section-title__text { font-family: Jost, sans-serif; } .part-section-title__text-icon { max-width: 3.2rem; } .part-section-title__text { font-style: italic; font-weight: 700; text-transform: uppercase; font-family: Tektur, sans-serif; } .part-section-title__icon { flex: 0 0 auto; width: 4.8rem; height: 4.8rem; margin-left: 1rem; fill: #004de3; } .part-pagination { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .part-pagination ul { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; } .part-pagination li { font-family: Montserrat, sans-serif; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { min-width: 2.8rem; height: 2.8rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { padding: 0 1rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)).active a, .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)).active span { color: #fff; background-color: #284260; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)):not(.active) a:hover { background-color: #e9e9e9; } .part-pagination li:nth-child(1), .part-pagination li:nth-child(2), .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { width: 2.4rem; height: 2.4rem; } .part-pagination li:nth-child(1) a:not(.active):hover, .part-pagination li:nth-child(2) a:not(.active):hover, .part-pagination li:nth-last-child(1) a:not(.active):hover, .part-pagination li:nth-last-child(2) a:not(.active):hover { fill: #004de3; } .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { transform: scale(-1, 1); } .part-pagination li.points { pointer-events: none; } .part-pagination a, .part-pagination span { width: 100%; height: 100%; text-align: center; border-radius: 0.2rem; fill: #373737; transition-property: background-color, color, fill; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-location-confirm { min-width: 26rem; padding: 2rem; background-color: #fff; } .tooltip-location-confirm__text { font-size: 1.6rem; text-align: center; } .tooltip-location-confirm__buttons { display: flex; flex-flow: row nowrap; gap: 0.5rem; margin-top: 1.5rem; } .tooltip-location-confirm__button-primary { flex: 1 1 auto; min-width: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.4rem; line-height: normal; } .tooltip-navigation-header { min-width: 25rem; background-color: #fff; } .tooltip-navigation-header__link { display: block; padding: 0.5rem 1rem; font-size: 1.6rem; transition-property: background-color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-header__link:hover { background-color: #d9d9d9; } .tooltip-navigation-catalog { display: flex; flex-flow: row nowrap; align-items: flex-start; width: 70rem; background-color: #fff; } .tooltip-navigation-catalog__cell { flex-basis: auto; max-height: 60vh; padding: 6rem 0; } .tooltip-navigation-catalog__cell_left { width: 57.1428571429%; background-color: #fafafa; border-right: 1px solid #e9e9e9; } .tooltip-navigation-catalog__cell_right { align-self: stretch; width: 42.8571428571%; padding: 0; } .tooltip-navigation-catalog__button { display: block; width: 100%; padding: 1rem 3rem; font-size: 1.6rem; font-weight: 600; text-align: left; text-transform: uppercase; transition-property: background-color, opacity; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-catalog__button:not(.tooltip-navigation-catalog__button_banner):hover, .tooltip-navigation-catalog__button:not(.tooltip-navigation-catalog__button_banner).is-active { background-color: #e9e9e9; } .tooltip-navigation-catalog__button_banner { color: #fff; background: url(/local/templates/new/assets/styles/../images/common/background-pattern.svg) center center/cover no-repeat, #004de3; } .tooltip-navigation-catalog__button_banner:hover { opacity: 0.9; } .tooltip-navigation-catalog__button svg { display: inline-block; width: 1.4rem; margin-left: 1rem; line-height: 1; fill: #373737; } .tooltip-navigation-catalog__list { height: 100%; } .tooltip-navigation-catalog__list-item_content { height: 100%; padding: 6rem 3rem; } .tooltip-navigation-catalog__content-item:not(:last-child) { margin-bottom: 0.8rem; } .tooltip-navigation-catalog__link { display: flex; flex-flow: row nowrap; gap: 1rem; font-size: 1.6rem; color: #373737; transition-property: color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-catalog__link:hover { color: #004de3; } .tooltip-navigation-catalog__link:hover .tooltip-navigation-catalog__link-icon-item_default { opacity: 0; } .tooltip-navigation-catalog__link:hover .tooltip-navigation-catalog__link-icon-item_active { opacity: 1; } .tooltip-navigation-catalog__link-icon { position: relative; flex: 0 0 auto; width: 2rem; height: 2rem; } .tooltip-navigation-catalog__link-icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-catalog__link-icon-item_active { opacity: 0; } .tooltip-navigation-catalog__link-text { flex: 1; min-width: 0; } .tooltip-navigation-menu { background-color: #232323; border: 1px solid #2e2e2e; } .tooltip-navigation-menu__list { display: flex; flex-flow: row wrap; margin: 0 auto; } .tooltip-navigation-menu__list-item { flex: 1 1 13rem; min-width: 0; overflow: hidden; } .tooltip-navigation-menu__list-item:first-child { margin-left: auto; } .tooltip-navigation-menu__list-item:last-child { margin-right: auto; } .tooltip-navigation-menu__link { position: relative; z-index: 1; display: flex; flex-flow: column nowrap; gap: 1.4rem; min-width: 0; padding: 2rem 1rem; text-align: center; transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-menu__link:not(:last-child) { border-right: 1px solid #2e2e2e; } .tooltip-navigation-menu__link::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background-color: #424242; transition-property: transform; transform: translateY(-101%); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-navigation-menu__link:hover::before { opacity: 1; transform: translateY(0); } .tooltip-navigation-menu__link-icon { width: 4rem; height: 4rem; margin: 0 auto; } .tooltip-navigation-menu__link-icon img { width: 100%; } .tooltip-navigation-menu__link-text { font-size: 1.6rem; color: #fff; text-transform: uppercase; font-family: Montserrat, sans-serif; } .tooltip-search { display: flex; flex-flow: column nowrap; max-height: 41rem; background-color: #fff; } .tooltip-search__list { flex: 1; min-height: 0; } .tooltip-search__item { display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; padding: 2rem 3rem; border-bottom: 1px solid #f3f3f3; transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .tooltip-search__item:hover { background-color: #e9e9e9; } .tooltip-search__item-photo { flex: 0 0 5rem; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.06); } .tooltip-search__item-photo img { width: 100%; } .tooltip-search__item-content { display: grid; flex: 1; grid-template-columns: repeat(2, 1fr); gap: 1rem 2rem; min-width: 0; line-height: 1.4; } .tooltip-search__item-text { color: #b6b6b6; } .tooltip-search__item-price { display: flex; flex-flow: row wrap; gap: 1rem; align-items: center; min-width: 0; } .tooltip-search__item-price-item_previous { font-size: 1.4rem; line-height: 1.2; color: #c2274c; -webkit-text-decoration: line-through; text-decoration: line-through; text-transform: uppercase; } .tooltip-search__item-price-item_current { font-weight: 700; } .tooltip-search__footer { position: relative; flex: 0 0 auto; padding: 4rem 3rem; } .tooltip-search__footer::before { position: absolute; top: -1px; right: 0; bottom: auto; left: 0; height: 1px; content: ''; background-color: #f3f3f3; } .tooltip-search__button-simple { margin-left: auto; } .tooltip-filter-submit { position: relative; } .tooltip-filter-submit::before { position: absolute; top: 50%; left: -1.1rem; width: 1.1rem; height: 1.15rem; content: ''; background: url("data:image/svg+xml,") center center/cover no-repeat; transform: translateY(-50%); } .tooltip-filter-submit__button { padding: 1rem 2rem; font-size: 1.6rem; line-height: normal; color: #fff; background-color: #004de3; border-radius: 0.5rem; font-family: Montserrat, sans-serif; } .popup-location { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; max-height: 100%; padding: var(--wrapper-offset); } .popup-location__wrapper { position: relative; width: 100%; max-width: 59rem; max-height: 100%; padding: 3rem; margin: auto; background: #fff; border: 1rem solid #004de3; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .popup-location__button-icon { position: absolute; top: 2rem; right: 2rem; } .popup-location__title { text-transform: uppercase; font-family: Montserrat, sans-serif; } .popup-location__form-select { margin-top: 2rem; } .popup-location__divider { margin-top: 2rem; border-color: #f1f1f1; } .popup-location__form-field { margin-top: 2rem; } .popup-location__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; justify-content: space-between; margin-top: 3rem; } .popup-location__country-button { font-size: 1.6rem; text-align: left; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-location__country-button:hover { color: #004de3; } .popup-login-common { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; max-height: 100%; padding: var(--wrapper-offset); } .popup-login-common__wrapper { position: relative; display: flex; flex-flow: row nowrap; width: 100%; max-width: 93rem; max-height: 100%; margin: auto; background-color: #fff; } .popup-login-common__button-icon { position: absolute; top: 2rem; right: 2rem; z-index: 2; } .popup-login-common__cell { position: relative; z-index: 1; display: flex; flex-basis: auto; flex-flow: column nowrap; padding: 4rem; } .popup-login-common__cell_left { width: 55.9139784946%; background: url(/local/templates/new/assets/styles/../images/common/background-pattern.svg) center center/cover no-repeat, #004de3; } .popup-login-common__cell_right { width: 44.0860215054%; } .popup-login-common__cell-item { display: flex; flex-flow: column nowrap; gap: 2rem; width: 100%; margin: auto; } .popup-login-common__cell-item.is-error .popup-login-common__form-field.form-field .form-field__error { display: none; } .popup-login-common__cell-item:not(.is-error) .popup-login-common__form-error { display: none; } .popup-login-common__title { color: #fff; text-transform: uppercase; font-family: Tektur, sans-serif; } .popup-login-common__buttons { display: flex; flex-flow: row nowrap; } .popup-login-common__button-primary:not(.popup-login-common__button-primary_tabs):not( .popup-login-common__button-primary_confirm ) { width: 100%; } .popup-login-common__button-primary_tabs { flex: 1 1 auto; min-width: 0; padding: 1rem 2rem; font-size: 2rem; font-weight: 600; line-height: 1.2; cursor: initial; } .popup-login-common__button-primary_tabs:not(.is-active) { cursor: pointer; } .popup-login-common__button-primary_tabs:not(:first-child) { margin-left: -1.4rem; } .popup-login-common__button-primary_tabs.is-active { color: #373737; background-color: #fff; } .popup-login-common__button-primary_confirm { align-self: flex-start; padding: 1.3rem 2rem; margin-left: -1.4rem; } .popup-login-common__subtitle { font-size: 1.8rem; line-height: 1.4; color: #fff; } .popup-login-common__subtitle p:not(:last-child) { margin-bottom: 2rem; } .popup-login-common__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .popup-login-common__form-field:not(.form-field_custom):not(:last-of-type) { margin-bottom: 2rem; } .popup-login-common__form-field.form-field_custom { flex: 1; min-width: 0; } .popup-login-common__text { line-height: 1.4; } .popup-login-common__text span { display: block; } .popup-login-common__confirm-block { display: flex; flex-flow: row nowrap; } .popup-login-common__button-simple_resend { align-self: center; } .popup-login-common__button-simple_forget { align-self: flex-end; } .popup-login-common__form-error { font-size: 1.4rem; line-height: 1.4; color: #f03535; } .popup-success { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; max-height: 100%; padding: var(--wrapper-offset); } .popup-success__wrapper { position: relative; z-index: 1; display: flex; flex-flow: column nowrap; gap: 2rem; width: 100%; max-width: 61rem; max-height: 100%; padding: 6rem 4rem; margin: auto; color: #fff; text-align: center; background: url(/local/templates/new/assets/styles/../images/common/background-pattern.svg) center center/cover no-repeat, #004de3; border: 1rem solid #fff; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .popup-success__button-icon { position: absolute; top: 2rem; right: 2rem; } .popup-success__button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):hover .button-icon__icon:not(.button-icon__icon_favorite) { fill: #fff; } .popup-success__title { margin-top: auto; text-transform: uppercase; font-family: Montserrat, sans-serif; } .popup-success__text { width: 100%; max-width: 43rem; margin: 0 auto auto; line-height: 1.4; } .popup-success__text p { display: inline-block; } .popup-success__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .popup-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; flex-flow: column nowrap; gap: 3rem; max-height: 100%; padding: var(--wrapper-offset); background-color: #232323; } .popup-menu__header { display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; justify-content: space-between; } .popup-menu__logo { flex: 0 0 22rem; fill: #004de3; fill-rule: evenodd; clip-rule: evenodd; } .popup-menu__button-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; } .popup-menu__button-icon .button-icon__icon_close { fill: #b6b6b6; } .popup-menu__navigation { margin-top: 0.4rem; } .popup-menu__navigation-list-item_button-primary { margin-left: calc(-1 * var(--wrapper-offset)); } .popup-menu__navigation-list-item.is-opened .popup-menu__link-icon { transform: rotate(180deg); } .popup-menu__navigation-list-item.is-opened .popup-menu__accordion { grid-template-rows: 1fr; } .popup-menu__link.button-primary { min-width: 14.6rem; -webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .popup-menu__link:not(.button-primary) { display: inline-flex; align-items: center; padding: 1.45rem 0; font-size: 1.2rem; color: #fff; text-transform: uppercase; fill: #d9d9d9; transition-property: color, fill; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; font-family: Montserrat, sans-serif; } .popup-menu__link:not(.button-primary):hover { color: #004de3; fill: #004de3; } .popup-menu__link-text { flex: 1; min-width: 0; } .popup-menu__link-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-menu__accordion { display: grid; grid-template-rows: 0fr; grid-template-columns: 100%; overflow: hidden; transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-menu__accordion-list { min-height: 0; } .popup-menu__accordion-list-item:not(:last-child) { margin-bottom: 0.8rem; } .popup-menu__accordion-link { font-size: 1.4rem; color: #fff; text-transform: capitalize; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; font-family: Montserrat, sans-serif; } .popup-menu__accordion-link:hover { color: #004de3; } .popup-menu__phone { display: inline-flex; margin-top: auto; font-size: 1.4rem; font-weight: 600; line-height: 1.2; color: #fff; text-transform: uppercase; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; font-family: Montserrat, sans-serif; } .popup-menu__phone:hover { color: #004de3; } .popup-menu__time { margin-top: -2rem; font-size: 1.2rem; font-weight: 600; color: #fff; text-transform: uppercase; } .popup-catalog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; flex-flow: column nowrap; gap: 1.5rem; max-height: 100%; background-color: #fafafa; } .popup-catalog__header { display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; justify-content: space-between; padding: var(--wrapper-offset) var(--wrapper-offset) 0; } .popup-catalog__logo { flex: 0 0 22rem; fill: #004de3; fill-rule: evenodd; clip-rule: evenodd; } .popup-catalog__button-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; } .popup-catalog__button-icon .button-icon__icon_close { fill: #b6b6b6; } .popup-catalog__list-item.is-opened .popup-catalog__link { color: #004de3; fill: #004de3; } .popup-catalog__list-item.is-opened .popup-catalog__link-icon { transform: rotate(180deg); } .popup-catalog__list-item.is-opened .popup-catalog__accordion { grid-template-rows: 1fr; } .popup-catalog__link { display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; padding: 1rem; font-size: 1.4rem; font-weight: 600; color: #373737; text-align: left; text-transform: uppercase; fill: #373737; transition-property: color, fill, opacity; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-catalog__link:not(.popup-catalog__link_banner):hover { color: #004de3; fill: #004de3; } .popup-catalog__link_banner { color: #fff; background: url(/local/templates/new/assets/styles/../images/common/background-pattern.svg) center center/cover no-repeat, #004de3; } .popup-catalog__link_banner:hover { opacity: 0.9; } .popup-catalog__link-text { flex: 1; min-width: 0; } .popup-catalog__link-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-catalog__accordion { display: grid; grid-template-rows: 0fr; grid-template-columns: 100%; overflow: hidden; transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-catalog__accordion-list { min-height: 0; } .popup-catalog__accordion-list-item { padding: 0 1rem; } .popup-catalog__accordion-list-item:first-child { padding-top: 1rem; } .popup-catalog__accordion-list-item:last-child { padding-bottom: 1rem; } .popup-catalog__accordion-list-item:not(:last-child) { margin-bottom: 1rem; } .popup-catalog__accordion-link { display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; font-size: 1.6rem; color: #373737; transition-property: color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-catalog__accordion-link:hover { color: #004de3; } .popup-catalog__accordion-link:hover .popup-catalog__accordion-link-icon-item_default { opacity: 0; } .popup-catalog__accordion-link:hover .popup-catalog__accordion-link-icon-item_active { opacity: 1; } .popup-catalog__accordion-link-icon { position: relative; flex: 0 0 auto; width: 2rem; height: 2rem; } .popup-catalog__accordion-link-icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .popup-catalog__accordion-link-icon-item_active { opacity: 0; } .popup-catalog__accordion-link-text { flex: 1; min-width: 0; } .section { padding: var(--section-offset) 0; } .section:not(.section_padding-omit-top):first-child { padding-top: 6rem; } .section:not(.section_padding-omit-bottom):last-child { padding-bottom: var(--section-offset-small); } .section_padding-omit { padding: 0; } .section_padding-omit-top { padding-top: 0; } .section_padding-omit-bottom { padding-bottom: 0; } .section_padding-very-small { padding: var(--section-offset-very-small) 0; } .section_padding-very-small-top { padding-top: var(--section-offset-very-small); } .section_padding-very-small-bottom { padding-bottom: var(--section-offset-very-small); } .section_padding-small { padding: var(--section-offset-small) 0; } .section_padding-small-top { padding-top: var(--section-offset-small); } .section_padding-small-bottom { padding-bottom: var(--section-offset-small); } .section_padding-medium { padding: var(--section-offset-medium) 0; } .section_padding-medium-top { padding-top: var(--section-offset-medium); } .section_padding-medium-bottom { padding-bottom: var(--section-offset-medium); } @media only screen and (max-width: 1920px) { .responsive-hd { display: none !important; } } @media only screen and (max-width: 1700px) { .responsive-macbook { display: none !important; } } @media only screen and (max-width: 1440px) { .responsive-large-desktop { display: none !important; } .responsive-from-large-desktop { display: none !important; } } @media only screen and (max-width: 1370px) { :root { --main-font-size: 0.6944479167vw; } } @media only screen and (max-width: 1280px) { :root { --main-font-size: 0.7291666667vw; } .responsive-small-desktop { display: none !important; } } @media only screen and (max-width: 1120px) { :root { --main-font-size: 50%; --section-offset: 6rem; --section-offset-medium: 5rem; --section-offset-small: 4rem; } body:not(.error-page) { padding-bottom: var(--part-mobile-navigation-height, 0); } .scrollbar::-webkit-scrollbar { width: 6px; } .h1, .content h1 { font-size: 3.7rem; } .h2, .content h2 { font-size: 3.2rem; } .h3, .content h3 { font-size: 2.6rem; } .h4, .content h4 { font-size: 2.2rem; } .h5, .content h5 { font-size: 1.7rem; } .content blockquote, .blockquote { padding-right: 4rem; padding-left: 4rem; -webkit-clip-path: polygon(calc(0% + 2.4rem) 0%, 100% 0%, calc(100% - 2.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 2.4rem) 0%, 100% 0%, calc(100% - 2.4rem) 100%, 0% 100%); } .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) { margin-top: 4.5rem; } .responsive-large-tablet { display: none !important; } [data-tippy-root] .tippy-arrow::before { transform: scale(-1, 1); } .button-icon_play { width: 10rem; height: 10rem; } .button-icon_play .button-icon__icon { width: 3.8rem; height: 4.55rem; } .form-search.is-focus .form-search__trigger { opacity: 0; } .form-search.is-focus .form-search__content { opacity: 1; transform: translate(0, -3.4rem); } .form-search:not(.is-focus) .form-search__content { pointer-events: none; } .form-search__content { position: absolute; right: 1rem; width: calc(100vw - 2rem); opacity: 0; transform: translate(101%, -2.4rem); } .form-search__label { padding: 0.75rem 0; background-color: #f1f1f1; } .form-search__field { font-size: max(16px, min(1.6rem, 1.6rem)); } .form-search__field::placeholder { color: #b6b6b6; } .form-search__icon { width: 2rem; height: 2rem; } .form-search__icon_search { fill: #b6b6b6; } .form-search__icon_clear { fill: #b6b6b6; } .part-header { padding: 0 var(--wrapper-offset); } .part-header.is-search-opened .part-header__row_content .part-header__sub-row > *:not(.part-header__form-search) { opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-header:not(.is-search-opened) { overflow: hidden; } .part-header .wrapper { padding: 0; } .part-header__row { padding-top: 2rem; padding-bottom: 2rem; } .part-header__row_header { border-bottom: 1px solid #d9d9d9; } .part-header__sub-row { gap: 2rem; justify-content: space-between; } .part-header__module-location-picker { flex-shrink: 1; min-width: 0; color: #373737; } .part-header__logo { fill: #004de3; } .part-header__form-search { flex: 0 0 auto; } .part-footer { padding: 8rem 0; margin-top: 4rem; } .part-footer__row:not(:last-child) { margin-bottom: 5.5rem; } .part-footer__row_text { gap: 2.5rem; } .part-footer__column_left { width: 69.7674418605%; } .part-footer__column_right { width: 28.6046511628%; } .part-footer__phone { font-size: 2.6rem; } .part-footer__text { gap: 2.5rem; } .part-section-title__text-icon { max-width: 2.6rem; } .part-section-title__text-icon:nth-of-type(3n) { display: none; } .part-section-title__icon { width: 3.4rem; height: 3.4rem; } .tooltip-search { max-height: 66vh; } .popup-location__button-icon { top: 1.5rem; right: 1.5rem; } .popup-login-common__button-icon { top: 1rem; right: 1rem; } .popup-login-common__cell { padding: 3rem 2.5rem; } .popup-login-common__button-primary_tabs { font-size: 1.7rem; } .popup-success__wrapper { padding: 4rem 2.5rem; } .popup-success__button-icon { top: 1.5rem; right: 1.5rem; } .section:not(.section_padding-omit-top):first-child { padding-top: 3.5rem; } } @media only screen and (max-width: 820px) { .responsive-small-tablet { display: none !important; } .part-footer__row_content { flex-direction: column-reverse; } .part-footer__column { width: 100%; } .part-footer__logo { width: 30.9rem; } .popup-login-common__wrapper { flex-wrap: wrap; border: 0.5rem solid #004de3; } .popup-login-common__button-icon { top: 0; right: 0; } .popup-login-common__button-icon:hover .button-icon__icon_close { fill: #fff; } .popup-login-common__button-icon .button-icon__icon_close { fill: #4374d2; } .popup-login-common__cell { flex-basis: 100%; } } @media only screen and (max-width: 580px) { :root { --main-font-size: 62.5%; --wrapper-offset: 1rem; --section-offset: 3rem; --section-offset-medium: 3rem; --section-offset-small: 3rem; --section-offset-very-small: 3rem; } body { font-size: 1.4rem; } .scrollbar::-webkit-scrollbar { width: 4px; } .h1, .content h1 { font-size: 2.6rem; } .h2, .content h2 { font-size: 2.3rem; } .h3, .content h3 { font-size: 2rem; } .h4, .content h4 { font-size: 1.6rem; } .h5, .content h5 { font-size: 1.4rem; } .content ul li::before, .unordered-list li::before { top: 0.6rem; } .content blockquote, .blockquote { flex-direction: column; padding-right: 2rem; padding-left: 2rem; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) { margin-top: 3rem; } .content iframe { aspect-ratio: 30/15; } .responsive-large-mobile { display: none !important; } body:not(.error-page) { background-image: url(/local/templates/new/assets/styles/../images/page-backgrounds/common-mobile.svg); background-repeat: no-repeat; background-position: -180.5rem -28rem; } .slider-pagination button { height: 0.5rem; background-color: #494949; } .slider-pagination button.is-active { background-color: #004de3; } .button-primary { font-size: 1.4rem; } .button-primary_tabs { padding-top: 1.2rem; padding-bottom: 1.2rem; font-size: 1.4rem; } .button-simple { font-size: 1.4rem; } .button-icon_play { width: 6rem; height: 6rem; } .button-icon_play .button-icon__icon { width: 2.3rem; height: 2.9rem; } .form-field__label { font-size: 1.4rem; } .form-field .iti .iti__country-list { width: calc(100vw - var(--wrapper-offset) * 2); } .form-search.is-focus .form-search__content { transform: translate(0, -2.9rem); } .form-search__label { padding: 0.5rem 0; } .form-search__icon { width: 1.6rem; height: 1.6rem; } .form-select__label { font-size: 1.4rem; } .form-select__trigger-placeholder { font-size: 1.4rem; } .form-select__options { min-width: 20rem; } .form-select__option { font-size: 1.4rem; } .part-header { top: 0; } .part-header.is-slide { transform: translateY(-101%); } .part-header.is-sticky { background-color: #fff; } .part-header__row { padding-top: 1rem; padding-bottom: 1rem; } .part-header__sub-row_header { font-size: 1.2rem; } .part-header__logo { width: 10rem; } .part-footer { padding: 6rem 0; margin-top: 3rem; } .part-footer__row:not(:last-child) { margin-bottom: 3rem; } .part-footer__row_text { gap: 1rem; } .part-footer__column_left { flex-wrap: wrap; } .part-footer__navigation { flex-basis: 100%; } .part-footer__navigation.is-opened .part-footer__navigation-caption { color: #004de3; fill: #004de3; } .part-footer__navigation.is-opened .part-footer__navigation-caption-icon { transform: rotate(180deg); } .part-footer__navigation.is-opened .part-footer__navigation-links { grid-template-rows: 1fr; } .part-footer__navigation-caption { font-size: 1.6rem; } .part-footer__navigation-caption:hover { color: #004de3; fill: #004de3; } .part-footer__navigation-links { display: grid; grid-template-rows: 0fr; grid-template-columns: 100%; overflow: hidden; transition-property: grid-template-rows; } .part-footer__navigation-list { min-height: 0; } .part-footer__navigation-list-item:first-child { padding-top: 1rem; } .part-footer__navigation-link { font-size: 1.4rem; } .part-footer__logo { width: 15.7rem; } .part-footer__phone { font-size: 2rem; } .part-footer__time { font-size: 1.4rem; } .part-footer__text { flex-direction: column; gap: 1rem; align-items: flex-start; } .part-breadcrumbs__list { gap: 0.2rem; } .part-breadcrumbs__link { gap: 0.2rem; font-size: 1.2rem; } .part-section-title__text-icon { max-width: 2rem; } .part-section-title__text-icon:nth-of-type(2n) { display: none; } .part-section-title__icon { width: 2rem; height: 2rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { min-width: 2rem; height: 2rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { padding: 0 0.5rem; } .part-pagination li:nth-child(1), .part-pagination li:nth-child(2), .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { width: 1.8rem; height: 1.8rem; } .tooltip-location-confirm { min-width: 24rem; padding: 1.6rem; } .tooltip-location-confirm__text { font-size: 1.4rem; } .tooltip-location-confirm__buttons { margin-top: 1rem; } .tooltip-search__item { padding: 1rem; } .tooltip-search__item-content { grid-template-columns: 1fr; } .tooltip-search__item-price { gap: 2rem; } .tooltip-search__item-price-item_previous { font-size: 1.2rem; } .tooltip-search__footer { padding: 2rem; } .tooltip-search__button-simple { margin-right: auto; } .popup-location__wrapper { padding: 1rem; border-width: 0.5rem; } .popup-location__button-icon { top: 1rem; right: 1rem; } .popup-location__form-select { margin-top: 1rem; } .popup-location__divider { margin-top: 1rem; } .popup-location__form-field { margin-top: 1rem; } .popup-location__list { grid-template-columns: repeat(2, 1fr); } .popup-location__country-button { font-size: 1.4rem; } .popup-login-common__cell { padding: 2rem 1rem; } .popup-login-common__button-primary_tabs { font-size: 1.4rem; } .popup-login-common__button-primary_confirm { font-size: 1.4rem; } .popup-login-common__subtitle { font-size: 1.4rem; } .popup-login-common__subtitle p:not(:last-child) { margin-bottom: 1.6rem; } .popup-success__wrapper { padding: 2rem 1rem; border-width: 0.5rem; } .popup-success__button-icon { top: 1rem; right: 1rem; } .popup-menu { padding: 2rem; } .popup-menu__navigation-list-item_button-primary { margin-left: -2rem; } .popup-menu__navigation-list-item_button-primary:not(:first-of-type) { margin-left: -3rem; } .popup-catalog__header { padding: 2rem 1rem 0; } .section:not(.section_padding-omit-top):first-child { padding-top: 1rem; } } @media only screen and (max-width: 440px) { :root { --main-font-size: 3.125vw; } .responsive-small-mobile { display: none !important; } body:not(.error-page) { background-position: 65.5% -28rem; } } @media only screen and (min-width: 441px) { .responsive-from-small-mobile { display: none !important; } } @media only screen and (min-width: 581px) { .responsive-from-large-mobile { display: none !important; } body.index-page { background-image: url(/local/templates/new/assets/styles/../images/page-backgrounds/index.svg); background-repeat: no-repeat; background-position: -40rem -40rem; } .part-footer__navigation-caption { cursor: initial; } .part-footer__navigation-links { margin-top: 2rem; } .tooltip-search__item-caption { grid-column: span 2; } .tooltip-search__item-price { justify-self: end; text-align: right; } .tooltip-search__item-price-item { flex: 1 1 auto; min-width: 0; } } @media only screen and (min-width: 821px) { .responsive-from-small-tablet { display: none !important; } .part-footer__column_right { align-items: flex-end; } } @media only screen and (min-width: 1121px) and (min-width: 1281px) and (max-width: 1370px) { .form-search.is-focus .form-search__content { width: 137%; } } @media only screen and (min-width: 1121px) { .responsive-from-large-tablet { display: none !important; } body.index-page { background-position: -28.8rem -8.7rem; } .form-search { position: relative; } .form-search.is-focus .form-search__content { width: 144%; } .form-search.is-focus .form-search__label { background-color: #fff; } .form-search.is-focus .form-search__field { color: #373737; } .form-search.is-focus .form-search__field::placeholder { color: #373737; } .form-search.is-focus .form-search__field + .form-search__icon { fill: #373737; } .form-search__content { top: 0; right: 0; bottom: 0; left: auto; } .form-search__label { height: 100%; } .form-search__field { height: 100%; } .part-header { top: -4.4rem; } .part-header__row_header { padding: 1rem 0; background-color: #000; } .part-header__row_content { background-color: #232323; } .part-header__sub-row_header { gap: 5rem; } .part-header__sub-row_content { gap: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #2e2e2e; } .part-header__form-search { flex: 1 1 33.1782945736%; min-width: 0; max-width: 42rem; margin-right: 2rem; } .part-mobile-navigation { display: none; } .popup-login-common__cell_left { position: -webkit-sticky; position: sticky; top: 0; } } @media only screen and (min-width: 1281px) { .responsive-from-small-desktop { display: none !important; } } @media only screen and (min-width: 1701px) { .responsive-from-macbook { display: none !important; } } @media only screen and (min-width: 1921px) { .responsive-from-hd { display: none !important; } } /* End */ /* Start:/local/templates/new/assets/styles/personal-account-favorite-page.css?175821761717913*/ .item-product { position: relative; display: block; } .item-product:hover .item-product__wrapper { background-color: #fafafa; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07); } .item-product__wrapper { transition-property: background-color, box-shadow; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .item-product__preview { position: relative; } .item-product__slider { background-color: #fff; } .item-product__slider-pagination { position: absolute; top: auto; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; display: flex !important; justify-content: flex-start; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .item-product__slider-pagination button { height: 0.3rem; } .item-product__photo { position: relative; display: block; } .item-product__photo::before { display: block; padding-top: 133.3333333333%; content: ''; } .item-product__button-icon { position: absolute; top: 1.5rem; right: 1.5rem; } .item-product__button-icon.is-active { fill: #ff5656; } .item-product__content { display: flex; flex-flow: column nowrap; gap: 0.5rem; padding: 1.5rem 1rem 2rem; } .item-product__tags { display: flex; flex-flow: row wrap; gap: 0.5rem; } .item-product__price { display: flex; flex-flow: row wrap; gap: 0.5rem; align-items: center; margin-top: 1.5rem; } .item-product__price-item { line-height: 1.4; font-family: Montserrat, sans-serif; } .item-product__price-item_current { font-size: 1.8rem; font-weight: 700; } .item-product__price-item_previous { font-size: 1.4rem; color: #c2274c; -webkit-text-decoration: line-through; text-decoration: line-through; } .item-product__label { font-size: 1.6rem; color: #b6b6b6; } .item-product__caption { display: block; font-size: 1.8rem; font-weight: 400; line-height: 1.4; } a.item-product__caption { transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } a.item-product__caption:hover { color: #004de3; } .item-product__form-option-select { display: none; margin-top: 1rem; } .form-option-select__label { margin-bottom: 1rem; font-size: 1.6rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .form-option-select__label span { margin-left: 5px; font-weight: 700; } .form-option-select__content { display: flex; flex-flow: row wrap; gap: 1rem; } .form-option-select__content_offset-small { gap: 0.5rem; } .form-option-select__content_small { gap: 0.6rem; } .form-option-select__content_small .form-option-select__switcher-icon { width: 3.4rem; height: 3.4rem; border-width: 1px; } .form-option-select__switcher { position: relative; display: block; flex: 0 0 auto; } .form-option-select__switcher-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .form-option-select__switcher-input:not(:checked) + .form-option-select__switcher-text { cursor: pointer; } .form-option-select__switcher-input:not(:checked) + .form-option-select__switcher-text:hover { background-color: #b6b6b6; } .form-option-select__switcher-input:not(:checked) + .form-option-select__switcher-icon { cursor: pointer; } .form-option-select__switcher-input:not(:checked) + .form-option-select__switcher-icon:hover { border-color: #d9d9d9; } .form-option-select__switcher-input:checked + .form-option-select__switcher-text { color: #fff; background-color: #284260; } .form-option-select__switcher-input:checked + .form-option-select__switcher-icon { border-color: #004de3; box-shadow: 0 2px 4px 0 rgba(22, 193, 248, 0.24); } .form-option-select__switcher-text { min-width: 5rem; padding: 1rem; font-size: 1.6rem; line-height: 1.4; background-color: #f6f6f6; transition-property: background-color, color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; display: flex; align-items: center; justify-content: center; } .form-option-select__switcher-icon { display: flex; width: 5.5rem; height: 5.5rem; overflow: hidden; border: 3px solid rgba(0, 0, 0, 0); border-radius: 50%; transition-property: border, box-shadow; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-option-select__switcher-icon img { width: 100%; } .form-option-select__field { position: relative; display: block; display: flex; flex: 1; flex-flow: column nowrap; min-width: 0; } .form-option-select__field.is-focus .form-option-select__field-icon_approve { pointer-events: all; opacity: 1; } .form-option-select__field.is-approved .form-option-select__field-icon_approve { pointer-events: all; cursor: default; opacity: 1; fill: #4db282; } .form-option-select__field.is-approved .form-option-select__field-icon_edit { pointer-events: all; opacity: 1; } .form-option-select__field.is-approved .form-option-select__field-icon_edit:hover { fill: #004de3; } .form-option-select__field.is-approved .form-option-select__field-input { color: #373737; pointer-events: none; } .form-option-select__field.is-focus .form-option-select__field-input, .form-option-select__field.is-approved .form-option-select__field-input { padding: 1rem 3rem; } .form-option-select__field.is-editing .form-option-select__field-icon_clear { pointer-events: all; opacity: 1; } .form-option-select__field.is-editing .form-option-select__field-icon_clear:hover { fill: #004de3; } .form-option-select__field:not(.is-approved) .form-option-select__field-icon_approve:hover { fill: #004de3; } .form-option-select__field-icon { position: absolute; top: 50%; z-index: 1; width: 2.4rem; height: 2.4rem; pointer-events: none; cursor: pointer; opacity: 0; fill: #d9d9d9; transition-property: opacity, fill; transform: translateY(-50%); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-option-select__field-icon_approve { left: 0; } .form-option-select__field-icon_edit { right: 0; } .form-option-select__field-icon_clear { right: 0; } .form-option-select__field-input { width: 100%; padding: 1rem 0.5rem; margin-top: auto; font-size: max(16px, min(1.6rem, 1.6rem)); color: #373737; border-bottom: 1px solid #000; transition-property: border, color, padding; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-option-select__field-input::placeholder { font-style: italic; color: #b6b6b6; } .form-option-select__field-input:focus { padding: 1rem 3rem; color: #373737; border-color: #004de3; } .form-option-select__field-input:focus::placeholder { color: #373737; } .form-option-select__field-input[type='file'] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .form-option-select__button-simple { margin: auto 0; font-size: 1.6rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .form-option-select__field-attachment { display: none; } .part-personal-account-favorite__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6rem 3rem; } .part-personal-account-favorite__button-simple { margin: 4rem auto 0; font-size: 1.7rem; } .part-personal-account-favorite__part-pagination { margin: 3rem auto 0; } .part-tag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; padding: 0.2rem 0.65rem; font-size: 1.6rem; line-height: normal; color: #fff; background-color: #373737; border-radius: 0.2rem; font-family: Montserrat, sans-serif; display: flex; align-items: center; justify-content: center; } .part-tag_red { background-color: #c2274c; } .part-tag_green { background-color: #43ac39; } .part-tag_round { padding: 1rem 2.5rem; font-size: 1.4rem; color: #373737; background-color: rgba(0, 0, 0, 0); border: 1px solid; border-radius: 10rem; transition-property: color, background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } a.part-tag_round:hover { color: #004de3; } .part-tag_round-white { color: #fff; } a.part-tag_round-white:hover { color: #373737; background-color: rgba(0, 0, 0, 0); } .part-stars-rating { display: flex; flex-flow: row wrap; gap: 0.5rem; align-items: center; } .part-stars-rating__label { font-size: 1.8rem; color: #b6b6b6; } .part-pagination { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .part-pagination ul { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; } .part-pagination li { font-family: Montserrat, sans-serif; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { min-width: 2.8rem; height: 2.8rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { padding: 0 1rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)).active a, .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)).active span { color: #fff; background-color: #284260; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)):not(.active) a:hover { background-color: #e9e9e9; } .part-pagination li:nth-child(1), .part-pagination li:nth-child(2), .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { width: 2.4rem; height: 2.4rem; } .part-pagination li:nth-child(1) a:not(.active):hover, .part-pagination li:nth-child(2) a:not(.active):hover, .part-pagination li:nth-last-child(1) a:not(.active):hover, .part-pagination li:nth-last-child(2) a:not(.active):hover { fill: #004de3; } .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { transform: scale(-1, 1); } .part-pagination li.points { pointer-events: none; } .part-pagination a, .part-pagination span { width: 100%; height: 100%; text-align: center; border-radius: 0.2rem; fill: #373737; transition-property: background-color, color, fill; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-stars { --star-width: 2.4rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .module-stars.js-module-stars { cursor: pointer; } .module-stars.js-module-stars.is-error .module-stars__item { stroke: #f03535; } .module-stars__list { display: flex; flex-flow: row nowrap; gap: 0.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .module-stars__item { position: relative; width: var(--star-width); height: var(--star-width); fill: rgba(0, 0, 0, 0); fill-rule: evenodd; stroke: #b6b6b6; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; clip-rule: evenodd; transition-property: fill, stroke; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-stars__item.is-active { fill: #ffc24a; stroke: #ffc24a; } .module-stars__item.is-active.is-active-half > svg:first-child { fill: rgba(0, 0, 0, 0); } .module-stars__shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .module-stars__shadow svg { width: var(--star-width); max-width: none; } .section-personal-account__wrapper { display: grid; grid-template-columns: 31.7829457364% 65.8914728682%; gap: 1rem 3rem; align-items: flex-start; } .section-personal-account__link { display: flex; flex-flow: column nowrap; gap: 1rem; height: 100%; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); transition-property: background-color, color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .section-personal-account__link.is-active .section-personal-account__link-icon-item_default { opacity: 0; } .section-personal-account__link.is-active .section-personal-account__link-icon-item_active { opacity: 1; } .section-personal-account__link-icon { position: relative; width: 2.4rem; height: 2.4rem; } .section-personal-account__link-icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .section-personal-account__link-icon-item_active { opacity: 0; } .section-personal-account__button-simple_logout { padding: 1rem 4rem 1rem 1rem; margin-top: 4rem; } @media only screen and (max-width: 1120px) { .item-product:not(.item-product_responsive-preview) .item-product__slider-pagination { opacity: 1; } .form-option-select__switcher-icon { width: 5rem; height: 5rem; } .form-option-select__field { flex-basis: 100%; } .part-personal-account-favorite__list { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 820px) { .part-personal-account-favorite__list { grid-template-columns: repeat(2, 1fr); gap: 3rem; } .section-personal-account { overflow: hidden; } .section-personal-account__wrapper { grid-template-columns: 100%; gap: 2rem; } .section-personal-account__part-breadcrumbs { order: 1; } .section-personal-account__part-section-title { order: 3; } .section-personal-account__aside { order: 2; } .section-personal-account__content { order: 4; } .section-personal-account__navigation-list { display: flex; flex-flow: row nowrap; padding: 0 var(--wrapper-offset); margin: 0 calc(-1 * var(--wrapper-offset)); overflow-x: auto; overflow-y: hidden; overflow: auto hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .section-personal-account__navigation-list::-webkit-scrollbar { display: none; } .section-personal-account__navigation-list-item { flex: 1 0 auto; min-width: 18rem; } .section-personal-account__navigation-list-item:not(:first-child) { margin-left: -1rem; } .section-personal-account__link { padding: 1rem 2.4rem; background-color: #fff; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .section-personal-account__link.is-active { color: #fff; background-color: #004de3; } .section-personal-account__link-text { margin-top: auto; } } @media only screen and (max-width: 580px) { .item-product__label { font-size: 1.2rem; } .item-product__caption { font-size: 1.4rem; } .form-option-select__label { font-size: 1.4rem; } .form-option-select__content_responsive-column-zero-offset { column-gap: 0; } .form-option-select__content_mobile-scroll { display: flex; flex-flow: row nowrap; overflow-x: auto; overflow-y: hidden; overflow: auto hidden; -ms-overflow-style: none; scrollbar-width: none; } .form-option-select__content_mobile-scroll::-webkit-scrollbar { display: none; } .form-option-select__content_mobile-scroll .form-option-select__switcher { flex: 0 0 auto; } .form-option-select__switcher_responsive-full { flex: 1; } .form-option-select__switcher-text { font-size: 1.4rem; } .form-option-select__switcher-icon { width: 4.8rem; height: 4.8rem; } .form-option-select__field-input { padding-right: 0; padding-left: 0; } .form-option-select__button-simple { flex-basis: 100%; font-size: 1.4rem; text-align: left; } .part-personal-account-favorite__list { grid-template-columns: 1fr; } .part-personal-account-favorite__button-simple { margin-top: 2rem; } .part-personal-account-favorite__part-pagination { margin-top: 2rem; } .part-tag_round { padding: 0.5rem 1.5rem; font-size: 1rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { min-width: 2rem; height: 2rem; } .part-pagination li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) a { padding: 0 0.5rem; } .part-pagination li:nth-child(1), .part-pagination li:nth-child(2), .part-pagination li:nth-last-child(1), .part-pagination li:nth-last-child(2) { width: 1.8rem; height: 1.8rem; } .section-personal-account__link { font-size: 1.4rem; } .section-personal-account__button-simple_logout { margin-top: 2rem; } } @media only screen and (min-width: 581px) { .section-personal-account__part-section-title { margin-bottom: 3rem; } } @media only screen and (min-width: 821px) { .section-personal-account_small-layout .section-personal-account__wrapper { grid-template-columns: 23.2558139535% 73.2558139535%; } .section-personal-account__part-breadcrumbs { grid-column: span 2; } .section-personal-account__part-section-title { grid-column: span 2; } .section-personal-account__link { padding: 1rem; } .section-personal-account__link:not(.is-active):hover { background-color: #e9e9e9; } .section-personal-account__link.is-active { background-color: #e9e9e9; } } @media only screen and (min-width: 1121px) { .item-product:hover { z-index: 1; } .item-product:hover .item-product__form-option-select { display: block; } .item-product__slider:hover .item-product__slider-pagination { opacity: 1; } .item-product__slider-pagination, .item-product__slider-pagination li, .item-product__slider-pagination button { pointer-events: none; } .part-personal-account-favorite__list { grid-auto-rows: minmax(auto, 50.1rem); } .section-personal-account_small-layout .section-personal-account__wrapper { grid-template-columns: 23.2558139535% 74.4186046512%; } } /* End */ /* Start:/local/templates/new/assets/styles/personal-account-orders-page.css?175821761714068*/ .item-product-order { display: grid; grid-template-rows: auto 1fr; grid-template-columns: auto 1fr; gap: 3rem; align-items: start; padding-bottom: 4rem; border-bottom: 1px solid #f1f1f1; } .item-product-order:not(:first-child) { margin-top: 4rem; } .item-product-order_small { gap: 2rem 3rem; padding-bottom: 1.6rem; } .item-product-order_small .item-product-order__preview { width: 17rem; } .item-product-order_small .item-product-order__photo::before { padding-top: 137.2781065089%; } .item-product-order__preview { width: 19rem; } .item-product-order__photo { position: relative; background-color: #fff; } .item-product-order__photo::before { display: block; padding-top: 137.3684210526%; content: ''; } .item-product-order__caption { line-height: 1.4; } .item-product-order__article { margin-top: 1rem; font-size: 1.6rem; line-height: 1.4; color: #b6b6b6; font-family: Montserrat, sans-serif; } .item-product-order__content { display: flex; flex-flow: column nowrap; gap: 4rem; height: 100%; } .item-product-order__features { display: flex; flex-flow: row wrap; gap: 1rem; align-items: center; } .item-product-order__feature { display: flex; flex: 0 0 auto; flex-flow: row wrap; gap: 0.5rem; align-items: center; max-width: 100%; font-size: 1.6rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .item-product-order__feature_border-right:not(:last-of-type) { padding-right: 1rem; border-right: 1px solid #b6b6b6; } .item-product-order__feature-key { flex: 0 0 auto; } .item-product-order__feature-value { display: flex; flex: 0 0 auto; flex-flow: row wrap; gap: 0.5rem; align-items: center; max-width: 100%; font-weight: 700; } .item-product-order__feature-value-button-simple:not(.button-simple_font-weight-semi-bold) { font-weight: 400; } .item-product-order__feature-value-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; font-weight: 400; text-underline-offset: 5px; transition-property: color; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .item-product-order__feature-value-link:hover { color: #004de3; } .item-product-order__footer { display: flex; flex-flow: row wrap; gap: 3rem; align-items: center; margin-top: auto; } .item-product-order__count { font-size: 1.6rem; line-height: 1.4; } .item-product-order__price { display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; } .item-product-order__price-item { line-height: 1.4; font-family: Montserrat, sans-serif; } .item-product-order__price-item_current { font-size: 1.8rem; font-weight: 700; } .item-product-order__price-item_previous { font-size: 1.4rem; color: #c2274c; -webkit-text-decoration: line-through; text-decoration: line-through; } .item-product-order__button-icon-list { display: flex; gap: 2rem; margin-left: auto; } .item-product-order__button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):not(:hover) .button-icon__icon_close { fill: #b6b6b6; } .item-product-order__button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):not(:hover) .button-icon__icon_favorite { stroke: #373737; } .part-personal-account-orders__item { background-color: #fff; } .part-personal-account-orders__item:not(:last-child) { margin-bottom: 2rem; } .part-personal-account-orders__header { display: flex; flex-flow: row nowrap; gap: 4rem; align-items: center; width: 100%; padding: 2rem; } .part-personal-account-orders__info { flex: 1; min-width: 0; text-align: left; } .part-personal-account-orders__info-footer { display: flex; flex-flow: row wrap; gap: 2rem; align-items: center; margin-top: 2rem; } .part-personal-account-orders__caption { font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-personal-account-orders__time { display: block; margin-top: 0.5rem; line-height: 1.4; color: #b6b6b6; } .part-personal-account-orders__status { line-height: 1.4; } .part-personal-account-orders__delivery-time { line-height: 1.4; } .part-personal-account-orders__preview { display: flex; flex: 0 0 auto; flex-flow: row nowrap; gap: 1rem; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-personal-account-orders__preview-photo { position: relative; flex: 0 0 auto; width: 5.6rem; background-color: #fff; } .part-personal-account-orders__preview-photo::before { display: block; padding-top: 137.5%; content: ''; } .part-personal-account-orders__preview-photo:not(:nth-child(-n + 3)) { display: none; } .part-personal-account-orders__arrow { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #b6b6b6; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-personal-account-orders__list { padding: 2rem 2rem 0; } .part-personal-account-orders__footer { padding: 2rem; } .part-personal-account-orders__description { display: flex; flex-flow: row wrap; gap: 3rem; font-size: 1.6rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .part-personal-account-orders__description strong { margin-left: 0.5rem; } .part-personal-account-orders__button-list { display: flex; flex-flow: row wrap; gap: 1rem; align-items: center; margin-top: 4rem; } .module-counter { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; } .module-counter__button { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #373737; transition-property: fill, opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-counter__button:not(:disabled):hover { fill: #004de3; } .module-counter__button:disabled { cursor: not-allowed; fill: #d9d9d9; } .module-counter__button_increase { transform: scale(-1, 1); } .module-counter__field { width: 4.5rem; height: 4.5rem; padding: 1rem 0.5rem; font-size: 2rem; text-align: center; -webkit-appearance: textfield; appearance: textfield; pointer-events: none; background: #ededed; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0.5rem; transition-property: border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; font-family: Montserrat, sans-serif; } .module-counter__field::placeholder { color: #373737; } .module-counter__field::-webkit-outer-spin-button, .module-counter__field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .section-personal-account__wrapper { display: grid; grid-template-columns: 31.7829457364% 65.8914728682%; gap: 1rem 3rem; align-items: flex-start; } .section-personal-account__link { display: flex; flex-flow: column nowrap; gap: 1rem; height: 100%; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); transition-property: background-color, color; font-family: Montserrat, sans-serif; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .section-personal-account__link.is-active .section-personal-account__link-icon-item_default { opacity: 0; } .section-personal-account__link.is-active .section-personal-account__link-icon-item_active { opacity: 1; } .section-personal-account__link-icon { position: relative; width: 2.4rem; height: 2.4rem; } .section-personal-account__link-icon-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .section-personal-account__link-icon-item_active { opacity: 0; } .section-personal-account__button-simple_logout { padding: 1rem 4rem 1rem 1rem; margin-top: 4rem; } @media only screen and (max-width: 1120px) { .item-product-order { gap: 2rem; } .item-product-order__preview { width: 14rem; } .part-personal-account-orders__button-list > * { flex: 1; min-width: calc(50% - 0.5rem); } .module-counter_responsive .module-counter__field { font-size: 1.8rem; } } @media only screen and (max-width: 820px) { .part-personal-account-orders__header { cursor: default; } .section-personal-account { overflow: hidden; } .section-personal-account__wrapper { grid-template-columns: 100%; gap: 2rem; } .section-personal-account__part-breadcrumbs { order: 1; } .section-personal-account__part-section-title { order: 3; } .section-personal-account__aside { order: 2; } .section-personal-account__content { order: 4; } .section-personal-account__navigation-list { display: flex; flex-flow: row nowrap; padding: 0 var(--wrapper-offset); margin: 0 calc(-1 * var(--wrapper-offset)); overflow-x: auto; overflow-y: hidden; overflow: auto hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .section-personal-account__navigation-list::-webkit-scrollbar { display: none; } .section-personal-account__navigation-list-item { flex: 1 0 auto; min-width: 18rem; } .section-personal-account__navigation-list-item:not(:first-child) { margin-left: -1rem; } .section-personal-account__link { padding: 1rem 2.4rem; background-color: #fff; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); } .section-personal-account__link.is-active { color: #fff; background-color: #004de3; } .section-personal-account__link-text { margin-top: auto; } } @media only screen and (max-width: 580px) { .item-product-order { position: relative; gap: 1rem; } .item-product-order__preview { width: 7.6rem; } .item-product-order__header { padding-top: 3.4rem; } .item-product-order__article { margin-top: 1.3rem; font-size: 1.2rem; } .item-product-order__content { grid-column: span 2; gap: 3rem; margin-top: 1rem; } .item-product-order__feature { font-size: 1.4rem; } .item-product-order__footer { justify-content: space-between; } .item-product-order__button-icon-list { position: absolute; top: 0; right: 0; } .part-personal-account-orders__item:not(:last-child) { margin-bottom: 4rem; } .part-personal-account-orders__header { flex-wrap: wrap; gap: 2rem; padding: 1rem; } .part-personal-account-orders__info { order: 2; } .part-personal-account-orders__info-footer { gap: 0.5rem; margin-top: 0.5rem; } .part-personal-account-orders__caption { font-size: 1.6rem; } .part-personal-account-orders__preview { flex-basis: 100%; order: 1; } .part-personal-account-orders__footer { padding: 1rem; } .part-personal-account-orders__description { gap: 1rem; font-size: 1.4rem; } .part-personal-account-orders__button-list { margin-top: 2rem; } .part-personal-account-orders__button-list > * { flex-basis: 100%; } .module-counter_responsive .module-counter__field { width: 3.1rem; height: 3.1rem; padding: 0.5rem 0.25rem; font-size: 1.6rem; } .section-personal-account__link { font-size: 1.4rem; } .section-personal-account__button-simple_logout { margin-top: 2rem; } } @media only screen and (max-width: 440px) { .part-personal-account-orders__status { color: #ec8952; } .part-personal-account-orders__status_red { color: #f03535; } .part-personal-account-orders__status_green { color: #4db282; } } @media only screen and (min-width: 441px) { .part-personal-account-orders__status { min-width: 15.2rem; padding: 0.5rem; color: #fff; text-align: center; background-color: #ec8952; } .part-personal-account-orders__status_red { background-color: #f03535; } .part-personal-account-orders__status_green { background-color: #4db282; } .part-personal-account-orders__content { min-height: 0; } } @media only screen and (min-width: 581px) { .item-product-order__preview { grid-row: span 2; } .part-personal-account-orders__button-primary:not(:first-of-type) { margin-left: -1rem; } .section-personal-account__part-section-title { margin-bottom: 3rem; } } @media only screen and (min-width: 821px) { .part-personal-account-orders__item.is-opened .part-personal-account-orders__content-outer { grid-template-rows: 1fr; } .part-personal-account-orders__item.is-opened .part-personal-account-orders__preview { opacity: 0; } .part-personal-account-orders__item.is-opened .part-personal-account-orders__arrow { transform: rotate(180deg); } .part-personal-account-orders__content-outer { display: grid; grid-template-rows: 0fr; grid-template-columns: 100%; overflow: hidden; transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-personal-account-orders__footer { margin-top: 2rem; } .section-personal-account_small-layout .section-personal-account__wrapper { grid-template-columns: 23.2558139535% 73.2558139535%; } .section-personal-account__part-breadcrumbs { grid-column: span 2; } .section-personal-account__part-section-title { grid-column: span 2; } .section-personal-account__link { padding: 1rem; } .section-personal-account__link:not(.is-active):hover { background-color: #e9e9e9; } .section-personal-account__link.is-active { background-color: #e9e9e9; } } @media only screen and (min-width: 1121px) { .part-personal-account-orders__button-simple { margin-left: auto; } .section-personal-account_small-layout .section-personal-account__wrapper { grid-template-columns: 23.2558139535% 74.4186046512%; } } /* End */ /* Start:/local/templates/new/assets/styles/cart-page.css?175821761719425*/ .item-product-order { display: grid; grid-template-rows: auto 1fr; grid-template-columns: auto 1fr; gap: 3rem; align-items: start; padding-bottom: 4rem; border-bottom: 1px solid #f1f1f1; } .item-product-order:not(:first-child) { margin-top: 4rem; } .item-product-order_small { gap: 2rem 3rem; padding-bottom: 1.6rem; } .item-product-order_small .item-product-order__preview { width: 17rem; } .item-product-order_small .item-product-order__photo::before { padding-top: 137.2781065089%; } .item-product-order__preview { width: 19rem; } .item-product-order__photo { position: relative; background-color: #fff; } .item-product-order__photo::before { display: block; padding-top: 137.3684210526%; content: ''; } .item-product-order__caption { line-height: 1.4; } .item-product-order__article { margin-top: 1rem; font-size: 1.6rem; line-height: 1.4; color: #b6b6b6; font-family: Montserrat, sans-serif; } .item-product-order__content { display: flex; flex-flow: column nowrap; gap: 4rem; height: 100%; } .item-product-order__features { display: flex; flex-flow: row wrap; gap: 1rem; align-items: center; } .item-product-order__feature { display: flex; flex: 0 0 auto; flex-flow: row wrap; gap: 0.5rem; align-items: center; max-width: 100%; font-size: 1.6rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .item-product-order__feature_border-right:not(:last-of-type) { padding-right: 1rem; border-right: 1px solid #b6b6b6; } .item-product-order__feature-key { flex: 0 0 auto; } .item-product-order__feature-value { display: flex; flex: 0 0 auto; flex-flow: row wrap; gap: 0.5rem; align-items: center; max-width: 100%; font-weight: 700; } .item-product-order__feature-value-button-simple:not(.button-simple_font-weight-semi-bold) { font-weight: 400; } .item-product-order__feature-value-link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; font-weight: 400; text-underline-offset: 5px; transition-property: color; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .item-product-order__feature-value-link:hover { color: #004de3; } .item-product-order__footer { display: flex; flex-flow: row wrap; gap: 3rem; align-items: center; margin-top: auto; } .item-product-order__count { font-size: 1.6rem; line-height: 1.4; } .item-product-order__price { display: flex; flex-flow: row nowrap; gap: 1rem; align-items: center; } .item-product-order__price-item { line-height: 1.4; font-family: Montserrat, sans-serif; } .item-product-order__price-item_current { font-size: 1.8rem; font-weight: 700; } .item-product-order__price-item_previous { font-size: 1.4rem; color: #c2274c; -webkit-text-decoration: line-through; text-decoration: line-through; } .item-product-order__button-icon-list { display: flex; gap: 2rem; margin-left: auto; } .item-product-order__button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):not(:hover) .button-icon__icon_close { fill: #b6b6b6; } .item-product-order__button-icon:not(:disabled):not(.is-active):not(.is-opened):not(.button-icon_play):not(:hover) .button-icon__icon_favorite { stroke: #373737; } .form-promo-code { padding: 4rem; background: #fff; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .form-promo-code__header { display: flex; flex-flow: row wrap; align-items: flex-start; } .form-promo-code__form-field { flex: 0 0 auto; } .form-promo-code__button-primary { flex: 1; min-width: 0; } .form-promo-code__content { margin-top: 2rem; } .form-promo-code__caption { padding: 0 0.5rem; font-weight: 600; line-height: 1.4; } .form-promo-code__list { margin-top: 2rem; } .form-promo-code__item { display: flex; flex-flow: row nowrap; gap: 2rem; padding: 1rem 0.5rem; line-height: 1.4; background-color: rgba(0, 0, 0, 0); transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-promo-code__item:hover { background-color: #f1f1f1; } .form-promo-code__item-text { flex: 1; min-width: 0; } .form-promo-code__item-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #d9d9d9; transition-property: fill; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-promo-code__item-icon:hover { fill: #373737; } .form-attachment { position: relative; display: block; width: 100%; } .form-attachment_multiple.is-filled .form-attachment__list .form-attachment__placeholder { display: flex; } .form-attachment_multiple.is-filled .form-attachment__placeholder { display: none; flex: 0 0 auto; align-items: center; justify-content: center; width: 8rem; height: 8rem; padding: 1rem; } .form-attachment_multiple.is-filled .form-attachment__placeholder-preview { padding: 0; } .form-attachment_multiple.is-filled .form-attachment__placeholder-icon { width: 2.4rem; height: 2.4rem; } .form-attachment_multiple.is-filled .form-attachment__placeholder-text, .form-attachment_multiple.is-filled .form-attachment__placeholder-info { display: none; } .form-attachment_multiple:not(.is-filled) .form-attachment__list .form-attachment__placeholder { display: none; } .form-attachment:not(.form-attachment_multiple).is-filled .form-attachment__single-item { display: flex; } .form-attachment:not(.form-attachment_multiple).is-filled .form-attachment__placeholder { display: none; } .form-attachment_small .form-attachment__placeholder { gap: 1.5rem; padding: 1rem; } .form-attachment_small .form-attachment__placeholder-icon { width: 2.4rem; height: 2.4rem; } .form-attachment_small .form-attachment__placeholder-text { font-size: 1.4rem; } .form-attachment_small .form-attachment__placeholder-info { font-size: 1.6rem; } .form-attachment__field { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .form-attachment__current-photo { max-height: 30rem; margin-bottom: 3rem; } .form-attachment__current-photo:not([src]) { display: none; } .form-attachment__list { display: flex; flex-flow: row wrap; gap: 2rem; width: 100%; } .form-attachment__form-attachment-item { flex: 0 0 auto; width: 8rem; height: 8rem; } .form-attachment__single-item { display: none; flex-flow: column nowrap; gap: 4rem; align-items: center; justify-content: space-between; width: 100%; padding: 4rem; cursor: pointer; } .form-attachment__single-item:hover .form-attachment__single-item-text { color: #004de3; } .form-attachment__single-item-photo { max-width: 100%; } .form-attachment__single-item-photo img { max-height: 40rem; } .form-attachment__single-item-text { font-size: 1.8rem; line-height: 1.4; color: #b6b6b6; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-attachment__placeholder { display: flex; flex-flow: row nowrap; gap: 4rem; align-items: center; width: 100%; padding: 4rem; cursor: pointer; border: 1px dashed #b6b6b6; transition-property: border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-attachment__placeholder:hover { border-color: #004de3; } .form-attachment__placeholder-preview { display: flex; flex: 0 0 auto; flex-flow: column nowrap; gap: 0.5rem; align-items: center; padding: 1rem; } .form-attachment__placeholder-icon { display: block; width: 6rem; height: 6rem; } .form-attachment__placeholder-icon img { width: 100%; } .form-attachment__placeholder-text { font-size: 1.8rem; line-height: 1.4; text-align: center; text-underline-offset: 4px; text-decoration: underline; -webkit-text-decoration: underline solid currentColor; text-decoration: underline solid currentColor; text-decoration-thickness: 1px; -webkit-text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; font-family: Montserrat, sans-serif; } .form-attachment__placeholder-info { flex: 1; min-width: 0; font-size: 1.8rem; line-height: 1.4; color: #b6b6b6; } .form-attachment-item { position: relative; border: 1px solid #b6b6b6; } .form-attachment-item::before { display: block; padding-top: 100%; content: ''; } .form-attachment-item__button { position: absolute; top: 0.5rem; right: 0.5rem; width: 1.5rem; height: 1.5rem; background-color: #fafafa; fill: #d9d9d9; transition-property: fill; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-attachment-item__button:hover { fill: #004de3; } .part-order-total { background-color: #fff; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .part-order-total__header { padding: 4rem; background-color: #004de3; background-image: url(/local/templates/new/assets/styles/../images/common/part-order-total-pattern.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; } .part-order-total__part-section-title { margin: 0 auto; color: #fff; text-align: center; } .part-order-total__content { padding: 4rem; } .part-order-total__item { display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; justify-content: space-between; line-height: 1.4; } .part-order-total__item:not(:last-child) { margin-bottom: 1rem; } .part-order-total__item_total { margin-top: 4rem; } .part-order-total__item_total .part-order-total__item-key { font-weight: 600; } .part-order-total__item_discount .part-order-total__item-value { font-weight: 400; color: #ed3811; } .part-order-total__item-key { flex: 0 0 auto; } .part-order-total__item-value { flex: 1; min-width: 0; font-weight: 600; text-align: right; } .part-order-total__button-primary { width: 100%; margin-top: 4rem; } .module-counter { display: flex; flex-flow: row nowrap; gap: 0.5rem; align-items: center; } .module-counter__button { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #373737; transition-property: fill, opacity; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .module-counter__button:not(:disabled):hover { fill: #004de3; } .module-counter__button:disabled { cursor: not-allowed; fill: #d9d9d9; } .module-counter__button_increase { transform: scale(-1, 1); } .module-counter__field { width: 4.5rem; height: 4.5rem; padding: 1rem 0.5rem; font-size: 2rem; text-align: center; -webkit-appearance: textfield; appearance: textfield; pointer-events: none; background: #ededed; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0.5rem; transition-property: border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; font-family: Montserrat, sans-serif; } .module-counter__field::placeholder { color: #373737; } .module-counter__field::-webkit-outer-spin-button, .module-counter__field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .popup-upload { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; max-height: 100%; padding: var(--wrapper-offset); } .popup-upload__wrapper { position: relative; z-index: 1; width: 100%; max-width: 100rem; max-height: 100%; padding: 4rem; margin: auto; background-color: #fff; border: 1rem solid #004de3; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .popup-upload__header { display: flex; flex-flow: row nowrap; gap: 1.4rem; align-items: center; } .popup-upload__title { flex: 1; min-width: 0; text-transform: uppercase; font-family: Montserrat, sans-serif; } .popup-upload__button-icon { flex: 0 0 auto; } .popup-upload__text { margin-top: 2rem; } .popup-upload__form-attachment { margin-top: 3rem; } .popup-upload__buttons { display: flex; flex-flow: row wrap; row-gap: 1rem; margin: 3rem auto 0; } .popup-upload__button-primary { flex: 1; } .popup-change-text { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; max-height: 100%; padding: var(--wrapper-offset); } .popup-change-text__wrapper { position: relative; z-index: 1; width: 100%; max-width: 50rem; max-height: 100%; padding: 3rem; margin: auto; background-color: #fff; } .popup-change-text__header { display: flex; flex-flow: row nowrap; gap: 0.9rem; align-items: flex-start; padding-bottom: 2rem; border-bottom: 1px solid #f1f1f1; } .popup-change-text__title { flex: 1; min-width: 0; text-transform: uppercase; font-family: Montserrat, sans-serif; } .popup-change-text__button-icon { flex: 0 0 auto; } .popup-change-text__form-field { margin-top: 2rem; } .popup-change-text__buttons { display: flex; flex-flow: row wrap; row-gap: 1rem; margin: 3rem auto 0; } .popup-change-text__button-primary { flex: 1; } .section-cart__row { display: grid; grid-template-columns: 65.8914728682% 31.7829457364%; gap: 3rem; } .section-cart__row:not(:last-child) { margin-bottom: 3.2rem; } .section-cart__row_header { align-items: center; margin-top: 1rem; } .section-cart__row_header .section-cart__cell_left { display: flex; flex-flow: row wrap; gap: 3rem; align-items: baseline; } .section-cart__row_header .section-cart__cell_right { align-self: flex-end; } .section-cart__row_content { align-items: start; } .section-cart__count { font-size: 1.6rem; line-height: 1.4; color: #b6b6b6; font-family: Montserrat, sans-serif; } .section-cart__info { padding: 1rem; font-weight: 600; line-height: 1.4; color: #fff; text-align: center; background-color: #ffa756; } .section-cart__item-product-order { width: 100%; max-width: 74rem; } .section-cart__form-promo-code { margin-top: 2rem; } @media only screen and (max-width: 1120px) { .item-product-order { gap: 2rem; } .item-product-order__preview { width: 14rem; } .form-promo-code { padding: 3rem 2.5rem; } .form-promo-code__header { gap: 1rem; } .form-promo-code__form-field { flex-basis: 100%; } .form-promo-code__button-primary { flex-basis: 100%; } .form-attachment__current-photo { max-height: 20rem; } .form-attachment__single-item-photo img { max-height: 30rem; } .form-attachment__placeholder { padding: 2.5rem; } .part-order-total__header { padding: 3rem 2.5rem; } .part-order-total__content { padding: 3rem 2.5rem; } .module-counter_responsive .module-counter__field { font-size: 1.8rem; } .section-cart__row { grid-template-columns: 64.1860465116% 32.5581395349%; } } @media only screen and (max-width: 820px) { .section-cart__row { grid-template-columns: 100%; } .section-cart__cell_right { display: flex; flex-flow: column nowrap; } .section-cart__part-order-total { order: 2; margin-top: 2rem; } .section-cart__form-promo-code { order: 1; } } @media only screen and (max-width: 580px) { .item-product-order { position: relative; gap: 1rem; } .item-product-order__preview { width: 7.6rem; } .item-product-order__header { padding-top: 3.4rem; } .item-product-order__article { margin-top: 1.3rem; font-size: 1.2rem; } .item-product-order__content { grid-column: span 2; gap: 3rem; margin-top: 1rem; } .item-product-order__feature { font-size: 1.4rem; } .item-product-order__footer { justify-content: space-between; } .item-product-order__button-icon-list { position: absolute; top: 0; right: 0; } .form-promo-code { padding: 2rem 1rem; } .form-promo-code__list { margin-top: 1rem; } .form-attachment { gap: 1rem; } .form-attachment_multiple.is-filled .form-attachment__placeholder { width: 5rem; height: 5rem; } .form-attachment_small .form-attachment__placeholder-preview { flex-flow: row nowrap; gap: 1rem; justify-content: center; } .form-attachment_small .form-attachment__placeholder-info { font-size: 1.4rem; } .form-attachment__current-photo { max-height: 10rem; margin-bottom: 2rem; } .form-attachment__list { gap: 1rem; } .form-attachment__form-attachment-item { width: 5rem; height: 5rem; } .form-attachment__single-item { padding: 2rem; } .form-attachment__single-item-photo img { max-height: 20rem; } .form-attachment__single-item-text { font-size: 1.4rem; } .form-attachment__placeholder { flex-wrap: wrap; gap: 1rem; padding: 1rem; } .form-attachment__placeholder-preview { flex-basis: 100%; } .form-attachment__placeholder-icon { width: 4rem; height: 4rem; } .form-attachment__placeholder-text { font-size: 1.2rem; } .form-attachment__placeholder-info { flex-basis: 100%; font-size: 1.2rem; text-align: center; } .form-attachment-item__button { top: 0.25rem; right: 0.25rem; width: 1rem; height: 1rem; } .part-order-total__header { padding: 2rem 1rem; } .part-order-total__content { padding: 2rem 1rem; } .part-order-total__item_total { margin-top: 2rem; } .part-order-total__button-primary { margin-top: 2rem; } .module-counter_responsive .module-counter__field { width: 3.1rem; height: 3.1rem; padding: 0.5rem 0.25rem; font-size: 1.6rem; } .popup-upload__wrapper { padding: 1rem; border-width: 0.5rem; } .popup-upload__form-attachment { margin-top: 2rem; } .popup-upload__buttons { margin-top: 2rem; } .popup-upload__button-primary { flex-basis: 100%; } .popup-change-text__wrapper { padding: 1rem; border: 0.5rem solid #004de3; } .popup-change-text__header { align-items: center; } .popup-change-text__buttons { margin-top: 2rem; } .popup-change-text__button-primary { flex-basis: 100%; } .section-cart__row { gap: 2rem; } .section-cart__row:not(:last-child) { margin-bottom: 2rem; } .section-cart__row_header { margin-top: 2rem; } .section-cart__row_header .section-cart__cell_left { justify-content: space-between; } .section-cart__count { font-size: 1.4rem; } .section-cart__form-promo-code { margin-top: 4rem; } } @media only screen and (min-width: 581px) { .item-product-order__preview { grid-row: span 2; } .popup-upload__button-icon { position: absolute; top: 1rem; right: 1rem; } .popup-upload__buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .popup-upload__button-primary { min-width: 23rem; } .popup-upload__button-primary:not(:first-child) { margin-left: -1.4rem; } .popup-change-text__button-icon { margin-top: -1rem; margin-right: -1rem; } .popup-change-text__buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .popup-change-text__button-primary { min-width: 22.7rem; } .popup-change-text__button-primary:not(:first-child) { margin-left: -1.4rem; } } @media only screen and (min-width: 821px) { .section-cart__cell_right { position: -webkit-sticky; position: sticky; top: 3rem; } } @media only screen and (min-width: 1121px) { .form-promo-code__form-field { max-width: 56%; } .form-promo-code__button-primary { margin-left: -1.4rem; } .section-cart__cell_right { top: 17rem; } } /* End */ /* Start:/local/templates/new/assets/styles/order-page.css?175821761716735*/ .form-checkbox { position: relative; display: block; } .form-checkbox__input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .form-checkbox__input:not(:checked):hover + .form-checkbox__box { cursor: pointer; } .form-checkbox__input:checked + .form-checkbox__box .form-checkbox__icon { border-color: #004de3; } .form-checkbox__input:checked + .form-checkbox__box .form-checkbox__icon img { right: 0.4rem; opacity: 1; } .form-checkbox__box { display: flex; flex-flow: row wrap; gap: 1rem; align-items: center; } .form-checkbox__icon { position: relative; flex: 0 0 auto; width: 2rem; height: 2rem; -webkit-user-select: none; user-select: none; border: 1px solid #d9d9d9; border-radius: 3px; transition-property: border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-checkbox__icon img { position: absolute; top: 50%; right: 0; width: 2.2em; height: 1.5rem; opacity: 0; transition-property: right, opacity; transform: translateY(-50%); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-checkbox__text { flex: 1; min-width: 0; font-size: 1.8rem; line-height: 1.4; font-family: Montserrat, sans-serif; } .form-picker { position: relative; display: block; height: 100%; } .form-picker.is-error .form-picker__box { border-color: #f03535; } .form-picker__field { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; } .form-picker__field:not(:checked) + .form-picker__box:hover { background-color: #f3f7fb; } .form-picker__field:checked + .form-picker__box { background-color: #f3f7fb; border-color: #004de3; } .form-picker__box { position: relative; z-index: 1; display: flex; flex-flow: column nowrap; gap: 0.5rem; width: 100%; height: 100%; padding: 2rem; cursor: pointer; background-color: #fff; border: 1px solid #f1f1f1; transition-property: background-color, border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-picker__label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; } .form-picker__caption { font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .form-picker__text { margin-top: auto; } .form-picker__text-item { display: flex; flex-flow: row wrap; gap: 0.5rem 2rem; align-items: center; font-size: 1.6rem; line-height: 1.4; color: #b6b6b6; } .form-picker__text-item:not(:last-child) { margin-bottom: 2rem; } .form-picker__text-item address, .form-picker__text-item time { font: inherit; } .form-picker__button-simple { margin-top: 1.5rem; } .form-phone-code:not(.is-opened) .form-phone-code__button-primary { display: flex; } .form-phone-code:not(.is-opened) .form-phone-code__content { display: none; } .form-phone-code__button-primary { display: none; width: 100%; padding-top: 1rem; padding-bottom: 1rem; font-size: max(16px, min(1.6rem, 1.6rem)); line-height: 1.4; border: 1px solid rgba(0, 0, 0, 0); } .form-phone-code__content { display: flex; flex-flow: row wrap; gap: 1rem 0; align-items: flex-end; } .form-phone-code__form-field { flex: 1; min-width: 0; } .form-phone-code__form-field.is-error + .form-phone-code__button-simple { align-self: center; } .form-phone-code__button-simple { flex-basis: 100%; text-align: left; } .form-promo-code { padding: 4rem; background: #fff; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .form-promo-code__header { display: flex; flex-flow: row wrap; align-items: flex-start; } .form-promo-code__form-field { flex: 0 0 auto; } .form-promo-code__button-primary { flex: 1; min-width: 0; } .form-promo-code__content { margin-top: 2rem; } .form-promo-code__caption { padding: 0 0.5rem; font-weight: 600; line-height: 1.4; } .form-promo-code__list { margin-top: 2rem; } .form-promo-code__item { display: flex; flex-flow: row nowrap; gap: 2rem; padding: 1rem 0.5rem; line-height: 1.4; background-color: rgba(0, 0, 0, 0); transition-property: background-color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-promo-code__item:hover { background-color: #f1f1f1; } .form-promo-code__item-text { flex: 1; min-width: 0; } .form-promo-code__item-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #d9d9d9; transition-property: fill; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .form-promo-code__item-icon:hover { fill: #373737; } .part-fields-information { padding: 2rem; background-color: #fff; } .part-fields-information.js-filter[data-filter-current-index='0'] .part-fields-information__caption-arrow svg { display: none; } .part-fields-information.js-filter[data-filter-current-index='0'] .part-fields-information__cell_right { display: none; } .part-fields-information:not(.is-filled) .part-fields-information__list-item_content { display: none; } .part-fields-information:not(.is-filled) .part-fields-information__cell_right { display: none; } .part-fields-information.is-filled .part-fields-information__list-item:not(.part-fields-information__list-item_content) { display: none; } .part-fields-information__layout { display: flex; flex-flow: row nowrap; gap: 2rem; } .part-fields-information__cell_right { display: flex; flex-flow: row wrap; gap: 1rem; } .part-fields-information__header { display: flex; flex-flow: row wrap; gap: 2rem; align-items: center; justify-content: space-between; } .part-fields-information__caption { display: flex; flex: 1 0 auto; flex-flow: row nowrap; gap: 1rem; text-align: left; } .part-fields-information__caption-icon { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #004de3; } .part-fields-information__caption-text { flex: 1; align-self: center; font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-fields-information__caption-arrow { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; fill: #b6b6b6; transition-property: transform; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-fields-information__button { display: flex; flex-flow: row nowrap; flex-shrink: 1; gap: 0.3rem; align-items: center; } .part-fields-information__button-icon { flex: 0 0 auto; } .part-fields-information__button-icon_preview { width: 1.5rem; height: 1.5rem; } .part-fields-information__button-icon_arrow { width: 2.4rem; height: 2.4rem; } .part-fields-information__button-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part-fields-information__button-primary-list { display: flex; flex-flow: row wrap; row-gap: 1rem; margin-top: 2rem; } .part-fields-information__button-primary_save { margin-left: auto; } .part-fields-information__list-item { display: flex; flex-flow: row wrap; gap: 2rem; } .part-fields-information__list-item.js-filter-item[hidden] + .part-fields-information__list-item_content { display: none; } .part-fields-information__item { display: flex; flex: 1 1 calc(50% - 1rem); flex-flow: column nowrap; gap: 2rem; } .part-fields-information__item_full { flex-basis: 100%; } .part-fields-information__item-caption { font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-fields-information__item-label { font-size: 1.8rem; line-height: 1.4; } .part-fields-information__item-form-checkbox-list { display: flex; flex-flow: row wrap; gap: 1rem; margin-top: auto; } .part-fields-information__form-field .form-field__input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part-fields-information__address { display: flex; flex: 0 0 100%; flex-flow: column nowrap; gap: 1rem; margin-top: 0.5rem; line-height: 1.4; } .part-fields-information__address address, .part-fields-information__address time { font-style: normal; } .part-fields-information__user { flex: 0 0 100%; margin-top: 0.5rem; line-height: 1.4; } .part-fields-information__user-phone { margin-top: 1rem; } .part-fields-information__user-email { margin-top: 2rem; } .part-fields-information__user-phone, .part-fields-information__user-email { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-fields-information__user-phone:hover, .part-fields-information__user-email:hover { color: #004de3; } .part-fields-information__invoice { flex: 0 0 100%; margin-top: 2rem; } .part-fields-information__invoice-name, .part-fields-information__invoice-phone { font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-fields-information__invoice-phone { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; margin-top: 1rem; transition-property: color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-fields-information__invoice-phone:hover { color: #004de3; } .part-fields-information__invoice-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 4rem; align-items: flex-start; margin-top: 2rem; } .part-fields-information__invoice-item { line-height: 1.4; } .part-fields-information__invoice-key { font-weight: 600; } .part-fields-information__invoice-value { margin-top: 0.5rem; } .part-fields-information__button-simple { line-height: 1.4; } .part-order-total { background-color: #fff; box-shadow: 4px 4px 14px 4px rgba(0, 77, 227, 0.2); } .part-order-total__header { padding: 4rem; background-color: #004de3; background-image: url(/local/templates/new/assets/styles/../images/common/part-order-total-pattern.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; } .part-order-total__part-section-title { margin: 0 auto; color: #fff; text-align: center; } .part-order-total__content { padding: 4rem; } .part-order-total__item { display: flex; flex-flow: row nowrap; gap: 2rem; align-items: center; justify-content: space-between; line-height: 1.4; } .part-order-total__item:not(:last-child) { margin-bottom: 1rem; } .part-order-total__item_total { margin-top: 4rem; } .part-order-total__item_total .part-order-total__item-key { font-weight: 600; } .part-order-total__item_discount .part-order-total__item-value { font-weight: 400; color: #ed3811; } .part-order-total__item-key { flex: 0 0 auto; } .part-order-total__item-value { flex: 1; min-width: 0; font-weight: 600; text-align: right; } .part-order-total__button-primary { width: 100%; margin-top: 4rem; } .section-order__part-section-title { margin-top: 1rem; } .section-order__content { display: grid; grid-template-columns: 65.8914728682% 31.7829457364%; gap: 3rem; align-items: start; margin-top: 4rem; } .section-order__button-primary { width: 100%; margin-top: -1rem; } .section-order__part-fields-information:not(:last-of-type) { margin-bottom: 2rem; } @media only screen and (max-width: 1120px) { .form-phone-code__form-field { flex-basis: 100%; } .form-phone-code__button-primary-accept { width: 100%; } .form-promo-code { padding: 3rem 2.5rem; } .form-promo-code__header { gap: 1rem; } .form-promo-code__form-field { flex-basis: 100%; } .form-promo-code__button-primary { flex-basis: 100%; } .part-order-total__header { padding: 3rem 2.5rem; } .part-order-total__content { padding: 3rem 2.5rem; } .section-order__content { grid-template-columns: 64.1860465116% 32.5581395349%; } } @media only screen and (max-width: 820px) { .part-fields-information__layout { flex-wrap: wrap; } .part-fields-information__cell { flex: 0 0 100%; } .section-order__content { grid-template-columns: 100%; } .section-order__aside { display: flex; flex-flow: column nowrap; } .section-order__part-order-total { order: 2; margin-top: 2rem; } .section-order__form-promo-code { order: 1; } } @media only screen and (max-width: 580px) { .form-checkbox__text { font-size: 1.4rem; } .form-picker__box { padding: 1rem; } .form-picker__caption { font-size: 1.6rem; } .form-picker__text-item { font-size: 1.4rem; } .form-phone-code__content { gap: 1rem; } .form-promo-code { padding: 2rem 1rem; } .form-promo-code__list { margin-top: 1rem; } .part-fields-information { padding: 1rem; } .part-fields-information.js-toggler .part-fields-information__list { display: grid; grid-template-rows: 0fr; grid-template-columns: 100%; overflow: hidden; transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; } .part-fields-information.js-toggler .part-fields-information__list-item { min-height: 0; } .part-fields-information.is-opened .part-fields-information__caption-arrow { transform: rotate(180deg); } .part-fields-information.is-opened .part-fields-information__list { grid-template-rows: 1fr; } .part-fields-information__header { gap: 1rem; } .part-fields-information__caption { flex-basis: 100%; } .part-fields-information__caption-icon { width: 2rem; height: 2rem; } .part-fields-information__caption-text { font-size: 1.6rem; } .part-fields-information__button-primary_tabs { flex-basis: 100%; } .part-fields-information__button-primary_save { width: 100%; } .part-fields-information__list-item { gap: 1rem; } .part-fields-information__item { flex-basis: 100%; gap: 1rem; } .part-fields-information__item:first-child { margin-top: 2rem; } .part-fields-information__item-caption { font-size: 1.6rem; } .part-fields-information__item-label { font-size: 1.4rem; } .part-fields-information__user-phone { font-size: 1.6rem; line-height: 1.4; } .part-fields-information__user-email { margin-top: 0.5rem; } .part-fields-information__invoice-name, .part-fields-information__invoice-phone { font-size: 1.6rem; } .part-fields-information__invoice-list { grid-template-columns: 1fr; gap: 1rem; margin-top: 1rem; } .part-order-total__header { padding: 2rem 1rem; } .part-order-total__content { padding: 2rem 1rem; } .part-order-total__item_total { margin-top: 2rem; } .part-order-total__button-primary { margin-top: 2rem; } .section-order__part-section-title { margin-top: 2rem; } .section-order__content { gap: 4rem; margin-top: 2rem; } .section-order__button-primary { margin-top: -2rem; } } @media only screen and (min-width: 581px) { .part-fields-information__button-primary_tabs:not(:first-child) { margin-left: -1.4rem; } .part-fields-information__list-item:not(.part-fields-information__list-item_tab-empty) { margin-top: 2rem; } .part-fields-information__form-phone-code:not(.is-opened) { margin-top: 3rem; } .part-fields-information__user-phone { font-size: 2rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; font-family: Montserrat, sans-serif; } .part-fields-information__invoice-key { font-size: 1.6rem; } } @media only screen and (min-width: 821px) { .part-fields-information__cell_left { flex: 1; min-width: 0; } .part-fields-information__cell_right { flex: 0 0 auto; flex-flow: column nowrap; gap: 2rem; } .part-fields-information__caption { pointer-events: none; cursor: default; } .part-fields-information__item_fifth-part { flex-basis: calc(50% - 1.6rem); } .part-fields-information__item_third-part { flex-basis: calc(50% - 1.6rem); } .section-order__content { grid-template-rows: auto 1fr; } .section-order__aside { grid-row: span 2; } .section-order__form-promo-code { margin-top: 2rem; } } @media only screen and (min-width: 1121px) { .form-phone-code__button-primary-accept { padding-top: 1.5rem; padding-bottom: 1.5rem; } .form-promo-code__form-field { max-width: 56%; } .form-promo-code__button-primary { margin-left: -1.4rem; } .part-fields-information__item_fifth-part { flex-basis: calc(20% - 1.6rem); } .part-fields-information__item_third-part { flex-basis: calc(33% - 1.6rem); } } @media only screen and (min-width: 1281px) { .form-phone-code__button-primary-accept { padding-top: 1.35rem; padding-bottom: 1.35rem; } } @media only screen and (min-width: 1441px) { .form-phone-code__button-primary-accept { padding-top: 1.3rem; padding-bottom: 1.3rem; } } /* End */ /* Start:/local/templates/new/assets/styles/custom.css?17582176171604*/ .sale_order_full_table tr td a { color: #004de3; font-weight: 700; cursor: pointer; text-transform: uppercase; } .success--payment--page a { color: #004de3; font-weight: 700; cursor: pointer; text-transform: uppercase; } .sale_order_full_table input[type='SUBMIT'] { position: relative; flex: 0 0 auto; flex-flow: row nowrap; margin-top: 20px; gap: 1rem; border-radius: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; padding: 1.2rem 2.4rem; font-size: 1.6rem; color: #fff; text-align: center; text-transform: uppercase; background-color: #004de3; transition-property: background-color, color, border; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.3s; -webkit-clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); clip-path: polygon(calc(0% + 1.4rem) 0%, 100% 0%, calc(100% - 1.4rem) 100%, 0% 100%); display: flex; align-items: center; justify-content: center; font-family: Montserrat, sans-serif; } .js-form-phone-code.is-error .form-phone-code__button-primary.button-primary.button-primary_with-out-clip-angles.js-form-phone-code-trigger{ border-color: #f03535; background: #f03535; } @media only screen and (max-width: 576px) { .section-order__aside { margin-top: -4rem; } } .section-product__item-content .popup-table__table { display: block; overflow: scroll; min-width: 100%; max-width: 100%; width: 100%; } /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17582184152530*/ .bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff} /* End */ /* Start:/local/templates/new/template_styles.css?17582176171379*/ #tippy-6 { visibility: hidden !important; } #tippy-6.ownd-visible { visibility: visible !important; } .ownd-wishlist-count { display: none; } .ownd-in-wishlist svg { stroke: #ff5656; fill: #ff5656; } .part-header__navigation-list > div { display: none; } #bx-soa-total-mobile, #bx-soa-main-notifications, #bx-soa-region, #bx-soa-basket, #bx-soa-paysystem, #bx-soa-orderSave, #popup-window-overlay-loading_screen, #loading_screen { display: none !important; } .ownd-promocode-invalid { color: red; margin-top: 10px; } .ownd-profile-phone-confirm-block { display: none; } #ownd-streets-list { position: absolute; top: 43px; left: 0; width: 100%; border: 1px solid #373737; background: #fff; z-index: 1; } #ownd-streets-list a { display: block; padding: 4px 8px; } #ownd-streets-list a + a { border-top: 1px solid #eee; } #ownd-streets-list a:hover { background: #eee; } .js-form-field [name="phone-confirmed"] { border: none; text-align: right; padding: 0; font-size: 14px; margin-top: -20px; display: none; } .js-form-field.is-error [name="phone-confirmed"] { display: block; } .js-form-field [name="phone-confirmed"].ownd-phone-confirmed { color: green; display: block; } @media (min-width: 1120px) { #tippy-5 { display: none !important; } } @media (max-width: 1120px) { #tippy-1 { display: none !important; } } /* End */ /* /local/templates/new/assets/styles/fonts.css?175821761712905 */ /* /local/templates/new/assets/styles/vendors.css?175821761729933 */ /* /local/templates/new/assets/styles/app.css?175821761786773 */ /* /local/templates/new/assets/styles/personal-account-favorite-page.css?175821761717913 */ /* /local/templates/new/assets/styles/personal-account-orders-page.css?175821761714068 */ /* /local/templates/new/assets/styles/cart-page.css?175821761719425 */ /* /local/templates/new/assets/styles/order-page.css?175821761716735 */ /* /local/templates/new/assets/styles/custom.css?17582176171604 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17582184152530 */ /* /local/templates/new/template_styles.css?17582176171379 */