/* Start:/local/templates/maknot/css/jquery.nouislider.css?17537944484294*/ /*! nouislider - 14.5.0 - 5/11/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;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;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{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{-webkit-transition:transform .3s;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;top:-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:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;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{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);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{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);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{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/maknot/css/jquery.fancybox.css?175379444814143*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-iosfix{height:100%;left:0;overflow:hidden;position:fixed;width:100%}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#fff;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/maknot/css/jquery.simplebar.css?17537944482956*/ [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start} .simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit} .simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0} .simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch} .simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none} .simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0} .simplebar-content:before,.simplebar-content:after{content:' ';display:table} .simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none} .simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0} .simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1} .simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden;background:#eef2f5;border-radius:3px} [data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none} [data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all} .simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px} .simplebar-scrollbar:before{position:absolute;content:'';background:#c4d1db;border-radius:3px;left:0;right:0;transition:.2s linear} .simplebar-scrollbar.simplebar-visible:before{transition:opacity 0 linear} .simplebar-track.simplebar-vertical{top:0;width:6px} .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:0;bottom:0} .simplebar-track.simplebar-horizontal{left:0;height:11px} .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:0;right:0} .simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;height:7px;min-height:0;min-width:10px;width:auto} [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical{right:auto;left:0} .hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll} .simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none} /* End */ /* Start:/local/templates/maknot/js/jgrowl/jquery.jgrowl.min.css?17537944481455*/ .jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:#000;opacity:.9;zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}} /* End */ /* Start:/local/templates/maknot/css/custom.min.css?1753794448113007*/ ._hide { display: none !important; } ._mt-40 { margin-top: 40px; } .wrapper > .top-banner { display: block; height: 80px; background-color: #000; background-position: center top; } .header__geo { width: 190px; max-width: 190px; } .header__geo-list li.hide, .m-menu__geo-list li.hide { display: none; } .header__contacts-item, .m-menu__contacts > * { display: none; } .header__contacts-item:first-child, .m-menu__contacts > :first-of-type { display: block; } .catalog-products__item-inner { position: relative; } .catalog-products__item-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; } .catalog-products__item.btn { position: relative; z-index: 110; } .catalog-products__item.btn.added { justify-content: center; text-align: center; } .text-block { font-weight: 500; font-size: 16px; letter-spacing: 0.67px; line-height: 32px; color: #212529; } .filter-main-form__item-btn { width: 100%; transition: 0.3s; } .filter-main-form__item-btn:hover { background-color: #1e6dad; } .form-answer { display: none; color: #009051; font-size: 14px; margin-bottom: 24px; } .form-answer._error { color: #ff3300; } .product-properties { max-width: 500px; width: 100%; margin-bottom: 40px; } .product-properties__item { margin-bottom: 20px; position: relative; } .product-properties__item:last-child { margin-bottom: 0; } .product-properties__item span { color: #212529; font-size: 15px; letter-spacing: 0.5px; background-color: #fff; z-index: 2; } .product-properties__item span:first-child { padding-right: 7px; } .product-properties__item span:last-child { padding-left: 7px; } .product-properties__item:after { content: ""; position: absolute; display: block; height: 0; width: 100%; border-bottom: 1px dotted #ccc; z-index: 1; left: 0; top: 17px; } .product-properties__item a { color: #212529; text-decoration: none; } .product-properties__item a:hover { color: #ff5a00; } .block-main__slider-content { border-radius: 8px; overflow: hidden; } .block-main__slider-content a { display: block; line-height: 0; } .filter__item-sublist { max-height: 200px; overflow: auto; } .point-title { font-weight: 600 !important; } .brands__text::after { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 30px; background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); } .brands__text { margin-bottom: 20px !important; height: 150px; overflow: hidden; position: relative; } .detail__block-col a { color: #1e6dad; } .detail__block-col a:hover { color: #fa6400; } .advantage ul { display: flex; flex-wrap: wrap; margin-top: 25px; } .advantage li { display: flex; align-items: center; max-width: 200px; width: 100%; margin: 0 10px 10px 0; } .advantage__img { width: 64px; height: 64px; overflow: hidden; margin-right: 10px; flex-shrink: 0; } .advantage__img img { max-width: 100%; width: 100%; } .advantage__tx { font-size: 10pt; line-height: 16px; max-height: 45px; overflow: hidden; } .selection-block { margin-top: 20px; } .selection-block__link { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 5px 5px 5px 30px; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; position: relative; } .selection-block__substrate { position: absolute; width: 120px; height: 180%; right: -60px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 1; } .selection-block__text { width: calc(100% - 100px); padding-right: 5px; color: #fff; font-size: 15px; font-weight: 600; line-height: 24px; position: relative; z-index: 2; } .selection-block__icon { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; z-index: 2; } .selection-block__link:hover .selection-block__substrate { width: 100%; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); right: 0; } .panel { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: #0096ff; z-index: 150; } .panel__close::before, .panel__close::after { background: #fff !important; } .panel__close { position: absolute !important; right: 20px; top: 20px; } .panel__text { color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.35px; padding-right: 40px; line-height: 20px; } .gallery__item img { transform: translateX(1px); } .personal-orders .empty-list, .personal-orders .empty-list p { font-size: 15px; } .personal-orders .empty-list a { color: #0081f0; text-decoration: none; } .personal-orders .empty-list a:hover { color: #212529; } .columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .columns > div { padding: 0 10px; width: 50%; } .columns > div.full { width: 100%; } .columns .form__placeholder { left: 26px; } .columns .form__placeholder.active { left: 18px; } .main-btn.notification-btn { background-color: #ff5a00; margin: 0; border: 1px solid #ff5a00; color: #fff !important; text-transform: none !important; text-align: center; } .main-btn.notification-btn span { color: #fff !important; text-transform: none !important; } .main-btn.notification-btn.active { background: #efefef; color: #000000 !important; border-color: #efefef; } .main-btn.notification-btn.active span { color: #000000 !important; } .main-btn.notification-btn:hover { opacity: 0.8; background-color: #ff5a00; color: #fff !important; } .main-btn.notification-btn:hover span { color: #fff !important; } .wish-table .main-btn.notification-btn span { font-size: 12px; font-weight: 500; line-height: 17px; } .favor-btn.favor-btn-preview { height: 36px; width: 36px; min-width: 36px; } .notification-btn-preview { height: 36px; width: 36px; min-width: 36px; background: #f8f9fa; border-radius: 6px; margin-left: 10px; padding: 6px; order: 2; display: flex; } .notification-btn-preview.active { background: #ff8f00; } .notification-btn-preview.active svg { fill: #fff; } .notification-btn-preview svg { max-width: 100%; width: 20px; margin: auto; } /*-----------------*/ .notif-notif-product-row { display: flex; align-items: center; } .notif-product-wrap { border-bottom: 1px solid #ebebeb; margin-bottom: 7px; padding-bottom: 7px; } .notif-product { text-decoration: none !important; } .notif-product-wrap:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .cart-table__col--2 { position: relative; } .notif-product-img { width: 50px; min-width: 50px; border-radius: 4px; overflow: hidden; } .notif-product-img img { max-width: 100%; display: block; } .notif-product-content { width: 100%; margin-left: 10px; } .jGrowl.bottom-left { bottom: 20px !important; } .notif-product-title { font-weight: bold; color: #000; font-size: 12px; margin-bottom: 5px; } .notif-product-text { color: #000; font-size: 11px; line-height: 1.4; } .jGrowl-notification.custom .jGrowl-close { font-size: 20px; position: absolute; top: 0px; right: 5px; color: red; } .jGrowl-notification.custom, .jGrowl-notification.success{ position: relative; width: 350px; background-color: #ffffff; opacity: 1; border: none; box-shadow: 0 0 6px #00000026; max-width: 94%; } .jGrowl-notification.success { background-color: #5ae15e; } .notif-title { color: #000; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .wish-table .cart-table__row a.btn { color: #fff !important; width: 100%; max-width: 220px; text-align: center; } .wish-table .cart-table__row .main-btn { width: 100%; max-width: 220px; } .header__balance-row { display: flex; } .header__auth-link.header__logout { height: 48px; width: 48px; min-width: 48px; text-align: center; margin-left: 10px; } .header__auth-link.header__logout svg { width: 24px; } .header__auth-link.header__wish { width: 48px; text-align: center; margin-right: 15px; position: relative; } .header-mob-wish-icon { height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; } .header__auth-link.header__wish[data-count]:before, .header-mob-wish-icon[data-count]:before { content: attr(data-count); position: absolute; right: -5px; top: -5px; border: 2px solid #fff; background: #ff5a00; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 16px; font-size: 11px; color: #fff; } .header__auth-link.header__wish[data-count=""]:before, .header__auth-link.header__wish[data-count="0"]:before, .header-mob-wish-icon[data-count=""]:before, .header-mob-wish-icon[data-count="0"]:before { display: none; } /*----------------*/ @media screen and (max-width: 1100px) { .selection-block { margin-top: 20px; } .selection-block__text { width: calc(100% - 60px); } .selection-block__icon { width: 60px; height: 60px; } .selection-block__substrate { height: 270%; right: -30px; } .selection-block__link { padding: 0 20px; } } @media screen and (max-width: 768px) { .product-properties__item span { font-size: 14px; } } @media screen and (max-width: 420px) { .product-properties__item span { font-size: 13px; } .selection-block__link { padding: 10px 20px; } .selection-block__substrate { right: -70px; } } /* compare button */ .compare-button { padding: 0; height: 35px; line-height: 35px; background: transparent; position: relative; z-index: 101; min-width: 91px; } .catalog-products__info-compare .compare-button { background: #f8f9fa; padding: 7px 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .compare-button img { width: 20px; } .compare-button img._active { display: none; } .compare-button.added img { max-width: 20px; } .compare-button.added img._default { display: none; } .compare-button.added img._active { display: block; } .compare-button span { font-family: "PT Sans"; font-size: 12px; margin-left: 7px; font-weight: 700; letter-spacing: 0.4px; white-space: nowrap; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-button:hover span, .compare-button.added span { color: #ff5a00; } /* product list views */ .catalog-views { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); } .catalog-views__button { width: 32px; height: 32px; margin-right: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; line-height: 32px; } .catalog-views__button path { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } span.catalog-views__button { background: #212529; } span.catalog-views__button path { fill: #fff; } a.catalog-views__button { background: #fff; } a.catalog-views__button path { fill: #212529; } a.catalog-views__button:hover path { fill: #ff5a00; } .catalog-views__button:last-child { margin-right: 0; } .catalog-products.list { margin: 0; } .catalog-products.list .catalog-products__item { width: 100%; height: auto; padding: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); margin-bottom: 10px; } .catalog-products.list .catalog-products__item:hover .catalog-products__item-inner { -webkit-box-shadow: 0 8px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .catalog-products.list .catalog-products__item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-products.list .catalog-products__img { padding: 0 8px; width: 150px; height: auto; border-radius: 4px 0 0 4px; border-right: 2px solid #f8f9fa; } .catalog-products.list .catalog-products__img img { /* max-height: none;*/ max-height: 96px; } .catalog-products__img a { display: none; } .catalog-products.flex-wrap .catalog-products__img img { width: auto; } .catalog-products__img a:first-child { display: block; } .catalog-products.list .catalog-products__info-title { height: auto; font-size: 14px; margin-bottom: 10px; } .catalog-products.list .catalog-products__info { width: calc(100% - 412px); padding: 0 0 0 24px; } .catalog-products.list .catalog-products__info ul li { padding: 0 10px 0 0; width: 90px; } .catalog-products.list .catalog-products__info ul li._full { width: 150px; } .catalog-products.list .catalog-products__info ul li._enfull { width: 120px; } .catalog-products__item-inner ul { /*width: calc(100% - 200px);*/ } .catalog-products.list .catalog-products__info ul li p { line-height: 20px; white-space: normal; max-width: 280px; } .catalog-products.list .catalog-products__info ul li:last-child { padding-right: 0; } .catalog-products.list .catalog-products__bottom { height: auto; width: 147px; padding: 10px 16px 10px 8px; margin: 0; -webkit-align-self: flex-start; align-self: flex-start; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .catalog-products.list .catalog-products__price { height: 35px; line-height: 35px; } .catalog-products.list .catalog-products__item:hover .catalog-products__bottom { height: auto; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn { width: 100%; height: 35px; line-height: 35px; margin: 5px 0 0 0; padding: 0 10px !important; } .catalog-products.list .catalog-products__bottom a i, .catalog-products.list .catalog-products__bottom .btn i { margin-left: 8px; } .catalog-products.list .catalog-products__bottom a:first-child { margin-top: 0; } .catalog-products.list .catalog-products__compare { text-align: right; padding: 50px 0 13px 8px; width: 230px; } .catalog-products.list .catalog-products__compare > div { position: relative; } .catalog-products.list .catalog-products__compare button { width: 100%; } .catalog-products .catalog-products__compare-tooltip::after { content: ""; position: absolute; left: 50%; bottom: -7px; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #fa6400 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .catalog-products .catalog-products__compare-tooltip { position: absolute; top: 0; left: -10px; padding: 10px 20px; background: #fa6400; white-space: nowrap; color: #fff; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 200; } .catalog-products .catalog-products__compare-tooltip._show { top: 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translateY(-140%); transform: translateY(-140%); visibility: visible; } .button-up { display: none; position: fixed; bottom: 120px; left: 0; width: 100%; z-index: 100; } .button-up .container { position: relative; } .button-up button { width: 48px; height: 48px; position: absolute; right: -48px; background: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 101; cursor: pointer; -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.27); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.27); } .button-up button svg { width: 27px; height: auto; } .button-up button svg path { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; fill: #1e6dad; } .button-up button:hover, .button-up button:focus, .button-up button:active {border:0; outline:0; box-shadow: none;} .button-up button:hover svg path { fill: #00acff; } /*.b24-widget-button-position-bottom-right {*/ /* bottom: 100px !important;*/ /*}*/ .header-btn { margin-top: 7px; margin-bottom: 7px; margin-right: 15px; } body .header-btn { padding: 5px 14px !important; height: 30px !important; } .header-btn i { margin-left: 4px; } .popup__content .js-form { padding: 0; } .pulse-shadow { animation: pulse-shadow-default 1.5s linear infinite; } @keyframes pulse-shadow-default { 0% { box-shadow: 0 0 0 0 rgba(29, 160, 242, 0.7); } 40% { box-shadow: 0 0 0 15px rgba(29, 160, 242, 0); } 80% { box-shadow: 0 0 0 15px rgba(29, 160, 242, 0); } 100% { box-shadow: 0 0 0 0 rgba(29, 160, 242, 0); } } .header__btn-wrap-m { display: none; } .header-left-mob-btn-wrap { margin: 15px 24px 0; } @media screen and (max-width: 1440px) { .header__contacts { max-width: 175px; } .header__contacts span { display: block; margin-left: 0 !important; } } @media screen and (max-width: 1250px) { .header__btn-wrap-m { display: block; margin-left: 15px; } } @media screen and (max-width: 900px) { .catalog-products.list .catalog-products__info { padding: 24px; } .catalog-products.list .catalog-products__info ul { display: block; } .catalog-products.list .catalog-products__info ul li { margin: 0 0 5px 0; } .catalog-products.list .catalog-products__info ul li:last-child { margin: 0; } .catalog-products.list .catalog-products__bottom, .catalog-products.list .catalog-products__compare { -webkit-align-self: flex-end; align-self: flex-end; } } @media screen and (max-width: 768px) { .button-up { display: none !important; } } @media screen and (max-width: 767px) { body .header__right-m { width: fit-content; } body .header__col { width: fit-content; } body a.header__logo { width: fit-content; } } @media screen and (max-width: 640px) { .catalog-products__item-inner ul { width: 100%; } .catalog-products.list .catalog-products__item-inner { -webkit-flex-wrap: wrap; -mozz-flex-wrap: wrap; flex-wrap: wrap; } .catalog-products.list .catalog-products__img, .catalog-products.list .catalog-products__info { width: 100%; } .catalog-products.list .catalog-products__compare { /*width: 40%;*/ padding: 0 24px; text-align: right; } .catalog-products.list .catalog-products__bottom { width: 100%; padding: 10px 24px 24px 24px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; } .b24-widget-button-position-bottom-right { bottom: 40px !important; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn { margin-top: 0; width: auto; min-width: 130px; order: 0; } .catalog-products.list .catalog-products__bottom .btn:nth-child(1) { margin-left: 10px; } .catalog-products.list .catalog-products__bottom .btn:nth-child(2) { order: -1; } .catalog-products.list .catalog-products__price { width: auto; order: 1; margin-left: 20px; text-align: left; } } @media screen and (max-width: 500px) { .header__btn-wrap-m { display: none; } } /* ------------ COMPARE PAGE ------------ */ .compare-top { margin-bottom: 20px; width: 100%; } .compare-top__list, .compare-overlay__list { margin: 0 -10px; } .compare-top__wrapper, .compare-overlay__wrapper { position: relative; } .compare-top__item, .compare-overlay__item { padding: 0 10px; width: 20%; display: none; } .compare-top__item:nth-child(1), .compare-top__item:nth-child(2), .compare-top__item:nth-child(3), .compare-top__item:nth-child(4), .compare-top__item:nth-child(5), .compare-overlay__item:nth-child(1), .compare-overlay__item:nth-child(2), .compare-overlay__item:nth-child(3), .compare-overlay__item:nth-child(4), .compare-overlay__item:nth-child(5) { display: block; } .compare-top__item._show { display: block !important; } .compare-top__item a { position: relative; display: block; background: #fff; height: 100%; padding: 35px 24px 24px; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-top__item a:hover { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__item.sortable-ghost a { -webkit-opacity: 0.1; -moz-opacity: 0.1; opacity: 0.1; } .compare-top__item a img { margin-bottom: 15px; } .compare-top__item._add-more::after { content: ""; position: absolute; right: 0; top: 0; width: 20px; height: 100%; z-index: 1; } .compare-top__item._add-more { position: relative; } .compare-top__item._add-more a { text-align: center; } .compare-top__item._add-more a img { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .compare-top__item._add-more a:hover img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .compare-top__item a span { color: #212529; font-family: "PT Sans"; font-size: 16px; font-weight: 400; letter-spacing: 0.67px; } .compare-top__item._add-more a span { font-size: 14px; } .compare-top__item-remove { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; background: #f8f9fa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .compare-button-clear { color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-button-clear:hover { color: #ff5a00; } .compare-top__item-remove svg, .compare-button-clear svg { height: auto; } .compare-button-clear svg { margin-right: 7px; } .compare-top__item-remove path, .compare-button-clear path { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-top__item-remove path:first-child, .compare-button-clear path:first-child { fill: #212529; } .compare-top__item-remove path:last-child, .compare-button-clear path:last-child { stroke: #212529; } .compare-top__item-remove:hover path:first-child, .compare-button-clear:hover path:first-child { fill: #ff5a00; } .compare-top__item-remove:hover path:last-child, .compare-button-clear:hover path:last-child { stroke: #ff5a00; } .compare-wrapper { width: 100%; max-width: 100%; overflow: auto; } .compare { margin-bottom: 25px; } .compare-inner { background: #fff; padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .compare-type { margin-bottom: 30px; } .compare-type__item { height: 48px; line-height: 48px; padding: 0 15px; margin-right: 15px; color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; } .compare-type__item:last-child { margin-right: 0; } .compare-type__item.active { background: #f4f4f4; } .compare-type__item:hover { color: #ff5a00; } .compare-field { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eef2f5; } .compare-field:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .compare-fields { display: none; /*width: 100%;*/ /*max-width: 100%;*/ /*overflow: auto;*/ } .compare-fields:first-child { display: block; } .compare_field__name { color: #212529; font-size: 16px; font-weight: 700; margin-bottom: 10px; letter-spacing: 0.67px; } .compare_field__values { -webkit-transform: translateX(-34px); -moz-transform: translateX(-34px); transform: translateX(-34px); width: calc(100% + 68px); } .compare_field__value { width: 20%; display: none; padding: 0 34px; box-sizing: border-box; } /*.compare_field__value._show:nth-child(1) {*/ /* padding-left: 0;*/ /*}*/ .compare_field__value:nth-child(1), .compare_field__value:nth-child(2), .compare_field__value:nth-child(3), .compare_field__value:nth-child(4), .compare_field__value:nth-child(5) { display: block; } .compare_field__value:last-child { padding-right: 0; } .compare_field__value a { color: #212529; text-decoration: none; } .compare_field__value a:hover { color: #ff5a00; } .compare-sections__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .compare-sections__item { margin: 0 20px 20px 0; padding: 0 30px; height: 40px; line-height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 0; color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; text-decoration: none; background: #fff; } .compare-sections__item.active { color: #ff5a00; } .compare-sections__item:hover { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left, .compare-top__list-right { position: absolute; display: none; top: 50%; width: 40px; height: 40px; line-height: 42px; background: #fff; text-align: center; color: #212529; font-size: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .compare-top__list-left:hover, .compare-top__list-right:hover { color: #ff5a00; -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left { left: -50px; } .compare-top__list-right { right: -50px; } .compare-top__list-right i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .compare-top__list-left._disable, .compare-top__list-right._disable { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: default; } .compare-top__list-left._disable:hover, .compare-top__list-right._disable:hover { color: #212529; -webkit-box-shadow: none; box-shadow: none; } @media screen and (max-width: 1330px) { .compare-top__list-left, .compare-top__list-right { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left { left: 0; } .compare-top__list-right { right: 0; } } @media screen and (max-width: 993px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 20%; } .compare-top__item:nth-child(5), .compare-overlay__item:nth-child(5), .compare_field__value:nth-child(5) { display: none; } } @media screen and (max-width: 769px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 33.333333%; } .compare-top__item:nth-child(4), .compare-overlay__item:nth-child(4), .compare_field__value:nth-child(4) { display: none; } .compare-inner { padding: 15px; } .compare-top__item a { padding: 25px 15px 15px; } .compare-top__item-remove { top: 5px; right: 5px; } .compare-button-clear, .compare-type__item, .compare_field__name { font-size: 15px; } .compare-top__item a span, .compare_field__values { font-size: 14px; } .compare_field__values { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); width: calc(100% + 30px); } .compare_field__value { padding: 0 15px; } .compare_field__value:last-child { padding-right: 0; } .compare-sections__item { margin: 0 10px 10px 0; padding: 0 20px; height: 35px; line-height: 35px; font-size: 14px; } } @media screen and (max-width: 600px) { .compare-type__item span { display: none; } } @media screen and (max-width: 520px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 50%; } .compare-top__item:nth-child(3), .compare-overlay__item:nth-child(3), .compare_field__value:nth-child(3) { display: none; } } @media screen and (max-width: 400px) { .compare-button-clear svg { margin-right: 0; } .compare-button-clear span { display: none; } } .compare-overlay { position: fixed; top: 63px; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #dee2e6; z-index: 100; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-230%); -moz-transform: translateY(-230%); transform: translateY(-230%); } .compare-overlay.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .compare-overlay__list { padding: 5px 0; } .compare-overlay__item { padding: 0 34px; } .compare-overlay__item a { position: relative; padding: 10px 0; font-size: 13px; color: #212529; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-overlay__item a:hover { color: #0d95e8; } .compare-overlay__item a img { width: 50px; } .compare-overlay__item a span { width: calc(100% - 50px); padding-left: 15px; } /* RANGE SLIDER */ .noUi-target::after { content: ""; display: block; position: absolute; top: 0; right: -17px; width: 30px; height: 8px; background-color: #e3e6ea; border-radius: 4px; } .noUi-target { border: 0; position: relative; box-shadow: none; height: 8px; border-radius: 4px; width: calc(100% - 23px); margin-left: 4px; background-color: #e3e6ea; } .noUi-connect { background: #00acff; } .noUi-handle::after, .noUi-handle::before { display: none; } .noUi-handle { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 24px; height: 24px; border-radius: 12px; border: 2px solid #00acff; background: #fff; box-shadow: none; cursor: pointer; } .noUi-horizontal .noUi-handle { width: 24px; height: 24px; top: -8px; right: -17px; } .noUi-touch-area { background-color: #00acff; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; } /* dynamic table */ .dynamic-table table { border-collapse: collapse; } .dynamic-table table tr th { padding: 16px 50px 16px 0; font-weight: 600; color: #adb5bd; letter-spacing: 0.666667px; text-align: left; } .dynamic-table table tr td { padding: 16px 50px 16px 0; border-collapse: collapse; letter-spacing: 0.666667px; border-top: 1px solid #eef2f5; text-align: left; } .dynamic-table__field { border-top: 1px solid #eef2f5; padding: 16px 0; } .dynamic-table__field:first-child { border-top: 0; padding-top: 0; } .dynamic-table__head, .dynamic-table__value { box-sizing: border-box; font-size: 13px; } .dynamic-table__value { padding-top: 8px; } .dynamic-table__value:nth-child(2n) { font-weight: 600; padding-bottom: 16px; } .dynamic-table__value:nth-child(2n + 1) { padding: 0; } .dynamic-table__value:last-child { padding-bottom: 0; } .dynamic-table._mobile { display: none; } @media screen and (max-width: 700px) { .dynamic-table._mobile { display: block; } .dynamic-table._pc { display: none; } } .m-menu { z-index: 111 !important; } .header__right-m .i-search { flex-shrink: 0; } @media screen and (max-width: 768px) { .catalog-products .catalog-products__item .catalog-products__bottom { opacity: 1; height: auto; } .page-caption .catalog-views { display: none; } .b24-widget-button-inner-item.b24-widget-button-icon-animation svg { height: auto; } .catalog-products__item:hover { transform: unset; } } .m-menu .m-menu__catalog { background: #dee2e6; width: 100vw; margin-left: 0px; order: -1; padding: 0; margin-bottom: 20px; } .m-menu .m-menu__catalog .flex.aic { margin: auto; padding-left: 20px; padding-right: 20px; } .m-menu .m-menu__catalog .i-menu-arrow { display: none; } .m-menu__catalog-toggle span { font-weight: 700; line-height: 19px; color: #495057; margin-left: 13px; } .i-search.js-open-search { /* display: none; */ } .i-user.js-auth { padding: 0; } .header._bottom .header__right-m > button { padding: 0; } .header._bottom .header__right-m > a { padding: 0; } .m-menu { position: fixed !important; } .filter-main .filter-main-form__select-current span, .filter-main .filter-main-form__select-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .b24-widget-button-inner-item svg { height: auto; } /*плитка цены и скидка*/ .catalog-products__item-inner .catalog-products__img .tile--diz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 16px; background: #e50f2b; border-radius: 4px; position: absolute; font-weight: bold; font-size: 11px; color: #fff; left: 24px; top: 24px; z-index: 200; } .catalog-products__bottom .catalog-products__price .tile-old--price { font-size: 14px; text-decoration: line-through; color: #979ca6; line-height: 1; } .catalog-products__bottom .catalog-products__price .tile-new--price { color: #e50f2b; font-weight: bold; font-size: 20px; line-height: 1; } /*личный кабинет кнопка вам доступны скидки*/ .personal-content__left-inner .personal-hello__item .btn--diz { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #3486c7; border-radius: 6px; height: 40px; padding: 0 12px 0 16px; max-width: 214px; -webkit-transition: linear 0.2s; -o-transition: linear 0.2s; transition: linear 0.2s; } .personal-content__left-inner .personal-hello__item .btn--diz:hover { background: #1e6dad; } .personal-content__left-inner .personal-hello__item .btn--diz span { font-weight: bold; font-size: 14px; color: #ffffff; text-transform: inherit; } /*цена single карточка товара product-detail*/ .product-detail__top .product-detail__top-row { padding-top: 44px; } .product-detail__top-row .pro-det--diz { position: absolute; background: #e50f2b; border-radius: 4px; width: 35px; height: 16px; font-weight: bold; font-size: 11px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; left: 74px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 24px; } .product-detail__top-info .price .p-old--price { font-size: 20px; color: #979ca6; text-decoration: line-through; line-height: 1; } .product-detail__top-info .price .p-new--price { line-height: 1; color: #e50f2b; font-weight: bold; font-size: 32px; } .product-detail__top-row .product-detail__top-info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 900px) { .product-detail__top-row .pro-det--diz { left: 30px; } .product-detail__top-row .sec-title { padding: 0; } .product-detail__top-col--slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-detail__top-col--slider .product-detail-slider { width: 100%; } } @media (max-width: 480px) { .product-detail__top .product-detail__top-info .price { margin-right: auto; text-align: left; } .product-detail__top-info .btn { width: 60%; } .product-detail__top-info .price .p-new--price { font-size: 20px; } .product-detail__top-info .price .p-old--price { font-size: 15px; } .product-detail__top-row .product-detail__top-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-detail__top-info div:last-child { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .product-detail__top-info .btn { margin-top: 0 !important; } .product-detail__top-info .compare-button { margin-left: auto !important; margin-bottom: 10px; } .product-detail__top-info .price div { font-size: 20px; line-height: 1; } } /*нет в наличии*/ /*.catalog__col--products .catalog-products__price .no_quantity_list { margin-left: 0; position: absolute; right: 0; bottom: 0; }*/ .catalog__col--products .catalog-products__price { display: flex; align-items: center; justify-content: space-between; } .catalog__col--products .catalog-products__price .no_quantity_list { margin-left: 0; } /*для листа каталог*/ .catalog-products.list .catalog-products__price { white-space: nowrap; } .catalog-products.list .no_quantity_list { margin: 13px 0 0 0; } .catalog-products__price { letter-spacing: 0 !important; } /*Мой заказ*/ .personal-content .cart-table__col--summ { text-align: left; } .personal-content .cart-table__col--summ .price-old { margin-left: 10px; } .personal-content .cart-table__col--summ .js-item-summary-price, .personal-content .cart-table__info .js-item-price { letter-spacing: 0; font-weight: bold; font-size: 14px; } .personal-content .cart-table__info .js-item-price { text-align: right; white-space: nowrap; } .personal-content .cart-table__info .price-old { font-weight: normal; font-size: 12px; white-space: nowrap; } .personal-content .cart-table__summary { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; white-space: nowrap; } .personal-content .cart-table__summary .cart-table__col .cart-table--myOrder-old { text-decoration: line-through; font-size: 14px; color: #979ca6; } .personal-content .cart-table__summary .cart-table__col .cart-table--myOrder-all { font-weight: bold; font-size: 20px; color: #21252a; text-align: right; } .personal-content .cart-table__col--summ .js-item-summary-price { text-align: right; } .personal-content .cart-table__summary .cart-table__col { text-align: right; } .personal-content .cart-table__row .cart-table__col:last-child { text-align: right; padding-right: 40px; } @media (max-width: 480px) { .personal-content .cart-table__row .cart-table__col:last-child { width: 100%; padding-right: 0; } .personal-content .cart-table__info .js-item-price { text-align: left; } } .cart-table__col--summ .js-item-summary-old-price { font-size: 12px; } @media (max-width: 480px) { .personal-content__right .personal-orders__item ul li.right { text-align: left; } .personal-orders__list .personal-orders__item ul li._double { width: 49%; } .personal-orders__item ul li._double .red { color: #495057; } .personal-orders__item .flex-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .personal-orders__list .personal-orders__item ul li._double { width: 17%; max-width: 138px; } @media (max-width: 1000px) { .personal-orders__list .personal-orders__item ul li._double { width: 17%; max-width: 147px; } } .personal-orders__header span { color: #adb5bd; font-size: 11px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.33px; text-transform: uppercase; } .personal__balance { background-color: #ffffff; border-radius: 8px; box-shadow: 10px 10px 30px 0px rgba(228, 233, 236, 0.5); margin-bottom: 16px; } .personal__negative { display: none; border-radius: 8px 8px 0px 0px; background-color: #e50f2b; padding: 24px; } .personal__negative-description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.32px; color: #ffffff; margin-bottom: 0; b { font-weight: 700; } } .personal__positive { padding: 24px; display: flex; justify-content: space-between; align-items: center; @media (max-width: 330px) { flex-direction: column; align-items: start; } } .personal__balance-title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; margin-bottom: 0; @media (max-width: 767px) { font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.24px; } } .personal__balance-box { display: flex; align-items: center; justify-content: space-between; width: 100%; @media (max-width: 767px) { flex-direction: column; align-items: start; } } .personal__price { font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; color: #60c65d; margin-right: auto; margin-left: 10px; } .personal__detail { font-family: "PT Sans"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; color: #3486c7; background-color: #ffffff; padding: 12px 16px; max-width: 150px; border-radius: 6px; border: 1px solid #3486c7; margin-left: 16px; transition: all 0.3s ease; text-align: center; @media (max-width: 767px) { margin-left: 0; } } .personal__detail:hover { background-color: #3486c7; color: #ffffff; } .personal__balance--negative .personal__price { color: #e50f2b; } .personal__balance--negative .personal__negative { display: block; } .catalog-products.list .catalog-products__item .catalog-products__bottom { font-weight: 500; font-size: 21px; min-width: 147px; } /*оформление заказа цены */ .wrapper .checkout-success .checkout-success__col--right ._discount .js-discount-price { text-decoration: line-through; font-size: 14px; color: #979ca6 !important; } .checkout-success .checkout-success__price p { font-weight: bold; font-size: 20px; color: #e50f2b; } /*цены сравнение*/ .compare-field .compare_field__values .compare_field--oldPrice { display: block; font-size: 14px; text-decoration: line-through; color: #979ca6; line-height: 1; } .compare-field .compare_field__values .compare_field--newPrice { /*color: #E50F2B;*/ font-weight: bold; font-size: 20px; line-height: 1; } /*иконка авторизированного пользователя*/ @media (max-width: 1250px) { .is-authorized--link { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 480px) { .list-discount--section .list-discount--section--title { padding-right: 45px; } } /*заказ оформлен */ @media (max-width: 930px) { .wrapper .checkout-success { margin-bottom: 0; } } /* кнопка добавление товара лист*/ .catalog-products.list .catalog-products__bottom .btn { justify-content: center; } /*одинаковая высота цены в сравнении товара*/ .compare_field__values { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 480px) { .product-detail__top-row .product-detail__top-info { justify-content: space-between; } } /*m-menu__catalog*/ @media (min-width: 1251px) { .m-menu__catalog { display: none; } } @media (max-width: 1251px) { .m-menu .m-menu__catalog { width: 100%; } } /* сравние товаров fixed menu show */ .compare-overlay.show { top: 80px; } .compare-overlay.show .compare-overlay__list { align-items: center; } /*page search*/ .block_not_result { font-style: normal; font-weight: bold; font-size: 10px; line-height: 16px; margin-bottom: 16px; letter-spacing: 0.02em; color: #28282c; background: #f7f9fa; border-radius: 8px; padding: 8px; display: inline-flex; align-items: center; width: auto; } .block_not_result svg { margin-right: 8px; } .block_search_item { background: #f7f9fa; box-shadow: 10px 10px 30px rgba(228, 233, 236, 0.5); border-radius: 8px; padding: 24px 24px 12px; margin-bottom: 8px; } .block_title { margin-bottom: 16px; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 0.04em; color: #28282c; display: flex; align-items: center; justify-content: space-between; } .block_title a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: 0.04em; color: #33affb; display: flex; align-items: center; } .block_title a svg { margin-left: 4px; position: relative; right: 0; transition: all 0.3s linear; } .block_title a:hover svg { right: -3px; } .block_item_cat_res a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; letter-spacing: 0.04em; color: #28282c; } .block_item_cat_res { display: flex; align-items: center; margin-bottom: 12px; } .block_item_cat_res a:hover { color: #00acff; } .block_item_cat_res img { width: 24px; height: 24px; border-radius: 50%; } .block_item_cat_res a { display: flex; align-items: center; } .block_item_cat_res img { margin-right: 8px; } .articul { margin-right: 8px; } .block_item_cat_res span { background: rgba(229, 15, 43, 0.4); } .link_more { cursor: pointer; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; letter-spacing: 0.04em; color: #33affb; margin-top: 8px; margin-bottom: 12px; display: none; position: relative; } .link_more:after { content: ""; width: 16px; height: 16px; display: block; position: absolute; top: 3px; right: -20px; background: url(/local/templates/maknot/css/img/show_more_str.svg) no-repeat center; } .link_more.block { display: inline-flex; } .link_more.SHOW:after { transform: rotate(180deg); } ._hide { display: none !important; } ._mt-40 { margin-top: 40px; } .wrapper > .top-banner { display: block; height: 80px; background-color: #000; background-position: center top; } .header__geo { width: 190px; max-width: 190px; } .header__geo-list li.hide, .m-menu__geo-list li.hide { display: none; } .header__contacts-item, .m-menu__contacts > * { display: none; } .header__contacts-item:first-child, .m-menu__contacts > :first-of-type { display: block; } .catalog-products__item-inner { position: relative; } .catalog-products__item-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; } .catalog-products__item.btn { position: relative; z-index: 110; } .catalog-products__item.btn.added { justify-content: center; text-align: center; } .text-block { font-weight: 500; font-size: 16px; letter-spacing: 0.67px; line-height: 32px; color: #212529; } .filter-main-form__item-btn { width: 100%; transition: 0.3s; } .filter-main-form__item-btn:hover { background-color: #1e6dad; } .form-answer { display: none; color: #009051; font-size: 14px; margin-bottom: 24px; } .form-answer._error { color: #ff3300; } .product-properties { max-width: 500px; width: 100%; margin-bottom: 40px; } .product-properties__item { margin-bottom: 20px; position: relative; } .product-properties__item:last-child { margin-bottom: 0; } .product-properties__item span { color: #212529; font-size: 15px; letter-spacing: 0.5px; background-color: #fff; z-index: 2; } .product-properties__item span:first-child { padding-right: 7px; } .product-properties__item span:last-child { padding-left: 7px; } .product-properties__item:after { content: ""; position: absolute; display: block; height: 0; width: 100%; border-bottom: 1px dotted #ccc; z-index: 1; left: 0; top: 17px; } .product-properties__item a { color: #212529; text-decoration: none; } .product-properties__item a:hover { color: #ff5a00; } .block-main__slider-content { border-radius: 8px; overflow: hidden; } .block-main__slider-content a { display: block; line-height: 0; } .filter__item-sublist { max-height: 200px; overflow: auto; } .point-title { font-weight: 600 !important; } .brands__text::after { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 30px; background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); } .brands__text { margin-bottom: 20px !important; height: 150px; overflow: hidden; position: relative; } .detail__block-col a { color: #1e6dad; } .detail__block-col a:hover { color: #fa6400; } .advantage ul { display: flex; flex-wrap: wrap; margin-top: 25px; } .advantage li { display: flex; align-items: center; max-width: 200px; width: 100%; margin: 0 10px 10px 0; } .advantage__img { width: 64px; height: 64px; overflow: hidden; margin-right: 10px; flex-shrink: 0; } .advantage__img img { max-width: 100%; width: 100%; } .advantage__tx { font-size: 10pt; line-height: 16px; max-height: 45px; overflow: hidden; } .selection-block { margin-top: 20px; } .selection-block__link { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 5px 5px 5px 30px; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; position: relative; } .selection-block__substrate { position: absolute; width: 120px; height: 180%; right: -60px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 1; } .selection-block__text { width: calc(100% - 100px); padding-right: 5px; color: #fff; font-size: 15px; font-weight: 600; line-height: 24px; position: relative; z-index: 2; } .selection-block__icon { width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; z-index: 2; } .selection-block__link:hover .selection-block__substrate { width: 100%; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); right: 0; } .panel { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: #0096ff; z-index: 150; } .panel__close::before, .panel__close::after { background: #fff !important; } .panel__close { position: absolute !important; right: 20px; top: 20px; } .panel__text { color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.35px; padding-right: 40px; line-height: 20px; } .gallery__item img { transform: translateX(1px); } .personal-orders .empty-list, .personal-orders .empty-list p { font-size: 15px; } .personal-orders .empty-list a { color: #0081f0; text-decoration: none; } .personal-orders .empty-list a:hover { color: #212529; } .columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .columns > div { padding: 0 10px; width: 50%; } .columns > div.full { width: 100%; } .columns .form__item:nth-child(6) { width: 100%; } .columns .form__placeholder { left: 26px; } .columns .form__placeholder.active { left: 18px; } @media screen and (max-width: 1100px) { .selection-block { margin-top: 20px; } .selection-block__text { width: calc(100% - 60px); } .selection-block__icon { width: 60px; height: 60px; } .selection-block__substrate { height: 270%; right: -30px; } .selection-block__link { padding: 0 20px; } } @media screen and (max-width: 768px) { .product-properties__item span { font-size: 14px; } } @media screen and (max-width: 420px) { .product-properties__item span { font-size: 13px; } .selection-block__link { padding: 10px 20px; } .selection-block__substrate { right: -70px; } } /* compare button */ .compare-button { padding: 0; height: 35px; line-height: 35px; background: transparent; position: relative; z-index: 101; min-width: 91px; } .catalog-products__info-compare .compare-button { background: #f8f9fa; padding: 7px 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .compare-button img { width: 20px; } .compare-button img._active { display: none; } .compare-button.added img { max-width: 20px; } .compare-button.added img._default { display: none; } .compare-button.added img._active { display: block; } .compare-button span { font-family: "PT Sans"; font-size: 12px; margin-left: 7px; font-weight: 700; letter-spacing: 0.4px; white-space: nowrap; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-button:hover span, .compare-button.added span { color: #ff5a00; } /* product list views */ .catalog-views { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); } .catalog-views__button { width: 32px; height: 32px; margin-right: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; line-height: 32px; } .catalog-views__button path { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } span.catalog-views__button { background: #212529; } span.catalog-views__button path { fill: #fff; } a.catalog-views__button { background: #fff; } a.catalog-views__button path { fill: #212529; } a.catalog-views__button:hover path { fill: #ff5a00; } .catalog-views__button:last-child { margin-right: 0; } .catalog-products.list { margin: 0; } .catalog-products.list .catalog-products__item { width: 100%; height: auto; padding: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); margin-bottom: 10px; } .catalog-products.list .catalog-products__item:hover .catalog-products__item-inner { -webkit-box-shadow: 0 8px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .catalog-products.list .catalog-products__item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-products.list .catalog-products__img { padding: 0 8px; width: 150px; height: auto; border-radius: 4px 0 0 4px; border-right: 2px solid #f8f9fa; } .catalog-products.list .catalog-products__img img { max-height: none; } .catalog-products__img a { display: none; } .catalog-products__img a:first-child { display: block; } .catalog-products.list .catalog-products__info-title { height: auto; font-size: 14px; margin-bottom: 10px; } .catalog-products.list .catalog-products__info { width: calc(100% - 412px); padding: 0 0 0 24px; } .catalog-products.list .catalog-products__info ul li { padding: 0 10px 0 0; width: 90px; } .catalog-products.list .catalog-products__info ul li._full { width: 150px; } .catalog-products.list .catalog-products__info ul li._enfull { width: 120px; } .catalog-products.list .catalog-products__info ul li p { line-height: 20px; white-space: normal; max-width: 280px; } .catalog-products.list .catalog-products__info ul li:last-child { padding-right: 0; } .catalog-products.list .catalog-products__bottom { height: auto; width: 147px; padding: 10px 16px 10px 8px; margin: 0; -webkit-align-self: flex-start; align-self: flex-start; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; text-align: left; } .catalog-products.list .catalog-products__price { height: 35px; line-height: 35px; } .catalog-products.list .catalog-products__item:hover .catalog-products__bottom { height: auto; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn { width: 100%; height: 35px; line-height: 35px; margin: 5px 0 0 0; padding: 0 10px !important; } .catalog-products.list .catalog-products__bottom a i, .catalog-products.list .catalog-products__bottom .btn i { margin-left: 8px; } .catalog-products.list .catalog-products__bottom a:first-child { margin-top: 0; } .catalog-products.list .catalog-products__compare { text-align: right; padding: 50px 0 13px 8px; width: 230px; } .catalog-products.list .catalog-products__compare > div { position: relative; } .catalog-products.list .catalog-products__compare button { width: 100%; } .catalog-products .catalog-products__compare-tooltip::after { content: ""; position: absolute; left: 50%; bottom: -7px; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #fa6400 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .catalog-products .catalog-products__compare-tooltip { position: absolute; top: 0; left: -10px; padding: 10px 20px; background: #fa6400; white-space: nowrap; color: #fff; -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 200; } .catalog-products .catalog-products__compare-tooltip._show { top: 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translateY(-140%); transform: translateY(-140%); visibility: visible; } /*.b24-widget-button-position-bottom-right {*/ /* bottom: 100px !important;*/ /*}*/ @media screen and (max-width: 900px) { .catalog-products.list .catalog-products__info { padding: 24px; } .catalog-products.list .catalog-products__info ul { display: block; } .catalog-products.list .catalog-products__info ul li { margin: 0 0 5px 0; } .catalog-products.list .catalog-products__info ul li:last-child { margin: 0; } .catalog-products.list .catalog-products__bottom, .catalog-products.list .catalog-products__compare { -webkit-align-self: flex-end; align-self: flex-end; } } @media screen and (max-width: 768px) { .button-up { display: none !important; } } @media screen and (max-width: 640px) { .catalog-products.list .catalog-products__item-inner { -webkit-flex-wrap: wrap; -mozz-flex-wrap: wrap; flex-wrap: wrap; } .catalog-products.list .catalog-products__img, .catalog-products.list .catalog-products__info { width: 100%; } .catalog-products.list .catalog-products__compare { /*width: 40%;*/ padding: 0 24px; text-align: right; } .catalog-products.list .catalog-products__bottom { width: 100%; padding: 10px 24px 24px 24px; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; } .b24-widget-button-position-bottom-right { bottom: 40px !important; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn { margin-top: 0; width: auto; min-width: 130px; order: 0; } .catalog-products.list .catalog-products__bottom .btn:nth-child(1) { margin-left: 10px; } .catalog-products.list .catalog-products__bottom .btn:nth-child(2) { order: -1; } .catalog-products.list .catalog-products__price { width: auto; order: 1; margin-left: 20px; text-align: left; } } /* ------------ COMPARE PAGE ------------ */ .compare-top { margin-bottom: 20px; width: 100%; } .compare-top__list, .compare-overlay__list { margin: 0 -10px; } .compare-top__wrapper, .compare-overlay__wrapper { position: relative; } .compare-top__item, .compare-overlay__item { padding: 0 10px; width: 20%; display: none; } .compare-top__item:nth-child(1), .compare-top__item:nth-child(2), .compare-top__item:nth-child(3), .compare-top__item:nth-child(4), .compare-top__item:nth-child(5), .compare-overlay__item:nth-child(1), .compare-overlay__item:nth-child(2), .compare-overlay__item:nth-child(3), .compare-overlay__item:nth-child(4), .compare-overlay__item:nth-child(5) { display: block; } .compare-top__item._show { display: block !important; } .compare-top__item a { position: relative; display: block; background: #fff; height: 100%; padding: 35px 24px 24px; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-top__item a:hover { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__item.sortable-ghost a { -webkit-opacity: 0.1; -moz-opacity: 0.1; opacity: 0.1; } .compare-top__item a img { margin-bottom: 15px; } .compare-top__item._add-more::after { content: ""; position: absolute; right: 0; top: 0; width: 20px; height: 100%; z-index: 1; } .compare-top__item._add-more { position: relative; } .compare-top__item._add-more a { text-align: center; } .compare-top__item._add-more a img { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .compare-top__item._add-more a:hover img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .compare-top__item a span { color: #212529; font-family: "PT Sans"; font-size: 16px; font-weight: 400; letter-spacing: 0.67px; } .compare-top__item._add-more a span { font-size: 14px; } .compare-top__item-remove { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; background: #f8f9fa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .compare-button-clear { color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-button-clear:hover { color: #ff5a00; } .compare-top__item-remove svg, .compare-button-clear svg { height: auto; } .compare-button-clear svg { margin-right: 7px; } .compare-top__item-remove path, .compare-button-clear path { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-top__item-remove path:first-child, .compare-button-clear path:first-child { fill: #212529; } .compare-top__item-remove path:last-child, .compare-button-clear path:last-child { stroke: #212529; } .compare-top__item-remove:hover path:first-child, .compare-button-clear:hover path:first-child { fill: #ff5a00; } .compare-top__item-remove:hover path:last-child, .compare-button-clear:hover path:last-child { stroke: #ff5a00; } .compare-wrapper { width: 100%; max-width: 100%; overflow: auto; } .compare { margin-bottom: 25px; } .compare-inner { background: #fff; padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .compare-type { margin-bottom: 30px; } .compare-type__item { height: 48px; line-height: 48px; padding: 0 15px; margin-right: 15px; color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; } .compare-type__item:last-child { margin-right: 0; } .compare-type__item.active { background: #f4f4f4; } .compare-type__item:hover { color: #ff5a00; } .compare-field { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eef2f5; } .compare-field:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .compare-fields { display: none; /*width: 100%;*/ /*max-width: 100%;*/ /*overflow: auto;*/ } .compare-fields:first-child { display: block; } .compare_field__name { color: #212529; font-size: 16px; font-weight: 700; margin-bottom: 10px; letter-spacing: 0.67px; } .compare_field__values { -webkit-transform: translateX(-34px); -moz-transform: translateX(-34px); transform: translateX(-34px); width: calc(100% + 68px); } .compare_field__value { width: 20%; display: none; padding: 0 34px; box-sizing: border-box; } /*.compare_field__value._show:nth-child(1) {*/ /* padding-left: 0;*/ /*}*/ .compare_field__value:nth-child(1), .compare_field__value:nth-child(2), .compare_field__value:nth-child(3), .compare_field__value:nth-child(4), .compare_field__value:nth-child(5) { display: block; } .compare_field__value:last-child { padding-right: 0; } .compare_field__value a { color: #212529; text-decoration: none; } .compare_field__value a:hover { color: #ff5a00; } .compare-sections__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .compare-sections__item { margin: 0 20px 20px 0; padding: 0 30px; height: 40px; line-height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 0; color: #212529; font-size: 16px; font-weight: 700; letter-spacing: 0.67px; text-decoration: none; background: #fff; } .compare-sections__item.active { color: #ff5a00; } .compare-sections__item:hover { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left, .compare-top__list-right { position: absolute; display: none; top: 50%; width: 40px; height: 40px; line-height: 42px; background: #fff; text-align: center; color: #212529; font-size: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .compare-top__list-left:hover, .compare-top__list-right:hover { color: #ff5a00; -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left { left: -50px; } .compare-top__list-right { right: -50px; } .compare-top__list-right i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .compare-top__list-left._disable, .compare-top__list-right._disable { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: default; } .compare-top__list-left._disable:hover, .compare-top__list-right._disable:hover { color: #212529; -webkit-box-shadow: none; box-shadow: none; } @media screen and (max-width: 1330px) { .compare-top__list-left, .compare-top__list-right { -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.15); } .compare-top__list-left { left: 0; } .compare-top__list-right { right: 0; } } @media screen and (max-width: 993px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 20%; } .compare-top__item:nth-child(5), .compare-overlay__item:nth-child(5), .compare_field__value:nth-child(5) { display: none; } } @media screen and (max-width: 769px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 33.333333%; } .compare-top__item:nth-child(4), .compare-overlay__item:nth-child(4), .compare_field__value:nth-child(4) { display: none; } .compare-inner { padding: 15px; } .compare-top__item a { padding: 25px 15px 15px; } .compare-top__item-remove { top: 5px; right: 5px; } .compare-button-clear, .compare-type__item, .compare_field__name { font-size: 15px; } .compare-top__item a span, .compare_field__values { font-size: 14px; } .compare_field__values { -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); transform: translateX(-15px); width: calc(100% + 30px); } .compare_field__value { padding: 0 15px; } .compare_field__value:last-child { padding-right: 0; } .compare-sections__item { margin: 0 10px 10px 0; padding: 0 20px; height: 35px; line-height: 35px; font-size: 14px; } } @media screen and (max-width: 600px) { .compare-type__item span { display: none; } } @media screen and (max-width: 520px) { .compare-top__item, .compare-overlay__item, .compare_field__value { width: 50%; } .compare-top__item:nth-child(3), .compare-overlay__item:nth-child(3), .compare_field__value:nth-child(3) { display: none; } } @media screen and (max-width: 400px) { .compare-button-clear svg { margin-right: 0; } .compare-button-clear span { display: none; } } .compare-overlay { position: fixed; top: 63px; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #dee2e6; z-index: 100; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-230%); -moz-transform: translateY(-230%); transform: translateY(-230%); } .compare-overlay.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .compare-overlay__list { padding: 5px 0; } .compare-overlay__item { padding: 0 34px; } .compare-overlay__item a { position: relative; padding: 10px 0; font-size: 13px; color: #212529; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .compare-overlay__item a:hover { color: #0d95e8; } .compare-overlay__item a img { width: 50px; } .compare-overlay__item a span { width: calc(100% - 50px); padding-left: 15px; } /* RANGE SLIDER */ .noUi-target::after { content: ""; display: block; position: absolute; top: 0; right: -17px; width: 30px; height: 8px; background-color: #e3e6ea; border-radius: 4px; } .noUi-target { border: 0; position: relative; box-shadow: none; height: 8px; border-radius: 4px; width: calc(100% - 23px); margin-left: 4px; background-color: #e3e6ea; } .noUi-connect { background: #00acff; } .noUi-handle::after, .noUi-handle::before { display: none; } .noUi-handle { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 24px; height: 24px; border-radius: 12px; border: 2px solid #00acff; background: #fff; box-shadow: none; cursor: pointer; } .noUi-horizontal .noUi-handle { width: 24px; height: 24px; top: -8px; right: -17px; } .noUi-touch-area { background-color: #00acff; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; } /* dynamic table */ .dynamic-table table { border-collapse: collapse; } .dynamic-table table tr th { padding: 16px 50px 16px 0; font-weight: 600; color: #adb5bd; letter-spacing: 0.666667px; text-align: left; } .dynamic-table table tr td { padding: 16px 50px 16px 0; border-collapse: collapse; letter-spacing: 0.666667px; border-top: 1px solid #eef2f5; text-align: left; } .dynamic-table__field { border-top: 1px solid #eef2f5; padding: 16px 0; } .dynamic-table__field:first-child { border-top: 0; padding-top: 0; } .dynamic-table__head, .dynamic-table__value { box-sizing: border-box; font-size: 13px; } .dynamic-table__value { padding-top: 8px; } .dynamic-table__value:nth-child(2n) { font-weight: 600; padding-bottom: 16px; } .dynamic-table__value:nth-child(2n + 1) { padding: 0; } .dynamic-table__value:last-child { padding-bottom: 0; } .dynamic-table._mobile { display: none; } @media screen and (max-width: 700px) { .dynamic-table._mobile { display: block; } .dynamic-table._pc { display: none; } } .m-menu { z-index: 111 !important; } .header__right-m .i-search { flex-shrink: 0; } @media screen and (max-width: 768px) { .catalog-products .catalog-products__item .catalog-products__bottom { opacity: 1; height: auto; } .page-caption .catalog-views { display: none; } .b24-widget-button-inner-item.b24-widget-button-icon-animation svg { height: auto; } .catalog-products__item:hover { transform: unset; } } .m-menu .m-menu__catalog { background: #dee2e6; width: 100vw; margin-left: 0px; order: -1; padding: 0; margin-bottom: 20px; } .m-menu .m-menu__catalog .flex.aic { margin: auto; padding-left: 20px; padding-right: 20px; } .m-menu .m-menu__catalog .i-menu-arrow { display: none; } .m-menu__catalog-toggle span { font-weight: 700; line-height: 19px; color: #495057; margin-left: 13px; } .i-search.js-open-search { /* display: none; */ } .i-user.js-auth { padding: 0; } .header._bottom .header__right-m > button { padding: 0; } .header._bottom .header__right-m > a { padding: 0; } .m-menu { position: fixed !important; } .filter-main .filter-main-form__select-current span, .filter-main .filter-main-form__select-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .b24-widget-button-inner-item svg { height: auto; } .header__balance { position: absolute; padding: 16px; background-color: #ffffff; border-radius: 8px; box-shadow: 10px 10px 30px 0px rgba(228, 233, 236, 0.5); right: 0; bottom: 0; transform: translateY(90%); display: grid; grid-template-columns: 1fr; row-gap: 8px; width: 100%; max-width: 240px; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 50; } @media (max-width: 767px) { .header__balance { transform: translateY(100%); } } .header__row--negative .header__balance { max-width: 240px; row-gap: 12px; transform: translateY(95%); } @media (max-width: 1250px) { .header__row--negative .header__balance { transform: translateY(90%); } } @media (max-width: 767px) { .header__row--negative .header__balance { transform: translateY(100%); } } .header__row--negative .header__auth-link:hover { background-color: #e50f2b; } .header__auth-link-negative { display: none; } .header__row--negative .header__auth-link-negative { display: block; } .header__row--negative .header__auth-link-positive { display: none; } .header__row--negative .header__balance-title--positive { display: none; } .header__row--negative .header__balance-title--negative { display: block; } .header__row--negative .header__balance-price { color: #e50f2b; } .header__row--negative .header__balance-title { display: block; } .header__balance-title { display: none; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.32px; color: #e50f2b; margin-bottom: 0; } .header__balance-title--negative { display: none; } .header__balance-box { display: flex; flex-direction: column; background-color: #f7f9fa; border-radius: 6px; padding: 8px; } .header__balance-label { font-size: 10px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.2px; color: #2a4165; margin-bottom: 4px; } .header__balance-price { color: #60c65d; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; width: 100%; text-align: center; margin-bottom: 0; } .header__balance-detail { color: #3486c7; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; padding: 12px 16px; border-radius: 6px; border: 1px solid #3486c7; background-color: #ffffff; width: 100%; transition: all 0.3s ease; text-align: center; } .header__balance-detail:hover { background-color: #3486c7; color: #ffffff; } .header__auth-link:hover + .header__balance, .header__balance:hover { visibility: visible; opacity: 1; } .header__right-m .header__balance-detail { color: #3486c7; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; padding: 12px 16px; border-radius: 6px; border: 1px solid #3486c7; background-color: #ffffff; width: 100%; transition: all 0.3s ease; } /*плитка цены и скидка*/ .catalog-products__item-inner .catalog-products__img .tile--diz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 16px; background: #e50f2b; border-radius: 4px; position: absolute; font-weight: bold; font-size: 11px; color: #fff; left: 24px; top: 24px; z-index: 200; } .catalog-products__bottom .catalog-products__price .tile-old--price { font-size: 14px; text-decoration: line-through; color: #979ca6; line-height: 1; } .catalog-products__bottom .catalog-products__price .tile-new--price { color: #e50f2b; font-weight: bold; font-size: 20px; line-height: 1; } /*личный кабинет кнопка вам доступны скидки*/ .personal-content__left-inner .personal-hello__item .btn--diz { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #3486c7; border-radius: 6px; height: 40px; padding: 0 12px 0 16px; max-width: 214px; -webkit-transition: linear 0.2s; -o-transition: linear 0.2s; transition: linear 0.2s; } .personal-content__left-inner .personal-hello__item .btn--diz:hover { background: #1e6dad; } .personal-content__left-inner .personal-hello__item .btn--diz span { font-weight: bold; font-size: 14px; color: #ffffff; text-transform: inherit; } /*цена single карточка товара product-detail*/ .product-detail__top .product-detail__top-row { padding-top: 44px; } .product-detail__top-row .pro-det--diz { position: absolute; background: #e50f2b; border-radius: 4px; width: 35px; height: 16px; font-weight: bold; font-size: 11px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; left: 74px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 24px; } .product-detail__top-info .price .p-old--price { font-size: 20px; color: #979ca6; text-decoration: line-through; line-height: 1; } .product-detail__top-info .price .p-new--price { line-height: 1; color: #e50f2b; font-weight: bold; font-size: 32px; } .product-detail__top-row .product-detail__top-info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 900px) { .product-detail__top-row .pro-det--diz { left: 30px; } .product-detail__top-row .sec-title { padding: 0; } .product-detail__top-col--slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-detail__top-col--slider .product-detail-slider { width: 100%; } } @media (max-width: 480px) { .product-detail__top .product-detail__top-info .price { margin-right: auto; text-align: left; } .product-detail__top-info .btn { width: 60%; } .product-detail__top-info .price .p-new--price { font-size: 20px; } .product-detail__top-info .price .p-old--price { font-size: 15px; } .product-detail__top-row .product-detail__top-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-detail__top-info div:last-child { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .product-detail__top-info .btn { margin-top: 0 !important; } .product-detail__top-info .compare-button { margin-left: auto !important; margin-bottom: 10px; } .product-detail__top-info .price div { font-size: 20px; line-height: 1; } } /*нет в наличии*/ /*.catalog__col--products .catalog-products__price .no_quantity_list { margin-left: 0; position: absolute; right: 0; bottom: 0; }*/ /*для листа каталог*/ .catalog-products.list .catalog-products__price { white-space: nowrap; } .catalog-products.list .no_quantity_list { margin: 13px 0 0 0; } .catalog-products__price { letter-spacing: 0 !important; } /*Мой заказ*/ .personal-content .cart-table__col--summ { text-align: left; } .personal-content .cart-table__col--summ .price-old { margin-left: 10px; } .personal-content .cart-table__col--summ .js-item-summary-price, .personal-content .cart-table__info .js-item-price { letter-spacing: 0; font-weight: bold; font-size: 14px; } .personal-content .cart-table__info .js-item-price { text-align: right; white-space: nowrap; } .personal-content .cart-table__info .price-old { font-weight: normal; font-size: 12px; white-space: nowrap; } .personal-content .cart-table__summary { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; white-space: nowrap; } .personal-content .cart-table__summary .cart-table__col .cart-table--myOrder-old { text-decoration: line-through; font-size: 14px; color: #979ca6; } .personal-content .cart-table__summary .cart-table__col .cart-table--myOrder-all { font-weight: bold; font-size: 20px; color: #21252a; text-align: right; } .personal-content .cart-table__col--summ .js-item-summary-price { text-align: right; } .personal-content .cart-table__summary .cart-table__col { text-align: right; } .personal-content .cart-table__row .cart-table__col:last-child { text-align: right; padding-right: 40px; } @media (max-width: 480px) { .personal-content .cart-table__row .cart-table__col:last-child { width: 100%; padding-right: 0; } .personal-content .cart-table__info .js-item-price { text-align: left; } } .cart-table__col--summ .js-item-summary-old-price { font-size: 12px; } .page-notif { display: flex; gap: 20px; margin-bottom: 60px; } .page-notif-left { width: calc(100% - 340px); max-height: 452px; overflow: auto; } .page-notif-right { width: 320px; } .cart-table__col-last { margin-left: auto; } .notif-settings-wrap { background: #fff; border-radius: 8px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); padding: 8px 10px; } .notif-settings-form-item [type="text"], .notif-settings-form-item [type="email"], .notif-settings-form-item [type="tel"] { width: 100%; height: 48px; border: 0; border-radius: 2px; border: 1px solid #dee2e6; background-color: #fff; padding: 0; padding-left: 16px; max-height: 100%; max-width: 100%; resize: none; display: inline-block; vertical-align: middle; margin-top: 10px; } .notif-settings-form-item { margin-bottom: 25px; } .notif-settings-title { font-weight: bold; font-size: 20px; margin-bottom: 20px; } .notif-settings-check { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1; cursor: pointer; } .notif-settings-check input { display: none; } .notif-settings-check .check { display: flex; width: 18px; min-width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 3px; align-items: center; justify-content: center; } .notif-settings-check input:checked + .check { background: #3486c7; border-color: #3486c7; } .notif-settings-check input:checked + .check:before { content: '✓'; font-size: 14px; color: #fff; } .js-notif-settings-done { width: 100%; color: #fff !important; } .cart-table__col--1 { min-width: 100px; } @media (max-width: 1024px) { .page-notif { flex-wrap: wrap; } .page-notif-left { width: 100%; order: 2; } .page-notif-right { margin: auto; max-width: 100%; } } @media (max-width: 480px) { .personal-content__right .personal-orders__item ul li.right { text-align: left; } .personal-orders__list .personal-orders__item ul li._double { width: 49%; } .personal-orders__item ul li._double .red { color: #495057; } .personal-orders__item .flex-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 420px) { .catalog-products__info-compare { position: static !important; } .catalog-products__info-compare .compare-item-wrap { flex-wrap: nowrap; max-width: 100%; justify-content: flex-start; } .catalog-products__info-compare .compare-button { width: fit-content !important; } } .personal-orders--desktop { padding: 24px !important; } .personal-orders__list--mobile { display: none; } @media (max-width: 767px) { .personal-orders__list--desktop { display: none; } .personal-orders__list--mobile { display: block; } .personal-orders--desktop { padding-left: 40px !important; } } .personal-orders__list--mobile .personal-orders__item { padding: 0; height: auto !important; } .personal-orders__list--mobile .personal-orders__header li { width: 100% !important; max-width: 100% !important; margin-bottom: 16px !important; padding-left: 8px; } .personal-hidden { position: absolute !important; top: 0; left: 0; } .personal-orders__list--mobile .flex-wrap--mobile { position: relative; } .personal-orders__list--mobile .flex-wrap--mobile li { margin-bottom: 0; padding: 16px 8px; } .personal-orders__list--mobile .flex-wrap--mobile button { top: 0; left: -26px; } .personal-orders__list--mobile .unpaid { padding: 0 8px; } .personal-orders__products--mobile { position: relative !important; z-index: 5 !important; margin-top: 0 !important; transform: translateY(-48px) !important; padding: 0 !important; background-color: #ffffff !important; } .personal-orders__products--mobile .flex-wrap li { font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; color: #28282C; margin-bottom: 0; text-align: left; padding: 16px 8px; border-bottom: 1px solid rgba(230,231,232,.6); } .personal-orders__products--mobile .flex-wrap li:last-child { border: none; } .label { color: #ADB5BD !important; font-size: 11px !important; font-style: normal !important; font-weight: 700 !important; line-height: 16px !important; letter-spacing: 0.33px !important; text-transform: uppercase !important; } .personal-content__right .personal-orders__head-item--padding { font-size: 11px; font-weight: 700; line-height: 16px; padding-left: 16px; letter-spacing: 0.33px; } .personal-content__right .personal-orders__item--padding { padding: 0; } .personal-content__right .personal-orders__head--padding { padding-bottom: 12px; } .personal-orders__item--padding ul li { padding: 16px; margin-bottom: 0 !important; } .personal-orders__item--padding a { font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; } .unpaid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; flex-direction: column; padding: 16px; background-color: #f7f9fa; } .unpaid--visible { display: flex; } .unpaid span { font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; } .unpaid b { font-size: 10px; font-style: normal; font-weight: 700; line-height: 16px; } .unpaid--expired { display: flex; background-color: #fce7ea; } .unpaid--expired b { color: #e50f2b; } .catalog-products.list .catalog-products__item .catalog-products__bottom { font-weight: 500; font-size: 21px; } /*оформление заказа цены */ .wrapper .checkout-success .checkout-success__col--right ._discount .js-discount-price { text-decoration: line-through; font-size: 14px; color: #979ca6 !important; } .checkout-success .checkout-success__price p { font-weight: bold; font-size: 20px; color: #e50f2b; } /*цены сравнение*/ .compare-field .compare_field__values .compare_field--oldPrice { display: block; font-size: 14px; text-decoration: line-through; color: #979ca6; line-height: 1; } .compare-field .compare_field__values .compare_field--newPrice { /*color: #E50F2B;*/ font-weight: bold; font-size: 20px; line-height: 1; } /*иконка авторизированного пользователя*/ @media (max-width: 1250px) { .is-authorized--link { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 480px) { .list-discount--section .list-discount--section--title { padding-right: 45px; } } /*заказ оформлен */ @media (max-width: 930px) { .wrapper .checkout-success { margin-bottom: 0; } } /* кнопка добавление товара лист*/ .catalog-products.list .catalog-products__bottom .btn { justify-content: center; } /*одинаковая высота цены в сравнении товара*/ .compare_field__values { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 480px) { .product-detail__top-row .product-detail__top-info { justify-content: space-between; } } .no_quantity_list { align-items: center; } @media (min-width: 900px) { .catalog-products.list .catalog-products__item .catalog-products__bottom { margin: auto; padding-bottom: 15px; } } .catalog-products__price { width: 100%; display: flex; align-items: center; justify-content: space-between; } .catalog-products__bottom .js-add-cart { white-space: nowrap; } .catalog-products.list .catalog-products__price { justify-content: flex-end; } .kolvo--item { display: flex; } .kolvo--descr { display: flex; align-items: center; color: #3486c7; font-weight: bold; font-size: 14px; } .kolvo--descr > *:not(:last-child) { margin-right: 4px; } .alert--kolvo { border-color: #ff0000 !important; color: #ff0000 !important; } .alert--kolvo svg path { stroke: #ff0000; } @media (min-width: 641px) { .catalog-products.list .catalog-products__item .catalog-products__bottom { display: flex; flex-direction: column; align-items: flex-end; } .catalog-products.list .catalog-products__item .catalog-products__bottom .kol .block_number { justify-content: space-between; } .catalog-products.list .catalog-products__item .catalog-products__bottom .kol { width: 124px; } .catalog-products.list .catalog-products__compare { padding-top: 0; margin-top: auto; padding-bottom: 10px; } } @media (min-width: 901px) { .catalog-products.list .catalog-products__compare { padding-bottom: 15px; } } @media (min-width: 1101px) { .catalog-products:not(.list) .catalog-products__item .catalog-products__item-inner .btn { width: auto; } .catalog-products:not(.list) .catalog-products__item .catalog-products__item-inner .btn:last-child { margin-left: auto; } } .catalog-products.list .catalog-products__item .no_quantity_list { margin-bottom: 9px; } .catalog-products.list .catalog-products__item .catalog-products__bottom { margin-top: auto; margin-bottom: 0; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo--item > .kolvo--descr { display: none; } @media (max-width: 768px) { .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom { padding-top: 56px; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .js-add-cart { width: 100%; justify-content: space-between; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .catalog-products__price { position: absolute; top: 0; left: 0; } .catalog-products:not(.list) .catalog-products__item .catalog-products__info-compare { bottom: -52px; z-index: 1000; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo--item { width: 100%; justify-content: space-between; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo--item > .kolvo--descr { display: flex; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo--item > .kol { width: 122px; margin-right: 0; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo:not(.kolvo--item) { display: flex; width: 100%; } .catalog-products:not(.list) .catalog-products__item .catalog-products__bottom .kolvo:not(.kolvo--item) > .kol { width: 122px; margin-left: auto; margin-right: 0; } .catalog-products:not(.list) .catalog-products__item:hover { -webkit-transform: none; transform: none; } .catalog-products:not(.list) .catalog-products__item:hover .catalog-products__item-inner { -webkit-box-shadow: none; box-shadow: none; } .catalog-products:not(.list) .catalog-products__item:hover .catalog-products__bottom { height: auto; } } /*@media (min-width: 641px) and (max-width: 900px) { .catalog-products.list .catalog-products__item .no_quantity_list { margin-bottom: 9px; } }*/ .cat--diz { display: none !important; } .tile--diz { display: none !important; } .pro-det--diz { display: none !important; } a.btn--diz { display: none !important; } .i-vk { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PgoNPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+Cg08cGF0aCBkPSJNMzYsNzIgTDM2LDcyIEM1NS44ODIyNTEsNzIgNzIsNTUuODgyMjUxIDcyLDM2IEw3MiwzNiBDNzIsMTYuMTE3NzQ5IDU1Ljg4MjI1MSwtMy42NTIzMTAyNmUtMTUgMzYsMCBMMzYsMCBDMTYuMTE3NzQ5LDMuNjUyMzEwMjZlLTE1IC0yLjQzNDg3MzVlLTE1LDE2LjExNzc0OSAwLDM2IEwwLDM2IEMyLjQzNDg3MzVlLTE1LDU1Ljg4MjI1MSAxNi4xMTc3NDksNzIgMzYsNzIgWiIgZmlsbD0iIzNFNkZBMSIvPgoNPHBhdGggZD0iTTM4Ljg3ODA1NjQsNDQuMzk0NTE1IEMzOC45NzA5NTk2LDQyLjk2NDk2NjYgMzkuNjE1NDc1Nyw0MC43Mzk5MzQzIDQxLjIyNjE4NTQsNDEuOTUzNDgyNyBDNDIuMTk5MzQ2Nyw0Mi42ODg1Nzk1IDQyLjk3MTYwNDgsNDMuNzUzNDgyNyA0My44NDYwNTY0LDQ0LjY4ODMyMTQgQzQ0LjY5OTYwNDgsNDUuNTk4NzczIDQ1LjcxODA1NjQsNDYuMzk0MjU2OSA0Ny42MTU2MDQ4LDQ2LjM0NTQ4MjcgQzQ4Ljc0MDg5NTEsNDYuMzE2NDUwNCA1MS45NzI3NjYsNDYuNDIzMjg5MiA1Mi44MTQ3MDE1LDQ2LjExNjcwODUgQzU1LjM1OTA4ODYsNDUuMTkzNDgyNyA1MC44NTA5NTk2LDQwLjk3NDUxNSA0OS43NTAwNTY0LDQwLjAzMDM4NTkgQzQ5LjI4NjcwMTUsMzkuNjMzMjI0NiA0OC43Njc2MDQ4LDM5LjA2NzY3NjIgNDguMzcwNDQzNSwzOC42NDcyODkyIEM0Ny44NzkyMTc3LDM4LjEyODE5MjQgNDcuNjQzNDc1NywzNy42MDIxMjc5IDQ4LjAzMzY2OTMsMzYuNzg4MDYzMyBMNDkuNzM5NjA0OCwzNC4zODg4Mzc1IEM1MC4yNDQ3NjYsMzMuODM3MjI0NiA1Mi4xMTMyODIyLDMxLjE2NTA5NTYgNTIuNTY1MDI0MSwzMC40MzM0ODI3IEM1My4yMTUzNDY3LDI5LjM3OTAzMTEgNTQuNTQ5NjY5MywyNy4zMDYxMjc5IDUyLjgyOTc5ODMsMjYuOTczOTk4OCBDNTEuODYyNDQzNSwyNi43ODcwMzExIDQ4LjcyMjMxNDQsMjYuOTYxMjI0NiA0Ny41MjczNDY3LDI2Ljk2OTM1MzcgQzQ1LjE3MzQxMTIsMjYuOTg0NDUwNCA0NS42NTE4NjI4LDI2LjcyNDMyMTQgNDQuNDkwNTcyNSwyOS40MDU3NDA4IEM0My43MTcxNTMxLDMxLjE4OTQ4MjcgNDEuMzI5NTQwMiwzNS4zOTMzNTM3IDQwLjA2MzczMzgsMzUuODcyOTY2NiBDMzcuNzE2NzY2LDM2Ljc2MjUxNSAzOS41NTI3NjYsMjguMjUwMjU2OSAzOC41NjMzNDY3LDI2Ljc3Nzc0MDggQzM3Ljk2Mjk1OTYsMjUuODg0NzA4NSAzNS4xODA1MDgsMjUuOTk2MTkyNCAzMy44Nzg3MDE1LDI2LjAxMzYxMTcgQzMyLjM2NjcwMTUsMjYuMDMyMTkyNCAzMC4yNzYzNzksMjYuMTEyMzIxNCAyOS44MzUwODg2LDI3LjM1OTU0NzIgQzI5Ljk2OTc5ODMsMjcuNDc0NTE1IDI5LjgyMjMxNDQsMjcuMzk2NzA4NSAzMC4wODM2MDQ4LDI3LjUwMzU0NzIgQzMwLjI3MTczMzgsMjcuNTgwMTkyNCAzMC41NjU1NDAyLDI3LjU5NzYxMTcgMzAuODg0ODk1MSwyNy43NjgzMjE0IEMzMS4xNjgyNDk5LDI3LjkxODEyNzkgMzEuNDI2MDU2NCwyOC4xODE3NDA4IDMxLjU3MzU0MDIsMjguNDE4NjQ0IEMzMi4yODY1NzI1LDI5LjU1OTAzMTEgMzIuMjAwNjM3LDM0LjM2MzI4OTIgMzEuNjEwNzAxNSwzNS41MjgwNjMzIEMzMC41MDYzMTQ0LDM3LjcwNDMyMTQgMjcuMjgwMjQ5OSwzMS41OTAxMjc5IDI2LjcyNzQ3NTcsMzAuNTAwODM3NSBDMjUuOTM3Nzk4MywyOC45NDU4Njk4IDI1LjYyNzczMzgsMjcuNDMzODY5OCAyNC43MzM1NDAyLDI3LjA0NzE2MDEgQzI0LjA4NTU0MDIsMjYuNzY4NDUwNCAyMC40MTIzNzksMjYuOTI0MDYzMyAxOS40MjQxMjA5LDI2Ljk0MDMyMTQgQzE4LjUxOTQ3NTcsMjYuOTU0MjU2OSAxNy43MzkwODg2LDI3LjA5NzA5NTYgMTguMDgyODMwNiwyOC4xNjg5NjY2IEMxOC4yNTU4NjI4LDI4LjcwODk2NjYgMTguNjY2OTU5NiwyOS40Njk2MTE3IDE4LjkxNTQ3NTcsMzAuMDE0MjU2OSBDMjAuNDQ3MjE3NywzMy4zNzYxOTI0IDIyLjg0MTc5ODMsMzcuNTAzNDE4MiAyNC45NTE4NjI4LDQwLjI5OTgwNTMgQzI3LjMzMzY2OTMsNDMuNDU1MDMxMSAzMC44NTQ3MDE1LDQ2LjI1MDI1NjkgMzUuMzA1OTI3Myw0Ni4yODYyNTY5IEMzOC41MDI5NTk2LDQ2LjMxMTgwNTMgMzguNzQ0NTA4LDQ2LjQ1MzQ4MjcgMzguODc4MDU2NCw0NC4zOTQ1MTUiIGZpbGw9IiNGRkYiLz4KDTwvZz4KDTwvc3ZnPg==") no-repeat center/contain; width: 32px; height: 32px; } .i-yt { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PgoNPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+Cg08cGF0aCBkPSJNMzYsNzIgTDM2LDcyIEM1NS44ODIyNTEsNzIgNzIsNTUuODgyMjUxIDcyLDM2IEw3MiwzNiBDNzIsMTYuMTE3NzQ5IDU1Ljg4MjI1MSwtMy42NTIzMTAyNmUtMTUgMzYsMCBMMzYsMCBDMTYuMTE3NzQ5LDMuNjUyMzEwMjZlLTE1IC0yLjQzNDg3MzVlLTE1LDE2LjExNzc0OSAwLDM2IEwwLDM2IEMyLjQzNDg3MzVlLTE1LDU1Ljg4MjI1MSAxNi4xMTc3NDksNzIgMzYsNzIgWiIgZmlsbD0iI0ZGMDAwMiIvPgoNPHBhdGggZD0iTTMxLjA0NCw0Mi4yNjk5MTYgTDMxLjA0MjUsMjguNjg3NzQxNiBMNDQuMDExNSwzNS41MDIyNDM3IEwzMS4wNDQsNDIuMjY5OTE2IFogTTU5LjUyLDI2LjMzNDE2MjcgQzU5LjUyLDI2LjMzNDE2MjcgNTkuMDUwNSwyMy4wMDMxOTkgNTcuNjEyLDIxLjUzNjM2NjUgQzU1Ljc4NjUsMTkuNjEwMjk5IDUzLjc0MDUsMTkuNjAxMjM1MiA1Mi44MDMsMTkuNDg5NDQ3NyBDNDYuMDg2LDE5IDM2LjAxMDUsMTkgMzYuMDEwNSwxOSBMMzUuOTg5NSwxOSBDMzUuOTg5NSwxOSAyNS45MTQsMTkgMTkuMTk3LDE5LjQ4OTQ0NzcgQzE4LjI1OCwxOS42MDEyMzUyIDE2LjIxMzUsMTkuNjEwMjk5IDE0LjM4NjUsMjEuNTM2MzY2NSBDMTIuOTQ4LDIzLjAwMzE5OSAxMi40OCwyNi4zMzQxNjI3IDEyLjQ4LDI2LjMzNDE2MjcgQzEyLjQ4LDI2LjMzNDE2MjcgMTIsMzAuMjQ2NzIzMiAxMiwzNC4xNTc3NzMxIEwxMiwzNy44MjU2MDk4IEMxMiw0MS43MzgxNzAzIDEyLjQ4LDQ1LjY0OTIyMDIgMTIuNDgsNDUuNjQ5MjIwMiBDMTIuNDgsNDUuNjQ5MjIwMiAxMi45NDgsNDguOTgwMTgzOSAxNC4zODY1LDUwLjQ0NzAxNjUgQzE2LjIxMzUsNTIuMzczMDgzOSAxOC42MTIsNTIuMzEyNjU4MyAxOS42OCw1Mi41MTM1NzM2IEMyMy41Miw1Mi44ODUxOTEzIDM2LDUzIDM2LDUzIEMzNiw1MyA0Ni4wODYsNTIuOTg0ODkzNiA1Mi44MDMsNTIuNDk1NDQ1OSBDNTMuNzQwNSw1Mi4zODIxNDc4IDU1Ljc4NjUsNTIuMzczMDgzOSA1Ny42MTIsNTAuNDQ3MDE2NSBDNTkuMDUwNSw0OC45ODAxODM5IDU5LjUyLDQ1LjY0OTIyMDIgNTkuNTIsNDUuNjQ5MjIwMiBDNTkuNTIsNDUuNjQ5MjIwMiA2MCw0MS43MzgxNzAzIDYwLDM3LjgyNTYwOTggTDYwLDM0LjE1Nzc3MzEgQzYwLDMwLjI0NjcyMzIgNTkuNTIsMjYuMzM0MTYyNyA1OS41MiwyNi4zMzQxNjI3IEw1OS41MiwyNi4zMzQxNjI3IFoiIGZpbGw9IiNGRkYiLz4KDTwvZz4KDTwvc3ZnPg==") no-repeat center/contain; width: 32px; height: 32px; } .compare-top__wrapper.drag-lock { position: relative; } .compare-top__wrapper.drag-lock::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 5%); } .loader { opacity: .5 } /* End */ /* Start:/local/templates/maknot/components/bitrix/search.form/header_search/style.css?17537944471151*/ .dropdown-select { position: absolute; top: 12px; width: 120px; right: 35px; margin-right: 12px; cursor: pointer; } .header__search .header__search-field input { padding-right: 180px; } .dropdown-select__title { display: flex; align-items: center; } .dropdown-select__icon-down { margin: 0 0 0 6px; } .dropdown-menu-wrapper { position: absolute; top: calc(100% + 8px); left: -16px; display: none; z-index: 107; cursor: default; } .dropdown-menu-wrapper .dropdown-menu-inner { background: #fff; text-align: left; box-shadow: 0 5px 30px rgba(34, 34, 34, .1); overflow: hidden; max-width: 450px; } .dropdown-menu-item { display: block; padding: 9px 16px 10px 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; user-select: none; } .dropdown-menu-item:hover, .dropdown-select__list-item.dropdown-menu-item--current .dropdown-menu-item { color: #ff5a00; } .dropdown-select__list.opened { display: block!important; } .dropdown-select__title.opened .dropdown-select__icon-down svg { transform: scaleY(-1); } /* End */ /* Start:/local/templates/maknot/components/bitrix/sale.basket.basket.line/custom/style.css?17537944475248*/ .bx-basket { position: relative; margin-right: 15px; } .bx-basket-item-list{ position: absolute; top: 100%; opacity: 0; visibility: hidden; pointer-events: none; min-width: 315px; right: 0; padding-top: 10px; transition: all 0.4s; z-index: 49; } .bx-basket-item-list-container { background: #fff; box-shadow: 0px 6px 10px #00000042; border-radius: 5px; max-height: 390px; overflow: auto; } .bx-basket:hover .bx-basket-item-list { opacity: 1; visibility: visible; pointer-events: initial; } .header__cart-total-price { position: absolute; top: calc(100% + 3px); background: #ff5a00; color: #fff; z-index: 22; font-size: 9px; font-weight: bold; padding: 1px 6px; min-width: fit-content; white-space: nowrap; border-radius: 40px; left: 24px; margin: auto; transform: translateX(-50%); opacity: 1; transition: 0.3s; } .bx-basket:hover .header__cart-total-price { opacity: 0; } .header__cart { display: block; } .bx-basket-block { } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } .block-wrapper .bx-basket-fixed .bx-hdr-profile { display: flex; justify-content: space-between; } .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block { margin-right: 20px; padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-item { position: relative; margin-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 13px; line-height: 16px; margin-bottom: 10px; } .bx-basket-item-list-item { display: flex; gap: 10px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 70px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -5px; right: 4px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/maknot/components/bitrix/news.list/action_banner_new/style.css?1753794447263*/ /* /bitrix/news.list/action_banner_new */ .banner._footer.new {background:#fff; padding:0px 0 45px 0;} .catalog-cards + .banner._footer.new {background:#fff; padding-top: 45px;} @media screen and (max-width: 1000px) { .banner._footer.new {padding:45px 0;} } /* End */ /* Start:/local/templates/maknot/components/bitrix/system.auth.form/popup2/style.css?17537944471290*/ .popup-auth.v2 .popup-auth-inner { max-width: 350px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } .popup-auth.v2 .popup-auth__col { width: 100%; padding: 32px; } .popup-auth.v2 .popup-auth__col:nth-child(2) { padding-bottom: 24px; } .popup-auth.v2 .popup-auth__title::after { display: none; } .popup-auth.v2 .popup-auth__title { font-size: 24px; padding-bottom: 0; margin-bottom: 0; letter-spacing: 1px; } .popup-auth.v2 .close { top: 38px; right: 32px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; z-index: 100; } .popup-auth.v2 .i-close::before, .popup-auth.v2 .i-close::after { background: #fff; } .popup-auth.v2 .form__checkbox input { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .popup-auth.v2 .popup-auth__form-buttons a { font-size: 14px; } .popup-auth.v2 .popup-auth__form-buttons .btn { height: 50px; font-size: 16px; } .popup-auth.v2 .popup-auth__form-more { margin: 24px -32px 0 -32px; border-top: 1px solid #dee2e6; padding: 20px 32px 0 32px; font-size: 15px; } .popup-auth.v2 .popup-auth__form-more a { color: #fd6614; font-weight: 700; letter-spacing: 0.57px; } /* End */ /* Start:/local/templates/maknot/styles.css?175379444714332*/ /* asgard new styles */ .container { max-width: 1400px !important; } .lax-info { display: none !important; } .header__catalog.parts .header__catalog-toggle { background: #ff5a00 !important; height: 48px; color: white; } .header__catalog.parts a i svg path { fill: #ffffff !important; } .header__catalog.parts i { color: white !important; } .table-element.activee:hover div p { background: #284066 !important; color: white; } @media screen and (max-width: 1440px) { .container { max-width: 1200px !important; } } .header._bottom { border-bottom: 1px solid #f3f4f6; } } .header__catalog-toggle, .header__catalog-slider { box-shadow: 5px 10px 16px #e7eaee; transition: .425s; } .header__catalog-toggle:hover, .header__catalog-slider:hover { box-shadow: 5px 10px 40px #dce0e5; } .catalog-products.list .catalog-products__info ul li p { -webkit-line-clamp: 1 !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .block-main.new { background-color: #fff; padding: 60px 0; } .lax-component .quick-list li.active, .lax-component .quick-list li .list-highlighted { color: #284066 !important; } .lax-block { background-color: #EEF2F5 !important; } .lax-label { font-size: 18px !important; color: #284066 !important; } .lax-component .quick-list li.quick-title { border-bottom: 2px solid #284066 !important; color: #284066; } .lax-btn:hover, .lax-switch:hover { background: #ff5a00 !important; color: #fff; border-color: #ff5a00 !important; } .qgroup .qgroup-toggle span { font-weight: var(--fontWeight-nunito-bold); color: #284066; } .qgroup .qgroup-title { color: #284066; } .lax-info { justify-content: center !important; } .main-btn { display: inline-block; margin: 10px 0; background: #E22630; padding: 10px 20px; color: #fff; text-decoration: none; border-radius: 5px; transition: .425s; } .main-btn.more-btn { width: 100%; text-align: center; display: none; } .main-btn:hover { background: #ea6971; color: #fff; } .compare-item-wrap { display: flex; align-items: center; gap: 2px; margin-right: 6px; } .catalog-products:not(.list) .compare-item-wrap { flex-wrap: wrap; max-width: 90px; justify-content: space-between; } .catalog-products__info-compare .compare-button { width: 100%; } .compare-item-wrap .favor-btn { margin-left: 0; } .compare-item-wrap .notification-btn-preview { margin-left: 0; } .compare-item-wrap .compare-button span { margin-left: 3px; } .compare-item-wrap .compare-button img { width: 16px; } .remove-in-cart-button { border-radius: 6px; overflow: hidden; width: fit-content !important; padding: 0 !important; background: transparent; min-width: 34px; } .remove-in-cart-button img { width: 28px; min-width: 28px; margin: auto; } .catalog-products__compare { position: relative; z-index: 101; } @media screen and (max-width: 1000px) { .main-btn.more-btn { display: block; } } /* оформление тени для новостей и видео */ .shadow-n, .news__link { box-shadow: 5px 10px 16px #e7eaee; transition: .425s; } .shadow-n:hover, .news__link:hover { box-shadow: 5px 10px 40px #dce0e5; } /* главная оформление h2 */ .block-main__links-title { gap: 20px; margin: 20px 0; color: #000; text-decoration: none; } .block-main__links-title:hover, .block-main__links-title:focus, .block-main__links-title:active { text-decoration: none; } .block-main__links-title h2 { font-size: 32px; font-weight: 700; line-height: 37px; letter-spacing: 1.3px; text-align: left; } .block-main__links-title img { width: 24px; height: 24px; margin-top: 9px; } .block-main__links-title.section-list { margin-top: 40px } /* главная - о компании */ .block-main.new.section-about .about-main { gap: 60px; width: 100%; flex-direction: row; justify-content: space-between; } .block-main.new.section-about .about-main img { max-width: 340px; flex: 0 0 340px; border-radius: 8px; } .block-main.new.section-about .about-main .text_i { flex: 1 1 25%; } .block-main.new.section-about .about-main .text_i h2 { display: block; margin-bottom: 20px; font-size: 32px; font-weight: 700; line-height: 37px; letter-spacing: 1.3px; text-align: left; } .block-main.new.section-about .about-main .text_i p { max-width: inherit; font-size: 20px; font-weight: 400; line-height: 28px; text-align: justify; letter-spacing: 0; } .block-main.new.section-about .about-tizers { width: 100%; gap: 20px; margin: 40px 0 0; align-items: stretch } .block-main.new.section-about .about-tizers .about-tizers-item { flex-direction: column; justify-content: center; width: calc(100% / 4 - 15px); background: #fff; padding: 15px 10px; box-shadow: 5px 10px 16px #e7eaee; border-radius: 10px; transition: .425s; } .block-main.new.section-about .about-tizers .about-tizers-item .about-tizers-icon { margin-bottom: 15px; } .block-main.new.section-about .about-tizers .about-tizers-item span { text-align: center; font-size: 18px; font-weight: 700; line-height: 20px; color: #273E63; } .block-main.new.section-about .about-tizers .about-tizers-item .about-tizers-image { width: 48px; height: 48px; padding: 5px; background-repeat: no-repeat; background-position: center; opacity: 1; transition: .425s; } .block-main.new.section-about .about-tizers .about-tizers-item:hover { box-shadow: 5px 10px 40px #dce0e5; } .block-main.new.section-about .about-tizers .about-tizers-item:hover .about-tizers-image { opacity: .7; } @media screen and (max-width: 1000px) { .block-main.new.section-about .about-main { gap: 20px; } } @media screen and (max-width: 767px) { .block-main.new.section-about .about-main img { max-width: 280px; flex: 0 0 280px; } .block-main.new.section-about .about-tizers .about-tizers-item { width: calc(100% / 2 - 10px) } .block-main.new.section-about .about-main .text_i p { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 656px) { .block-main.new.section-about .about-main img { max-width: 100%; flex: 0 0 100%; } .block-main.new.section-about .about-main .text_i p { font-size: 20px; line-height: 28px; } } @media screen and (max-width: 599px) { .block-main.new { margin: 0; } .block-main.new.section-about .about-main img { margin-top: 20px; } } @media screen and (max-width: 360px) { /*.catalog-products.list .catalog-products__price {*/ /* width: 100%;*/ /* margin-left: initial;*/ /* justify-content: center;*/ /* margin-top: 8px;*/ /*}*/ /*.catalog-products.list .catalog-products__compare {*/ /* margin: auto;*/ /*}*/ } /* modal */ .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto; padding-right: 0 !important; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-50px) } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered:before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable:before { content: none } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered:before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px } } .modal-backdrop.show { opacity: .8 } .modal-dialog { max-width: 480px } .modal-dialog_video { max-width: 80%; height: 80% } .modal-dialog_video .modal-content { height: 100%; padding: 0; background: #000 } .modal-dialog_video .modal-content .close { opacity: 1 !important; } .modal-dialog_video .modal-content .close .ico-close { position: absolute; right: -40px; top: -5px; width: 32px; height: 32px; opacity: 1; } .modal-dialog_video .modal-content .close .ico-close:hover { opacity: 0.3; } .modal-dialog_video .modal-content .close .ico-close:before, .modal-dialog_video .modal-content .close .ico-close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; } .modal-dialog_video .modal-content .close .ico-close:before { transform: rotate(45deg); } .modal-dialog_video .modal-content .close .ico-close:after { transform: rotate(-45deg); } .modal-dialog_video iframe { width: 100%; height: 100% } .modal.show .modal-dialog_video { opacity: 1 } .video-box { width: 100%; height: 100%; overflow: hidden } .video-box iframe { width: 100%; height: 100% } .modal-backdrop { z-index: 120 } .modal { z-index: 130 } .modal-content { padding: 3em 2em; border-radius: 0 } .modal-content p { margin: 0 } /* geo popup */ body.geo-popup-background::before { content: ''; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 800; } .geo-popup { display: none; position: fixed; border-radius: 5px; top: calc(50% - 135px); left: calc(50% - 125px); overflow: hidden; max-width: 250px; width: 100%; z-index: 900; -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.5); box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.5); } .geo-popup .geo-popup-title { display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 15px 25px; background: #3486C7; color: #fff; font-weight: bold; } .geo-popup .geo-popup-title .close { cursor: pointer; display: block; height: 12px; width: 12px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M11%201L1%2011M1%201l10%2010%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.9%22/%3E%3C/svg%3E') center no-repeat; padding: 10px; opacity: 0.75; } .geo-popup .geo-popup-title .close:hover { opacity: 1; } .geo-popup .header__geo-list { position: relative; display: block; background: #273E63; } .geo-popup .header__geo-list li a { padding: 20px 25px; } /* geo popup */ /* End */ /* Start:/local/templates/maknot/template_styles.css?1753876360353255*/ @charset "UTF-8"; *, ::after, ::before { border: none; outline: 0; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } .form__checkbox textarea, .form__item textarea, button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } .form__checkbox textarea, .form__item textarea, button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .lax-page { max-width: 100% !important; } .container { border-radius: 10px; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #ffffff } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } .flex { display: -webkit-box; display: -ms-flexbox; display: flex } .flex-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .aie { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .ais { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jce { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .jcs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .jcsb { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between } .m-20 { margin: 0 -20px } .m-16 { margin: 0 -16px } .px20 { padding-left: 20px; padding-right: 20px } .px16 { padding: 0 16px } .w50 { width: 50% } .w100 { width: 100% } .col-1 { width: 8.33333% } .col-2 { width: 16.66667% } .col-3 { width: 25% } .col-4 { width: 33.33333% } .col-5 { width: 41.66667% } .col-6 { width: 50% } .col-7 { width: 58.33333% } .col-8 { width: 66.66667% } .col-9 { width: 75% } .col-10 { width: 83.33333% } .col-11 { width: 91.66667% } .col-12 { width: 100% } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Light.eot); src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.svg#IBMPlexSans-Light) format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.eot); src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.svg#IBMPlexSans-ThinItalic) format("svg"); font-weight: 100; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Medium.eot); src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.svg#IBMPlexSans-Medium) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans.eot); src: local("IBM Plex Sans"), local("IBMPlexSans"), url(/local/templates/maknot/fonts/IBMPlexSans.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans.svg#IBMPlexSans) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.eot); src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.svg#IBMPlexSans-LightItalic) format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Italic.eot); src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.svg#IBMPlexSans-Italic) format("svg"); font-weight: 400; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.eot); src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.svg#IBMPlexSans-MediumItalic) format("svg"); font-weight: 500; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.eot); src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold) format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.eot); src: local("IBM Plex Sans ExtraLight Italic"), local("IBMPlexSans-ExtraLightItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.svg#IBMPlexSans-ExtraLightItalic) format("svg"); font-weight: 200; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.eot); src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.svg#IBMPlexSans-SemiBoldItalic) format("svg"); font-weight: 600; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Thin.eot); src: local("IBM Plex Sans Thin"), local("IBMPlexSans-Thin"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.svg#IBMPlexSans-Thin) format("svg"); font-weight: 100; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.eot); src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic) format("svg"); font-weight: 700; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.eot); src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.svg#IBMPlexSans-ExtraLight) format("svg"); font-weight: 200; font-style: normal } @font-face { font-family: Play; src: url(/local/templates/maknot/fonts/Play-Regular.eot); src: local("Play Regular"), local("Play-Regular"), url(/local/templates/maknot/fonts/Play-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/Play-Regular.woff2) format("woff2"), url(/local/templates/maknot/fonts/Play-Regular.woff) format("woff"), url(/local/templates/maknot/fonts/Play-Regular.ttf) format("truetype"), url(/local/templates/maknot/fonts/Play-Regular.svg#Play-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Play; src: url(/local/templates/maknot/fonts/Play-Bold.eot); src: local("Play Bold"), local("Play-Bold"), url(/local/templates/maknot/fonts/Play-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/Play-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/Play-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/Play-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/Play-Bold.svg#Play-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Bold.eot); src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.svg#IBMPlexSans-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'PT Sans'; src: url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.eot); src: local("PT Sans"), local("PTSans-Regular"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.woff2) format("woff2"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.woff) format("woff"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.ttf) format("truetype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.svg#PTSans-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'PT Sans'; src: url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.eot); src: local("PT Sans Bold"), local("PTSans-Bold"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.svg#PTSans-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: icomoon; src: url(/local/templates/maknot/fonts/icons/icomoon.eot?45ejno); src: url(/local/templates/maknot/fonts/icons/icomoon.eot?45ejno#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/icons/icomoon.ttf?45ejno) format("truetype"), url(/local/templates/maknot/fonts/icons/icomoon.woff?45ejno) format("woff"), url(/local/templates/maknot/fonts/icons/icomoon.svg?45ejno#icomoon) format("svg"); font-weight: 400; font-style: normal; font-display: block } [class*=" i-"], [class^=i-] { font-family: icomoon !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .i-chat .path1:before { content: "\e900"; color: #ff5a00 } .i-chat .path2:before { content: "\e901"; margin-left: -1em; color: #cc4800 } .i-chat .path3:before { content: "\e902"; margin-left: -1em; color: #fff } .i-chat .path4:before { content: "\e903"; margin-left: -1em; color: #fff } .i-chat .path5:before { content: "\e904"; margin-left: -1em; color: #fff } .i-cart:before { content: "\e90c" } .i-user-hover .path1:before { content: "\e90d"; color: #ff5a00 } .i-user-hover .path2:before { content: "\e90e"; margin-left: -1em; color: #fff } .i-user-hover .path3:before { content: "\e90f"; margin-left: -1em; color: #fff } .i-user:before { content: "\e910" } .i-geo:before { content: "\e911"; color: #ff5a00 } .i-dest-ok .path1:before { content: "\e912"; color: #adb5bd } .i-dest-ok .path2:before { content: "\e913"; margin-left: -1em; color: #adb5bd } .i-dest-ok .path3:before { content: "\e914"; margin-left: -1em; color: #adb5bd } .i-dest-ok .path4:before { content: "\e915"; margin-left: -1em; color: #adb5bd } .i-dest-ok .path5:before { content: "\e916"; margin-left: -1em; color: #fff } .i-dest-ok .path6:before { content: "\e917"; margin-left: -1em; color: #ff5a00 } .i-credit-ok .path1:before { content: "\e918"; color: #adb5bd } .i-credit-ok .path2:before { content: "\e919"; margin-left: -1em; color: #adb5bd } .i-credit-ok .path3:before { content: "\e91a"; margin-left: -1em; color: #adb5bd } .i-credit-ok .path4:before { content: "\e91b"; margin-left: -1em; color: #fff } .i-credit-ok .path5:before { content: "\e91c"; margin-left: -1em; color: #ff5a00 } .i-user-ok .path1:before { content: "\e91d"; color: #adb5bd } .i-user-ok .path2:before { content: "\e91e"; margin-left: -1em; color: #adb5bd } .i-user-ok .path3:before { content: "\e91f"; margin-left: -1em; color: #fff } .i-user-ok .path4:before { content: "\e920"; margin-left: -1em; color: #ff5a00 } .i-geo-ok .path1:before { content: "\e921"; color: #adb5bd } .i-geo-ok .path2:before { content: "\e922"; margin-left: -1em; color: #fff } .i-geo-ok .path3:before { content: "\e923"; margin-left: -1em; color: #ff5a00 } .i-Search:before { content: "\e924" } .i-filter-water-1 .path1:before { content: "\e937"; color: #00acff } .i-filter-water-1 .path2:before { content: "\e938"; margin-left: -1em; color: #d9f3ff } .i-filter-water-1 .path3:before { content: "\e939"; margin-left: -1em; color: #0081f0 } .i-filter-water-1 .path4:before { content: "\e93a"; margin-left: -1em; color: #0081f0 } .i-filter-water-1 .path5:before { content: "\e93b"; margin-left: -1em; color: #00acff } .i-filter-water-1 .path6:before { content: "\e93c"; margin-left: -1em; color: #d9f3ff } .i-filter-water-1 .path7:before { content: "\e93d"; margin-left: -1em; color: #0081f0 } .i-filter-water-1 .path8:before { content: "\e93e"; margin-left: -1em; color: #0081f0 } .i-code .path1:before { content: "\e93f"; color: #0081f0 } .i-code .path2:before { content: "\e940"; margin-left: -1em; color: #0081f0 } .i-code .path3:before { content: "\e941"; margin-left: -1em; color: #0081f0 } .i-code .path4:before { content: "\e942"; margin-left: -1em; color: #0081f0 } .i-code .path5:before { content: "\e943"; margin-left: -1em; color: #0081f0 } .i-code .path6:before { content: "\e944"; margin-left: -1em; color: #0081f0 } .i-code .path7:before { content: "\e945"; margin-left: -1em; color: #00acff } .i-code .path8:before { content: "\e946"; margin-left: -1em; color: #00acff } .i-code .path9:before { content: "\e947"; margin-left: -1em; color: #00acff } .i-code .path10:before { content: "\e948"; margin-left: -1em; color: #00acff } .i-code .path11:before { content: "\e949"; margin-left: -1em; color: #00acff } .i-code .path12:before { content: "\e94a"; margin-left: -1em; color: #00acff } .i-filter-copy .path1:before { content: "\e94b"; color: #00acff } .i-filter-copy .path2:before { content: "\e94c"; margin-left: -1em; color: #d9f3ff } .i-filter-copy .path3:before { content: "\e94d"; margin-left: -1em; color: #00acff } .i-filter-copy .path4:before { content: "\e94e"; margin-left: -1em; color: #00acff } .i-filter-copy .path5:before { content: "\e94f"; margin-left: -1em; color: #0081f0 } .i-filter-copy .path6:before { content: "\e950"; margin-left: -1em; color: #d9f3ff } .i-filter-copy .path7:before { content: "\e951"; margin-left: -1em; color: #0081f0 } .i-filter-copy .path8:before { content: "\e952"; margin-left: -1em; color: #d9f3ff } .i-filter-water .path1:before { content: "\e953"; color: #00acff } .i-filter-water .path2:before { content: "\e954"; margin-left: -1em; color: #d9f3ff } .i-filter-water .path3:before { content: "\e955"; margin-left: -1em; color: #00acff } .i-filter-water .path4:before { content: "\e956"; margin-left: -1em; color: #d9f3ff } .i-filter-water .path5:before { content: "\e957"; margin-left: -1em; color: #0081f0 } .i-filter-water .path6:before { content: "\e958"; margin-left: -1em; color: #d9f3ff } .i-filter-water .path7:before { content: "\e959"; margin-left: -1em; color: #0081f0 } .i-filter-water .path8:before { content: "\e95a"; margin-left: -1em; color: #0081f0 } .i-filter-water .path9:before { content: "\e95b"; margin-left: -1em; color: #0081f0 } .i-filter-water .path10:before { content: "\e95c"; margin-left: -1em; color: #0081f0 } .i-lamp .path1:before { content: "\e95d"; color: #0081f0 } .i-lamp .path2:before { content: "\e95e"; margin-left: -1em; color: #d9f3ff } .i-lamp .path3:before { content: "\e95f"; margin-left: -1em; color: #00acff } .i-lamp .path4:before { content: "\e960"; margin-left: -1em; color: #d9f3ff } .i-lamp .path5:before { content: "\e961"; margin-left: -1em; color: #00acff } .i-lamp .path6:before { content: "\e962"; margin-left: -1em; color: #d9f3ff } .i-lamp .path7:before { content: "\e963"; margin-left: -1em; color: #00acff } .i-lamp .path8:before { content: "\e964"; margin-left: -1em; color: #d9f3ff } .i-lamp .path9:before { content: "\e965"; margin-left: -1em; color: #0081f0 } .i-lamp .path10:before { content: "\e966"; margin-left: -1em; color: #0081f0 } .i-lamp .path11:before { content: "\e967"; margin-left: -1em; color: #0081f0 } .i-box-geo .path1:before { content: "\e975"; color: #0081f0 } .i-box-geo .path2:before { content: "\e976"; margin-left: -1em; color: #fff } .i-dip-geo .path1:before { content: "\e977"; color: #0081f0 } .i-dip-geo .path2:before { content: "\e978"; margin-left: -1em; color: #fff } .i-dip:before { content: "\e97b"; color: #0081f0 } .i-download-3:before { content: "\e97c"; color: #005eb8 } .i-arrow-fifty:before { content: "\e980" } .i-edit:before { content: "\e981" } .i-filter:before { content: "\e982"; color: #0081f0 } .i-menu-arrow:before { content: "\e983"; color: #00acff } .i-arrow-sm-left:before { content: "\e992" } .i-arrow:before { content: "\e993" } .i-box:before { content: "\e994"; color: #0081f0 } .i-drop-arrow-down:before { content: "\e996" } .i-ok .path1:before { content: "\e997"; color: #f2f2f2 } .i-ok .path2:before { content: "\e998"; margin-left: -1em; color: #fff } .i-ok .path3:before { content: "\e999"; margin-left: -1em; color: #ff5a00 } i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: .3s; transition: .3s } .i { -webkit-transition: .3s; transition: .3s } .i-arrow-white { background: url(/local/templates/maknot/img/icons/arrow-white.svg) no-repeat center/contain; width: 16px; height: 16px } .i-arrow--down-small { width: 8px; height: 2px; position: relative } .i-arrow--down-small::after, .i-arrow--down-small::before { display: block; content: ""; display: block; width: 5px; height: 2px; background: #212529; position: absolute } .i-arrow--down-small::before { -webkit-transform: rotate(35deg); transform: rotate(35deg); left: 0 } .i-arrow--down-small::after { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); right: 0 } .i-arrow--blue-small { background: url(/local/templates/maknot/img/icons/i-arrow--blue-small.svg) no-repeat center/contain; width: 10px; height: 7px } .i-arrow--black-small { background: url(/local/templates/maknot/img/icons/i-arrow--black-small.svg) no-repeat center/contain; width: 10px; height: 7px } .i-arrow--orange-small { background: url(/local/templates/maknot/img/icons/i-arrow--orange-small.svg) no-repeat center/contain; width: 10px; height: 7px } .i-close { width: 18px; height: 18px; display: block; position: relative; cursor: pointer } .i-close::after, .i-close::before { content: ""; display: block; width: 100%; height: 2px; background: #212529; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .i-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .i-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .i-search { background: url(/local/templates/maknot/img/icons/Search.svg) no-repeat center/contain; width: 32px; height: 32px } .i-search--custom { width: 18px; height: 18px; border: 2px solid #212529; border-radius: 50% } .i-telegram { background: url(/local/templates/maknot/img/icons/i-telegram.svg) no-repeat center/contain; width: 32px; height: 32px } .i-whatsupp { background: url(/local/templates/maknot/img/icons/i-whatsupp.svg) no-repeat center/contain; width: 32px; height: 32px } .i-viber { background: url(/local/templates/maknot/img/icons/i-viber.svg) no-repeat center/contain; width: 32px; height: 32px } .i-home { background: url(/local/templates/maknot/img/icons/i-home.svg) no-repeat center/contain; width: 24px; height: 24px } .i-acc { background: url(/local/templates/maknot/img/icons/i-acc.svg) no-repeat center/contain; width: 32px; height: 32px } .i-oil { background: url(/local/templates/maknot/img/icons/i-oil.svg) no-repeat center/contain; width: 32px; height: 32px } .i-filter-water { background: url(/local/templates/maknot/img/icons/i-filter.svg) no-repeat center/contain; width: 32px; height: 32px } .i-download { background: url(/local/templates/maknot/img/icons/i-download.svg) no-repeat center/contain; width: 24px; height: 24px } .i-download--right { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .i-download--white { background: url(/local/templates/maknot/img/icons/i-download-white.svg) no-repeat center/contain; width: 25px; height: 25px } .i-more { background: url(/local/templates/maknot/img/icons/i-more.svg) no-repeat center/contain; width: 24px; height: 24px } .btn:disabled .i-more { background-image: url(/local/templates/maknot/img/icons/i-more-gray.svg) } .i-more--orange { background: url(/local/templates/maknot/img/icons/i-more--orange.svg) no-repeat center/contain } .i-more--orange-dark { background: url(/local/templates/maknot/img/icons/i-more--orange-dark.svg) no-repeat center/contain } .i-more--orange-square { background: url(/local/templates/maknot/img/icons/i-more--orange-square.svg) no-repeat center/contain } .i-more-blue-dark { background: url(/local/templates/maknot/img/icons/i-more-blue-dark.svg) no-repeat center/contain } .i-lamp { background: url(/local/templates/maknot/img/icons/lamp.svg) no-repeat center/contain; width: 22px; height: 31px } .i-disks { background: url(/local/templates/maknot/img/icons/disks.svg) no-repeat center/contain; width: 28px; height: 28px } .i-shini { background: url(/local/templates/maknot/img/icons/shini.svg) no-repeat center/contain; width: 24px; height: 29px } .i-cart-btn { background: url(/local/templates/maknot/img/icons/i-cart-btn.svg) no-repeat center/contain; width: 24px; height: 24px } .btn--orange .i-cart-btn { background-image: url(/local/templates/maknot/img/icons/i-cart-btn-orange.svg) } .i-opt { background: url(/local/templates/maknot/img/icons/i-opt.svg) no-repeat center/contain; width: 24px; height: 24px } .i-form-filter { background: url(/local/templates/maknot/img/icons/i-form-filter.svg) no-repeat center/contain; width: 24px; height: 24px } .i-pdf { background: url(/local/templates/maknot/img/icons/i-pdf.svg) no-repeat center/contain; width: 32px; height: 32px } .i-box { font-size: 28px } .i-portfel { background: url(/local/templates/maknot/img/icons/portfel.svg) no-repeat center/contain; width: 23px; height: 20px } .i-triangle { min-width: 48px; height: 38px } .i-triangle--blue { background: url(/local/templates/maknot/img/icons/triangle-blue.svg) no-repeat center/contain } .i-triangle--black { background: url(/local/templates/maknot/img/icons/triangle-black.svg) no-repeat center/contain } .i-triangle--red { background: url(/local/templates/maknot/img/icons/triangle-red.svg) no-repeat center/contain } .i-delete { background: url(/local/templates/maknot/img/icons/delete.svg) no-repeat center/contain; width: 24px; height: 24px } .i-checkout-geo { background: url(/local/templates/maknot/img/icons/i-checkout-geo.svg) no-repeat center/contain; width: 32px; height: 32px } .i-edit { font-size: 24px } .i-delivery { background: url(/local/templates/maknot/img/icons/delivery.svg) no-repeat center/contain; width: 32px; height: 32px } .i-pay { background: url(/local/templates/maknot/img/icons/pay.svg) no-repeat center/contain; width: 32px; height: 32px } .i-success { background: url(/local/templates/maknot/img/icons/success.svg) no-repeat center/contain; width: 16px; height: 16px } .i-check { background: url(/local/templates/maknot/img/icons/i-check.svg) no-repeat center/contain; width: 13px; height: 10px } .i-check-dark { background: url(/local/templates/maknot/img/icons/i-check-dark.svg) no-repeat center/contain; width: 13px; height: 10px } .i-out { background: url(/local/templates/maknot/img/icons/out.svg) no-repeat center/contain; width: 24px; height: 24px } .i-p-user { background: url(/local/templates/maknot/img/icons/p-user.svg) no-repeat center/contain; width: 48px; height: 48px } .i-p-order { background: url(/local/templates/maknot/img/icons/p-order.svg) no-repeat center/contain; width: 48px; height: 48px } .i-p-cart { background: url(/local/templates/maknot/img/icons/p-cart.svg) no-repeat center/contain; width: 48px; height: 48px } .i-plus { background: url(/local/templates/maknot/img/icons/plus.svg) no-repeat center/contain; width: 24px; height: 24px } .i-plus--blue { background: url(/local/templates/maknot/img/icons/plus-blue.svg) no-repeat center/contain } .i-minus { background: url(/local/templates/maknot/img/icons/minus.svg) no-repeat center/contain; width: 24px; height: 24px } .i-minus--blue { background: url(/local/templates/maknot/img/icons/minus-blue.svg) no-repeat center/contain } .i-chat { background: url(/local/templates/maknot/img/icons/chat.svg) no-repeat center/contain; width: 41px; height: 41px } .i-geo-white { background: url(/local/templates/maknot/img/icons/geo-white.svg) no-repeat center/contain; width: 16px; height: 16px } .i-geo-menu { background: url(/local/templates/maknot/img/icons/i-geo-menu.svg) no-repeat center/contain; width: 24px; height: 24px } .i-rus { background: url(/local/templates/maknot/img/icons/rus.svg) no-repeat center/contain; width: 24px; height: 16px } .i-en { background: url(/local/templates/maknot/img/icons/en.svg) no-repeat center/contain; width: 24px; height: 16px } .i-catalog { background: url(/local/templates/maknot/img/icons/catalog.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog.active { background: url(/local/templates/maknot/img/icons/catalog-active.svg) no-repeat center/contain } .header__catalog-toggle.active .active svg path { fill: #ff5a00 } .i-catalog-acc { background: url(/local/templates/maknot/img/icons/catalog-acc.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog-acc.active { background: url(/local/templates/maknot/img/icons/catalog-acc-active.svg) no-repeat center/contain } .i-catalog-oil { background: url(/local/templates/maknot/img/icons/catalog-oil.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog-oil.active { background: url(/local/templates/maknot/img/icons/catalog-oil-active.svg) no-repeat center/contain } .i-catalog-filter { background: url(/local/templates/maknot/img/icons/catalog-filter.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog-filter.active { background: url(/local/templates/maknot/img/icons/catalog-filter-active.svg) no-repeat center/contain } .i-catalog-dvorniki { background: url(/local/templates/maknot/img/icons/catalog-dvorniki.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog-dvorniki.active { background: url(/local/templates/maknot/img/icons/catalog-dvorniki-active.svg) no-repeat center/contain } .i-catalog-kolodki { background: url(/local/templates/maknot/img/icons/catalog-kolodki.svg) no-repeat center/contain; width: 24px; height: 24px } .i-catalog-kolodki.active { background: url(/local/templates/maknot/img/icons/catalog-kolodki-active.svg) no-repeat center/contain } .i-mail { background: url(/local/templates/maknot/img/icons/mail.svg) no-repeat center/contain; width: 24px; height: 24px } .btn { font-family: "IBM Plex Sans"; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border: 0; color: #fff; font-size: 14px; font-weight: 700; padding: 8px 16px !important; border-radius: 6px; -webkit-transition: .3s; transition: .3s; background: 0 0; height: 40px } .btn--orange { background-color: #ff5a00 } .btn--orange:hover { background-color: #cc4800 } .btn--blue { background-color: #3486c7 !important } .btn--blue:hover { background-color: #1e6dad !important } .btn--blue-light { background: #00acff !important; color: #fff !important } .btn--blue-light:hover { background-color: #1e6dad !important } .btn--red { background-color: #e22630 !important } .btn--red:hover { background-color: #b0262f !important } .btn--gray-dark { background-color: #5d5d5d !important } .btn--gray-dark:hover { background-color: #454545 !important } .btn--icon { padding: 8px 8px 8px 16px } .btn--icon i { margin-left: 16px } .btn--more { color: #212529; font-size: 14px; font-weight: 700 } .btn--more:hover { color: #ff5a00 } .btn--black { background-color: #212529; color: #fff } .btn--bordered { height: 40px } .btn--bordered-white { border: 1px solid #fff; color: #fff } .btn--bordered-white:hover { background-color: #cc4800; border-color: #cc4800 } .btn--bordered-blue { border: 1px solid #3486c7; color: #1e6dad } .btn--bordered-blue:hover { background-color: #1e6dad; color: #fbfbfb } .btn--bordered-orange { border: 1px solid #ff5a00; color: #ff5a00 } .btn--bordered-orange:hover { background: #ff5a00; color: #fff } .btn--bordered-red { border: 1px solid #e22630; color: #e22630 } .btn--bordered-red:hover { background: #e22630; color: #fff } .btn--bordered-gray { border: 1px solid #454545; color: #454545 } .btn--bordered-gray:hover { background: #454545; color: #fff } .btn-filter { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 24px; background-color: #00acff; color: #fff; font-size: 14px; font-weight: 700; height: 48px; padding: 8px 8px 8px 16px } .btn-black { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 14px; line-height: 18px; color: #000 } .btn-black i { margin-right: 16px; font-size: 24px } .btn-back i { font-size: 24px; color: #000; margin-right: 16px } .btn-back span { font-weight: 700; font-size: 14px; line-height: 18px; color: #000 } .btn--gray { background: rgba(173, 181, 189, .1) !important; color: #757575 !important } .btn:disabled { background: rgba(173, 181, 189, .1) !important; color: #757575 !important; cursor: default } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0 } body, html { height: 100% } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "IBM Plex Sans"; background: #eef2f5; color: #212529 } body * { font-family: "PT Sans" !important } body.bg-white { background: #fff } a { text-decoration: none; -webkit-transition: .3s; transition: .3s } ul { padding: 0; margin: 0; list-style: none } p { margin: 0 } h1, h2, h3 { margin: 0 } img { max-width: 100% } button { border: 0; cursor: pointer } .wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px } svg { max-width: 100%; height: 100% } .icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .icons i { margin: 10px } .blockquote { margin: 0; padding-left: 40px; position: relative } .blockquote--card { background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); padding: 40px 80px } .blockquote--card::after { display: none } .blockquote--card p { max-width: 100% } .blockquote__content { position: relative; padding-left: 40px } .blockquote__content::after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #ff772c; -webkit-box-shadow: 0 7px 80px rgba(0, 0, 0, .1); box-shadow: 0 7px 80px rgba(0, 0, 0, .1) } .blockquote p { font-weight: 500; font-size: 18px; line-height: 29px; letter-spacing: .75px; color: #212529; margin: 0 !important } .blockquote span { display: block; max-width: 870px; font-size: 16px; line-height: 25px; letter-spacing: .666667px; color: #212529; margin-top: 8px } .blockquote::after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #ff772c; -webkit-box-shadow: 0 7px 80px rgba(0, 0, 0, .1); box-shadow: 0 7px 80px rgba(0, 0, 0, .1) } .social-link-fix { position: fixed; right: 2%; top: 46%; z-index: 9 } .page-caption { margin-bottom: 24px } .page-caption._search > .container { max-width: 900px } .page-caption h1 { font-size: 32px; margin-bottom: 0 } .text-block h2 { font-size: 20px; font-weight: 400; letter-spacing: .5px; margin: 30px 0 24px } .text-block ul { margin-bottom: 16px } .text-block ul li::before { content: "•"; position: absolute; left: 0; top: -1px; font-size: 16px; line-height: 32px; color: #212529 } .text-block li, .text-block p { position: relative; font-weight: 500; font-size: 16px; letter-spacing: .67px; line-height: 32px; color: #212529; max-width: 100% } .text-block li { padding-left: 20px } .text-block > :first-child { margin-top: 0; padding-top: 0 } .text-block a { color: #3486c7; text-decoration: none } .text-block a:hover { color: #ff5a00 } .helper { padding: 30px } .helper h2 { font-size: 20px; margin-bottom: 20px } .helper li { margin: 10px 0 } .helper a { color: #007aff } .helper a:hover { color: #fa6400 } .about-page .news { padding-top: 160px } .about-top h1 { font-size: 32px; margin-bottom: 16px; text-transform: uppercase } .about-top__row { background: #fff; padding: 60px; border-radius: 8px; margin: 30px 0 50px } .about-top__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .about-top__col { width: 45% } .about-top li, .about-top p { font-size: 16px } .about__description { background: url(/local/templates/maknot/img/about-desc.png) no-repeat center/cover } .about__description .col--left { padding: 64px 20px; margin-right: auto } .about__description .col--left h2 { color: #fff } .about__description .col--left p { font-size: 18px; line-height: 29px; letter-spacing: .75px; color: #fff; margin: 32px 0 } .about__description .col--right .col-inner { background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); padding: 80px 80px 40px; height: calc(100% + 44px); -webkit-transform: translateY(-22px); transform: translateY(-22px); border-radius: 8px; position: relative; z-index: 1 } .about__description .col--right .col-inner span { font-size: 16px; line-height: 29px; letter-spacing: .666667px; color: #000; display: block; margin-bottom: 24px } .about__description .col--right .col-inner__item { margin-bottom: 24px } .about__description .col--right .col-inner__item:last-child { margin-bottom: 0 } .about__description .col--right .col-inner__item i { margin-right: 32px } .about__description .col--right .col-inner__item p { margin: 0 } .about__products { padding: 70px 0 50px 0; background: #eef2f5; position: relative; margin-bottom: 30px } .about__products h2 { margin-bottom: 30px } .about__products .catalog-card { width: 33.33%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .about__products .catalog-card__link { background: #fff } .about__products blockquote { max-width: 1080px; width: 100%; margin: 0 auto; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); border-radius: 8px } .banner { padding: 20px 0; position: relative; } .banner._footer { padding: 0 0 24px 0 } .banner__content._empty { background: url(/local/templates/maknot/img/banner-more.webp) no-repeat center/cover; } .banner__content h2, .banner__content p { color: #fff } .banner__content h2 { margin-bottom: 16px } .banner__content p { font-size: 16px; max-width: 440px; margin-bottom: 32px } .banner__link { display: block; text-decoration: none; z-index: 1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden; } .banner__link img.pc { display: block } .banner__link img.mobile { display: none } .banner .breadcrubms { position: absolute; top: 18px } .block-main { background-color: #eef2f5; position: relative; padding: 30px 0 } .block-main__row { margin: 0 -10px; position: relative; z-index: 1 } .block-main__col { padding: 0 10px } .block-main__col--links { width: 20% } .block-main__col--slider { width: 80% } .block-main__slider-info { width: 50%; padding: 0 20px } .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1 } .swiper-pagination-bullet-active { background: #ff5a00 } .block-main__slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-main__slider-item source { display: none; margin: 0; padding: 0; height: 0; } .block-main__slider-item picture { display: block; margin: 0; padding: 0; } .block-main__slider-item img { display: block; position: relative; z-index: 1; -webkit-animation-duration: 3s; animation-duration: 3s; -o-object-fit: cover; object-fit: cover; height: 350px; } .block-main__slider-info { color: #212529 } .block-main__slider-info-top { margin-bottom: 48px } .block-main__slider-info-title { font-family: Play; font-size: 40px; font-weight: 700; letter-spacing: 1.67px; margin-bottom: 16px } .block-main__slider-info p { margin-bottom: 32px } .block-main__links-item { max-width: 240px; width: 100%; height: 80px; padding: 10px 20px 10px 10px; color: #284066; font-family: Play; font-weight: 700; -webkit-transition: .5s; transition: .5s; margin-bottom: 20px; background: #fff; -webkit-box-shadow: 0 10px 20px rgba(39, 63, 100, .15); box-shadow: 0 10px 20px rgba(39, 63, 100, .15); border-radius: 8px; position: relative; overflow: hidden } .block-main__links-item span { position: relative; z-index: 1; line-height: 16px } /*.block-main__links-item::before{content:"";display:block;width:60px;height:110px;position:absolute;left:-20px;-webkit-transform:rotate(22deg);transform:rotate(22deg);-webkit-transition:.3s;transition:.3s}*/ .block-main__links-item:last-child { margin-bottom: 0 } .block-main__links-item:hover { color: #fff } .block-main__links-item::before { content: ""; display: block; width: 60px; height: 110px; position: absolute; left: -80px; -webkit-transform: rotate(22deg); transform: rotate(22deg); -webkit-transition: .5s; transition: .5s; } .block-main__links-item:hover::before { -webkit-transform: none; transform: none; width: 100%; left: 0; } .block-main__links-icon { width: 60px; height: 60px; margin-right: 16px; position: relative; z-index: 2; border-radius: 8px } .block-main__links-icon.blue, .block-main__links-item.blue::before { background-color: #0096ff } .block-main__links-icon.green, .block-main__links-item.green::before { background-color: #009051 } .block-main__links-icon.orange, .block-main__links-item.orange::before { background-color: #ff9300 } .block-main__links-icon.red, .block-main__links-item.red::before { background-color: #e22630 } .block-main__links-icon.yellow, .block-main__links-item.yellow::before { background-color: #ffee58 } .block-main__links-icon.gray, .block-main__links-item.gray::before { background-color: #9e9e9e } .block-main__links-icon.gullgray, .block-main__links-icon.gullgray::before { background-color: #90a4ae } .block-main__links-image { width: 60px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain } .block-main__slider { position: relative } .block-main__slider-pagination { max-width: 250px; position: relative } .block-main__slider-pagination-next, .block-main__slider-pagination-prev { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 45px; background: rgba(255, 255, 255, 0.4); -webkit-transition: .3s; -moz-transition: .3s; transition: .3s } .block-main__slider-pagination-prev { left: 30px } .block-main__slider-pagination-next { right: 30px } .block-main__slider-pagination-next i::before, .block-main__slider-pagination-prev i::before { color: #fff; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s } .block-main__slider-pagination-next i, .block-main__slider-pagination-prev i { font-size: 24px } .block-main__slider-pagination-next i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .block-main__slider-pagination-next:hover, .block-main__slider-pagination-prev:hover { background: rgba(255, 255, 255, 1) } .block-main__slider-pagination-next:hover i::before, .block-main__slider-pagination-prev:hover i::before { color: #ff5a00 } .block-main__slider-pagination-list { max-width: 160px; width: 100% } .block-main__slider-pagination ul li { text-align: center; cursor: pointer } .block-main__slider-pagination ul li:last-child { margin-right: 0 } .block-main__slider-pagination ul li span { display: block; color: #212529; font-family: Play; font-weight: 700; letter-spacing: .67px } .block-main__slider-pagination ul li .line { width: 100%; height: 2px; background-color: #dee2e6; position: relative; display: none } .block-main__slider-pagination ul li .line span { position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-color: #ff5a00 } .block-main__slider-pagination ul li.swiper-slide-thumb-active .line { display: block } .block-main__slider-pagination ul li.swiper-slide-thumb-active span { color: #ff5a00; font-size: 24px; letter-spacing: 1px } .branches-map { width: 100%; height: 640px } .branches-list { padding: 30px 0 70px; margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch } .branches-item { width: 33.333%; padding: 10px; border-radius: 6px; border-radius: 6px; cursor: pointer; } .branches-item__wrapper { height: 100%; background-color: #fff; border-radius: 6px; transition: .3s } .branches-item__wrapper:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 129, 240, .1); box-shadow: 0 10px 20px rgba(0, 129, 240, .1); } .branches-item__header { padding: 20px; border-bottom: 1px solid #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .branches-item__header span { color: #0081f0; font-size: 18px; font-weight: 700 } .branches-item__icon { width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 10px } .branches-item__icon._warehouse { background-image: url(/local/templates/maknot/img/icons/warehouse.svg) } .branches-item__icon._office { background-image: url(/local/templates/maknot/img/icons/office.svg) } .branches-item__content { padding: 24px 60px; font-size: 16px; line-height: 18px; color: #212529; } .branches-item__param { font-size: 14px; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex } .branches-item__param-label { width: 60px; color: #adb5bd } .branches-item__param-values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .branches-item__param-values a { color: #212529 } .branches-item__param-values a:hover { color: #ff5a00 } .branches-item__time { font-size: 14px; line-height: 20px; margin-top: 20px } .brands-short { padding: 40px 0 } /*.brands-short h2{margin-bottom:48px}*/ .brands { margin-bottom: 24px } .brands__row { margin: 0 -10px; justify-content: center; } .brands__inner { background: #fff; border-radius: 8px; overflow: hidden } .brands__info { padding: 0 30px 35px 30px } .brands__col { width: 33.33%; padding: 0 10px; margin-bottom: 20px } .brands__img { height: 160px; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .brands__img img { width: 100%; height: 100%; padding: 30px 30px 0 30px; -o-object-fit: contain; object-fit: contain } .brands__text { margin-bottom: 32px } .brands__bottom a { color: #3486c7; font-size: 14px; font-weight: 700; -webkit-transition: .3s; transition: .3s } .brands__bottom a:first-child { margin-right: 32px } .brands__bottom a:first-child:hover { color: #fa6400 } .breadcrubms { padding: 18px 0px 8px 0px } .breadcrubms._search > .container { max-width: 900px } .breadcrubms__list { -ms-flex-wrap: wrap; flex-wrap: wrap } .breadcrubms__item a { opacity: .5; color: #495057; font-family: Play; font-size: 14px } .breadcrubms__item::before { content: "/"; opacity: .5; color: #495057; margin: 0 8px } .breadcrubms__item:first-child::before { display: none } .breadcrubms__item:last-child a { opacity: 1; pointer-events: none } .buy { padding: 64px 0 128px; background: #fff } .buy__row { margin: 0 -20px } .buy__col { padding: 0 20px } .buy__col--list { width: 33.33333% } .buy__col--map { width: 66.66667% } .map { height: 100% } .map iframe { max-width: 100%; height: 100% } .buy__tabs-content { display: none; border: 2px solid #eef2f5; background-color: #eef2f5; padding: 48px 64px } .buy__tabs-content.active { display: block } .buy__tabs ul { height: 52px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .buy__tabs ul li { cursor: pointer; height: 100%; margin-right: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: block; color: #757575; font-family: Play; font-size: 24px; font-weight: 700; letter-spacing: 1px; line-height: normal; -webkit-transition: .3s; transition: .3s } .buy__tabs ul li.active { border-bottom: 4px solid #3486c7; color: #212529 } .buy__tabs ul li:last-child { margin-right: 0 } .cart { margin-bottom: 60px } .cart-table { background: #fff; border-radius: 8px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15) } .cart-table__row { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; margin: 0 32px; border-bottom: 1px solid #f2f2f2 } .cart-table__row--non-bordered { border: 0 } .cart-table__row span { font-size: 10px; font-weight: 600; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd } .cart-table__row span.m { display: none; margin-bottom: 4px } .cart-table__row span.price-old { text-decoration: line-through } .cart-table__row p, .cart-table__row a { font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: .583333px; color: #212529; margin: 0; text-align: left } .cart-table__row a:hover { color: #ff5a00 } .cart-table__col { padding: 0 5px } .cart-table__col--1 { width: 8.33333% } .cart-table__col--2 { width: 16.66667% } .cart-table__col--4 { width: 33.33333% } .cart-table__col--5 { width: 41.66665% } .cart-table__col--right { text-align: right } .cart-table__col--center { text-align: center } .cart-table__img { min-width: 48px; position: relative } .cart-table__img a::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url('/local/templates/maknot/img/icons/i-zoom.svg') no-repeat center center; background-size: 12px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; } .cart-table__img a:hover::before { -webkit-opacity: .5; -moz-opacity: .5; opacity: .5; visibility: visible; } .cart-table__img a { display: none } .cart-table__img a:first-child { display: block } .cart-table__name { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cart-table__name .cart-table__info { margin-left: 24px } .cart-table__name .cart-table__info p { margin-bottom: 4px; font-size: 14px } .cart-table__name .cart-table__info a { font-size: 16px } .cart-table__row .cart-table__info span { font-size: 13px } .cart-table__bottom { padding: 24px 32px; background: #eef2f5 } .cart-table__bottom-left { width: 66.66667%; padding: 0 5px } .cart-table__bottom-btn { width: 16.66667%; text-align: center } .cart__total { width: 16.66667%; padding: 0 5px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .cart__total span { font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: .303333px; text-transform: uppercase; color: #adb5bd; margin-right: 15px } .cart__total p { margin: 0; font-weight: 500; font-size: 20px; line-height: 31px; text-align: right; letter-spacing: 1px; color: #212529; white-space: nowrap } .catalog-cards { padding-bottom: 0 } .catalog-cards__list { margin: 0 -10px } .catalog-card { -webkit-box-flex: 1; width: 33.33333%; padding: 0 10px; margin-bottom: 30px; flex: auto; -webkit-flex: auto; max-width: 33.33333%; } .catalog-card__link { display: block; border-radius: 8px; border: 0; background-color: #fff; height: 100%; padding: 17px; position: relative; height: 157px; -webkit-transition: .3s; transition: .3s; overflow: hidden; background: linear-gradient(53deg, #284066 190px, #fff 190px); } .catalog-card__link--white { background: #fff } .catalog-card__link:hover { -webkit-box-shadow: 0 16px 20px rgba(0, 129, 240, .2); box-shadow: 0 16px 20px rgba(0, 129, 240, .2) } .catalog-card__desc { font-size: 16px; line-height: 25px; letter-spacing: .666667px; color: #212529; margin-top: 24px } .catalog-card__icon { width: 60px; height: 60px; -webkit-box-shadow: 0 10px 20px rgba(0, 129, 240, .1); box-shadow: 0 10px 20px rgba(0, 129, 240, .1); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin-bottom: 17px } .catalog-card__icon.blue { background-color: #0096ff } .catalog-card__icon.green { background-color: #009051 } .catalog-card__icon.orange { background-color: #ff9300 } .catalog-card__icon.red { background-color: #e22630 } .catalog-card__icon.yellow { background-color: #ffee58 } .catalog-card__icon.gray { background-color: #9e9e9e } .catalog-card__icon.gullgray { background-color: #90a4ae } .catalog-card__icon i { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: contain } .catalog-card__title { color: #fff; font-family: Play; font-size: 20px; font-weight: 700; position: relative; z-index: 1; max-width: 200px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .catalog-card__title span { line-height: 1; width: calc(100% - 75px); display: block; font-weight: 700; font-size: 20px; } .catalog-card__right { position: absolute; right: 0; top: 0; width: 160px; height: 100%; border-radius: 4px; background-repeat: no-repeat; background-position: right bottom } .catalog-card__right--blue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%230096ff' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--red { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%23e22630' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--green { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%23009051' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--orange { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%23ff9300' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--yellow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%23ffee58' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--gray { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%239e9e9e' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right--gullgray { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229' height='224' viewBox='0 0 229 224'%3E%3Cg%3E%3Cg clip-path='url(%23clip-B0B22536-1C3B-48DB-BB49-40A010164A69)'%3E%3Cpath fill='%2390a4ae' d='M120.49 0H242v224H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .catalog-card__right img { position: absolute; bottom: 0; right: 30px; top: 0; margin: auto; } .catalog { padding-bottom: 50px } .catalog._search > .container { max-width: 900px } .catalog__row { margin: 0 -10px } .catalog__col { padding: 0 10px } .catalog__col--filter { width: 25% } .catalog__col--products { width: 75% } .catalog__col--products .pagination { margin-top: 10px } .catalog-products { margin: 0 -10px } .catalog-products__item { cursor: pointer; width: 33.33%; padding: 0 10px; height: 530px; -webkit-transition: .3s; transition: .3s } .catalog-products._full .catalog-products__item { width: 25% } .catalog-products__item:hover { -webkit-transform: translateY(-24px); transform: translateY(-24px) } .catalog-products__item:hover .catalog-products__item-inner { -webkit-box-shadow: 0 16px 20px rgba(0, 129, 240, .2); box-shadow: 0 16px 20px rgba(0, 129, 240, .2) } .catalog-products__item:hover .catalog-products__bottom { opacity: 1; height: 40px } .catalog-products__item-inner { color: #212529; display: block; border-radius: 4px; border: 1px solid #eef2f5; background-color: #fff; border-radius: 8px; overflow: hidden; -webkit-transition: .3s; transition: .3s } .catalog-products__img { padding: 10px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #eef2f5; text-align: center; height: 200px } .catalog-products__img img { max-height: 100%; width: 100%; } .catalog-products__img a::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url('/local/templates/maknot/img/icons/i-zoom.svg') no-repeat center center; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; } .catalog-products__img a:hover::before { -webkit-opacity: .5; -moz-opacity: .5; opacity: .5; visibility: visible; } .catalog-products__img a { position: relative; z-index: 98; height: 100%; } .catalog-products__info { padding: 16px 24px 24px } .catalog-products__info-params { position: relative; min-height: 180px } .catalog-products__info-compare { position: absolute; bottom: 0; right: 0 } .catalog-products__info-title { font-weight: 500; height: 50px; letter-spacing: .67px; margin-bottom: 16px } .catalog-products__info ul li { margin-bottom: 2px } .catalog-products__info ul li span { color: #adb5bd; font-size: 10px; font-weight: 600; letter-spacing: .22px; text-transform: uppercase } .catalog-products__info ul li p { font-size: 14px; letter-spacing: .58px; line-height: 24.89px; margin: 0 } .catalog-products__bottom { height: 0; opacity: 0; -webkit-transition: .3s; transition: .3s; margin-top: 16px; position: relative; z-index: 101 } .catalog-products__bottom a { width: 128px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .catalog-products__bottom a:last-child { margin-left: 16px } .catalog-products__bottom a i { margin-left: auto } .catalog-products__price { font-weight: 500; font-size: 21px; line-height: 31px; letter-spacing: 1px } .checkout { margin-bottom: 30px } .checkout__content { background: #fff; padding: 15px; display: block } .checkout__content-buttons, .checkout__content-fields { margin-bottom: 0px } .checkout__content-buttons a, .checkout__content-fields a { margin-right: 15px; margin-bottom: 15px } .checkout__content-buttons a:last-child, .checkout__content-fields a:last-child { margin-right: 0 } .checkout__content-buttons-group button { margin-right: 24px; color: #adb5bd; border-color: #adb5bd } .checkout__content-buttons-group button.active { background: #3486c7; border-color: transparent; color: #fff } .checkout__content-buttons-group label { display: inline-block; margin: 0 10px 10px 0 } .checkout__content-buttons-info span { font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd } .checkout__content-buttons-info p { font-weight: 700; font-size: 14px; line-height: 25px; letter-spacing: .583333px; color: #212529 } .checkout__content-fields .filter__item, .checkout__content-fields .form__item { margin: 0; display: inline-block } /*.checkout__content-fields-group{margin:0 -20px 32px}*/ .checkout__content-fields-group { margin: 0 -20px 0 } .checkout__content-fields-group:last-child { margin-bottom: 0 } .checkout__content-fields-group-item { width: 33.33%; padding: 0 20px } .checkout__list .form__item { margin-bottom: 0; margin-top: 20px } .checkout__content-fields-group-item--addr { width: 66.66% } .checkout__content-fields-group-item .filter__item, .checkout__content-fields-group-item .form__item { width: 100% } .checkout__content-fields-group-item .filter__item .form__checkbox textarea:focus, .checkout__content-fields-group-item .filter__item .form__item textarea:focus, .checkout__content-fields-group-item .filter__item input:focus, .checkout__content-fields-group-item .form__item input:focus, .checkout__content-fields-group-item .form__item textarea:focus, .form__checkbox .checkout__content-fields-group-item .filter__item textarea:focus, .form__item .checkout__content-fields-group-item .filter__item textarea:focus { border: 1px solid #0081f0 } .checkout__content-bottom { margin-top: 48px } .checkout__row { margin: 0 -10px } .checkout__col { padding: 0 10px } .checkout__col--list { width: 75% } .checkout__col--info { width: 25% } .checkout__item { margin-bottom: 20px; background: #fff; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1) } .checkout__item:first-child .checkout__content-bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .checkout__item.active { -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1) } .checkout__item.active .checkout__head::after { content: ""; display: block; width: calc(100% - 80px); height: 1px; background: #e6e7e8; opacity: .6; position: absolute; bottom: 0; right: 0 } .checkout__item.active .checkout__title span { color: #212529 } .checkout__item.final .checkout__title i i { display: block } .checkout__item.final .checkout__head .checkout__edit { display: block } .checkout__item.final.active .checkout__head .checkout__edit { display: none } .checkout__head { position: relative; padding: 10px 15px } .checkout__head .checkout__edit { display: none; background: 0 0; color: #000; } .checkout__title i { margin-right: 16px; font-size: 32px; color: #adb5bd; position: relative } .checkout__title i i { display: none; position: absolute; bottom: 0; right: 0; margin: 0 } .checkout__title span { font-weight: 700; font-size: 20px; line-height: 23px; letter-spacing: .833333px; color: #adb5bd } .checkout__info { position: -webkit-sticky; position: sticky; top: 20px; background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1); padding: 15px; border-radius: 8px } .checkout__info-top { margin-bottom: 32px } .checkout__info-top span { font-weight: 500; font-size: 16px; line-height: 30px; letter-spacing: .666667px; color: #212529 } .checkout__info-top button { background: 0 0 } .checkout__info-list { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid rgba(230, 231, 232, .6) } .checkout__info-list li { margin-bottom: 16px } .checkout__info-list li:last-child { margin-bottom: 0 } .checkout__info-list li span { font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd } .checkout__info-list li p { font-size: 14px; line-height: 25px; letter-spacing: .583333px; color: #212529; margin: 0 } .checkout__info-total span { font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: .303333px; text-transform: uppercase; color: #adb5bd } .checkout__info-list li._delivery { display: none } .checkout__info-total p { font-weight: 500; font-size: 24px; line-height: 31px; text-align: right; letter-spacing: 1px; color: #212529; margin: 0 } .checkout-success__row { background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); border-radius: 8px } .checkout-success__col { padding: 40px } .checkout-success__col--left { width: 66.66667% } .checkout-success__col--left p { font-size: 16px; line-height: 25px; letter-spacing: .666667px; color: #212529; margin-bottom: 32px } .checkout-success__col--left span { font-size: 14px; line-height: 24px; letter-spacing: .58px; color: #212529; padding-left: 16px; position: relative; display: block } .checkout-success__col--left span::after { content: ""; display: block; width: 4px; height: 100%; background: #ff772c; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .checkout-success__col--right { width: 33.33333% } .checkout-success__col--right span { font-weight: 500; font-size: 16px; line-height: 21px; letter-spacing: .666667px; color: #212529 } .checkout-success__col--right p { font-size: 16px; line-height: 25px; margin: 0; letter-spacing: .666667px; color: #212529 } .checkout-success__title { font-weight: 700; font-size: 24px; line-height: 28px; letter-spacing: 1px; color: #212529; margin-bottom: 16px } .checkout-success__subtitle { font-size: 24px; line-height: 28px; letter-spacing: 1px; color: #212529; margin-bottom: 24px } .checkout-success__price { margin: 16px 0 32px; padding-bottom: 32px; border-bottom: 1px solid #e6e7e8 } .checkout-success__price p { font-weight: 500; font-size: 28px !important; line-height: 36px; letter-spacing: 1.16667px; margin: 0; color: #212529 } .checkout-top__info { margin-bottom: 40px } .checkout-top__info h1 { margin: 0 } .checkout-top__info a { font-weight: 700; font-size: 14px; line-height: 18px; color: #000 } .checkout-top__info a i { margin-left: 24px } .counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .counter__button { width: 16px; height: 16px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative } .counter__button::after, .counter__button::before { content: ""; display: block; width: 100%; height: 2px; background: #212529; position: absolute } .counter__button::after { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .counter__button--min::after { display: none } .counter .form__checkbox textarea, .counter .form__item textarea, .counter input, .form__checkbox .counter textarea, .form__item .counter textarea { width: 60px; height: 50px; background: #fff; border: 2px solid #f0f1f1; text-align: center; font-weight: 500; font-size: 14px; line-height: 18px; letter-spacing: .583333px; color: #212529; margin: 0 16px } .product-detail { position: relative } .product-detail__top-list { max-width: 400px } .product-detail__top-list li { gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 8px } .product-detail__top-list li:last-child { margin-bottom: 0 } .product-detail__top-list li span { flex: 1; display: block; font-weight: 300; font-size: 16px; line-height: 30px; letter-spacing: .216667px; color: #adb5bd } .product-detail__top-list li a, .product-detail__top-list li p { width: 60%; margin-left: auto; font-size: 16px; line-height: 30px; margin: 0; letter-spacing: .583333px; color: #212529 } .product-detail__top-list li a:hover { color: #ff5a00 } .product-detail__top-element { position: absolute; right: 0; top: 0; height: 100%; background: linear-gradient(135deg, transparent 300px, #e9ecef 0); width: 800px } .product-detail__top-row { margin: 10px 0 0 0; border-radius: 8px; position: relative; padding: 20px 60px 30px; background-color: #fff } .product-detail__top-col { width: 60%; width: 58.33333%; padding: 0 16px } .product-detail__top-col._left { padding-bottom: 70px } .product-detail h1 { width: 100%; font-size: 32px; font-weight: 300; padding: 0 16px } .product-detail__top-col--img { width: 33.33333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .product-detail__top-col h2 { font-size: 26px } .product-detail__top-col--slider { width: 40%; position: relative } .product-detail__top-info { position: absolute; bottom: 30px } .product-detail__top-info .price { font-weight: 500; font-size: 32px; line-height: 42px; letter-spacing: 1.33333px; color: #212529; margin-right: 48px } .product-detail__top-info a:first-child { margin-right: 32px } .product-detail__top-info .compare-button { height: 40px; line-height: 40px; background: #f8f9fa; /*margin-left:32px;*/ padding-left: 16px; padding-right: 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } a.btn.btn--icon.btn--orange.js-opt.r-m { margin-right: 32px; } .product-detail__top-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .product-detail__top-img--abs { position: absolute } .product-detail__top-img--abs img { width: 22vw; min-width: 280px } .product-detail-slider { max-width: 430px } .product-detail-slider__item img { display: block; margin: 0 auto } .product-detail .block-main__slider-pagination { max-width: 100%; margin-top: 20px } .product-detail .block-main__slider-pagination-list { max-width: 250px } .product-detail .block-main__slider-pagination .swiper-slide { position: relative; width: 48px; height: 48px; border: 1px solid #eef2f5; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: .3s; transition: .3s } .product-detail .block-main__slider-pagination .swiper-slide::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .3s; transition: .3s; z-index: 1 } .product-detail .block-main__slider-pagination .swiper-slide:hover { border-color: rgba(255, 90, 0, .4) } .product-detail .block-main__slider-pagination .swiper-slide.swiper-slide-thumb-active { border-color: #ff5a00 } .product-detail .block-main__slider-pagination .swiper-slide.swiper-slide-thumb-active::before { border-color: #ff5a00 } .product-detail .block-main__slider-pagination-next { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%) } .product-detail .block-main__slider-pagination-next path, .product-detail .block-main__slider-pagination-prev path { -webkit-transition: .3s; transition: .3s } .product-detail .block-main__slider-pagination-next:hover path, .product-detail .block-main__slider-pagination-prev:hover path { stroke: #ff5a00 } .product-detail__tabs { margin: 25px 0 20px } .product-detail__tabs .tabs__body-item--col:nth-child(2) { text-align: right } .product-detail__files { display: inline-block; text-align: left; margin-top: 24px; width: 400px; position: relative; background-color: #f8f9fa; padding: 48px 40px 40px 40px } .product-detail__files::before { content: ""; display: block; position: absolute; width: 48px; height: 48px; left: 40px; top: -24px; background: url(/local/templates/maknot/img/icons/i-pdf.svg) no-repeat center center; background-size: contain } .product-detail__files-item { margin-bottom: 20px } .product-detail__files-item a { color: #0081f0; font-size: 18px; font-weight: 700; letter-spacing: .75px; text-decoration: underline } .product-detail__files-item a:hover { text-decoration: none } .product-detail__files-item span { display: block; margin-top: 6px; color: #212529; font-size: 16px; font-weight: 400; letter-spacing: .67px } .detail { position: relative } .detail__block, .detail__top { position: relative; padding: 100px 0 64px; background-color: #f8f9fa } .detail__block-list, .detail__top-list { max-width: 320px } .detail__block-list li, .detail__top-list li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 8px } .detail__block-list li:last-child, .detail__top-list li:last-child { margin-bottom: 0 } .detail__block-list li span, .detail__top-list li span { display: block; font-weight: 600; font-size: 10px; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd } .detail__block-list li p, .detail__top-list li p { width: 60%; margin-left: auto; margin: 0; font-size: 14px; line-height: 18px; letter-spacing: .583333px; color: #212529 } .detail__block-element, .detail__top-element { position: absolute; right: 0; top: 0; height: 100%; background: linear-gradient(135deg, transparent 300px, #e9ecef 0); width: 800px } .detail__block-row, .detail__top-row { margin: 0 -16px } .detail__block-col, .detail__top-col { position: relative; width: 58.33333%; padding: 0 16px } .detail__block-col--img, .detail__top-col--img { width: 33.33333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .detail__block-col h2, .detail__top-col h2 { font-size: 26px } .detail__block-col--slider, .detail__top-col--slider { width: 33.33333%; position: relative } .detail__block-col--producs-detail .detail__top-info, .detail__top-col--producs-detail .detail__top-info { margin-top: 32px } .detail__block-col--producs-detail .detail__top-info a:first-child, .detail__top-col--producs-detail .detail__top-info a:first-child { margin-right: 32px } .detail__block-info .price, .detail__top-info .price { font-weight: 500; font-size: 32px; line-height: 42px; letter-spacing: 1.33333px; color: #212529; margin-right: 48px } .detail__block-img, .detail__top-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .detail__block-img--abs, .detail__top-img--abs { position: absolute } .detail__block-img--abs img, .detail__top-img--abs img { width: 22vw; min-width: 280px } .detail__block { padding: 0; background: 0 0 } .detail__block-element { background: 0 0 } .detail__block-row { margin: 0; padding: 60px; background: #fff; border-radius: 8px } .detail__date { margin-left: 24px; color: #adb5bd; font-size: 14px; font-weight: 700; letter-spacing: .58px } .detail__description { padding: 30px 0 0 } .detail__description h5 { margin-bottom: 8px } .detail__description blockquote { margin-top: 40px } .detail-slider { position: absolute; max-width: 440px; width: 100%; top: 26px } .detail-slider__container { margin-bottom: 16px; -webkit-box-shadow: 0 18px 30px rgba(0, 46, 85, .0475852); box-shadow: 0 18px 30px rgba(0, 46, 85, .0475852) } .detail-slider__item { padding: 100px 50px; background: #fff } .error { padding: 250px 0 } .error__row { max-width: 800px; margin: 0 auto } .error__col { width: 40%; padding: 0 20px } .error__col--text { width: 60% } .error__col--text a { margin-top: 8px } .filter-main { font-family: Play } .filter-main .filter-wrapper { padding: 70px 0; border-radius: 8px } .filter-main h2 { margin-bottom: 24px } .filter-main-tabs { height: 52px } .filter-main-tabs__content { display: none } .filter-main-tabs__content.active { display: block } .filter-main-tabs__item { color: #757575; font-size: 24px; font-weight: 700; letter-spacing: 1px; -webkit-transition: .3s; transition: .3s; cursor: pointer; padding-bottom: 16px; margin-right: 20px; height: 100%; border: 2px solid #F4F4F4 } .filter-main-tabs__item:last-child { margin-right: 0 } .filter-main-tabs__item:hover { color: #3486c7 } .filter-main-tabs__item.active { color: #212529 } .filter-main-form { padding: 10px 25px 25px; background-color: #fff; border-radius: 8px } .filter-main-form__list { margin: 0 -10px } .filter-main-form__item { width: 20%; padding: 0 10px } .filter-main-form__item--btn { -ms-flex-item-align: end; align-self: flex-end } .filter-main-form__item-btn { border-radius: 6px; background-color: #00acff; padding: 16px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .filter-main-form__item-btn span { color: #fff; font-size: 14px; font-weight: 700; font-family: "IBM Plex Sans" } .filter-main-form__title { font-size: 14px; letter-spacing: .3px; line-height: 16px; margin-bottom: 8px } .filter-main-form__select { position: relative; height: 48px } .filter-main-form__select.active { border: 1px solid #0081f0; border-top-right-radius: 2px; border-top-left-radius: 2px } .filter-main-form__select.active .filter-main-form__select-current { border: 1px solid transparent } .filter-main-form__select.active .filter-main-form__select-current i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .filter-main-form__select.active .filter-main-form__select-list { display: block } .filter-main-form__select-current { border: 1px solid #dee2e6; cursor: pointer; background-color: #fff; padding: 16px; height: 48px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .filter-main-form__select.disabled .filter-main-form__select-current { background-color: #f4f4f4 !important; cursor: default !important; } .filter-main-form__select-current span { font-size: 12px; letter-spacing: .26px; line-height: 16px } .filter-main-form__select-list { max-height: 200px; overflow: auto; display: none; position: absolute; top: 100%; width: calc(100% + 2px); left: -1px; background-color: #fff; border: 1px solid #0081f0; border-top: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding: 0 8px 8px 8px; z-index: 1000 } .filter-main-form__select-item { padding: 8px; color: #212529; font-size: 12px; font-weight: 400; letter-spacing: .26px; line-height: 16px; cursor: pointer } .filter-main-form__select-item.active, .filter-main-form__select-item:hover { background-color: #00acff; color: #fff } .filter { font-family: Play; color: #212529; background: #fff; border-radius: 8px; top: 20px } .filter__form { padding: 20px; position: relative } .filter__form button { width: 100% } .filter__form.open { display: block } .filter__field { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e6ea } .filter__field:last-child { margin-bottom: 20px; padding-bottom: 0; border-bottom: 0 } .filter__item { display: none; position: relative; margin-top: 15px; } .filter__item.active .filter__item-current { border: 1px solid #0081f0; border-top-right-radius: 2px; border-top-left-radius: 2px; border-bottom: 1px solid transparent } .filter__item.active .filter__item-current i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .filter__item.active .filter__item-sublist { display: block } .filter__field._open .filter__item { display: block } .filter__item-name { font-size: 14px; letter-spacing: .3px; line-height: 16px; font-weight: 600; cursor: pointer } .filter__field .filter__item-name i { -webkit-transition: .3s; -moz-transition: .3s; transition: .3s } .filter__field._open .filter__item-name i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) } .filter__item-current { border: 1px solid #dee2e6; cursor: pointer; background-color: #fff; padding: 16px; height: 48px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .filter__item-current span { font-size: 12px; letter-spacing: .26px; line-height: 16px } .filter__item-sublist { display: none; position: absolute; top: 100%; width: 100%; left: 0; background-color: #fff; border: 1px solid #0081f0; border-top: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding: 0 8px 8px 8px; z-index: 1000 } .filter__item-subitem { padding: 8px; color: #212529; font-size: 12px; font-weight: 400; letter-spacing: .26px; line-height: 16px; cursor: pointer } .filter__item-subitem.active, .filter__item-subitem:hover { background-color: #00acff; color: #fff } .filter__item-subitem.active, .filter__item-subitem:hover { background-color: #00acff; color: #fff } .filter__toggler { display: none; height: 56px; cursor: pointer; background: #fff; border-radius: 8px; padding: 24px } .filter__toggler span { font-weight: 700; line-height: 16px; letter-spacing: .346667px; color: #0081f0 } .filter__toggler i { display: none } .filter__toggler i.active { display: block } .filter__toggler .i-close { width: 20px; height: 20px } .filter__toggler .i-close::after, .filter__toggler .i-close::before { background: #0081f0 } .filter__checkbox { margin-bottom: 10px } .filter__checkbox:last-child { margin-bottom: 0 } .filter__checkbox-wrapper { width: 100%; max-height: 140px } .filter__checkbox-search::before { content: ''; display: block; position: absolute; top: 0; right: 9px; width: 21px; height: 35px; background: url('/local/templates/maknot/img/icons/i-search-values.svg') no-repeat center center; background-size: 80% } .filter__checkbox-search { position: relative; margin-bottom: 10px } .filter__checkbox-search input { height: 35px; width: 100%; line-height: 33px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #dee2e6; padding: 0 30px 0 10px } .filter__range { margin-bottom: 5px } .filter__range-top { margin-bottom: 20px } .filter__range-top > input { width: 40%; border: 1px solid #dee2e6; height: 35px; line-height: 33px; font-size: 13px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center } .filter__range-top > span { width: 20%; text-align: center } .filter-tooltip::before { content: ""; display: block; position: absolute; left: -3px; top: 7px; width: 34px; height: 34px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 2px; border-radius: 2px; background-color: #ff5a00; z-index: -1 } .filter-tooltip { position: absolute; display: none; left: 100%; font-size: 14px; margin-left: -5px; width: auto; white-space: nowrap; padding: 0 15px; height: 48px; line-height: 48px; border-radius: 6px; background-color: #ff5a00; color: #fff; z-index: 102; text-align: center; -webkit-box-shadow: 0 0 16px rgba(0, 129, 240, .35); box-shadow: 0 0 16px rgba(0, 129, 240, .35); -webkit-transition: .3s; transition: .3s } .checkbox { cursor: pointer; display: inline-block; position: relative; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } .checkbox input[type="checkbox"] { display: none; } .checkbox span::before, .checkbox span::after { content: ""; width: 18px; height: 18px; overflow: hidden; display: block; left: 0; top: -1px; position: absolute; } .checkbox span::before { border: 1px solid #dee2e6; background: #fff; border-radius: 3px; z-index: 8 } .checkbox span::after { background: url('/local/templates/maknot/img/icons/checkbox-arrow.svg') no-repeat center center; top: 0; left: 0; width: 18px; height: 16px; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; visibility: hidden; z-index: 10; } .checkbox span { cursor: pointer; display: block; position: relative; text-decoration: none; text-align: left; padding-left: 26px; font-size: 14px; letter-spacing: .3px; line-height: 16px; } .checkbox span.filter__item-name { margin-bottom: 0 } .checkbox input[type="checkbox"]:hover + span::before { border-color: #1e6dad; } .checkbox input[type="checkbox"]:checked + span::before { border-color: #1e6dad; background-color: #1e6dad; } .checkbox input[type="checkbox"]:checked + span::after { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; visibility: visible; } .checkbox input[type="checkbox"]:disabled + span::before { border-color: #dee2e6; background-color: transparent; cursor: default; } .checkbox input[type="checkbox"]:disabled + span { color: #D0D0D0; cursor: default; } .footer { padding: 45px 0; background-color: #25292e; font-size: 14px } .footer__row { margin: 0 -20px } .footer__col { width: 16.66667%; padding: 0 20px } .footer__col-title { color: #adb5bd; font-size: 14px; font-weight: 700; letter-spacing: .58px; margin-bottom: 8px; position: relative } .footer__col a, .footer__col p { display: block; letter-spacing: .58px; line-height: 24.89px; color: #fff } .footer__col a:hover { color: #ff5a00; text-decoration: underline } .footer__col--logo span { font-weight: 500; font-size: 12px; line-height: 24px; color: #868e96 } .footer__col--info a, .footer__col--info p { color: #adb5bd; font-size: 12px; font-weight: 500; line-height: 20px } .footer__col--info a { line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700; font-size: 14px; line-height: 18px; max-width: 200px; width: 100% } .footer__col--info a:last-child { text-decoration: underline; margin-top: 12px; font-weight: 400; font-size: 12px } .footer__col--info a:hover { text-decoration: none !important } .footer__col--info p { margin: 5px 0 13px } .footer__social { margin-top: 16px } .footer__social li { margin-right: 12px } .footer__social li:last-child { margin-right: 0 } .form { background-color: #fff; padding: 40px; font-family: Play } .form .filter__item { margin-bottom: 24px } .form__checkbox, .form__item { position: relative; color: #212529; margin-bottom: 20px } .form__checkbox input, .form__checkbox textarea, .form__item input, .form__item textarea { width: 100%; height: 48px; border: 0; border-radius: 2px; border: 1px solid #dee2e6; background-color: #fff; padding: 0; padding-left: 16px; max-height: 100%; max-width: 100%; resize: none; display: inline-block; vertical-align: middle } span.input { width: 100%; height: 48px; border: 0; padding: 0; max-height: 100%; max-width: 100%; resize: none; display: inline-block; vertical-align: middle; background-color: transparent; font-family: Play; font-size: 16px; line-height: 48px; letter-spacing: .666667px; color: #212529; } .form__checkbox textarea, .form__item textarea { height: 80px; padding: 16px } .form__placeholder { pointer-events: none; position: absolute; top: 16px; left: 16px; font-family: Play; font-size: 12px; letter-spacing: .26px; line-height: 16px; -webkit-transition: .3s; transition: .3s } .form__placeholder.active { color: #0081f0; letter-spacing: .478181px; font-size: 12px; top: -8px; padding: 0 8px; left: 8px; background: #fff } .form__showpassword { position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 10px; background: url('/local/templates/maknot/img/icons/password-show.svg') no-repeat center center; cursor: pointer } .form__showpassword._show { background-image: url('/local/templates/maknot/img/icons/password-hide.svg') } .form button { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto } .form__privacy { margin-top: 16px } .form__privacy p { font-size: 11px; line-height: 16px; text-align: center; letter-spacing: .7px; color: #9b9b9b; opacity: .52 } .form__privacy p a { text-decoration: underline; color: #9b9b9b } .form__checkbox-toggle { min-width: 16px; max-width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2px; border: 1px solid #dee2e6 } .form__checkbox-toggle--white { border-color: #fff } .form__checkbox-toggle i { display: none } .form__checkbox span { margin: -1px 0 0 8px; max-width: 230px; font-size: 12px; line-height: 15px } .form__checkbox._full span { max-width: 100%; font-size: 13px; margin-top: 0 } .form__checkbox label { cursor: pointer } .form__checkbox input, .form__checkbox textarea { display: none } .form__checkbox .form__item textarea:checked + label .form__checkbox-toggle i, .form__checkbox input:checked + label .form__checkbox-toggle i, .form__checkbox textarea:checked + label .form__checkbox-toggle i { display: block } .gallery { background: #fff; padding: 30px 10px; border-radius: 8px } .gallery__col { width: 60%; padding: 0 24px } .gallery__col--info { width: 40% } .gallery__title { font-size: 32px; line-height: 37px; letter-spacing: 1.33333px; color: #212529; font-family: Play; font-weight: 700; margin-bottom: 32px } .gallery__text p { margin-bottom: 56px } .header { background-color: #fff; font-family: Play } .header._bottom { border-bottom: 1px solid #dee2e6; position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 110 } .header__top { background: #212529 } .header__top-right { margin-left: auto } .header__menu { width: 41.66667%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header__menu li { margin-right: 24px } .header__menu li:last-child { margin-right: 0 } .header__menu li a { font-size: 14px; line-height: 22px; color: #fff; -webkit-transition: .3s; transition: .3s } .header__menu li a:hover { color: #ff5a00 } .header__geo { position: relative; max-width: 160px; -webkit-transition: .3s; transition: .3s } .header__geo.open, .header__geo:hover { background: #495057 } .header__geo-current { cursor: pointer; padding: 8px 10px 9px 10px } .header__geo-current span { font-size: 14px; line-height: 14px; color: #fff; margin: 0 12px 0 8px } .header__geo-list { position: absolute; z-index: 115; left: 0; width: 100%; background: #495057; top: 100%; display: none } .header__geo-list li a { padding: 12px 12px 12px 34px; display: block; font-size: 14px; line-height: 14px; color: #fff; -webkit-transition: .3s; transition: .3s } .header__geo-list li a:hover { background: #212529 } .header__contacts a { font-weight: 700; font-size: 14px; line-height: 14px; color: #fff; -webkit-transition: .3s; transition: .3s } .header__contacts a:hover { color: #fa6400 } .header__contacts span { font-size: 14px; line-height: 14px; color: #adb5bd; margin-left: 10px } .header i { font-size: 32px; color: #212529 } .header__row { position: relative; padding: 5px 0 6px } .header__col--logo { min-width: 55px; width: 10%; width: 100px } .header__col--menu { width: 55%; width: 45.83333% } .header__col--right { width: 41.66667%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header__col--right-item { cursor: pointer; padding: 0 15px } .header__phone { color: #495057; font-weight: 700 } /*.header__auth{margin-left:20px}*/ .header__auth i { color: #fff; margin-right: 2px } .header__auth i:hover { color: #fff } .header__auth-links a { font-size: 14px; line-height: 14px; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s; transition: .3s } .header__auth-links a:hover { color: #fa6400 } .header__auth-links a:first-child::after { content: ""; display: block; background: #fff; width: 1px; height: 18px; margin: 0 8px } .header__auth-link path, .header__auth-link circle, .header__auth-link rect { -webkit-transition: .3s; transition: .3s } .header__auth-link:hover path { stroke: #fff } .header__auth-link:hover circle { fill: #fff } .header__auth-link:hover rect { fill: #fff } .header__lang { position: relative; margin: 0 0 0 16px } .header__lang-current { padding: 8px 16px 9px 16px; cursor: pointer; font-size: 14px; line-height: 14px; color: #fff; -webkit-transition: .3s; transition: .3s } .header__lang-current span { margin: 0 2px 0 8px } .header__lang-current.active, .header__lang-current:hover { background: #495057 } .header__lang-list { position: absolute; top: 100%; left: 0; width: 100%; z-index: 115; background: #495057; display: none } .header__lang-list a { padding: 12px 16px; -webkit-transition: .3s; transition: .3s; font-size: 14px; line-height: 14px; color: #fff } .header__lang-list a i { margin-right: 8px } .header__lang-list a:hover { background: #212529 } .header__right { width: calc(100% - 120px); margin-left: auto } .header__right-m { display: none; margin-left: auto } .header__right-m a, .header__right-m button { color: #000; background-color: transparent; font-size: 32px; margin-right: 24px; position: relative } .header__right-m a:last-child, .header__right-m button:last-child { margin-right: 0 } .header__catalog { position: relative } .header__catalog-toggle, .header__catalog-slider { background: #eef2f5; border-radius: 4px; padding: 12px 16px 12px 12px; cursor: pointer; -webkit-transition: .3s; transition: .3s; font-weight: 700; font-size: 16px; line-height: 19px; color: #284066; -webkit-box-shadow: 2px 6px 8px rgba(0, 129, 240, .05); box-shadow: 2px 6px 8px rgba(0, 129, 240, 0.05); } .header__catalog-slider { background: #fff; margin-bottom: 20px; display: none } .header__catalog-toggle.active { background: #fff; -webkit-box-shadow: 0 10px 20px rgba(39, 63, 100, .15); box-shadow: 0 10px 20px rgba(39, 63, 100, .15); border-radius: 4px 4px 0 0; color: #ff5a00 } .header__catalog-toggle:hover { border-radius: 4px; background: #fff; -webkit-box-shadow: 0 10px 20px rgba(39, 63, 100, .15); box-shadow: 0 10px 20px rgba(39, 63, 100, .15) } .header__catalog-toggle i, .header__catalog-slider i { margin-right: 12px } .header__catalog-list { display: none; position: absolute; top: 100%; left: 0; z-index: 9; background: #fff; -webkit-box-shadow: 0 10px 20px rgba(39, 63, 100, .15); box-shadow: 0 10px 20px rgba(39, 63, 100, .15); border-radius: 0 0 4px 4px } .header__catalog-list li a { padding: 12px 20px 12px; font-weight: 700; font-size: 16px; line-height: 16px; color: #284066; -webkit-transition: .3s; transition: .3s; white-space: nowrap } .header__catalog-list li a:hover { background: #ff5a00; color: #fff } .header__catalog-list li a i { width: 24px } .header__catalog-list li a span { padding-left: 12px; width: calc(100% - 24px) } .parts__catalog-list li a { padding: 12px 20px 12px; font-weight: 700; font-size: 16px; line-height: 16px; color: #284066; -webkit-transition: .3s; transition: .3s; white-space: nowrap } .parts__catalog-list li a:hover { background: #ff5a00; color: #fff } .parts__catalog-list li a.active { background: #ff5a00; color: #fff } .parts__catalog-list li a i { width: 24px } .parts__catalog-list li a span { padding-left: 12px; width: calc(100% - 24px) } .header__search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px 0 20px } .header__search._guest { margin-right: 0 } .header__search-field { position: relative; height: 48px } .form__checkbox .header__search-field textarea, .form__item .header__search-field textarea, .header__search-field .form__checkbox textarea, .header__search-field .form__item textarea, .header__search-field input { display: block; width: 100%; background: #fff; border: 1px solid #dee2e6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; padding: 8px 16px; height: 100%; -webkit-transition: .3s; transition: .3s } .header__search-field input { padding-right: 56px } .form__checkbox .header__search-field textarea:focus, .form__checkbox .header__search-field textarea:hover, .form__item .header__search-field textarea:focus, .form__item .header__search-field textarea:hover, .header__search-field .form__checkbox textarea:focus, .header__search-field .form__checkbox textarea:hover, .header__search-field .form__item textarea:focus, .header__search-field .form__item textarea:hover, .header__search-field input:focus, .header__search-field input:hover { border: 1px solid #ff5a00 } .header__search-field button { position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } /*.header__cart{margin-right:15px}*/ .header__cart, .header__compare, .header__auth-link { padding: 8px; background: #eef2f5; border-radius: 4px; -webkit-transition: .3s; transition: .3s; height: 48px; position: relative } .header__cart:hover, .header__auth-link:hover { background: #ff5a00 } .header__cart:hover i, .header__auth-link:hover i { color: #fff } .header__cart-quantity { position: absolute; right: -5px; top: -5px; border: 2px solid #fff; background: #ff5a00; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 16px; font-size: 11px; color: #fff } .header__cart._empty .header__cart-quantity, .i-cart._empty .header__cart-quantity { display: none } .header__compare { padding: 8px 15px; margin-right: 15px; color: #495057; -webkit-transition: .3s; transition: .3s } .header__compare._guest { margin-right: 0 } .header__compare svg path { -webkit-transition: .3s; transition: .3s } .header__compare svg { margin-right: 10px } .header__compare:hover { color: #ff5a00 } .header__compare:hover svg path { fill: #ff5a00 } .header__compare-quantity { position: absolute; right: -5px; top: -6px; border: 2px solid #fff; background: #ff5a00; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 16px; font-size: 11px; color: #fff } .header-m__compare { height: 32px; width: 25px; position: relative } .header-m__compare svg { width: 25px; max-width: none } .header__compare._empty .header__compare-quantity, .header-m__compare._empty .header__compare-quantity { display: none } .header__burger { width: 32px; margin-right: 16px; display: none } .header__burger-btn { width: 20px; height: 18px; cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header__burger-btn span { position: absolute; display: block; width: 100%; height: 2px; background-color: #212529; -webkit-transition: .3s; transition: .3s } .header__burger-btn span:first-child { top: 0 } .header__burger-btn span:nth-child(2) { top: 8px } .header__burger-btn span:last-child { bottom: 0 } .header__burger-btn.active span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: auto } .header__burger-btn.active span:nth-child(2) { opacity: 0 } .header__burger-btn.active span:last-child { bottom: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .m-menu { position: absolute; left: -100%; background-color: #fff; width: 336px; border-top: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s; transition: .3s; z-index: 3 } .m-menu.open { left: 0 } .m-menu__geo { padding: 24px 24px 12px; border-bottom: 1px solid #dee2e6; cursor: pointer } .m-menu__geo.active .m-menu__geo-current .i-menu-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-menu__geo-current { line-height: 24px; color: #495057; padding-bottom: 12px } .m-menu__geo-current .i-geo-menu { margin-right: 18px } .m-menu__geo-current .i-menu-arrow { margin-left: auto } .m-menu__geo-list { display: none; padding-left: 42px } .m-menu__geo-list li a { padding: 12px 0; display: block; line-height: 24px; color: #495057 } .m-menu__contacts { padding: 24px 0; margin: 0 24px; border-bottom: 1px solid #dee2e6 } .m-menu__contacts a { font-weight: 700; line-height: 19px; color: #495057 } .m-menu__contacts span { font-weight: 700; line-height: 19px; color: #adb5bd } .m-menu__catalog { margin: 0 24px; padding: 12px 0; border-bottom: 1px solid #dee2e6 } .m-menu__catalog.active .m-menu__catalog-toggle .i-menu-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-menu__catalog-toggle { padding: 12px 0; cursor: pointer } .m-menu__catalog-toggle span { line-height: 19px; color: #495057; margin-left: 18px } .m-menu__catalog-list { display: none } .m-menu__catalog-list li a { padding: 12px 0; color: #495057 } .m-menu__catalog-list li a span { margin-left: 18px } .m-menu__links { margin: 0 24px; padding: 12px 0 80px; border-bottom: 1px solid #dee2e6 } .m-menu__links li a { display: block; padding: 12px 0; color: #495057 } .m-menu__lang { padding: 24px } .m-menu__lang li a { margin-right: 24px; color: #495057; line-height: 16px; font-weight: 700 } .m-menu__lang li a span { margin-left: 12px } .m-menu__lang li a .i-rus { border: 1px solid #dee2e6; width: 23px } .m-menu__lang li a.active { color: #ff5a00 } .m-menu__social { padding: 24px; border-top: 1px solid #dee2e6 } .m-menu__social ul li { margin-right: 24px } .m-menu__social ul li:last-child { margin-right: 0 } .m-menu__social span { font-weight: 500; font-size: 12px; line-height: 20px; color: #868e96 } .mark { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 10px; font-size: 11px; font-weight: 600; letter-spacing: .2px; line-height: 14px; text-transform: uppercase; border-radius: 12px } .mark--sale { color: #fff; background-color: #f50057 } .menu__item { margin-right: 32px } .menu__item:last-child { margin-right: 0 } .menu__item.active .menu__link::after { content: ""; display: block; width: 100%; height: 4px; background-color: #ff5a00; position: absolute; bottom: 0 } .menu__link { display: block; position: relative; padding: 30px 0; color: #495057 } .menu__link:hover { color: #ff5a00 } .news-detail__wrap { background: #fff; border-radius: 8px; overflow: hidden } .news-detail__top { text-align: center } .news-detail__top img { width: 100%; } .news-detail__bottom { padding: 60px 20px } .news-detail__bottom > * { max-width: 920px; margin: 0 auto } .news-detail._simple h1, .news-detail._simple { margin-bottom: 40px } .news-detail__bottom .text-block li, .news-detail__bottom .text-block p { font-size: 18px; max-width: 100% } .news-detail__date { margin: 40px auto 35px auto; color: #adb5bd; font-family: "PT Sans"; font-size: 16px; font-weight: 700; letter-spacing: .67px } .news-detail__gallery { position: relative; margin-top: 60px } .news-detail__gallery-next, .news-detail__gallery-prev { position: absolute; top: 50%; left: -70px; width: 12px; height: 28px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 100 } .news-detail__gallery-next { left: auto; right: -70px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .news-thumbs__slider { margin-top: 40px; position: relative } .news-thumbs__slider .swiper-slide { position: relative; background-color: #333; cursor: pointer } .news-thumbs__slider .swiper-slide img { display: block; -webkit-transition: .3s; transition: .3s } .news-thumbs__slider .swiper-slide-thumb-active img { opacity: .3 } .news-thumbs__slider-next, .news-thumbs__slider-prev { position: absolute; top: 50%; left: -70px; width: 12px; height: 28px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 100 } .news-thumbs__slider-next { left: auto; right: -70px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .news-page .news { padding: 32px 0 80px } .news { padding: 0px 0px 0px 0px } .news._footer { padding: 30px 0 10px } .news--bg-white { background: #fff } .news__top { margin-bottom: 24px } .news__top h2 { margin: 0 } .news__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 32px } .news__nav-item { height: 100%; margin-right: 72px; font-family: Play } .news__nav-item.active a { color: #212529; font-size: 32px; letter-spacing: 1.33px; position: relative } .news__nav-item.active a::after { content: ""; display: block; width: 80%; height: 4px; background-color: #3486c7; position: absolute; bottom: 0 } .news__nav-item:last-child { margin-right: 0 } .news__nav-item a { display: block; color: #757575; font-size: 24px; font-weight: 700; letter-spacing: 1px; padding-bottom: 24px } .news__list { margin: 0 -10px } .news__item { width: 25%; padding: 0 10px; margin-bottom: 24px } .news__link { display: block; background: #fff; border-radius: 8px; overflow: hidden; -webkit-transition: .3s; transition: .3s; height: 100% } /*.news__link:hover{-webkit-box-shadow:0 10px 20px rgba(39,63,100,.1);box-shadow:0 10px 20px rgba(39,63,100,.1)}*/ .news__link:hover .news-main__text { color: #0081f0 } .news__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; position: relative } .news__img img { width: 100%; } .news__img .mark { position: absolute; bottom: -10px; right: 24px } .news__info { padding: 0 20px 20px 20px } .news__date { color: #adb5bd; font-size: 14px; font-weight: 700; letter-spacing: .58px; margin-bottom: 10px } .news__text { color: #212529; font-weight: 500; letter-spacing: .67px; line-height: 24px; -webkit-transition: .3s; transition: .3s } .news__more--bottom { display: none } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px } .pagination__list { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .pagination__item { margin-right: 16px } .pagination__item--icon a i { font-size: 22px } .pagination__item--next { margin-left: 16px } .pagination__item--next a i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .pagination__item--prev { margin-right: 32px } .pagination__item--next, .pagination__item--prev { margin-top: 2px } .pagination__item.active a { color: #ff5a00; font-size: 24px; font-weight: 700; letter-spacing: 1px; position: relative; padding-bottom: 2px } .pagination__item.active a::after { content: ""; display: block; width: 100%; height: 2px; background-color: #ff5a00 } .pagination__item a { color: #212529; font-family: Play; font-weight: 700; letter-spacing: .67px } .pdf__info { line-height: normal } .pdf i { margin-right: 16px } .pdf span { display: block; font-size: 12px; letter-spacing: .5px } .personal-banners { margin: 0 -20px } .personal-banner-x { width: 66.66%; padding: 0 20px } .personal-banner-x .inner { background: #fff; padding: 60px 32px; height: 100%; border-radius: 8px; -webkit-transition: .3s; transition: .3s } .personal-banner-x .inner:hover { -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1) } .personal-banner-x .col { width: 50% } .personal-banner-x .left h3 { margin-bottom: 16px } .personal-banner-y { width: 33.33%; padding: 0 20px } .personal-banner-y .inner { background: #1098ad; padding: 60px 40px 32px; height: 100%; display: block; border-radius: 8px; -webkit-transition: .3s; transition: .3s } .personal-banner-y .inner:hover { -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1) } .personal-banner-y .top { text-align: center; margin-bottom: 32px } .personal-banner-y .bottom p { max-width: 200px; color: #fff; margin: 0 } .personal-data { background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); border-radius: 8px } .personal-data button { background-color: transparent; padding: 0 } .personal-data__left { width: 41.66667% } .personal-data__right { width: 58.33333% } .personal-data__col { padding: 38px 40px } .personal-data__title { margin-bottom: 32px } .personal-data__title h4 { margin: 0 } .personal-data__pay-list.edit .personal-data__pay-add, .personal-data__pay-list.edit .personal-data__pay-item { display: none } .personal-data__pay-list.edit .active.personal-data__pay-add, .personal-data__pay-list.edit .personal-data__pay-item.active { display: block; padding: 0; border: 0 } .personal-data__pay-list.edit .active.personal-data__pay-add .personal-data__pay-actions, .personal-data__pay-list.edit .active.personal-data__pay-add .personal-data__pay-title, .personal-data__pay-list.edit .personal-data__pay-item.active .personal-data__pay-actions, .personal-data__pay-list.edit .personal-data__pay-item.active .personal-data__pay-title { display: none } .personal-data__pay-list.edit .active.personal-data__pay-add .personal-data__pay-form, .personal-data__pay-list.edit .personal-data__pay-item.active .personal-data__pay-form { display: block } .personal-data__pay-list.add .personal-data__pay-add, .personal-data__pay-list.add .personal-data__pay-item { display: none } .personal-data__pay-add, .personal-data__pay-item { background: #fff; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 32px; margin-bottom: 24px } .personal-data__pay-title { font-family: Play; font-weight: 700; font-size: 16px; letter-spacing: .666667px; color: #3486c7 } .personal-data__pay-actions button:first-child { margin-right: 24px; margin-top: 2px } .personal-data__pay-add { margin-bottom: 0 !important } .personal-data__pay-add span { font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: .303333px; color: #212529; margin-left: 16px } .personal-data__pay-form { display: none; width: 100% } .personal-data__pay-form .form-group .form__item { width: 48% } .personal-data__pay-form .form__item input, .personal-data__pay-form .form__item textarea { border: 1px solid #0081f0 } .personal-data__pay-form .form__item .form__placeholder { color: #0081f0; letter-spacing: .478181px; font-size: 12px; top: -8px; padding: 0 8px; left: 8px; background: #fff } .personal-data__pay-form-caption { font-size: 18px; color: #212529; letter-spacing: .83px; margin-bottom: 30px } .personal-data__add.active a { display: none } .personal-data__add.active form { display: block } .personal-data__form .form__item input, .personal-data__form .form__item textarea { border: 1px solid #0081f0; -webkit-transition: .3s; transition: .3s } .personal-data__form .form__item .form__placeholder { color: #0081f0; letter-spacing: .478181px; font-size: 12px; top: -8px; padding: 0 8px; left: 8px; background: #fff } .personal-data__form.disabled button { display: none } .personal-data__form.disabled .form__item input, .personal-data__form.disabled .form__item textarea, .personal-data__form .form__item.disabled input { background-color: transparent; border: 0; font-family: Play; font-size: 16px; line-height: 19px; letter-spacing: .666667px; color: #212529; padding: 0 } .personal-data__form.disabled .form__item .form__placeholder, .personal-data__form .form__item.disabled .form__placeholder { font-weight: 600; font-size: 10px; line-height: 16px; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd; background-color: transparent; left: 0; padding: 0 } .back-to-data { display: none; padding: 32px 0 } .back-to-data .i-arrow-sm-left { font-size: 20px; color: #00acff; margin-right: 8px } .back-to-data__icon { width: 32px; height: 32px } .back-to-data span { font-family: Play; font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: .583333px; color: #212529; margin-left: 16px } .personal-hello--top { position: relative; display: none; margin-top: 16px } .personal-hello--top .out { position: absolute; right: 0; top: 8px } .personal-hello__item { margin-bottom: 34px } .personal-hello__item span { font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: .66px; text-transform: uppercase; color: #adb5bd } .personal-hello__item p { font-family: Play; font-weight: 700; font-size: 26px; line-height: 30px; letter-spacing: 1.08333px; color: #3486c7; margin: 4px 0 0 } .personal__main-menu { margin: 0 -10px 40px } .personal__main-menu { margin-top: 20px } .personal__main-menu-item { width: 33.33%; padding: 0 10px 20px 10px } .personal__main-menu-item a { background: #fff; border: 0; border-radius: 8px; display: block; padding: 32px; height: 100%; -webkit-transition: .3s; transition: .3s } .personal__main-menu-item a:hover { -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); box-shadow: 0 8px 16px rgba(0, 0, 0, .1) } .personal__main-menu-icon { margin-bottom: 72px } .personal__main-menu-title { font-family: Play; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: .6px; color: #212529; -webkit-transition: .3s; transition: .3s; } .personal-menu { margin-bottom: 24px } .personal-menu__item { position: relative } .personal-menu__item.active a { color: #0081f0 } .personal-menu__item.active a::before { content: ""; display: block; width: 4px; height: 22px; background: #0081f0; margin-right: 16px } .personal-menu__item::before { position: absolute; content: ""; width: 80px; height: 1px; background: #e0e0e0; top: 0; left: 0 } .personal-menu__item:last-child::after { position: absolute; content: ""; width: 80px; height: 1px; background: #e0e0e0; bottom: 0; left: 0 } .personal-menu__item a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0; position: relative; font-family: Play; font-size: 18px; line-height: 21px; letter-spacing: .75px; color: #212529; -webkit-transition: .3s; transition: .3s } .personal-menu__item a:hover { color: #0081f0 } .personal__main-menu-item a:hover .personal__main-menu-title { color: #0081f0 } .personal-orders { background: #fff; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .15); box-shadow: 0 8px 16px rgba(0, 0, 0, .15); padding: 24px 40px 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .personal-orders__head { padding-bottom: 24px; border-bottom: 1px solid rgba(230, 231, 232, .6) } .personal-orders__head-item, .personal-orders__item ul li { width: 14.28571%; padding-right: 5px; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: .216667px; text-transform: uppercase; color: #adb5bd } .personal-orders__head-item._double, .personal-orders__item ul li._double { width: 28.57142% } .personal-orders__head-item._quadruple, .personal-orders__item ul li._quadruple { width: 57.14284% } .personal-orders__head-item:last-child, .personal-orders__item ul li:last-child { padding-right: 0 } .personal-orders__item { padding: 16px 0; border-bottom: 1px solid rgba(230, 231, 232, .6) } .personal-orders__item ul li { font-family: Play; font-weight: 400; font-size: 14px; line-height: 16px; color: #495057; text-transform: none; position: relative } .personal-orders__item ul li button { margin-right: 16px; padding: 0 } .personal-orders__item ul li a { color: #0081f0; font-size: 14px } .personal-orders__item ul li a.pdf { color: #495057; text-decoration: underline } .personal-orders__item ul li .red { color: #e74c3c } .personal-orders__item ul li.right { text-align: right } .personal-orders__item .i-minus { display: none } .personal-orders__products { margin-top: 10px; display: none; padding: 20px; background: #F4F4F4; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .personal-orders__products ul { margin-bottom: 10px } .personal-orders__products ul:last-child { margin-bottom: 0 } .personal-orders__products ul li { width: 10%; text-align: center } .personal-orders__products ul li:first-child { width: 50%; text-align: left } .personal-orders__products ul li._gray { color: #b5b5b5 } .personal-content { margin-bottom: 100px } .personal-content__row { margin: 0 -10px } .personal-content__col { padding: 0 10px } .personal-content__left { width: 300px } .personal-content__left-inner { padding: 30px; background: #fff; border-radius: 8px } .personal-content__right { width: calc(100% - 300px) } .personal__out { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .personal__out span { margin-left: 16px; font-family: Play; font-size: 18px; line-height: 21px; letter-spacing: .75px; color: #212529 } .personal-top { padding: 0 } .personal-top h1 { margin: 0; padding-top: 0 } .place__list { max-height: 428px; padding-right: 16px; overflow: auto } .place__list::-webkit-scrollbar { width: 5px; background-color: #f2eeee; opacity: .44; border-radius: 2px } .place__list::-webkit-scrollbar-thumb { width: 5px; background-color: #b2bcc7 } .place__item { border: 1px solid #f2f2f2; background-color: #fff; font-family: Play; padding: 24px; margin-bottom: 24px; -webkit-transition: .3s; transition: .3s; cursor: pointer } .place__item:last-child { margin-bottom: 0 } .place__item:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 129, 240, .1); box-shadow: 0 10px 20px rgba(0, 129, 240, .1); border: 1px solid transparent } .place__item:hover .place__top span { color: #ff5a00 } .place__top { margin-bottom: 16px } .place__top i { margin-right: 16px } .place__top span { color: #0081f0; font-size: 16px; font-weight: 700; -webkit-transition: .3s; transition: .3s } .place__top a { color: #0081f0; font-size: 14px } .place__bottom a, .place__bottom p { color: #212529; font-size: 14px; line-height: 21px; margin: 0 } .place__map { display: none; height: 200px; margin-top: 16px } .place__map iframe { max-width: 100%; height: 100% } .popup-auth { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; background: rgba(0, 0, 0, .8); padding: 50px 0; z-index: 1000 } .popup-auth-inner { position: relative; max-width: 680px; margin: auto; width: 100%; -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .4); box-shadow: 0 18px 30px rgba(0, 0, 0, .4); background-color: #fff; z-index: 2; overflow: auto } .popup-auth .close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; opacity: .4 } .popup-auth__col { width: 50%; padding: 64px 48px } .popup-auth__info { color: #fff; background: url(/local/templates/maknot/img/auth-bg.png) no-repeat center/cover } .popup-auth__info p { font-size: 12px; letter-spacing: .5px; color: inherit; margin-bottom: 24px; line-height: normal; max-width: 281px; width: 100% } .popup-auth__info a { color: inherit; font-size: 14px; font-weight: 700 } .popup-auth__title { font-family: Play; font-size: 32px; font-weight: 700; letter-spacing: .88px; line-height: 36px; padding-bottom: 32px; margin-bottom: 24px; position: relative } .popup-auth__title::after { content: ""; display: block; width: 80px; height: 1px; background-color: #e0e0e0; position: absolute; bottom: 0; left: 0 } .popup-auth__form .form { padding: 0 } .popup-auth__form .form .popup-auth__form .form { width: 100% } .popup-auth__form-buttons a { color: #0081f0; font-family: "IBM Plex Sans"; font-size: 12px; letter-spacing: .5px; width: 50% } .popup-auth__form-buttons .btn { width: 50% } .popup-auth__form-more { margin-top: 10px } .popup-auth__form-more .btn { width: 50% } .popup-reset { display: none; position: relative; -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .5); box-shadow: 0 18px 30px rgba(0, 0, 0, .5); background-color: #fff; max-width: 440px; margin: auto; padding: 64px 80px } .popup-reset .close { opacity: .4 !important } .popup-reset .close::after, .popup-reset .close::before { background: #000 !important } .popup-reset__title { color: #000; font-family: Play; font-size: 18px; font-weight: 700; letter-spacing: .5px; line-height: 24px; margin-bottom: 16px } .popup-reset p { font-family: "IBM Plex Sans"; font-size: 12px; letter-spacing: .5px; line-height: normal; margin-bottom: 32px } .popup-reset form button { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; mix-blend-mode: normal; opacity: .5; z-index: 1000; display: none } .popup { display: block; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 440px; width: 100%; position: fixed; top: 50%; left: 50%; z-index: 1200; background: #fff; -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .5); box-shadow: 0 18px 30px rgba(0, 0, 0, .5); padding: 48px 48px 32px 48px; overflow: hidden; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; border-radius: 8px } .popup.open { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; } .popup.popup--simple { max-width: 400px } .popup .back { position: absolute; left: 0; bottom: -20px; } .popup .close { position: absolute; top: 32px; right: 32px; width: 24px; height: 24px } .popup__content { position: relative; z-index: 1 } .popup__title { font-family: Play; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: .4px; color: #000 } .popup.popup--simple .popup__title { font-size: 20px; letter-spacing: 0.56px; margin-bottom: 30px } .popup.popup--simple .form__placeholder { font-size: 14px } .popup.popup--simple .btn { width: 100%; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .popup.popup--simple .form__item { margin-bottom: 16px } .popup.popup--simple .form__privacy p { text-align: left; font-size: 13px } .popup.popup--simple .form__item textarea { height: 130px } .popup.popup--simple .back { left: -25px } .popup.popup--simple .back svg { width: 120%; height: 120% } .popup.popup--simple .success-text { font-size: 16px; font-weight: 400; letter-spacing: 0.67px; line-height: 24px; margin-bottom: 25px } .popup__list { margin: 24px 0 48px; font-size: 14px; line-height: 24px; letter-spacing: .58px; color: #212529; list-style-type: disc; list-style-position: inside } .popup--thanks .btn { height: 41px } .popup .buttons .btn { display: block; padding: 0 30px; line-height: 23px; text-align: center; width: 115px; margin-right: 20px } .popup .buttons .btn:last-child { margin-right: 0 } .promo { padding: 80px 0 48px } .promo__row { margin: 0 -16px } .promo__col { padding: 0 16px; width: 50% } .promo__col:first-child { width: 50%; margin-right: auto } .promo__text { background: #fff; padding: 50px 60px 60px; border-radius: 8px } .promo__products-top { margin-bottom: 24px } .promo__products-top-title { color: #131415; font-family: Play; font-size: 20px; font-weight: 700; letter-spacing: .83px } .promo__products-list { margin: 0 -16px } .promo__products-item { padding: 0 16px; margin-bottom: 32px; width: 50% } .promo__products-item a { display: block; background-color: #fff; border-radius: 8px; padding: 24px } .promo__products-item a:hover { -webkit-box-shadow: 0 10px 20px rgba(39, 63, 100, .1); box-shadow: 0 10px 20px rgba(39, 63, 100, .1) } .promo__products-img { margin-bottom: 16px; text-align: center } .promo__products-title { color: #212529; font-weight: 500; letter-spacing: .58px; line-height: 20px } .promo__bottom { text-align: center; width: 100% } .promo__bottom-link { display: none } .registration { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100% } .registration.success .registration__success { display: block } .registration.success .registration__left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .registration.success .registration__left-content, .registration.success .registration__right { display: none } .registration__left { width: 50%; background: url(/local/templates/maknot/img/reg_bg.png) no-repeat center/cover; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-transition: .3s; transition: .3s } .registration__left * { color: inherit } .registration__left h1 { font-size: 32px; margin-bottom: 32px } .registration__left p { position: relative } .registration__left-content { max-width: 450px; width: 100%; margin-left: auto } .registration__right { width: 50%; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .registration__info { max-width: 300px } .registration__info._hide-checkbox p::after { display: none } .registration__info._hide-checkbox p { border-bottom: 0; padding-bottom: 0 } .registration__info._hide-checkbox .form__checkbox { display: none } .registration__form { max-width: 460px; width: 100%; padding: 80px; -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, .15); box-shadow: 0 18px 30px rgba(0, 0, 0, .15); background-color: #fff; -webkit-transform: translateX(-60px); transform: translateX(-60px); border-radius: 8px; display: none; -webkit-transition: .3s; transition: .3s } .registration__form:nth-child(2) { max-width: 600px } .registration__form.active { display: block } .registration__form-bottom .btn-link { color: #3486c7; font-size: 14px; font-weight: 700; background: 0 0 } .registration__form .field-group .form__item { width: 48% } .registration__form .field-group .form__item:first-child { margin-right: 4% } .registration__success { display: none; max-width: 300px } .registration__success-title { font-family: Play; font-size: 32px; font-weight: 700; letter-spacing: .89px; line-height: 36px; margin-bottom: 32px } .registration__success-text { margin-bottom: 32px } .registration__success-text p { color: #fff; font-size: 16px; letter-spacing: .67px; line-height: 28.89px; padding: 0 } .registration__success-text p::after { display: none } .request { background: url(/local/templates/maknot/img/request-back.jpg) no-repeat center/cover; position: relative; } .request::after { content: ""; display: block; background: url(/local/templates/maknot/img/Mask.svg) no-repeat left bottom; width: 720px; height: calc(100% + 80px); position: absolute; bottom: 0; right: 0; } .request__content { max-width: 1100px; margin: 0 auto } .request__col--info { width: 50%; margin-right: auto; color: #fff; position: relative; z-index: 10 } .request__col--form { width: 33.33333%; position: relative } .request__col--form .form-wrapper { position: relative; z-index: 1; -webkit-transform: translateY(-40px); transform: translateY(-40px); background-color: #fff; padding: 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .request__title { font-family: Play; font-size: 32px; font-weight: 700; letter-spacing: 1.33px; margin-bottom: 24px } .request__desc p { color: #fff; font-size: 14px; letter-spacing: .58px; line-height: 24.89px } .search { position: absolute; right: 0; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 15px 0; display: none } .search.active { display: -webkit-box; display: -ms-flexbox; display: flex } .search__logo { width: 20% } .search__form { width: 100% } .search__field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .form__checkbox .search__field textarea, .form__item .search__field textarea, .search__field .form__checkbox textarea, .search__field .form__item textarea, .search__field input { width: 100%; border: 0; font-family: Play; color: #ff5a00 } .form__checkbox .search__field textarea::-webkit-input-placeholder, .form__item .search__field textarea::-webkit-input-placeholder, .search__field .form__checkbox textarea::-webkit-input-placeholder, .search__field .form__item textarea::-webkit-input-placeholder, .search__field input::-webkit-input-placeholder { color: #ff5a00 } .form__checkbox .search__field textarea::-moz-placeholder, .form__item .search__field textarea::-moz-placeholder, .search__field .form__checkbox textarea::-moz-placeholder, .search__field .form__item textarea::-moz-placeholder, .search__field input::-moz-placeholder { color: #ff5a00 } .form__checkbox .search__field textarea:-ms-input-placeholder, .form__item .search__field textarea:-ms-input-placeholder, .search__field .form__checkbox textarea:-ms-input-placeholder, .search__field .form__item textarea:-ms-input-placeholder, .search__field input:-ms-input-placeholder { color: #ff5a00 } .form__checkbox .search__field textarea::-ms-input-placeholder, .form__item .search__field textarea::-ms-input-placeholder, .search__field .form__checkbox textarea::-ms-input-placeholder, .search__field .form__item textarea::-ms-input-placeholder, .search__field input::-ms-input-placeholder { color: #ff5a00 } .form__checkbox .search__field textarea::placeholder, .form__item .search__field textarea::placeholder, .search__field .form__checkbox textarea::placeholder, .search__field .form__item textarea::placeholder, .search__field input::placeholder { color: #ff5a00 } .search__icon { margin-right: 40px } .search__icon i { color: #ff5a00 } .search__controls button { margin-right: 30px; padding-left: 20px !important; padding-right: 20px !important; } .social { list-style: none } .social__item a { display: -webkit-box; display: -ms-flexbox; display: flex } .tabs__head { display: -webkit-box; display: -ms-flexbox; display: flex } .tabs__head-item, .tabs__mhead-item { background-color: #f8f9fa; height: 48px; line-height: 48px; color: #000; padding: 0 80px; font-size: 16px; font-weight: 400; letter-spacing: .8px; border-top-left-radius: 8px; border-top-right-radius: 8px; cursor: pointer; -webkit-transition: .3s; transition: .3s } .tabs__mhead-item { display: none; padding: 0 20px; font-size: 14px; border-radius: 0; border-top: 1px solid #EEF2F5 } .tabs__mhead-item:first-child { border-top: 0 } .tabs__mhead-item i { -webkit-transition: .3s; transition: .3s } .tabs__head-item:hover, .tabs__mhead-item:hover { color: #ff5a00 } .tabs__head-item._active, .tabs__mhead-item._active { color: #ff5a00; background-color: #fff; cursor: default } .tabs__mhead-item._active i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .tabs__body { background-color: #fff; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } .tabs__body-item { display: none; padding: 30px 80px } .tabs__body-item:first-child { display: block } .tabs__body-item--row, .tabs__body-item--row:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .tabs__body-item--col:first-child { width: 60%; padding-right: 80px; -webkit-box-sizing: border-box; box-sizing: border-box } .tabs__body-item--col:nth-child(2) { width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box } .tabs__body-item--col.w100 { width: 100% !important; } .thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 250px } .thumbs__next, .thumbs__prev { cursor: pointer; -webkit-transition: .3; transition: .3 } .thumbs__next.swiper-button-disabled, .thumbs__prev.swiper-button-disabled { opacity: .3; pointer-events: none } .thumbs__next i, .thumbs__prev i { font-size: 24px } .thumbs__next i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .thumbs__slider { width: 100%; max-width: 160px } .thumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .thumbs__item { cursor: pointer } .thumbs__item:last-child { margin-right: 0 } .thumbs__item.swiper-slide-thumb-active span { color: #ff5a00; font-size: 24px; letter-spacing: 1px } .thumbs__item.swiper-slide-thumb-active .line { display: block } .thumbs__item span { display: block; color: #212529; font-family: Play; font-weight: 700; letter-spacing: .67px } .thumbs__item .line { width: 100%; height: 2px; background-color: #dee2e6; position: relative; display: none } .thumbs__item .line span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff5a00 } .top-banner { background: url(/local/templates/maknot/img/top-banner/back.png) } .top-banner__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .top-banner img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .top-banner__col p { color: #f1f3f5; font-family: Play; font-size: 18px; font-weight: 400; letter-spacing: .75px; margin: 0 } .top-banner__col p:last-child { font-size: 24px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase } .typical__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px } .typical__col { width: 33.33333%; padding: 0 20px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #212529; font-family: Play; font-weight: 700; margin: 0 0 24px } .h1, h1 { font-size: 40px; letter-spacing: 1.67px } .h2, h2 { font-size: 32px; letter-spacing: 1.33px } .h3, h3 { font-size: 24px; letter-spacing: 1px } .h4, h4 { font-size: 20px; letter-spacing: .83px } .h5, h5 { font-size: 16px; letter-spacing: .67px } .h6, h6 { font-size: 14px; letter-spacing: .58px } strong { display: block; color: #212529; font-weight: 500; letter-spacing: .67px; line-height: 28px; margin: 0 0 16px } p { color: #212529; font-size: 14px; letter-spacing: .58px; line-height: 24.89px; margin: 0 0 16px; max-width: 680px } .content ol.list, .content ul.list { padding: 0; list-style-position: inside; margin: 0 0 16px } .content ul.list--bullet { list-style-type: disc; list-style-position: inside } .content ul.list li { color: #212529; font-size: 14px; letter-spacing: .58px; line-height: 24.89px } .content a { color: #3486c7; font-size: 14px; font-weight: 700; letter-spacing: .58px; line-height: 24.89px; text-decoration: underline } .content a:hover { color: #ff5a00 } .wherebuy-map { width: 100%; height: 640px } .wherebuy-filter { background: #fff; padding: 40px; margin: 55px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 8px } .wherebuy-filter__column { width: 33.33333%; padding-right: 40px } .wherebuy-filter__column:last-child { padding-right: 0 } .wherebuy-filter__column .filter__item { margin-bottom: 0 } .wherebuy-filter__caption { font-weight: 700; font-size: 28px; line-height: 36px; color: #212529 } .wherebuy-caption { font-size: 25px; font-weight: 700; line-height: 24px; color: #757575 } .wherebuy-list { padding: 40px 0 60px; margin: 0 -20px } .wherebuy-list__col { width: 25%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .wherebuy-list__empty { font-size: 14px; color: #212529; padding: 40px 0 60px } .wherebuy-list__item { margin-bottom: 40px } .wherebuy-item { position: relative; display: block; width: 100%; margin-bottom: 40px; border-radius: 6px; border-radius: 6px; -webkit-transition: .3s; transition: .3s; overflow: hidden } .wherebuy-item._open { -webkit-box-shadow: 0 10px 20px rgba(0, 129, 240, .1); box-shadow: 0 10px 20px rgba(0, 129, 240, .1); z-index: 100 } .wherebuy-item__header { padding: 0 20px 0 12px; height: 70px; line-height: 70; background-color: #fff; border: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: .3s; transition: .3s; border-radius: 6px; cursor: pointer } .wherebuy-item__header:hover { background-color: #fafafa } .wherebuy-item__header span { color: #0081f0; font-size: 18px; font-weight: 700; line-height: normal } .wherebuy-item__header span span { display: block; color: #212529; font-weight: 400; font-size: 14px; line-height: 12px } .wherebuy-item._open .wherebuy-item__header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-color: #f2f2f2 !important } .wherebuy-item__arrow { position: absolute; right: 20px; top: 50%; width: 14px; height: 9px; background: url(/local/templates/maknot/img/icons/i-arrow-black-big.svg) no-repeat center center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; transition: .3s } .wherebuy-item._open .wherebuy-item__arrow { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .wherebuy-item__icon { width: 32px; height: 32px; background: url(/local/templates/maknot/img/icons/wherebuy-item.svg) no-repeat center center; background-size: contain; margin-right: 10px } .wherebuy-item__content { display: none; padding: 24px 60px; background-color: #fff; border: 1px solid #fff; border-top: 0; font-size: 16px; line-height: 18px; color: #212529; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden } .wherebuy-item__param { font-size: 14px; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex } .wherebuy-item__param-label { width: 60px; color: #adb5bd } .wherebuy-item__param-values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wherebuy-item__param-values a { color: #212529 } .wherebuy-item__param-values a:hover { color: #ff5a00 } .wherebuy-item__time { font-size: 14px; line-height: 20px; margin-top: 20px } .wherebuy-result { display: none } .wherebuy .pagination { margin-top: -30px; margin-bottom: 100px } .personal-data__pay-form.disabled .form__item { cursor: no-drop; } .personal-data__pay-form.disabled .form__item input, .personal-data__pay-form.disabled .form__item textarea { pointer-events: none; } .form__item input:disabled { background: #f7f7f7; cursor: no-drop !important; } .personal__balance-box { padding: 15px; } .customer-address span { font-weight: bold; } .personal__detail { margin-left: 0 !important; display: block; } .catalog-products.list .catalog-products__info ul li { min-width: fit-content; } .delivery-desc-item p { margin-bottom: 5px; line-height: 1.2 !important; font-size: 14px !important; } .delivery-desc-item span { line-height: 1.2 !important; font-size: 14px !important; } .news-gallery__item img { display: block; margin: auto; } .checkout-form-to-kabinet { margin-top: 15px; } .c-promo-info { background: #ff0a55; color: #fff; padding: 5px 10px; margin: 15px 0; border-radius: 5px; display: flex; align-items: center; font-weight: 700; font-size: 16px; } .c-promo-info a { color: #fff; text-decoration: underline; } .promo-detail__top-img.mobile { display: none; } .c-promo-info:before { content: '!'; font-size: 56px; font-weight: 500; margin-right: 10px; line-height: 1; } .c-promo-instr { padding: 0; padding-left: 15px; margin: 20px 0; } .c-promo-instr li { padding: 5px 0; } .promo-items-list { display: flex; justify-content: space-between; gap: 20px; } .promo-item { width: calc(33.333333% - 10px); background: #3510bc; border-radius: 8px; text-align: center; text-align: center; display: flex; flex-direction: column; } .promo-item-img { height: 304px; background-size: cover; background-position: top center; } .promo-item-title { font-weight: 700; font-size: 32px; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; padding: 30px; } .promo-item-val { font-weight: 700; font-size: 24px; line-height: 100%; text-align: center; color: #fff; padding: 14px 27px; display: flex; align-items: center; justify-content: center; flex: 1; } .promo-items-list-wrap { margin-top: 60px; margin-bottom: 60px; } .c-promo-form { margin: auto; margin-top: 40px; } .c-promo-form .form__privacy p { text-align: left; } .form__checkbox input.err, .form__checkbox textarea.err, .form__item input.err, .form__item textarea.err { border-color: red; } .messages > div { padding: 10px; margin-bottom: 10px; background: #ff7c7c; color: #fff; border-radius: 5px; font-size: 13px; line-height: 1.2; } .profile-promo-info-row { display: flex; justify-content: space-between; } .profile-promo-info { border: 2px solid #3486c7; padding: 12px; border-radius: 15px; margin-bottom: 20px; background: #fff; font-size: 17px; } .profile-promo-desc { border: 2px solid #3486c7; padding: 12px; border-radius: 15px; background: #fff; font-size: 17px; color: #3486c7; font-weight: 600; } .profile-promo-bilet { border: 2px solid #3486c7; padding: 12px; border-radius: 15px; background: #fff; font-size: 17px; margin-bottom: 10px; font-weight: bold; min-width: 200px; text-align: center; } .c-promo-instr { padding: 30px 30px; display: flex; justify-content: space-around; gap: 100px; margin: 10px auto; } .c-promo-instr-item { display: flex; align-items: center; margin-bottom: 10px; } .c-promo-instr-item:last-child { margin-bottom: 0; } .c-promo-instr-item-num { border-radius: 65px; padding: 10px; min-width: 50px; width: 50px; height: 50px; background: #3510bc; font-weight: 700; font-size: 32px; letter-spacing: 0.05em; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .c-promo-date-row { display: flex; justify-content: space-between; flex-wrap: wrap; } .c-promo-date-item { width: calc(50% - 50px); } .c-promo-date-title { font-weight: 700; font-size: 16px; letter-spacing: 0.05em; color: #212529; margin-bottom: 10px; } .promo-detail__top-img { width: 100%; } .c-promo-date-text { padding: 20px 25px; font-weight: 700; font-size: 22px; letter-spacing: 0.05em; color: #fff; border-radius: 8px; background: #3510bc; width: fit-content; } .c-promo-date-row { margin: 20px auto 50px; } .more-characts-block { display: block; padding: 0 !important; text-align: left; } .more-characts-block > span { display: none !important; text-align: right !important; padding: 0 !important; } .more-characts-block.left > span { text-align: left !important; } .more-characts-block > span:nth-last-child(-n+5) { display: block !important; } .more-characts-block.active > span { display: block !important; } .more-characts-btn { color: #3486c7; margin-top: 4px; font-size: 13px !important; font-weight: 600; text-align: right; display: block; } .more-characts-block.left .more-characts-btn { text-align: left; } .managers-list { display: flex; flex-direction: column; gap: 20px; } .managers-list-item-img { width: 70px; min-width: 70px; border-radius: 50%; overflow: hidden; } .managers-list-item-img img { display: block; max-width: 100%; } .managers-list-item-name { font-size: 14px; font-weight: bold; margin-bottom: 4px; } .favor-btn { width: 40px; height: 40px; background: #f8f9fa; border-radius: 6px; margin-left: 10px; padding: 6px; order: 2; } .favor-btn svg { max-width: 100%; display: block; } .favor-btn.active { background: #ffe3e5; } .favor-btn svg path { fill: transparent; } .favor-btn.active svg path { fill: red; stroke: red; } .managers-list-item { display: flex; gap: 10px; width: 100%; background: #fff; padding: 15px; border-radius: 8px; align-items: center; transition: all 0.3s; } .managers-list-item:hover { box-shadow: 0px 0 14px #00000024; } .managers-list-item-phone, .managers-list-item-email { font-size: 14px; color: #000; display: flex; align-items: center; } .managers-list-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .managers-list-wrap { margin-top: 30px; } .managers-list-item-content > a:last-child { margin-bottom: 0; } .managers-list-item-phone:before, .managers-list-item-email:before { content: ''; width: 14px; min-width: 14px; height: 14px; background: url(/local/templates/maknot/./img/profile-phone.svg) no-repeat center; background-size: contain; margin-right: 5px; margin-bottom: -2px; } .managers-list-item-email:before { background-image: url(/local/templates/maknot/./img/profile-email.svg); margin-bottom: -4px; } .catalog-products__item-labels { background: #3295e3; padding: 3px 4px; font-size: 13px; border-radius: 3px; color: #fff; display: inline-block; line-height: 1.2; } @media screen and (max-width: 1400px) { .buy__col--list { width: 41.66667% } .buy__col--map { width: 58.33333% } } @media screen and (max-width: 1370px) { .cart-table__bottom-left { width: 50% } .cart-table__bottom-btn { width: 25% } .cart__total { width: 25% } } @media screen and (max-width: 1350px) { .checkout-form-to-kabinet { margin-top: 0; } .checkout-success__col { width: 50% } } @media screen and (max-width: 1300px) { .about__description .col--left { width: 50% } .about__description .col--right .col-inner { padding: 40px; -webkit-transform: none; transform: none; height: 100% } .about__products { padding: 64px 0 } .checkout__info-total p { font-size: 16px } } @media screen and (max-width: 1265px) { .header__col--menu { display: none } .header__col--right { width: 75%; margin-left: auto } } @media screen and (max-width: 1250px) { .filter__form { padding: 24px } .header._top { display: none } .header__top { display: none } .header__right { display: none } .header__right-m { display: flex; justify-content: flex-end; width: 50% } .header__burger { display: block } .header__right-m a, .header__right-m button { margin-right: 15px } body._menu { height: 100vh; overflow: hidden } .m-menu { height: calc(100vh - 68px); overflow: auto } } @media screen and (max-width: 1200px) { .about__description { padding: 64px 0 } .about__description .row { margin: 0 } .about__description .col--left { width: 100%; padding: 0; margin-bottom: 32px } .about__description .col--right { width: 100%; padding: 0 } .brands__col { width: 50%; margin-bottom: 32px } .buy__tabs ul li { margin-right: 40px } .footer__col { width: 20% } .footer__col--info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px } .footer__col--info p { margin: 0 } .footer__col--info span { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .personal-banner-x .col { width: 100% } .personal-banner-x .right { display: none } .personal-banner-x { width: 50% } .personal-banner-y { width: 50% } .catalog-card { width: 50%; } } @media screen and (max-width: 1150px) { .block-main__col--slider { width: 100% } .block-main__links-item { display: none } } @media screen and (max-width: 1100px) { .catalog-card__right img { right: 15px; } .catalog-card__link { background: linear-gradient(53deg, #284066 170px, #fff 170px); } .about-page .news { padding-top: 80px } .about__products blockquote { -webkit-transform: none; transform: none; position: static; margin-top: 40px } .buy__row { margin: 0 } .buy__col--map { display: none } .buy__col { width: 100%; padding: 0 } .catalog__row { margin: 0 } .catalog__col { width: 100%; padding: 0 } .catalog__col--filter { margin-bottom: 24px } .catalog-products__item { width: 50% } .catalog-products._full .catalog-products__item { width: 33.3333% } .catalog-products__item { height: 530px } .catalog-products__price { font-size: 18px } .checkout__row { margin: 0 } .checkout__col { width: 100%; padding: 0 } .filter__form { display: none } .filter__form button { max-width: 256px } .filter__toggler { display: -webkit-box; display: -ms-flexbox; display: flex } .promo { padding: 32px 0 } .promo__row { margin: 0 } .promo__col { width: 100%; padding: 0 } .promo__col:first-child { width: 100%; margin: 0; margin-bottom: 32px } .request__col--form { width: 41.66667% } } @media screen and (max-width: 1060px) { .news-detail__gallery-next, .news-detail__gallery-prev { left: 30px } .news-detail__gallery-next path, .news-detail__gallery-prev path { stroke: #fff } .news-detail__gallery-next { left: auto; right: 30px } .news-thumbs__slider-next, .news-thumbs__slider-prev { left: 30px } .news-thumbs__slider-next path, .news-thumbs__slider-prev path { stroke: #fff } .news-thumbs__slider-next { left: auto; right: 30px } } @media screen and (max-width: 1024px) { .wherebuy-list__col { width: 50% } } @media screen and (max-width: 1023px) { .error { padding: 100px 0 } .footer__col { width: 25%; margin-bottom: 24px } .footer__col:last-child { margin-bottom: 0 } .footer__col--logo { width: 100%; margin-bottom: 24px } .footer__col--info { width: 100% } } @media screen and (max-width: 1000px) { .about-page .news { padding: 40px 0 } .filter-main .filter-wrapper { padding: 50px 30px 60px } .filter-main h2 { font-size: 32px } .filter-main-form { padding: 32px } .filter-main-form__list { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .filter-main-form__item { width: 50%; margin-bottom: 32px } .filter-main-form__item:last-child { width: 100%; margin-bottom: 0 } .filter-main-form__item-btn { max-width: 230px; margin: 0 auto } .gallery { margin: 10px 0 0 } .gallery__col--info { margin-top: 24px } .gallery__col { width: 100%; padding: 0 } .gallery__title { margin-bottom: 24px } .gallery__text p { margin-bottom: 24px } .news { padding: 48px 0 } .news__top h2 { font-size: 24px } .news__item { width: 50%; margin-bottom: 24px } .news__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .personal-data-page .personal-hello--top, .personal-data-page .personal-top h1 { padding-top: 0 } .back-to-data { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .personal-hello--top { display: block } .personal-hello__item { margin-bottom: 16px } .personal__main-menu { margin: 0; margin-bottom: 24px } .personal__main-menu-item { width: 100%; padding: 0; margin-bottom: 16px } .personal__main-menu-item:last-child { margin-bottom: 0 } .personal__main-menu-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px } .personal__main-menu-item a i { width: 32px; height: 32px } .personal__main-menu-icon { margin: 0 } .personal__main-menu-title { margin-left: 16px; font-size: 14px } .personal-menu { margin-bottom: 14px } .personal-menu__item a { font-size: 16px; line-height: 20px; padding: 15px 0 } .personal-content { margin-bottom: 50px } .personal-content__row { margin: 0 } .personal-content__col { width: 100%; padding: 0 } .personal-content__left-inner { padding: 24px; margin-bottom: 24px } .personal__out span { font-size: 16px; line-height: 20px } .personal-top { padding-bottom: 0 } .personal-top h1 { font-size: 24px; line-height: 28px; letter-spacing: 1px; margin: 0 } .registration__form { padding: 40px } .typical__row { margin: 0; padding: 50px 0 } .typical__col { width: 100%; padding: 0 } } @media screen and (max-width: 992px) { .c-promo-date-text { font-size: 18px; } .c-promo-instr { padding: 20px 0; } .c-promo-date-row { gap: 20px; } .c-promo-date-text { width: 330px; } .c-promo-date-item { width: 100%; } .checkout-form-to-kabinet { display: block; width: fit-content; margin-top: 15px; } .branches-map { height: 400px } .branches-list { padding: 40px 0 60px; margin: 0 -10px } .branches-item { width: 50%; padding: 10px } .branches-item__content { padding: 24px 40px } .wherebuy-map { height: 400px } .wherebuy-filter { padding: 20px } .wherebuy-filter__column { padding-right: 20px } .wherebuy-filter__column:last-child { padding-right: 0 } .wherebuy-filter__caption { font-size: 24px; line-height: 30px } .wherebuy-caption { font-size: 21px } .wherebuy-list__col { padding: 0 10px } .wherebuy-list__empty { padding: 40px 0 60px } .wherebuy-list { margin: 0 -10px; padding: 40px 0 60px } .wherebuy-list__item { margin-bottom: 20px } .wherebuy-item { margin-bottom: 20px } .wherebuy-item__content { padding: 24px 40px } .catalog-card { width: 50%; max-width: 50% } } @media screen and (max-width: 970px) { .cart-table__bottom-left { width: auto; margin-right: auto } .cart-table__bottom-btn { width: auto } .cart__total { width: auto; margin-right: 16px } .catalog-products__item { width: 50%; height: 530px } .catalog-products._full .catalog-products__item { width: 50% } } @media screen and (max-width: 930px) { .checkout-success { margin-bottom: -76px } .checkout-success__col { width: 100%; padding: 24px } .checkout-success__col--left p { font-size: 12px; line-height: 20px; letter-spacing: .5px; color: #212529; margin-bottom: 16px } .checkout-success__col--left span { font-size: 12px; line-height: 20px; letter-spacing: .5px; color: #212529 } .checkout-success__col--right p { font-size: 12px; line-height: 20px; letter-spacing: .5px; color: #212529 } .checkout-success__title { font-size: 16px; line-height: 19px; letter-spacing: .666667px; color: #212529 } .checkout-success__subtitle { font-size: 14px; line-height: 16px; letter-spacing: .583333px; color: #212529; margin-bottom: 16px } .checkout-success__price { margin: 8px 0 16px; padding-bottom: 24px } } @media screen and (max-width: 920px) { .product-detail__top-row { padding: 30px } .news-detail__bottom { padding: 30px 20px } .news-detail__bottom h1 { font-size: 36px } .tabs__body-item { padding: 40px } .request::after { display: none; } } @media screen and (max-width: 850px) { .cart-table { margin: 0 auto } .cart-table__row { margin: 0; padding: 24px } .cart-table__row span.m { display: block } .cart-table__row--head { display: none } .cart-table__col { width: 100%; padding: 0; text-align: left; margin-bottom: 16px } .cart-table__col:nth-of-type(3), .cart-table__col:nth-of-type(5) { width: 50%; margin: 0 } .cart-table__col .counter { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .cart-table__col--hidden, .cart-table__col--summ { display: none } .cart-table__col--delete { width: auto !important; position: absolute; top: 24px; right: 24px } .cart-table__img { display: none } .cart-table__name .cart-table__info { margin: 0 } .cart-table__bottom { padding: 24px } .cart-table__bottom-btn, .cart-table__bottom-left { width: 100% } .cart-table__bottom-btn a, .cart-table__bottom-left a { max-width: 240px; width: 100%; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .cart-table__bottom-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .cart-table__bottom-btn { margin: 16px 0 } .cart-table__bottom-btn a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .cart__total { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .product-detail__top { padding: 0 } .product-detail__top-element { display: none } .product-detail__top-row { margin: 0 } .product-detail__top-col--img { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .product-detail__top-col h2 { font-size: 20px } .product-detail__top-col--slider { margin-top: 30px } .product-detail__top-col { width: 100%; padding: 0 } .product-detail__top-info { margin-top: 32px } .product-detail__top-img--abs { position: static } .detail__block, .detail__top { padding: 32px 0 0 } .detail__block-element, .detail__top-element { display: none } .detail__block-row, .detail__top-row { margin: 0 } .detail__block-col--img, .detail__top-col--img { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .detail__block-col h2, .detail__top-col h2 { font-size: 20px } .detail__block-col--slider, .detail__top-col--slider { margin-top: 32px } .detail__block-col, .detail__top-col { width: 100%; padding: 0 } .detail__block-info, .detail__top-info { margin-top: 32px } .detail__block-img--abs, .detail__top-img--abs { position: static } .detail__block { padding-top: 0 } .detail__block-row { padding: 30px } .detail__description { padding: 32px 0 } .detail-slider { position: static; max-width: 100% } .gallery { padding: 30px 20px } .product-detail__top-col._left { padding-top: 0 } .product-detail__top-info { position: static; bottom: auto; margin-top: 20px } } @media screen and (max-width: 800px) { .buy__tabs ul li { margin-right: 24px; font-size: 18px } .buy__tabs ul li.active { font-size: 24px } } @media screen and (max-width: 768px) { .catalog-card { width: 100%; max-width: 100% } .c-promo-instr { flex-wrap: wrap; gap: 10px; } .c-promo-date-text { max-width: 100%; } .c-promo-instr-col { width: 100%; } .promo-item { width: 100%; } .promo-items-list { flex-wrap: wrap; } .blockquote { padding-left: 24px } .blockquote--card { padding: 16px } .blockquote__content { padding-left: 24px } .blockquote p { font-size: 16px; line-height: 24px } .social-link-fix { display: none } .page-caption { font-size: 30px } .page-caption h1 { font-size: 28px } .text-block h2 { font-size: 18px } .text-block ul li::before { top: -5px } .text-block li, .text-block p { font-size: 15px; line-height: 24px } .about-top h1 { font-size: 22px; letter-spacing: 1px } .about-top__row { padding: 30px; margin-bottom: 30px } .about-top__col { width: 100%; margin: 15px 0 } .about-top li, .about-top p { font-size: 14px } .about__description { padding: 32px 0 } .about__description .col--left p { font-size: 16px; margin: 16px 0 } .about__description .col--right .col-inner { padding: 24px } .about__products { padding-bottom: 32px; margin-bottom: 0 } .about__products h2 { margin-bottom: 16px } .banner__content p { font-size: 14px } .block-main__row { margin: 0 } .block-main__col { padding: 0 } .block-main__slider-info { width: 100%; padding: 0 } .block-main__slider-info-title { font-size: 32px; letter-spacing: 1.33px } .block-main__slider-info p { max-width: 450px; margin-bottom: 16px } .brands-short { padding: 32px 0 } /*.brands-short h2{margin-bottom:32px}*/ .brands { margin-bottom: 0 } .brands__row { margin: 0; justify-content: center; } .brands__info { padding: 0 20px 30px 20px } .brands__col { width: 100%; padding: 0 } /* .breadcrubms{padding:0;margin-bottom:30px}*/ .breadcrubms .container { display: none } .buy { padding: 32px 0 } .buy__tabs-content { padding: 32px } .buy__tabs ul { height: auto } .buy__tabs ul li { padding-bottom: 16px; font-size: 16px } .buy__tabs ul li.active { font-size: 16px } .cart { margin-bottom: 50px } .catalog-card__desc { font-size: 14px } .catalog { padding: 12px 0 } .catalog__col--products .pagination { margin-top: 10px } .catalog-products { margin: 0 } .catalog-products__item { width: 100%; padding: 0; height: auto; margin-bottom: 32px } .catalog-products._full .catalog-products__item { width: 100% } .catalog-products__item:last-child { margin-bottom: 0 } .checkout__content { padding: 15px } .checkout__content-buttons, .checkout__content-fields { margin-bottom: 0px } .checkout__content-buttons a, .checkout__content-fields a { padding: 8px 10px } .checkout__content-fields-group { margin: 0 } .checkout__content-fields-group-item { width: 100%; padding: 0; margin-bottom: 0px } .checkout__content-txt p { font-size: 12px } .checkout__content-bottom { margin-top: 16px } .checkout__item.active .checkout__head::after { width: 100% } .checkout__head { padding: 10px 15px } .checkout-top { padding: 24px 0 124px } .checkout-top__info { margin: 0 } .checkout-top__info a i { margin-left: 16px } .product-detail__top-list li span { font-size: 15px; line-height: 24px } .product-detail__top-list li a, .product-detail__top-list li p { font-size: 15px; line-height: 24px } .product-detail__top-col h1 { font-size: 28px } .product-detail__tabs { margin-top: 30px } .product-detail__files { width: 100%; padding: 38px 20px 20px 20px } .product-detail__files::before { width: 38px; height: 38px; top: -19px; left: 20px } .product-detail__files-item a { font-size: 16px } .product-detail__files-item span { font-size: 15px } .filter__form { padding: 16px } .filter__toggler { padding: 16px } .gallery__title { font-size: 24px; line-height: 20px; margin-bottom: 16px } .gallery__text p { margin-bottom: 16px } .news-detail__top { display: none } .news-detail__bottom .text-block li, .news-detail__bottom .text-block p { font-size: 16px } .news-detail__gallery { margin-top: 30px } .news-thumbs__slider { margin-top: 20px } .news-page .news { padding: 32px 0 48px } .news__nav-item { margin-right: 16px } .news__nav-item a { font-size: 16px } .news__nav-item.active a { font-size: 18px } .personal-banners { margin: 0 } .personal-banner-x .inner { padding: 24px } .personal-banner-x { width: 100%; padding: 0; margin-bottom: 24px } .personal-banner-y { width: 100%; padding: 0 } .personal-banner-y .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px } .personal-banner-y .top { text-align: left; width: 37%; margin: 0 } .personal-banner-y .bottom { width: 50%; margin-bottom: 16px } .personal-data__right { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .personal-data__col { width: 100%; padding: 24px } .personal-data__title { margin-bottom: 16px } .personal-data__title h4 { font-size: 16px } .personal-data__pay-add, .personal-data__pay-item { padding: 16px; margin-bottom: 16px } .personal-data__pay-title { font-size: 14px } .personal-data__pay-actions button:first-child { margin-right: 16px } .personal-data__pay-add span { font-size: 12px; margin-left: 8px } .personal-data__form { padding-top: 4px } .personal-hello__item span { font-size: 10px; line-height: 13px; letter-spacing: .55px } .personal-hello__item p { font-size: 18px; line-height: 21px; letter-spacing: .75px } .personal-orders { padding-left: 56px; padding-right: 24px } .personal-orders__head { display: none } .personal-orders__item ul li { width: 50%; margin-bottom: 8px } .personal-orders__item ul li button { position: absolute; left: -32px; top: 50%; -webkit-transform: translateY(50%); transform: translateY(50%) } .personal-top { padding-top: 0 } .promo__products-top-title { font-size: 18px } .registration__left { width: 100% } .registration__left h1 { margin-bottom: 16px } .registration__left p { margin-bottom: 24px; padding-bottom: 16px } .registration__left-content { max-width: 100% } .registration__right { width: 100% } .registration__info { max-width: 100% } .registration__form { max-width: 100%; -webkit-transform: none; transform: none } .request { padding: 32px 0 } .request__col { width: 100% } .request__col--info { margin-bottom: 16px } .request__col--form::after { height: 100% } .request__col--form .form-wrapper { -webkit-transform: none; transform: none; padding: 24px } .request__title { font-size: 24px; line-height: 28px; letter-spacing: 1px; margin-bottom: 16px } .tabs__head-item { font-size: 15px; padding: 0 45px } .tabs__body-item--col:first-child { width: 100%; padding-right: 0 } .tabs__body-item--col:nth-child(2) { width: 100% } .h1, h1 { font-size: 24px; letter-spacing: 1px } .h2, h2 { font-size: 24px } .wherebuy-filter__column { width: 100%; padding-right: 0; margin-bottom: 20px } .wherebuy-filter__column:last-child { margin-bottom: 0 } .wherebuy-filter__caption { font-size: 21px; line-height: 26px } .tabs__head-item { font-size: 14px; } .catalog-products__info-title { height: auto } .c-promo-date-text { font-size: 15px; padding: 10px 20px; } .c-promo-info { font-size: 14px; } .promo-item-img { height: 285px; } .promo-item-title { font-size: 28px; } .promo-item-val { font-size: 18px; } } @media screen and (max-width: 767px) { .promo-detail__top-img.mobile { display: block; } .promo-detail__top-img.desktop { display: none; } .profile-promo-info-row { flex-wrap: wrap; } .profile-promo-info-row-right { width: 100%; margin-top: 20px; } .profile-promo-info-row-left { width: 100%; } .container { padding: 0 16px } .error { padding: 32px 0 } .error__col--text { margin-top: 24px } .error__col { width: 100% } .error__col img { width: 100px } .error__col h3 { font-size: 20px } .error__col p { max-width: 300px } .footer { padding: 24px 0 } .footer__row { margin: 0 } .footer__col { width: 100%; padding: 0 } .footer__col--logo img { width: 110px } .footer__col--info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0 } .footer__col--info p { margin: 24px 0 } .header { padding: 16px 0 } .header__row { padding: 0 } .header__col { width: 50% } .header__col--logo img { width: 55px } .header__col--right-item { padding: 0; margin-right: 16px } .header__col--right-item:nth-child(4) { margin-right: 0 } .header__phone { display: none } .news__list { margin: 0 -16px } .news__item { padding: 0 16px } .search__logo { display: none } .search__form { width: 100% } .search__icon { margin-right: 16px } .search__controls button { margin-right: 16px } .top-banner__col p { line-height: normal; font-size: 12px; letter-spacing: .5px } .top-banner__col p:last-child { font-size: 16px; letter-spacing: .67px } .top-banner__col:last-child { display: none } .top-banner__col img { width: 80px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 16px } .header__catalog-slider { display: -webkit-box; display: -ms-flexbox; display: flex } .header__catalog { display: none } } @media screen and (max-width: 700px) { .popup-auth-inner { max-width: 95% } .popup-auth .close { opacity: 1 } .popup-auth .close::after, .popup-auth .close::before { background: #fff } .popup-auth__col { width: 100% } .popup-auth__form-buttons .btn { width: 100px; margin: 0 } .tabs__body { border-radius: 8px; overflow: hidden } .tabs__head { display: none } .tabs__mhead-item { display: -webkit-flex; display: flex } } @media screen and (max-width: 640px) { .branches-item { width: 100% } .branches-item__content { padding: 24px } .news-detail__bottom h1 { font-size: 30px } .news-detail__gallery-next, .news-detail__gallery-prev { left: 10px } .news-detail__gallery-next { left: auto; right: 10px } .news-thumbs__slider-next, .news-thumbs__slider-prev { left: 10px } .news-thumbs__slider-next { left: auto; right: 10px } .wherebuy-filter__caption { font-size: 18px; line-height: 23px } .wherebuy-caption { font-size: 18px } .wherebuy-item__content { padding: 24px } } @media screen and (max-width: 600px) { .banner h2 { font-size: 24px } .filter-main .filter-wrapper { padding: 40px 20px 50px } .filter-main h2 { font-size: 24px } .filter-main-tabs { height: 38px } .filter-main-tabs__item { font-size: 16px; letter-spacing: .67px; padding-bottom: 16px; margin-right: 16px } .filter-main-tabs__item.active { font-size: 16px } .filter-main-form { padding: 24px } .filter-main-form__list { margin: 0 } .filter-main-form__item { width: 100%; padding: 0; margin-bottom: 16px } .news { padding: 20px 0 } .news__list { margin: 0 } .news__item { width: 100%; padding: 0 } .news__text { max-width: 320px } .news__more { display: none } .news__more--bottom { display: -webkit-box; display: -ms-flexbox; display: flex } .pagination { margin-top: 32px } .banner__link img.pc { display: none } .banner__link img.mobile { display: block } } @media screen and (max-width: 599px) { .block-main { padding: 0; margin: 20px 0; } .block-main .block-main__col--slider, .block-main .block-main__row, .block-main .block-main__slider-content, .block-main .container { height: 100% } .block-main .block-main__slider-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .m-menu { width: 100% } .pagination__item { margin-right: 10px } .pagination__item.active a { font-size: 20px } } @media screen and (max-width: 540px) { .wherebuy-list__col { width: 100% } } @media screen and (max-width: 500px) { .about__description .col--right .col-inner__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .about__description .col--right .col-inner__item i { margin-bottom: 8px } .block-main__slider-pagination { max-width: 320px } .buy__tabs-content { padding: 16px } .checkout__content-buttons-group { width: 100% } .checkout__content-buttons-info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .checkout__content-buttons-info p { margin: 0 } .detail-slider__item { padding: 50px } .checkout__info-list li { margin-bottom: 7px; } .checkout__info-list { padding-bottom: 10px; margin-bottom: 10px; } .checkout__title span { font-weight: 700; font-size: 18px; } .form { padding: 24px } .personal-banner-y .inner { display: block } .personal-banner-y .top { width: 100%; text-align: center } .personal-banner-y .bottom { width: 100%; max-width: 248px; margin: 0 auto } .promo__products-top a { display: none } .promo__products-list { margin: 0 } .promo__products-item { width: 100%; padding: 0 } .promo__bottom-link { display: block } } @media screen and (max-width: 460px) { .popup-reset { max-width: 95%; padding: 32px } .header__right-m a, .header__right-m button { margin-right: 7px } .block-main__slider-pagination-next, .block-main__slider-pagination-prev { display: none } } @media screen and (max-width: 450px) { .checkout-success__price p { width: 100% } .checkout-success__price a { width: 100%; margin-top: 16px } .product-detail__top-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } /*.product-detail__top-info a:last-child{margin-top:8px}*/ .detail__block-col--producs-detail .detail__top-info, .detail__top-col--producs-detail .detail__top-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .detail__block-col--producs-detail .detail__top-info a:last-child, .detail__top-col--producs-detail .detail__top-info a:last-child { margin-top: 8px } .popup { padding: 70px 30px 70px } .form__checkbox .search__field textarea::-webkit-input-placeholder, .form__item .search__field textarea::-webkit-input-placeholder, .search__field .form__checkbox textarea::-webkit-input-placeholder, .search__field .form__item textarea::-webkit-input-placeholder, .search__field input::-webkit-input-placeholder { font-size: 12px } .form__checkbox .search__field textarea::-moz-placeholder, .form__item .search__field textarea::-moz-placeholder, .search__field .form__checkbox textarea::-moz-placeholder, .search__field .form__item textarea::-moz-placeholder, .search__field input::-moz-placeholder { font-size: 12px } .form__checkbox .search__field textarea:-ms-input-placeholder, .form__item .search__field textarea:-ms-input-placeholder, .search__field .form__checkbox textarea:-ms-input-placeholder, .search__field .form__item textarea:-ms-input-placeholder, .search__field input:-ms-input-placeholder { font-size: 12px } .form__checkbox .search__field textarea::-ms-input-placeholder, .form__item .search__field textarea::-ms-input-placeholder, .search__field .form__checkbox textarea::-ms-input-placeholder, .search__field .form__item textarea::-ms-input-placeholder, .search__field input::-ms-input-placeholder { font-size: 12px } .form__checkbox .search__field textarea::placeholder, .form__item .search__field textarea::placeholder, .search__field .form__checkbox textarea::placeholder, .search__field .form__item textarea::placeholder, .search__field input::placeholder { font-size: 12px } .product-detail__top-info .compare-button { margin-left: 0; margin-top: 10px } .product-detail__top-info .btn { margin-top: 10px !important; width: 100%; } } @media screen and (max-width: 440px) { .catalog-cards { margin-bottom: -16px; padding: 24px 0 } .catalog-card { height: auto; margin-bottom: 16px } /*.catalog-card__link{padding:24px;height:auto}*/ .catalog-card__icon { width: 48px; height: 48px } .catalog-card__icon i { width: 24px; height: 24px } .catalog-card__title { font-size: 18px } /*.catalog-card__right{display:none}*/ .btn-back span { display: none } } @media screen and (max-width: 420px) { .page-caption h1 { font-size: 24px } .product-detail__top-col h1 { font-size: 24px } .product-detail__top-col--slider { margin-top: 10px } .news-detail__bottom .text-block li, .news-detail__bottom .text-block p { font-size: 14px } .news-thumbs__slider { margin-top: 10px } .place__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px } .place__top i, .place__top span { margin-bottom: 8px } .tabs__head-item { padding: 0 20px } .tabs__body-item { padding: 20px } } @media screen and (max-width: 407px) { .checkout__content-buttons-group button:last-child { margin-top: 16px } } @media screen and (max-width: 400px) { .brands__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .brands__bottom a:first-child { margin-bottom: 16px; margin-right: 0 } .registration__form { padding: 24px } .thumbs { margin: 0 auto } } @media screen and (max-width: 350px) { .catalog-card__right img { transform: scale(0.7); right: 1px; top: -35px; } } @media (print),(prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Light.eot); src: local("IBM Plex Sans Light"), local("IBMPlexSans-Light"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Light.svg#IBMPlexSans-Light) format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.eot); src: local("IBM Plex Sans Thin Italic"), local("IBMPlexSans-ThinItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ThinItalic.svg#IBMPlexSans-ThinItalic) format("svg"); font-weight: 100; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Medium.eot); src: local("IBM Plex Sans Medium"), local("IBMPlexSans-Medium"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Medium.svg#IBMPlexSans-Medium) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans.eot); src: local("IBM Plex Sans"), local("IBMPlexSans"), url(/local/templates/maknot/fonts/IBMPlexSans.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans.svg#IBMPlexSans) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.eot); src: local("IBM Plex Sans Light Italic"), local("IBMPlexSans-LightItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-LightItalic.svg#IBMPlexSans-LightItalic) format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Italic.eot); src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Italic.svg#IBMPlexSans-Italic) format("svg"); font-weight: 400; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.eot); src: local("IBM Plex Sans Medium Italic"), local("IBMPlexSans-MediumItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-MediumItalic.svg#IBMPlexSans-MediumItalic) format("svg"); font-weight: 500; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.eot); src: local("IBM Plex Sans SemiBold"), local("IBMPlexSans-SemiBold"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold) format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.eot); src: local("IBM Plex Sans ExtraLight Italic"), local("IBMPlexSans-ExtraLightItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLightItalic.svg#IBMPlexSans-ExtraLightItalic) format("svg"); font-weight: 200; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.eot); src: local("IBM Plex Sans SemiBold Italic"), local("IBMPlexSans-SemiBoldItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-SemiBoldItalic.svg#IBMPlexSans-SemiBoldItalic) format("svg"); font-weight: 600; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Thin.eot); src: local("IBM Plex Sans Thin"), local("IBMPlexSans-Thin"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Thin.svg#IBMPlexSans-Thin) format("svg"); font-weight: 100; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.eot); src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic) format("svg"); font-weight: 700; font-style: italic } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.eot); src: local("IBM Plex Sans ExtraLight"), local("IBMPlexSans-ExtraLight"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-ExtraLight.svg#IBMPlexSans-ExtraLight) format("svg"); font-weight: 200; font-style: normal } @font-face { font-family: Play; src: url(/local/templates/maknot/fonts/Play-Regular.eot); src: local("Play Regular"), local("Play-Regular"), url(/local/templates/maknot/fonts/Play-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/Play-Regular.woff2) format("woff2"), url(/local/templates/maknot/fonts/Play-Regular.woff) format("woff"), url(/local/templates/maknot/fonts/Play-Regular.ttf) format("truetype"), url(/local/templates/maknot/fonts/Play-Regular.svg#Play-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Play; src: url(/local/templates/maknot/fonts/Play-Bold.eot); src: local("Play Bold"), local("Play-Bold"), url(/local/templates/maknot/fonts/Play-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/Play-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/Play-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/Play-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/Play-Bold.svg#Play-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'IBM Plex Sans'; src: url(/local/templates/maknot/fonts/IBMPlexSans-Bold.eot); src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/IBMPlexSans-Bold.svg#IBMPlexSans-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'PT Sans'; src: url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.eot); src: local("PT Sans"), local("PTSans-Regular"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.woff2) format("woff2"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.woff) format("woff"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.ttf) format("truetype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Regular.svg#PTSans-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'PT Sans'; src: url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.eot); src: local("PT Sans Bold"), local("PTSans-Bold"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.woff2) format("woff2"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.woff) format("woff"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.ttf) format("truetype"), url(/local/templates/maknot/fonts/PT-Sans/hinted-PTSans-Bold.svg#PTSans-Bold) format("svg"); font-weight: 700; font-style: normal } /* popup */ .detail__block-row { justify-content: space-between; } .about__products blockquote { position: static; transform: none; } #show_more { padding: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; max-width: 270px; width: 100%; height: 48px; font-size: 14px; font-weight: 400; letter-spacing: 0.3px; line-height: 18px; color: #212529; background: #f8f9fa; border: 1px solid #f8f9fa; border-radius: 6px; transition: all .2s ease-in-out; margin-bottom: 40px; } #show_more:hover { color: #ff5a00; background: #f8f9fa; } .pagination__list { align-items: center; } i.i-pog-arr { display: block; background: url(/local/templates/maknot/img/arr.png) no-repeat center; width: 10px; height: 16px; } i.i-pog-arr-2 { display: block; background: url(/local/templates/maknot/img/arr-2.png) no-repeat center; width: 14px; height: 16px; } .filter-main-tabs { display: flex; align-items: center; flex-wrap: wrap; background: #fff; height: auto; border-radius: 8px 8px 0 0; padding: 15px 25px 0; } .filter-main-tabs__item { display: flex; justify-content: center; align-items: center; padding-bottom: 0; font-size: 18px; height: 40px; line-height: 36px; color: #212529; padding: 0 25px; border: 2px solid #F4F4F4; background: transparent; border-radius: 6px; margin-bottom: 15px; } .filter-main-tabs__item.active { background: #F4F4F4; } .about__products { margin-bottom: 0; padding-bottom: 0; } @media screen and (max-width: 767.98px) { .about__products .catalog-card__link { padding: 16px; } .about__products .catalog-card__right img { bottom: 16px; } .about__products .catalog-card__icon { flex-shrink: 0; } } @media screen and (max-width: 600px) { .filter-main-tabs__item { font-size: 16px; letter-spacing: .67px; margin-right: 15px; } } @media screen and (max-width: 440.98px) { .catalog-card__icon i { width: 35px; height: 35px; } .about__products .catalog-card { width: 100%; } } a.header__logo { /* width: 270px;*/ /* max-width: 60%;*/ } .m-menu.open { z-index: 211 !important; } .catalog-products__img a:first-child { display: block; } .catalog-products__item-inner .tile--diz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 16px; background: #E50F2B; border-radius: 4px; position: absolute; font-weight: bold; font-size: 11px; color: #fff; left: 24px; top: 24px; z-index: 99; } .catalog-products.list .catalog-products__img { padding-top: 10px; padding-bottom: 10px; } .catalog-products.list .catalog-products__info { margin: auto; } .catalog-products.list .catalog-products__img a { display: flex; } .catalog-products.list .catalog-products__img img { margin: auto; } .header__logout { margin-left: 15px; } @media (max-width: 480px) { .catalog-products.list .catalog-products__img { height: 200px; padding: 10px; } } .catalog-products__bottom .no_quantity_list { margin-left: 0; } .compare-button span, .catalog-products.list .catalog-products__price { line-height: 1; } .catalog-products.list .catalog-products__price { height: auto; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn { margin-top: 11px; } .catalog-products.list .catalog-products__bottom .kolvo { margin-top: 11px; } .block_number { position: relative; } .counter_max_noteGoods { position: absolute; position: absolute; bottom: calc(100% + 14px); background: #212529; border-radius: 4px; padding: 10px; font-weight: 500; font-size: 12px; line-height: 16px; color: #FFFFFF; width: 220px; right: 0; z-index: 102; } .catalog__col--products .catalog-products__item-inner { overflow: visible; } .block-main__links-item { margin-bottom: 10px; } .catalog-card__link .catalog-card__icon.tech { background: #82592D; } .block-main__links-item .block-main__links-icon.tech { background: #82592D; } .block-main__links-item.tech::before { background-color: #82592D; } .i-catalog-tech { background: url(/local/templates/maknot/img/icons/techcatalogicon.svg) no-repeat center/contain; height: 24px; } .i-catalog-zarad { background: url(/local/templates/maknot/img/zarad.svg?v=2) no-repeat center/contain; height: 24px; } .i-catalog-diski { background: url(/local/templates/maknot/img/diski.svg) no-repeat center/contain; height: 24px; } .header__catalog-list li a:hover .i-catalog-tech { background: url(/local/templates/maknot/img/icons/techcatalogiconwhite.svg) no-repeat center/contain; } .product-item-stores-balance-info { font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #ADB6BE; text-align: end; } .cart-table__col .product-item-stores-balance-info { text-align: left; } .counter_max_noteGoods::after { display: block; content: ''; width: 10px; height: 10px; background: #212529; transform: rotate(45deg); position: absolute; bottom: -5px; left: 70%; margin-left: -5px; } .header__catalog.parts { margin-right: 20px; } .header__catalog.parts .header__catalog-toggle { background: #d4efda; height: 48px; } .checkout-info { box-shadow: 0 8px 16px rgba(0, 0, 0, .1); margin-bottom: 20px; border-radius: 8px; padding: 20px; font-size: 16px; background-color: #ff5d5d; color: #fff; } .catalog-sort-current { display: flex; align-items: center; gap: 10px; font-size: 16px; padding-left: 32px; background: url(/local/templates/maknot/./img/sprite-new.svg#ico_sort_pc_black) no-repeat center left; background-size: 24px 24px; cursor: pointer; } .catalog-sort-current:hover { background: url(/local/templates/maknot/./img/sprite-new.svg#ico_sort_pc_red) no-repeat center left; background-size: 24px 24px; color: red; } .catalog-sort { position: relative; } .catalog-sort-select { position: absolute; top: calc(100% + 10px); left: 0; z-index: 800; background: #FFFFFF; box-shadow: 0 4px 10px rgba(29, 29, 29, 0.12); border-radius: 8px; padding: 12px 12px; display: none; } .catalog-sort-select li { font-size: 15px; padding: 3px 0; color: #000; white-space: nowrap; } .catalog-sort-select li a { color: #000; } .catalog-sort.active .catalog-sort-select { display: block; } .catalog-top-actions { width: 75%; padding: 0 7px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 640px) { .product-item-stores-balance-info { width: 100%; } .checkout-info { font-size: 14px; } .catalog-products.list .catalog-products__bottom .counter_max_noteGoods { text-align: left; right: auto; left: 0; } .catalog-products.list .catalog-products__bottom .counter_max_noteGoods::after { left: 30%; } } .catalog-card__right--tech { background-image: url(/local/templates/maknot/img/icons/cardrighttech.svg); } .m-menu__catalog-list li .flex .i-catalog-tech { width: 24px; } .catalog-products.list .catalog-products__bottom .btn.js-opt { margin-top: 5px; } .catalog-products.list .catalog-products__bottom .kolvo { margin-top: 5px; } .catalog-products.list .catalog-products__bottom a, .catalog-products.list .catalog-products__bottom .btn, .catalog-products.list .catalog-products__compare button { height: 36px; } .block-main__links-icon.yellow2, .block-main__links-item.yellow2::before { background-color: #ffc800; } .i-catalog-battery { background: url(/local/templates/maknot/img/icons/catalog-battery.svg) no-repeat center/contain; width: 24px; height: 24px; } .i-catalog-battery.active { background: url(/local/templates/maknot/img/icons/catalog-battery-active.svg) no-repeat center/contain; } @media (min-width: 1151px) { .block-main__row .block-main__links-item { height: 63.4px; margin-bottom: 8px; padding-left: 8px; } .block-main__row .block-main__links-item:last-child { margin-bottom: 0; } .block-main__row .block-main__links-item .block-main__links-icon { width: 48px; height: 48px; } } /* action form */ .action-wrapper { margin-top: 40px; gap: 32px; } .js-form { background-color: #FFFFFF; /*box-shadow: 10px 10px 30px 0px rgba(228, 233, 236, 0.50);*/ padding: 40px; border-radius: 16px; max-width: 574px; width: 100%; } .js-form button { background-color: #3486C7; width: 100%; } .action-block { padding: 40px 48px 40px 0; } .action-banner { width: 1180px; /*height: 360px;*/ margin: 0 auto; /*margin-top: 24px;*/ object-fit: contain; } .action-block-subtitle { } .action-block-description { font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; color: #000000; } .action-block-list { } .action-block-item { padding-left: 69px; height: 65px; margin-top: 16px; } .action-block-item:nth-child(1) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='65' viewBox='0 0 46 65' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6279 7.0166L24.9418 11.8166L28.4059 9.8166L20.092 5.0166L16.6279 7.0166Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5693 40.6167V50.2167L45.0334 48.2167V38.6167L41.5693 40.6167Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9418 59.8166L16.6279 55.0166L20.092 53.0166L28.4059 57.8166L24.9418 59.8166Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.2167V16.6167L3.4641 14.6167V24.2167L0 26.2167Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.6167L3.4641 14.6167L0 16.6167Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.6165C0 9.89589 0 6.53554 1.13269 4.62256L4.59679 2.62256C3.4641 4.53554 3.4641 7.89589 3.4641 14.6165L0 16.6165Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13281 4.62257C1.61106 3.81488 2.22604 3.1834 2.95256 2.74268L6.41666 0.742676C5.69014 1.1834 5.07516 1.81488 4.59691 2.62257L1.13281 4.62257Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.95264 2.74268C3.7397 2.26524 4.65766 2.01167 5.67449 2.00049L9.13859 0.000488281C8.12177 0.0116735 7.2038 0.265239 6.41674 0.742685L2.95264 2.74268Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67432 2.00026C7.89735 1.97581 10.8075 3.65599 16.6277 7.01629L20.0918 5.01629C14.2716 1.65599 11.3615 -0.0241869 9.13842 0.000263029L5.67432 2.00026Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9414 11.8164C30.7616 15.1767 33.6717 16.8569 35.8948 19.4483L39.3589 17.4483C37.1358 14.8569 34.2257 13.1767 28.4055 9.81641L24.9414 11.8164Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.895 19.4482C37.8504 21.7277 39.4403 24.4813 40.4366 27.3145L43.9007 25.3145C42.9044 22.4813 41.3145 19.7277 39.3591 17.4482L35.895 19.4482Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 27.3145C41.5692 30.5353 41.5692 33.8957 41.5692 40.6163L45.0333 38.6163C45.0333 31.8957 45.0333 28.5353 43.9006 25.3145L40.4365 27.3145Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5692 50.2163C41.5692 56.9369 41.5692 60.2972 40.4365 62.2103L43.9006 60.2103C45.0333 58.2972 45.0333 54.9369 45.0333 48.2163L41.5692 50.2163Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 62.2104C39.9582 63.0181 39.3432 63.6496 38.6167 64.0903L42.0808 62.0903C42.8073 61.6496 43.4223 61.0181 43.9006 60.2104L40.4365 62.2104Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.6169 64.0903C37.8298 64.5678 36.9118 64.8214 35.895 64.8326L39.3591 62.8326C40.3759 62.8214 41.2939 62.5678 42.081 62.0903L38.6169 64.0903Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.8948 64.8325C33.6717 64.8569 30.7616 63.1767 24.9414 59.8164L28.4055 57.8164C34.2257 61.1767 37.1358 62.8569 39.3589 62.8325L35.8948 64.8325Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6277 55.0166C10.8075 51.6563 7.89735 49.9761 5.67432 47.3848L9.13842 45.3848C11.3615 47.9761 14.2716 49.6563 20.0918 53.0166L16.6277 55.0166Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67441 47.3849C3.71898 45.1054 2.12916 42.3517 1.13281 39.5186L4.59691 37.5186C5.59326 40.3517 7.18308 43.1054 9.13852 45.3849L5.67441 47.3849Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13269 39.5182C0 36.2972 0 32.9369 0 26.2163L3.4641 24.2163C3.4641 30.9369 3.4641 34.2972 4.59679 37.5182L1.13269 39.5182Z' fill='%236580E1'/%3E%3Cpath d='M0 16.6163C0 9.89569 0 6.53534 1.13269 4.62236C2.12904 2.93966 3.71886 2.02177 5.67429 2.00026C7.89733 1.97581 10.8075 3.65599 16.6277 7.01629L24.9415 11.8163C30.7617 15.1766 33.6718 16.8567 35.8949 19.4482C37.8503 21.7276 39.4402 24.4813 40.4365 27.3144C41.5692 30.5353 41.5692 33.8957 41.5692 40.6163V50.2163C41.5692 56.9369 41.5692 60.2972 40.4365 62.2102C39.4402 63.8929 37.8503 64.8108 35.8949 64.8323C33.6718 64.8567 30.7617 63.1766 24.9415 59.8163L16.6277 55.0163C10.8075 51.656 7.89733 49.9758 5.67429 47.3844C3.71886 45.105 2.12904 42.3513 1.13269 39.5181C0 36.2972 0 32.9369 0 26.2163V16.6163Z' fill='%2333AFFB'/%3E%3Cpath d='M13.9673 36.3191L17.5057 38.362V26.7515L17.8875 24.9731L16.6656 26.0019L14.4001 26.4869L13 23.4741L18.8039 21.4165L20.6622 22.4894V40.1844L24.1242 42.1832V45.4165L13.9673 39.5525V36.3191Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; } .action-block-item:nth-child(2) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='66' viewBox='0 0 46 66' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6279 7.84912L24.9418 12.6491L28.4059 10.6491L20.092 5.84912L16.6279 7.84912Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5693 41.4492V51.0492L45.0334 49.0492V39.4492L41.5693 41.4492Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9418 60.6491L16.6279 55.8491L20.092 53.8491L28.4059 58.6491L24.9418 60.6491Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 27.0492V17.4492L3.4641 15.4492V25.0492L0 27.0492Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.4492L3.4641 15.4492L0 17.4492Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.449C0 10.7284 0 7.36806 1.13269 5.45508L4.59679 3.45508C3.4641 5.36806 3.4641 8.72841 3.4641 15.449L0 17.449Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13281 5.45509C1.61106 4.6474 2.22604 4.01592 2.95256 3.5752L6.41666 1.5752C5.69014 2.01592 5.07516 2.6474 4.59691 3.45509L1.13281 5.45509Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.95264 3.5752C3.7397 3.09776 4.65766 2.84419 5.67449 2.83301L9.13859 0.833008C8.12177 0.844193 7.2038 1.09776 6.41674 1.5752L2.95264 3.5752Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67432 2.83278C7.89735 2.80833 10.8075 4.48851 16.6277 7.84881L20.0918 5.84881C14.2716 2.48851 11.3615 0.808333 9.13842 0.832783L5.67432 2.83278Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9414 12.6489C30.7616 16.0092 33.6717 17.6894 35.8948 20.2808L39.3589 18.2808C37.1358 15.6894 34.2257 14.0092 28.4055 10.6489L24.9414 12.6489Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.895 20.2808C37.8504 22.5602 39.4403 25.3139 40.4366 28.1471L43.9007 26.1471C42.9044 23.3139 41.3145 20.5602 39.3591 18.2808L35.895 20.2808Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 28.147C41.5692 31.3679 41.5692 34.7282 41.5692 41.4488L45.0333 39.4488C45.0333 32.7282 45.0333 29.3679 43.9006 26.147L40.4365 28.147Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5692 51.0488C41.5692 57.7694 41.5692 61.1297 40.4365 63.0428L43.9006 61.0428C45.0333 59.1297 45.0333 55.7694 45.0333 49.0488L41.5692 51.0488Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 63.043C39.9582 63.8506 39.3432 64.4821 38.6167 64.9228L42.0808 62.9228C42.8073 62.4821 43.4223 61.8506 43.9006 61.043L40.4365 63.043Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.6169 64.9229C37.8298 65.4003 36.9118 65.6539 35.895 65.6651L39.3591 63.6651C40.3759 63.6539 41.2939 63.4003 42.081 62.9229L38.6169 64.9229Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.8948 65.665C33.6717 65.6894 30.7616 64.0092 24.9414 60.6489L28.4055 58.6489C34.2257 62.0092 37.1358 63.6894 39.3589 63.665L35.8948 65.665Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6277 55.8491C10.8075 52.4888 7.89735 50.8087 5.67432 48.2173L9.13842 46.2173C11.3615 48.8087 14.2716 50.4888 20.0918 53.8491L16.6277 55.8491Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67441 48.2174C3.71898 45.9379 2.12916 43.1842 1.13281 40.3511L4.59691 38.3511C5.59326 41.1842 7.18308 43.9379 9.13852 46.2174L5.67441 48.2174Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13269 40.3507C0 37.1297 0 33.7694 0 27.0488L3.4641 25.0488C3.4641 31.7694 3.4641 35.1297 4.59679 38.3507L1.13269 40.3507Z' fill='%236580E1'/%3E%3Cpath d='M0 17.4488C0 10.7282 0 7.36786 1.13269 5.45488C2.12904 3.77218 3.71886 2.85429 5.67429 2.83278C7.89733 2.80833 10.8075 4.48851 16.6277 7.84881L24.9415 12.6488C30.7617 16.0091 33.6718 17.6893 35.8949 20.2807C37.8503 22.5601 39.4402 25.3138 40.4365 28.147C41.5692 31.3679 41.5692 34.7282 41.5692 41.4488V51.0488C41.5692 57.7694 41.5692 61.1297 40.4365 63.0428C39.4402 64.7254 37.8503 65.6433 35.8949 65.6649C33.6718 65.6893 30.7617 64.0091 24.9415 60.6488L16.6277 55.8488C10.8075 52.4885 7.89733 50.8083 5.67429 48.217C3.71886 45.9375 2.12904 43.1838 1.13269 40.3507C0 37.1297 0 33.7694 0 27.0488V17.4488Z' fill='%2333AFFB'/%3E%3Cpath d='M22.9143 30.2237C22.9143 31.1757 22.7608 32.0483 22.4536 32.8417C22.1626 33.6444 21.7827 34.377 21.3139 35.0397C20.8612 35.7116 20.352 36.323 19.7862 36.8737C19.2366 37.4151 18.695 37.8957 18.1616 38.3157L16.8764 38.7217V38.8617L18.6223 39.4777L23.278 42.1657V45.2457L13.0693 39.3517V37.4757C13.4573 37.233 13.8938 36.9437 14.3788 36.6077C14.8637 36.253 15.3487 35.8704 15.8337 35.4597C16.3348 35.0397 16.8198 34.5917 17.2886 34.1157C17.7574 33.6397 18.1777 33.1357 18.5495 32.6037C18.9214 32.0531 19.2123 31.4837 19.4225 30.8957C19.6488 30.3171 19.762 29.7104 19.762 29.0757C19.762 28.3104 19.568 27.573 19.18 26.8637C18.8082 26.145 18.2101 25.5477 17.3856 25.0717C16.8683 24.773 16.3348 24.5957 15.7852 24.5397C15.2517 24.4744 14.7991 24.5304 14.4273 24.7077L13.1663 21.4037C13.7968 21.1704 14.5081 21.105 15.3002 21.2077C16.1085 21.301 17.0542 21.6604 18.1373 22.2857C18.8324 22.687 19.471 23.1677 20.053 23.7277C20.6349 24.2877 21.1361 24.9037 21.5564 25.5757C21.9767 26.2477 22.3081 26.9804 22.5506 27.7737C22.7931 28.5484 22.9143 29.365 22.9143 30.2237Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; } .action-block-item:nth-child(3) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='66' viewBox='0 0 46 66' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6279 7.68213L24.9418 12.4821L28.4059 10.4821L20.092 5.68213L16.6279 7.68213Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5693 41.2822V50.8822L45.0334 48.8822V39.2822L41.5693 41.2822Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9418 60.4821L16.6279 55.6821L20.092 53.6821L28.4059 58.4821L24.9418 60.4821Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.8822V17.2822L3.4641 15.2822V24.8822L0 26.8822Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.2822L3.4641 15.2822L0 17.2822Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.282C0 10.5614 0 7.20107 1.13269 5.28809L4.59679 3.28809C3.4641 5.20107 3.4641 8.56142 3.4641 15.282L0 17.282Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13281 5.2881C1.61106 4.48041 2.22604 3.84892 2.95256 3.4082L6.41666 1.4082C5.69014 1.84892 5.07516 2.48041 4.59691 3.2881L1.13281 5.2881Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.95264 3.40821C3.7397 2.93077 4.65766 2.6772 5.67449 2.66602L9.13859 0.666016C8.12177 0.677201 7.2038 0.930766 6.41674 1.40821L2.95264 3.40821Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67432 2.66579C7.89735 2.64134 10.8075 4.32152 16.6277 7.68182L20.0918 5.68182C14.2716 2.32152 11.3615 0.64134 9.13842 0.66579L5.67432 2.66579Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9414 12.4819C30.7616 15.8422 33.6717 17.5224 35.8948 20.1138L39.3589 18.1138C37.1358 15.5224 34.2257 13.8422 28.4055 10.4819L24.9414 12.4819Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.895 20.1138C37.8504 22.3932 39.4403 25.1469 40.4366 27.9801L43.9007 25.9801C42.9044 23.1469 41.3145 20.3932 39.3591 18.1138L35.895 20.1138Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 27.98C41.5692 31.2009 41.5692 34.5612 41.5692 41.2818L45.0333 39.2818C45.0333 32.5612 45.0333 29.2009 43.9006 25.98L40.4365 27.98Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5692 50.8818C41.5692 57.6024 41.5692 60.9627 40.4365 62.8758L43.9006 60.8758C45.0333 58.9627 45.0333 55.6024 45.0333 48.8818L41.5692 50.8818Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 62.876C39.9582 63.6836 39.3432 64.3151 38.6167 64.7558L42.0808 62.7558C42.8073 62.3151 43.4223 61.6836 43.9006 60.876L40.4365 62.876Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.6169 64.7559C37.8298 65.2333 36.9118 65.4869 35.895 65.4981L39.3591 63.4981C40.3759 63.4869 41.2939 63.2333 42.081 62.7559L38.6169 64.7559Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.8948 65.498C33.6717 65.5224 30.7616 63.8422 24.9414 60.4819L28.4055 58.4819C34.2257 61.8422 37.1358 63.5224 39.3589 63.498L35.8948 65.498Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6277 55.6821C10.8075 52.3218 7.89735 50.6417 5.67432 48.0503L9.13842 46.0503C11.3615 48.6417 14.2716 50.3218 20.0918 53.6821L16.6277 55.6821Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67441 48.0504C3.71898 45.7709 2.12916 43.0172 1.13281 40.1841L4.59691 38.1841C5.59326 41.0172 7.18308 43.7709 9.13852 46.0504L5.67441 48.0504Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13269 40.1837C0 36.9627 0 33.6024 0 26.8818L3.4641 24.8818C3.4641 31.6024 3.4641 34.9627 4.59679 38.1837L1.13269 40.1837Z' fill='%236580E1'/%3E%3Cpath d='M0 17.2818C0 10.5612 0 7.20087 1.13269 5.28789C2.12904 3.60519 3.71886 2.6873 5.67429 2.66579C7.89733 2.64134 10.8075 4.32152 16.6277 7.68182L24.9415 12.4818C30.7617 15.8421 33.6718 17.5223 35.8949 20.1137C37.8503 22.3931 39.4402 25.1468 40.4365 27.98C41.5692 31.2009 41.5692 34.5612 41.5692 41.2818V50.8818C41.5692 57.6024 41.5692 60.9627 40.4365 62.8758C39.4402 64.5584 37.8503 65.4763 35.8949 65.4979C33.6718 65.5223 30.7617 63.8421 24.9415 60.4818L16.6277 55.6818C10.8075 52.3215 7.89733 50.6413 5.67429 48.05C3.71886 45.7705 2.12904 43.0168 1.13269 40.1837C0 36.9627 0 33.6024 0 26.8818V17.2818Z' fill='%2333AFFB'/%3E%3Cpath d='M17.2401 38.9048C18.2424 39.4834 19.0022 39.6141 19.5195 39.2968C20.053 38.9888 20.3197 38.3961 20.3197 37.5188C20.3197 36.4548 20.0449 35.5121 19.4953 34.6908C18.9456 33.8694 18.0808 33.1181 16.9007 32.4368L15.1547 31.4288V29.4968L18.0888 26.5708L19.471 26.1088L17.5554 25.2548L13.4816 22.9028V19.8228L22.7446 25.1708V27.1588L19.3255 30.4768L18.2586 30.6168V30.7568L19.277 31.1768C19.8428 31.5594 20.3763 32.0167 20.8774 32.5488C21.3947 33.0901 21.8393 33.7014 22.2111 34.3828C22.5991 35.0548 22.9063 35.7921 23.1326 36.5948C23.3589 37.3974 23.4721 38.2375 23.4721 39.1148C23.4721 40.2161 23.3104 41.0747 22.9871 41.6908C22.6799 42.3161 22.2434 42.7361 21.6777 42.9508C21.128 43.1747 20.4814 43.2028 19.7378 43.0348C18.9941 42.8667 18.1939 42.5354 17.3371 42.0408C16.6258 41.6301 15.8903 41.1307 15.1305 40.5428C14.3707 39.9548 13.7564 39.3854 13.2876 38.8348L14.1363 36.3008C14.5566 36.7861 15.0173 37.2481 15.5185 37.6868C16.0358 38.1347 16.6097 38.5408 17.2401 38.9048Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; } .action-block-item:nth-child(4) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='66' viewBox='0 0 46 66' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6279 7.51465L24.9418 12.3146L28.4059 10.3146L20.092 5.51465L16.6279 7.51465Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5693 41.1147V50.7147L45.0334 48.7147V39.1147L41.5693 41.1147Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9418 60.3146L16.6279 55.5146L20.092 53.5146L28.4059 58.3146L24.9418 60.3146Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.7147V17.1147L3.4641 15.1147V24.7147L0 26.7147Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.1147L3.4641 15.1147L0 17.1147Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 17.1145C0 10.3939 0 7.03359 1.13269 5.12061L4.59679 3.12061C3.4641 5.03359 3.4641 8.39394 3.4641 15.1145L0 17.1145Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13281 5.12062C1.61106 4.31293 2.22604 3.68144 2.95256 3.24072L6.41666 1.24072C5.69014 1.68144 5.07516 2.31293 4.59691 3.12062L1.13281 5.12062Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.95264 3.24073C3.7397 2.76329 4.65766 2.50972 5.67449 2.49854L9.13859 0.498535C8.12177 0.50972 7.2038 0.763285 6.41674 1.24073L2.95264 3.24073Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67432 2.49831C7.89735 2.47386 10.8075 4.15404 16.6277 7.51434L20.0918 5.51434C14.2716 2.15404 11.3615 0.47386 9.13842 0.49831L5.67432 2.49831Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9414 12.3145C30.7616 15.6748 33.6717 17.3549 35.8948 19.9463L39.3589 17.9463C37.1358 15.3549 34.2257 13.6748 28.4055 10.3145L24.9414 12.3145Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.895 19.9463C37.8504 22.2257 39.4403 24.9794 40.4366 27.8126L43.9007 25.8126C42.9044 22.9794 41.3145 20.2257 39.3591 17.9463L35.895 19.9463Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 27.8125C41.5692 31.0334 41.5692 34.3937 41.5692 41.1143L45.0333 39.1143C45.0333 32.3937 45.0333 29.0334 43.9006 25.8125L40.4365 27.8125Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.5692 50.7144C41.5692 57.435 41.5692 60.7953 40.4365 62.7083L43.9006 60.7083C45.0333 58.7953 45.0333 55.435 45.0333 48.7144L41.5692 50.7144Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.4365 62.7085C39.9582 63.5162 39.3432 64.1476 38.6167 64.5884L42.0808 62.5884C42.8073 62.1476 43.4223 61.5162 43.9006 60.7085L40.4365 62.7085Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.6169 64.5884C37.8298 65.0658 36.9118 65.3194 35.895 65.3306L39.3591 63.3306C40.3759 63.3194 41.2939 63.0658 42.081 62.5884L38.6169 64.5884Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.8948 65.3305C33.6717 65.3549 30.7616 63.6748 24.9414 60.3145L28.4055 58.3145C34.2257 61.6748 37.1358 63.3549 39.3589 63.3305L35.8948 65.3305Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6277 55.5147C10.8075 52.1544 7.89735 50.4742 5.67432 47.8828L9.13842 45.8828C11.3615 48.4742 14.2716 50.1544 20.0918 53.5147L16.6277 55.5147Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.67441 47.8829C3.71898 45.6034 2.12916 42.8497 1.13281 40.0166L4.59691 38.0166C5.59326 40.8497 7.18308 43.6034 9.13852 45.8829L5.67441 47.8829Z' fill='%236580E1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13269 40.0162C0 36.7953 0 33.435 0 26.7144L3.4641 24.7144C3.4641 31.435 3.4641 34.7953 4.59679 38.0162L1.13269 40.0162Z' fill='%236580E1'/%3E%3Cpath d='M0 17.1143C0 10.3937 0 7.03339 1.13269 5.1204C2.12904 3.4377 3.71886 2.51982 5.67429 2.49831C7.89733 2.47386 10.8075 4.15404 16.6277 7.51434L24.9415 12.3143C30.7617 15.6746 33.6718 17.3548 35.8949 19.9462C37.8503 22.2256 39.4402 24.9793 40.4365 27.8125C41.5692 31.0334 41.5692 34.3937 41.5692 41.1143V50.7143C41.5692 57.4349 41.5692 60.7952 40.4365 62.7083C39.4402 64.3909 37.8503 65.3088 35.8949 65.3304C33.6718 65.3548 30.7617 63.6746 24.9415 60.3143L16.6277 55.5143C10.8075 52.154 7.89733 50.4739 5.67429 47.8825C3.71886 45.603 2.12904 42.8493 1.13269 40.0162C0 36.7952 0 33.4349 0 26.7143V17.1143Z' fill='%2333AFFB'/%3E%3Cpath d='M24.8057 40.3331L22.1384 38.7931V44.2531L19.2043 42.5591V37.0991L11.8569 32.8571V30.7851L19.5438 23.0151L22.1384 24.5131V35.8811L24.8057 37.4211V40.3331ZM19.2043 29.9031L19.4225 27.6771L19.3255 27.6211L18.5011 29.1611L15.9792 31.4851L14.7668 31.8491L16.3187 32.5211L19.2043 34.1871V29.9031Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; } .action-block-item:first-of-type { margin-top: 0; } .action-block-content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #000000; max-width: 457px; } .action-block-info { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; color: #000000; background-color: #F7F9FA; padding: 12px; padding-left: 52px; border-radius: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cg clip-path='url(%23clip0_903_2102)'%3E%3Cpath d='M0 0.331055H32V32.3311H0V0.331055Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M16 28.3311C22.6274 28.3311 28 22.9585 28 16.3311C28 9.70364 22.6274 4.33105 16 4.33105C9.37258 4.33105 4 9.70364 4 16.3311C4 22.9585 9.37258 28.3311 16 28.3311Z' stroke='%23D0D4D7' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 10.9978H16.0133' stroke='%23D0D4D7' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6665 16.3311H15.9998V21.6644H17.3332' stroke='%23D0D4D7' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_903_2102'%3E%3Crect width='32' height='32' fill='white' transform='translate(0 0.331055)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 12px top 12px; max-width: 526px; margin-top: 24px; border: 1px solid transparent; } .action-submit { } .action-submit:hover { border: 1px solid #3486C7; background-color: #FFFFFF; color: #3486C7; } .form__radio-select { display: flex; justify-content: space-between; border-radius: 12px; padding: 12px; margin-bottom: 24px; background-color: #F7F9FA; } .js-form .form__checkbox, .js-form .form__item { margin-bottom: 24px; width: auto; /*494px*/ } .form__radio-select label { font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin-left: 4px; } .form__radio-select div { display: flex; align-items: center; } .form__radio-select input[type=radio] { margin-top: 1px; } .form__result-wrapper { border-radius: 12px; padding: 10px; padding-left: 16px; background-color: #F7F9FA; display: flex; justify-content: space-between; } .form__result-text { font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; color: #33AFFB; margin: 0; align-self: center; padding-left: 56px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_916_199)'%3E%3Cpath d='M0 0H32V32H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M9.3335 15.9999L16.0002 22.6666L29.3335 9.33325' stroke='%2333AFFB' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9998 15.9999L22.6665 9.33325M2.6665 15.9999L9.33317 22.6666L2.6665 15.9999Z' stroke='%2333AFFB' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_916_199'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 16px center; } .form__result-number { font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; background-color: #33AFFB; color: #FFFFFF; margin: 0; padding: 12px; border-radius: 6px; max-width: 190px; } /* action form end */ /* personal page - action wrapper */ .personal__action-wrapper { border-radius: 8px; background-color: #FFFFFF; } .personal__action-top { position: relative; /* background-color: #33AFFB; */ background-image: url("/local/templates/maknot/img/action-fon.jpg"); color: #F7F9FA; padding: 24px; display: flex; border-radius: 8px; } .personal__action-top img { position: absolute; right: 12px; top: -12px; width: 104px; height: 99px; } .personal__number { display: flex; align-items: center; background-color: #FFFFFF; color: #33AFFB; padding: 12px; border-radius: 4px; margin-left: 24px; } .personal__number p { margin: 0; color: #33AFFB; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; } .personal__number span { background-color: transparent; color: #33AFFB; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; } .personal__subtitle { margin: 0; font-size: 24px; font-style: normal; font-weight: 700; line-height: 28px; color: #F7F9FA; } .personal__description { margin: 0; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; color: #C2E8FF; } .personal__description a { color: #C2E8FF; text-decoration: underline; } .personal__from-to { display: flex; justify-content: space-between; margin-bottom: 8px; } .personal__from-to p { font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; color: #808080; margin: 0; } .personal__action-bottom { background-color: #FFFFFF; border-radius: 0 0 8px 8px; padding: 32px 24px; } .personal__progress { position: relative; padding: 12px; border: 1px solid #EBF1F5; border-radius: 8px; max-height: 120px; width: 100%; } .personal__progress::after { position: absolute; display: block; top: -12px; right: -12px; content: ''; width: 24px; height: 24px; background-color: #F4F7F9; border-radius: 50%; } .personal__progress-wrap { background-color: #EBF1F5; border-radius: 32px; width: 100%; height: 8px; min-height: 8px; overflow: hidden; } .personal__progress-total { width: 0; height: 100%; background: linear-gradient(270deg, #179AEB 0%, #33AFFB 100%); } .personal__progress-subtitle { font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; color: #000000; margin: 0; margin-top: 8px; } .personal__progress-description { font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; color: #000000; opacity: .5; margin: 0; margin-top: 4px; } .personal__item { margin-top: 32px; } .personal__item:first-of-type { margin-top: 0; } .personal__item-target { position: relative; display: flex; padding: 12px; border: 1px solid #EBF1F5; border-radius: 8px; max-width: 266px; width: 100%; max-height: 120px; } .personal__item-split { display: flex; gap: 24px; } .personal__item-target::after { position: absolute; display: block; top: -12px; right: -12px; content: ''; width: 24px; height: 24px; background-color: #F4F7F9; border-radius: 50%; } .personal__item-split .done { border-color: #60C65D; justify-content: space-between; } .personal__item-split .done::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M14 4L6.66668 11.3333L4 8.66665' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-color: #60C65D; } .personal__item-target img { width: 96px; height: 96px; object-fit: contain; } .personal__item-text { margin-left: 12px; display: flex; flex-direction: column; justify-content: space-between; } .personal__item-name, .personal__item-status { font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 0; } .personal__item-name { max-width: 132px; color: #28282C; } .personal__item-status { display: none; color: #60C65D; } .personal__item-split .done .personal__item-status { display: block; } .personal__item-split .done .personal__progress-subtitle, .personal__item-split .done .personal__progress-description { display: none; } .personal__item-split .personal__progress { display: flex; flex-direction: column; justify-content: space-between; } .personal__progress .personal__item-status { margin-top: auto; } /* personal page - action wrapper end */ @media screen and (max-width: 1500px) { .header__search-field { font-size: 14px; } } @media screen and (max-width: 1180px) { .action-block { padding: 16px; } .action-block-item { margin-top: 32px; height: initial; } } @media screen and (max-width: 1100px) { .catalog-title-wrap { flex-wrap: wrap; } .catalog-top-actions { width: 100%; margin-top: 20px; } } @media screen and (max-width: 992px) { .action-wrapper { flex-direction: column; } .action-block { max-width: 574px; margin: 0 auto; padding: 40px; } .js-form { margin: 0 auto; } .action-banner { width: calc(100% - 48px); margin: 0 auto; height: auto; } .personal__progress-subtitle { font-size: 14px; margin-top: 4px; } .personal__progress-description { font-size: 12px; margin-top: 0; } } @media screen and (max-width: 768px) { .action-block { padding: 0; } .action-banner { width: 100%; height: auto; margin-top: 16px; } .js-form .form__item { width: 100%; } .personal__item-split { flex-direction: column; justify-content: initial; } .personal__item-split .personal__progress { min-height: 120px; } .personal__item-target { min-width: 100%; } .personal__item-split .done { justify-content: initial; } .personal__item-name { max-width: 100%; } .personal__number, .personal__title { z-index: 5; } } @media screen and (max-width: 575px) { .form__radio-select label { font-size: 10px; line-height: 12px; } .js-form .form__item { margin-bottom: 16px; } .action-block-description { font-size: 16px; line-height: 18px; } .action-block-content { font-size: 12px; line-height: 14px; } .form__result-wrapper { flex-direction: column; align-items: center; } .form__result-text, .form__result-number { margin: 12px auto; } } a.catalog-card__link { background: linear-gradient(53deg, #284066 190px, #fff 190px) !important; } a.header__logo { width: 100px; margin: 10px 0; } .remove-in-cart-button img { width: 36px !important; } .no_quantity_list { margin: 49px 23px 0 0; font-family: PT Sans; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #ADB6BE; } .catalog__col.catalog__col--filter { border-radius: 8px; } .catalog-list-new { width: 100%; } .catalog-list-new li a { padding: 12px; } /* End */ /* /local/templates/maknot/css/jquery.nouislider.css?17537944484294 */ /* /local/templates/maknot/css/jquery.fancybox.css?175379444814143 */ /* /local/templates/maknot/css/jquery.simplebar.css?17537944482956 */ /* /local/templates/maknot/js/jgrowl/jquery.jgrowl.min.css?17537944481455 */ /* /local/templates/maknot/css/custom.min.css?1753794448113007 */ /* /local/templates/maknot/components/bitrix/search.form/header_search/style.css?17537944471151 */ /* /local/templates/maknot/components/bitrix/sale.basket.basket.line/custom/style.css?17537944475248 */ /* /local/templates/maknot/components/bitrix/news.list/action_banner_new/style.css?1753794447263 */ /* /local/templates/maknot/components/bitrix/system.auth.form/popup2/style.css?17537944471290 */ /* /local/templates/maknot/styles.css?175379444714332 */ /* /local/templates/maknot/template_styles.css?1753876360353255 */