/* Start:/local/templates/maknot/css/jquery.nouislider.css?16275925864294*/ /*! 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?169952061214143*/ 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?16275925862956*/ [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/css/custom.min.css?1745213778106130*/ ._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; } @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: 14px; 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: 150px; } .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; } /*оформление заказа цены */ .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: 14px; 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: 150px; } .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; } @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--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/sale.basket.basket.line/custom/style.css?17383263405248*/ .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/system.auth.form/popup2/style.css?16275925851290*/ .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?174886763113259*/ /* asgard new styles */ .container { max-width: 1400px !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; } .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; } } /* 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?1748853680290172*/ @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%; } .favor-btn.active { background: #ffe3e5; } .favor-btn.active svg path { fill: 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; } /* End */ /* /local/templates/maknot/css/jquery.nouislider.css?16275925864294 */ /* /local/templates/maknot/css/jquery.fancybox.css?169952061214143 */ /* /local/templates/maknot/css/jquery.simplebar.css?16275925862956 */ /* /local/templates/maknot/css/custom.min.css?1745213778106130 */ /* /local/templates/maknot/components/bitrix/sale.basket.basket.line/custom/style.css?17383263405248 */ /* /local/templates/maknot/components/bitrix/system.auth.form/popup2/style.css?16275925851290 */ /* /local/templates/maknot/styles.css?174886763113259 */ /* /local/templates/maknot/template_styles.css?1748853680290172 */