html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.2}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none;display:block}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through;display:block;font-size:18px;font-weight:300}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.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-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;t.p op:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;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{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.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{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:none}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.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{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.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)}}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
html{overflow-x: hidden;}
body{
font-family: 'Codec Pro';
background: #fff;
font-size: 14px;
color: #000;
min-width: 320px;
overflow-x: hidden;
padding: 75px 0 20px;
}
.container{width: 1540px; margin: 0 auto; box-sizing: border-box;}
.container-catalog{width: 100%; max-width: 1920px; padding: 0 80px; margin: 0 auto; box-sizing: border-box;}
.prod-desc p {margin-bottom: 15px; font-size: 18px; font-weight: 300;}
.prod-desc ul {list-style-type: disc; font-size: 16px; padding: 0 15px 15px; font-weight: 300;}
.prod-desc a{color: #001;}
.prod-desc a:hover{color: #008037;}
#catalog-desc{padding: 0; position: relative; margin-bottom: 30px;}
#catalog-desc .inn{padding: 30px 20px; position: relative; z-index: 2}
#catalog-desc h2{font-size: 30px; font-weight: 500; margin-top: 20px; margin-bottom: 15px}
#catalog-desc h3{font-size: 27px; font-weight: 400; margin-top: 20px; margin-bottom: 15px}
#catalog-desc h4{font-size: 24px; font-weight: 400; margin-top: 15px; margin-bottom: 15px}
#catalog-desc h5{font-size: 21px; font-weight: 400; margin-top: 15px; margin-bottom: 15px}
#catalog-desc p{font-size: 18px; font-weight: 300; margin-bottom: 15px}
#catalog-desc ul{display: grid; padding-left: 20px; margin-bottom: 15px; list-style: square}
#catalog-desc ol{display: grid; padding-left: 20px; margin-bottom: 15px; list-style: decimal}
#catalog-desc li{font-size: 18px; font-weight: 300; line-height: 1.5}
#catalog-desc img.alignright{float: right; padding: 20px}
#catalog-desc img.alignleft{float: left; padding: 20px}
#catalog-desc::after{position: absolute; top: 0; left: 25px; width: calc(100% - 55px); content: ''; height: 100%; border-radius: 20px; border: 3px solid #008037;}
#catalog-desc a{color: #001;}
#catalog-desc a:hover{color: #008037;}
#catalog-desc th, #catalog-desc tr, #catalog-desc td{font-size: 16px; font-weight: 300; border: 2px solid lightgray; padding: 7px; margin-bottom: 15px;}
#catalog-desc th{font-size: 18px; font-weight: 400;}
#catalog-desc table{margin-bottom: 25px;}
header{position: fixed; transition: all 0.2s; background: #fff; top: 0; left: 0; width: 100%; padding: 10px 0; box-shadow: 0px 25px 120px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(16px); z-index: 1200}
header.f-nav{padding: 15px 0;}
header .flex{align-items: center;}
header .logo{position: relative; z-index: 10; max-width: 170px}
header nav{}
header nav li{display: inline-block; margin-left: 32px;}
header nav li:first-child{margin: 0}
header nav li a{color: #000; font-size: 18px; font-weight: 500; line-height: 120%; position: relative;}
header nav li a span{border-bottom: 1px solid transparent; transition: all 0.15s;}
header nav li a:hover{color: #008037;}
header nav li a:hover span{border-color: #008037;}
header nav li:hover .sub-menu{display: block;}
header nav li:hover .sub-menu:before{font-size: 18px; content: '↓'; margin-left: 10px;}
header.f-nav .sub-menu:after{height: calc(100% - 119px)}
header nav li:hover .sub-menu{display: block;}
header.f-nav .sub-menu:after{height: calc(100% - 119px)}
header nav li .sub-menu{position: absolute; display: none; box-shadow: 0 20px 32px rgba(0, 0, 0, 0.7); top: 50px;
width: auto; background: #fff; z-index: 200; padding: 5px 3px; border-radius: 0 40px 0 10px;}
header nav li:hover > .sub-menu{display: block;}
header nav li .sub-menu li{display: block; margin: 0}
header nav li .sub-menu li a{display: block; padding: 7px 10px;}
header nav li .sub-menu li a:after{display: none;}
header nav li .sub-menu li a:hover{color: #fff; background: #008037;}
header .pull{display: none;}
header .phone{margin-right: 55px;}
header .phone a{display: block; padding: 3px 0 3px 36px; background: url("../img/phone.svg") 0 50% no-repeat; color: #000; font-size: 24px; font-weight: 500; line-height: 120%;}
header .cart{margin-left: 30px;}
header .cart a{display: block; width: 30px; height: 30px; background: url("../img/cart.svg") 100% 50% no-repeat; position: relative;}
header .cart span{color: #fff; font-size: 10px; text-align: center; line-height: 18px; font-weight: 500; position: absolute; top: -5px; right: -3px; width: 18px; height: 18px; border-radius: 50%; background: #008037}
header .mobile-search{display: none;}
#navigation{display: none; position: fixed; top: 0; right: 0; background: #fff; z-index: 200; width: 100%; height: 100%; overflow-y: auto; box-sizing: border-box; padding: 70px 30px 45px;}
#navigation .close{position: absolute; top: 20px; right: 20px; background: url("../img/plus.svg") 50% 50% no-repeat; width: 20px; height: 20px; background-size: 100%; cursor: pointer; transform: rotate(45deg);}
#navigation li{margin-bottom: 15px;}
#navigation li a{color: #000; font-size: 18px; font-weight: 500; line-height: 120%;}
#navigation li a span{border-bottom: 1px solid transparent;}
#navigation .phone a{display: block; padding: 3px 0 3px 26px; background: url("../img/phone.svg") 0 50% no-repeat; background-size: 20px; color: #000; font-size: 16px; font-weight: 500; margin-bottom: 20px;}
#navigation .btn{font-size: 16px; font-weight: 500;}
#navigation .sub-menu{padding: 3px 0 0 12px;}
#navigation .sub-menu li{margin-bottom: 5px !important;}
#navigation .sub-menu:before{font-size: 25px; content: '܌'; margin-left: -10px;}
#navigation .sub-menu li a{font-weight: 300;}
#navigation .sub-menu li a:hover{color: #008037;}
#navigation .callback{text-align: center; padding: 10px;}
/*#promo{padding: 90px 0; background: url("../img/bg_promo.svg") 0 50% no-repeat;}
#promo .flex{align-items: center; position: relative; padding-right: 80px}
#promo .text{max-width: 750px}
#promo h1{font-size: 65px; font-weight: 500; line-height: 120%; text-transform: uppercase;}
#promo h1 span{display: block; color: #008037;}
#promo p{padding: 20px 0; font-size: 28px; font-weight: 500; line-height: 120%;}
#promo .image{width: 650px;}
#promo .image img{border-radius: 32px; box-shadow: 0px 25px 120px 0px rgba(0, 0, 0, 0.15);}
#promo .socials{position: absolute; top: calc(50% - 97px); right: 0}
#promo .socials a{display: block;}
#promo .socials a:nth-child(2){margin: 25px 0;}
#promo .socials a svg path{fill: #000}
#promo .socials a:hover svg path{fill: #008037}*/
#promo{color: #fff; padding: 0}
#promo .container{position: relative}
#promo .text{max-width: 750px; position: absolute; top: 30%; left: 70px; background: rgba(0, 0, 0, 0.3); padding: 20px; border-radius: 20px;}
#promo h1{font-size: 50px; font-weight: 500; line-height: 120%; text-transform: uppercase}
#promo h1 span{display: block; color: #008037; text-shadow: 2px 2px 2px #000; font-weight: 700;}
#promo p{padding: 20px 0; font-size: 20px; font-weight: 500; line-height: 120%}
#promo .inn{padding: 50px 0px 40px 40px; border-radius: 20px; position: relative; z-index: 2}
#promo .item{position: relative;}
#promo .item:after{position: absolute; transition: all 0.15s; top: 0; left: -40px; width: 100%; height: 100%; content: ''; background: #001; border-radius: 20px 0 0 20px; opacity: 0.4}
#promo .item a{padding: 20px 35px; border-radius: 20px; display: block; font-weight: 500; font-size: 19px; background: #001; color: #fff; text-transform: uppercase; width: calc(100%/3 - 80px); width: auto; box-sizing: border-box; position: relative; z-index: 2; box-sizing: border-box; width: 350px;}
#promo .item:nth-child(2):after,#promo .item:nth-child(2) a{background: #008037;}
#promo .item a span{display: block; margin-top: 10px; text-transform: none; position: relative; font-size: 20px; font-weight: 300;}
#promo .item a span:after{position: absolute; top: 0; right: 0; width: 80px; height: 100%; content: ''; background: url("../img/arrr.svg") 100% 50% no-repeat; opacity: 0.6}
#promo .item:hover a span:after{opacity: 1;}
#promo .item:hover:after,#promo .item:hover a{background: #008037}
#promo .item:nth-child(2):hover:after,#promo .item:nth-child(2):hover a{background: #001}
#promo video{display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 0 0 20px 20px;}
#promo .socials{display: none; position: absolute; top: 100px; right: 0}
#promo .socials a{display: block;}
#promo .socials a:nth-child(2){margin: 25px 0;}
#promo .socials a svg path{fill: #fff}
#promo .socials a:hover svg path{fill: #008037}
#request{position: relative; display: none;}
#request:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; background: red; height: 100%; border-radius: 20px; background: rgba(31, 34, 43, 0.12);}
#request .inn{padding: 55px 0px 55px 40px; border-radius: 20px; position: relative; z-index: 2}
#request .item{position: relative;}
#request .item:after{position: absolute; transition: all 0.15s; top: 0; left: -40px; width: 100%; height: 100%; content: ''; background: #001; border-radius: 20px 0 0 20px; opacity: 0.4}
#request a{padding: 30px 45px; border-radius: 20px; display: block; font-weight: 500; font-size: 30px; background: #001; color: #fff; text-transform: uppercase; width: calc(100%/3 - 80px); width: auto; box-sizing: border-box; position: relative; z-index: 2}
#request .item:nth-child(2):after,#request .item:nth-child(2) a{background: #008037;}
#request a span{display: block; margin-top: 10px; text-transform: none; position: relative; font-size: 20px; font-weight: 300;}
#request a span:after{position: absolute; top: 0; right: 0; width: 80px; height: 100%; content: ''; background: url("../img/arrr.svg") 100% 50% no-repeat; opacity: 0.6}
/*#request .item:nth-child(2) a span:after{width: 170px;}
#request .item:nth-child(3) a span:after{width: 80px;}*/
#request .item:hover a span:after{opacity: 1;}
#request .item:hover:after,#request .item:hover a{background: #008037}
#request .item:nth-child(2):hover:after,#request .item:nth-child(2):hover a{background: #001}
#category{margin: 20px 0 20px; color: #fff; position: relative;}
#category:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; background: red; height: 100%; border-radius: 20px; background: #001;}
#category .inn{padding: 60px 0; position: relative; z-index: 2}
.list__category .item{width: calc(25% - 15px); position: relative; overflow: hidden; margin-bottom: 50px; border-radius: 12px; box-shadow: 0px 37.742px 107.835px 0px rgba(0, 0, 0, 0.15);}
.list__category .item a{position: absolute; text-shadow: 0px 0px 16.175px rgba(0, 0, 0, 0.25); font-size: 32px; font-weight: 500; line-height: normal; box-sizing: border-box; color: #fff; top: 0; left: 0; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.00) 102.48%);}
.list__category .item a span{display: block; font-size: 20px; font-weight: 400; margin-top: 10px;}
.list__category .item .data{position: absolute; left: 0; padding: 25px 30px; box-sizing: border-box; background: linear-gradient(180deg, #007b34, transparent); width: 100%;}
.list__category .item:nth-child(2n) a{background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.00) 102.48%);}
.list__category .item:nth-child(2n) .data{bottom: 0; background: linear-gradient(0deg, #007b34, transparent);}
.list__category .item:hover img{transform: scale(1.06);}
.list__category .item .image{height: 370px;}
.list__category .item img{width: 100%; height: auto; border-radius: 12px; transition: all 0.15s; object-fit: cover; min-height: 100%; min-width: 100%; width: auto;}
#projects{padding: 50px 0;}
#projects .filters{margin-bottom: 50px;}
#projects .filters ul{display: flex; align-items: center; justify-content: center; flex-wrap: nowrap;}
#projects .filters ul li{padding: 10px 21px; border: 2px dashed rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5); cursor: pointer; transition: all 0.15s; margin: 0 10px; border-radius: 100px; font-size: 25px; font-weight: 500;}
#projects .filters ul li:hover,#projects .filters ul li.active{color: #fff; background: #008037; border-color: #008037}
#projects .flex{align-items: flex-start;}
#projects .item{display: none;}
#projects .item.item1{display: block;}
#projects .data{max-width: 750px; width: 100%; padding-top: 20px}
#projects .data .title{text-transform: uppercase; font-size: 45px; font-weight: 500; line-height: 120%; margin-bottom: 20px;}
#projects .data .row{margin-bottom: 20px; font-size: 28.709px; font-weight: 300; line-height: 120%;}
#projects .data .row .label{color: #008037; font-weight: normal;}
#projects img{width: calc(100% - 800px); border-radius: 32px; box-shadow: -10px 15px 80px 0px rgba(0, 0, 0, 0.10);}
.photo_gallery_grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.photo_gallery_img img{border-radius: 10px;}
#consultation{position: relative; margin-bottom: 100px}
#consultation.consultation__nb{margin: 0; padding: 60px 0;}
#consultation.consultation__nb.consultation__bb:after{background: #001; display: block; border: none;}
#consultation.consultation__nb.consultation__bb:before{z-index: 3; left: 40px}
#consultation.consultation__nb.consultation__bb{margin-bottom: 60px;}
#consultation.consultation__nb.consultation__bb{color: #fff}
#consultation.consultation__nb.consultation__bb .bt,#consultation.consultation__nb.consultation__bb label{color: #fff;}
#consultation.consultation__nb.consultation__bb input{border-color: #fff;}
#consultation.consultation__nb:after{display: none;}
#consultation.consultation__nb:before{top: 60px; left: 20px; height: calc(100% - 120px); background: url("../img/bg_consult2.jpg") 50% 50% no-repeat; background-size: cover;}
#consultation.consultation__nb .inn{justify-content: flex-end;}
#consultation:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; height: 100%; border-radius: 20px; border: 4px solid #000;}
#consultation:before{position: absolute; border-radius: 20px; top: 20px; right: 40px; background: url("../img/bg_consult.jpg") 50% 50% no-repeat; background-size: cover; width: 54%; height: calc(100% - 40px); content: ''; box-shadow: -10px 15px 80px 0px rgba(0, 0, 0, 0.10);}
#consultation .inn{padding: 60px 0;}
#consultation .form{text-align: center; max-width: 540px; position: relative; z-index: 2}
#consultation .title{text-transform: uppercase; margin-bottom: 30px; font-size: 40px; font-weight: 500; line-height: 120%;}
#consultation .title span{display: block; color: #008037;}
#advantages{position: relative;}
#advantages:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; background: red; height: 100%; border-radius: 20px; background: #001;}
#advantages .inn{padding: 60px 0; position: relative; z-index: 2}
#advantages .bt__note,#advantages .bt{color: #fff}
#advantages .item{width: calc(25% - 30px); margin-bottom: 50px; background: #fff; padding: 30px; border-radius: 10px; box-sizing: border-box; box-shadow: 0px 35px 100px 0px rgba(0, 0, 0, 0.15);}
#advantages .item img{width: 100%; border-radius: 12px; box-shadow: -10px 15px 80px 0px rgba(0, 0, 0, 0.10);}
#advantages .item .title{padding: 25px 0 10px; font-size: 25.5px; font-weight: 500; line-height: 120%;}
#advantages .item p{font-size: 16px; font-weight: 300; line-height: 120%;}
#customers{padding: 70px 40px;}
#customers .swiper-slide{width: 300px}
#customers .image{width: 250px; height: 250px; display: flex; align-items: center; justify-content: center;}
#customers .slider{position: relative;}
#customers img{max-width: 90%; max-height: 90%; width: auto; height: auto;}
#faq{padding: 0 0 90px}
#faq .container{max-width: 1250px;}
#faq .item{border-radius: 17px; border: 3px solid #001; position: relative; margin-bottom: 25px; transition: all 0.15s;}
#faq .item.open{background: #008037}
#faq .item .title{font-size: 33.718px; font-weight: 500; cursor: pointer; line-height: 120%; /* 40.461px */ font-variant: small-caps; position: relative; padding: 30px 100px 30px 60px}
#faq .item .title:after{position: absolute; top: 34px; right: 50px; width: 30px; height: 30px; background: url("../img/plus.svg") 50% 50% no-repeat; content: ''}
#faq .item.open .title{color: #fff}
#faq .item.open .title:after{background: url("../img/closew.svg") 50% 50% no-repeat;}
#faq .item .answer{color: rgba(255, 255, 255, 0.9); font-size: 24px; font-weight: 300; line-height: 120%; display: none;}
#faq .item .answer p, ol{padding-bottom: 15px}
#faq .item .answer ul{padding-bottom: 15px}
#faq .item .answer i, em{font-weight: 400}
#faq .item .answer ol{list-style: decimal inside}
#faq .item .answer ul{list-style: circle inside}
#faq .item .answer li{padding-bottom: 10px}
#faq .item .answer .text{max-width: 1020px; margin-left: 60px; padding-bottom: 30px;}
#news{position: relative; color: #fff;}
#news .inn{position: relative; z-index: 2; padding: 60px 0;}
#news:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; background: red; height: 100%; border-radius: 20px; background: #001;}
#news .slider{position: relative; margin-bottom: 50px;}
.list__news .item{background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0px 35px 100px 0px rgba(0, 0, 0, 0.15);}
.list__news .item img{border-radius: 12px; box-shadow: -10px 15px 80px 0px rgba(0, 0, 0, 0.10); width: 100%; height: auto;}
.list__news .item .title{padding: 25px 0 15px; font-size: 25.5px; font-weight: 500; line-height: 100%; }
.list__news .item .title a{color: #000;}
.list__news .item .title a:hover{color: #008037}
.list__news .item .excerpt{font-size: 17.85px; font-weight: 300; line-height: 120%; color: #000}
.list__news .item .excerpt a{color: #008037; border-bottom: 1px solid transparent;}
.list__news .item .excerpt a:hover{border-color: #008037}
#page__information{position: relative; color: #fff;}
#page__information:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; height: 100%; border-radius: 20px; background-size: cover; background: #008037; border-radius: 0 0 32px 32px;}
#page__information .inn{position: relative; z-index: 2; padding: 30px 40px}
#page__information h1{text-transform: uppercase; font-size: 42px; font-weight: 500; line-height: 120%;}
.breadcrumbs{margin-bottom: 50px; font-size: 16px; line-height: 120%; font-weight: 500;}
.breadcrumbs li{display: inline-block;}
.breadcrumbs a{color: #EDEDED; border-bottom: 1px solid transparent; font-weight: 300;}
.breadcrumbs a:hover{color: #fff; border-color: #fff;}
.breadcrumbs span{color: #EDEDED; display: inline-block; font-weight: 300;}
.breadcrumbs span.current-item{color: #fff; font-weight: 500;}
#breadcrumbs{margin: 30px 0 20px; font-size: 16px; line-height: 120%; font-weight: 500; text-align: center;}
#breadcrumbs li{display: inline-block;}
#breadcrumbs a{color: #000; border-bottom: 1px solid transparent; font-weight: 300;}
#breadcrumbs a:hover{color: #000; border-color: #000;}
#breadcrumbs span{color: #000; display: inline-block; font-weight: 300; padding: 0 2px;}
#breadcrumbs span.current-item{color: #000; font-weight: 500;}
.btn__callback{position: absolute; top: calc(50% - 40px); right: 20px;}
.btn__callback:after{animation: pulse 1.1s linear infinite; transition: all 0.2s; background: url("../img/callback.svg") 50% 50% no-repeat; width: 122px; height: 122px; content: ''; position: absolute; top: -26px; left: calc(50% - 61px);}
.btn__callback a{display: block; color: #fff; font-size: 16px; font-weight: 500; line-height: 110%; position: relative; z-index: 2}
.btn__callback a span{display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; margin: 0 auto 10px; border: 1px solid #fff; border-radius: 50%;}
.btn__callback a:hover{text-decoration: underline;}
#catalog{padding: 30px 0;}
#catalog .flex{align-items: flex-start;}
#sidebar{width: 250px;}
#sidebar .yith-wcan-filter{margin-bottom: 20px; padding-bottom: 20px; background: url("../img/bg_filter.svg") 0 100% no-repeat;}
/*#sidebar .sidebar__data{background: #fff; padding: 25px; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.18);}*/
#sidebar .sidebar__data h3{display: none;}
#sidebar .sidebar__data h4{font-size: 24px; font-weight: 300; color: #000; margin-bottom: 12px;}
#sidebar .f__title{margin-bottom: 25px; font-size: 22px; font-weight: 300; line-height: 120%; opacity: 0.8}
#catalog .list__catalog{width: calc(100% - 270px)}
.list__catalog .grid{grid-template-columns: repeat(5,1fr); gap: 15px;}
.list__catalog .item{border-radius: 10px; overflow: hidden; background: #FFF; box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.15); padding: 0 0 60px; position: relative;}
.list__catalog .item .p__inn{padding: 15px;}
.list__catalog .item a{color: #000;}
.list__catalog .item a:hover{color: #008037}
.list__catalog .item .image img{width: 100%; border-radius: 6px; height: auto;}
.list__catalog .item .title{padding: 0 0 9px; font-size: 18px; font-weight: 500; line-height: 120%;}
.list__catalog .item .category{font-size: 15px; font-weight: 300; line-height: 120%; opacity: 0.6; position: relative; top: -5px;}
.list__catalog .item .price{font-size: 30px; position: absolute; bottom: 0; left: 20px; font-weight: 500; line-height: 110%; position: absolute; bottom: 14px; left: 0; width: 100%; box-sizing: border-box; padding: 0 15px;}
.list__catalog .item .price span.woocommerce-Price-currencySymbol{font-size: auto;}
.list__catalog .item .price p{font-size: 21px;}
.list__catalog .item .price small{font-size: 16px; font-weight: 300; vertical-align: bottom;}
.list__catalog .item .price small.symbolprice{font-size: 21px; font-weight: 450; vertical-align: bottom;}
.list__catalog .item .btn{position: absolute; bottom: 0; right: 20px; padding: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.list__catalog .item .btn:hover{background: #006030; border: none;}
.list__catalog .item .cart{position: absolute; bottom: 20px; left: 5px; width: 100%; box-sizing: border-box; padding: 0 15px;}
.list__catalog .item .cart .added_to_cart{color: #fff; position: absolute; bottom: 0; right: 20px; width: 44px; height: 44px; border-radius: 5px; text-align: center; background: #000 url("../img/cartw.svg") 50% 50% no-repeat; z-index: 3; font-size: 0;}
.list__catalog .item .btn.loading{background: #008037 url("../img/load.gif") 50% 50% no-repeat; background-size: 80%;}
.list__catalog .item .btn.loading svg{opacity: 0}
.list__catalog .sorting{align-items: center; justify-content: flex-end; margin-bottom: 23px;}
.list__catalog .sorting span{opacity: 0.8; font-size: 18px; font-weight: 500; line-height: 120%; margin-right: 20px;}
.list__catalog .sorting .flex{align-items: center!important;}
.loadmore{padding: 50px 0 0; text-align: center;}
.content__page{padding: 60px 0}
.content__page .image{width: 500px;}
.content__page .image img{width: 100%; height: auto; border-radius: 30px; box-shadow: 0px 25px 120px 0px rgba(0, 0, 0, 0.15);}
.content__page .text{width: calc(100% - 550px); font-size: 25px; font-weight: 500; line-height: 120%; padding-top: 30px}
.content__page .text strong{font-weight: 500; color: #008037}
.content__page .text a{color: #008037; border-bottom: 1px solid #008037}
.content__page .text a:hover{border-color: transparent;}
.content__page .text p{margin-bottom: 20px;}
.content__page .text h3{font-size: 50px; font-weight: 500; line-height: 120%; text-transform: uppercase; margin-bottom: 25px;}
#types .flex{align-items: center;}
#types .image{order: 1;}
#types .text{order: 0; padding-top: 0}
#types .text li{padding: 11px 24px; font-size: 25px; text-transform: uppercase; border-radius: 74.25px; border: 1px dashed #000; display: inline-block; margin-bottom: 15px;}
#types .text li span{color: #008037;}
.nm{padding-bottom: 0!important}
#page__information.page__contacts{background-image: url(/wp-content/uploads/2025/07/contact-bg.webp); background-repeat: no-repeat; color: white; text-align: center; padding: 40px 20px 10px 20px; background-size: cover; background-position: center; position: relative;}
#page__information.page__contacts:after{position: absolute; top: 0; left: 0; width: 100%; content: ''; height: 100%; background: rgba(0,0,0,0.3);}
#page__information.page__contacts .item{width: calc(50% - 20px)}
#page__information.page__contacts .item .label{margin-bottom: 10px; font-size: 27px; font-weight: 500; line-height: 120%; text-transform: uppercase;}
#page__information.page__contacts .item .label-city{margin-bottom: 10px; font-size: 39px; font-weight: 700; line-height: 120%; text-transform: uppercase;}
#page__information.page__contacts .item p{font-size: 21px; font-weight: 500; line-height: 120%; color: rgba(255, 255, 255, 0.9);}
#page__information.page__contacts .item p a{color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid transparent;}
#page__information.page__contacts .item p a:hover{color: #fff; border-color: #fff;}
#page__information.page__contacts .item:nth-child(1),#page__information.page__contacts .item:nth-child(2){margin-bottom: 50px}
#page__information.page__contacts .desc_top{display: block; position: relative; font-size: 21px; z-index: 100; max-width: 700px; margin: 0 auto 30px; background: rgba(0,0,0,0.5); border-radius: 7px; padding: 10px; font-weight: 300;}
#contacts{padding: 30px 0}
#contacts .flex{gap: 20px;}
#contacts #map{width: calc(100% - 570px); overflow: hidden; border-radius: 30px;}
#contacts #map iframe{display: block; width: 100%; height: 600px; border-radius: 30px; transform: scale(1.02);}
#contacts .form{text-align: center; max-width: 540px; position: relative; z-index: 2}
#contacts .title{text-transform: uppercase; margin-bottom: 30px; font-size: 40px; font-weight: 500; line-height: 120%;}
#contacts .title span{display: block; color: #008037;}
#contacts .locations .inn{max-width: 800px; margin: 0 auto;}
#contacts .locations .title{margin: 10px auto; font-size: 40px; font-weight: 500; line-height: 120%; text-align: center;}
#contacts .locations p{margin: 20px auto; font-size: 18px; text-align: center;}
#contacts .consultation{max-width: 1000px; margin-bottom: 30px;}
#contacts .consultation .img-wrapper{width: 100%; height: 100%; background-image: url(/wp-content/uploads/2025/05/bauwood-gallery-2-9.webp); background-repeat: no-repeat; background-size: cover; background-position: bottom; border-radius: 12px;}
#contacts .consultation .consultationwrap{width: 48%;}
#contacts .call_blocks_flex{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
#contacts .call_blocks .call_block{flex: 1 1 calc(23% - 30px); position: relative; border-radius: 7px; border: 1px solid #0000001A; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1); padding: 20px; min-width: 200px; max-width: 250px;}
#contacts .call_blocks .call_block h3{font-size: 21px; margin-top: 15px;}
#contacts .call_blocks .call_block p{font-size: 16px; color: #001; margin: 10px 0 20px;}
#contacts .call_blocks .call_block .contact-button{background-color: transparent; color: #008037; border: 1px solid #008037; padding: 5px 16px; border-radius: 20px; font-size: 1em; cursor: pointer;}
#contacts .call_blocks .call_block .contact-button:hover{background-color: #008037; color: #fff; border: 1px solid #008037; cursor: pointer;}
#news__section{padding: 60px 0;}
#news__section .grid{gap: 30px;}
#page__single{padding: 60px 0; font-size: 18px; line-height: 1.3; font-weight: 300;}
#page__single .container{max-width: 1100px}
#page__single a{color: #008037; border-bottom: 1px solid #008037}
#page__single a:hover{border-color: transparent;}
#page__single img{width: 100%; border-radius: 20px; margin-bottom: 25px;}
#page__single h2{font-size: 30px; font-weight: 500; margin-top: 20px; margin-bottom: 15px}
#page__single h3{font-size: 27px; font-weight: 400; margin-top: 20px; margin-bottom: 15px}
#page__single h4{font-size: 24px; font-weight: 400; margin-top: 15px; margin-bottom: 15px}
#page__single h5{font-size: 21px; font-weight: 400; margin-top: 15px; margin-bottom: 15px}
#page__single p{font-size: 18px; font-weight: 300; margin-bottom: 15px}
#page__single ul{display: grid; padding-left: 20px; margin-bottom: 15px; list-style: square}
#page__single ol{display: grid; padding-left: 20px; margin-bottom: 15px; list-style: decimal}
#page__single li{font-size: 18px; font-weight: 300; line-height: 1.5}
#page__single th, #page__single tr, #page__single td{font-size: 16px; font-weight: 300; border: 2px solid lightgray; padding: 7px; margin-bottom: 15px;}
#page__single th{font-size: 18px; font-weight: 400;}
#page__single table{width: 100%; margin-bottom: 25px;}
.yith-wcan-filters.filters-modal .main-modal-button{position: relative; font-size: 0;}
.yith-wcan-filters.filters-modal .main-modal-button:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 18px; display: flex; align-items: center; justify-content: center; color: #fff; content: 'Показати результати';}
.yith-wcan-filters .filter-items .level-0 label a{font-weight: 400;}
.yith-wcan-filters .filter-items .level-1 label a{font-weight: 300;}
.yith-wcan-filters .filter-items .level-1 a:before{font-size: 12px; content: '∟'; vertical-align: text-top; margin-left: 5px;}
.yith-wcan-filters .filter-items .level-2 a:before{font-size: 12px; content: '∟'; vertical-align: text-top; margin-left: 15px;}
.sub-menu .flex{align-items: flex-start;}
#page__product{padding-bottom: 50px;}
#page__product .container{max-width: 1400px}
.orderinn .btn{font-size: 16px; height: 50px; line-height: 50px;}
#page__product .flex{align-items: flex-start;}
#page__product .prod-desc h2{font-size: 25px; font-weight: 600; margin-bottom: 10px;}
#page__product .prod-desc h3{font-size: 21px; font-weight: 500; margin-bottom: 10px;}
#page__product .prod-desc h4{font-size: 18px; font-weight: 400; margin-bottom: 10px;}
#page__product .prod-desc ol{font-size: 18px; font-weight: 300; list-style: decimal; margin-left: 10px;}
#page__product .prod-desc ul{font-size: 18px; font-weight: 300; list-style: disc; margin-left: 10px;}
#page__product .prod-desc li{margin-bottom: 10px;}
#page__product .prod-desc img.alignright{float: right; margin-left: 20px;}
#page__product .prod-desc img.alignleft{float: left; margin-right: 20px;}
#page__product .prod-desc-before{display: block; margin: 30px 0; padding: 20px; background: #fff; box-shadow: 0px 0px 7px 1px lightgray; border-radius: 7px;}
#page__product .prod-desc-before h2{font-size: 35px; font-weight: 600; margin-bottom: 25px;}
#page__product .prod-desc-before h3{font-size: 30px; font-weight: 500; margin-bottom: 23px;}
#page__product .prod-desc-before h4{font-size: 25px; font-weight: 400; margin-bottom: 20px;}
#page__product .prod-desc-before p{font-size: 21px; margin-bottom: 20px;}
#page__product .prod-desc-before ol{font-size: 21px; font-weight: 300; list-style: decimal; margin-left: 10px;}
#page__product .prod-desc-before ul{font-size: 21px; font-weight: 300; list-style: disc; margin-left: 10px;}
#page__product .prod-desc-before li{margin-bottom: 20px;}
#page__product .gallery{width: 550px;}
.slider__main-product{border: 1px solid #eee; margin-bottom: 20px}
.slider__thumbs-product.flex{justify-content: flex-start;}
.slider__thumbs-product .image{width: calc(20% - 5px); margin-right: 5px; box-sizing: border-box; border: 1px solid #eee}
#page__product .data{width: calc(100% - 600px)}
#page__product .price{font-size: 32px; padding: 10px 0 10px;}
#page__product .priceflex{display: flex; flex-wrap: wrap; gap: 10px;}
#page__product .priceflex del{font-size: 21px; font-weight: 400; color: gray; align-self: center;}
#page__product .price span.woocommerce-Price-currencySymbol{font-size: 22px;}
#page__product .price p{font-size: 27px;}
#page__product .price small{font-size: 21px; font-weight: 400; vertical-align: bottom;}
#page__product .price .woocommerce-Price-amount.amount{line-height: 110%;}
#page__product .woocommerce-variation-price small{font-size: 21px; font-weight: 400; vertical-align: bottom;}
#page__product .prod_count{display: block; width: 100%;}
#page__product .prod_count input{width: 160px; text-align: left; height: 30px; font-size: 14px; padding-left: 7px; border-radius: 7px; border: 2px solid #008037;}
#page__product .prod_count .cart{display: block;}
#page__product .prod_count .cart label{display: block; font-size: 18px;}
#page__product .prod_count .cart .quantity{display: block; margin-bottom: 20px;}
#page__product .prod_count .cart .ct{width: 40px; height: 40px; transition: all 0.2s; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font-size: 20px; cursor: pointer;}
#page__product .prod_count .cart .ct:hover{background: #008037;}
#page__product .single_variation{margin-top: 10px;}
#page__product .add_to_cart_quantity{display: block; margin-bottom: 30px;}
#page__product .add_to_cart_quantity label{display: block; font-size: 18px;}
#page__product .single_variation_wrap .variations{display: block; margin: 0 0 15px;}
#page__product .single_variation_wrap .variations .label{display: block; font-size: 18px; margin-top: 16px;}
#page__product .single_variation_wrap .variations .value{display: block;}
#page__product .single_variation_wrap .variations .value select{width: 160px; font-size: 14px; padding: 7px; background: transparent; border-radius: 7px; border: 2px solid #008037; background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdFQjI3MDdDNkNEMTFFM0JGQjJBMzY2NUQwNDc2NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdFQjI3MDhDNkNEMTFFM0JGQjJBMzY2NUQwNDc2NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0VCMjcwNUM2Q0QxMUUzQkZCMkEzNjY1RDA0NzY1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozN0VCMjcwNkM2Q0QxMUUzQkZCMkEzNjY1RDA0NzY1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAcADAMBEQACEQEDEQH/xABgAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAAABAQEBAcAAAAAAAAAAAADBAUHBhYIGAECFQkAERMZEiIUJCUXChEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8APPfs2x6EIoq1ht69uKtvb0Jor/OeDCD/ADGj1j00Qck0+uUrqhnIvOuVJmnEJYoLRmxcgoq6lgFhDcPqgQmJUEYscCKJ4ON2yfz1dpWym/6giddQmK+S5CnGbbs5X60w6x9hcpG9N7WRtS8EseXral8vwH//2Q==); background-position: 96% 50%; background-repeat: no-repeat;}
#page__product .title__row{padding: 30px 0 15px; font-size: 28px;}
#page__product .row{display: flex; align-items: normal; font-size: 16px;}
#page__product .row:nth-child(2n+1){background: #eee;}
#page__product .row:last-child{border-bottom: none;}
#page__product .row .col{padding: 7px 10px;}
#page__product .row .col:first-child{border-right: 1px solid lightgray;}
#page__product .row .col:first-child{width: 150px;}
#page__product .row .col:last-child{font-weight: 300; width: calc(100% - 150px);}
#page__product .btn.btn-yellow{display: flex; align-items: center; justify-content: center; width: 48%; height: auto; border-radius: 7px; padding: 0 15px!important; background: #008037; color: #fff; font-size: 16px!important;}
.btn.btn-yellow svg{margin-right: 10px;}
.btn.btn-yellow svg path{stroke: #fff;}
.btn.btn-yellow:hover svg path{stroke: #008037}
#page__product .delivery_desc{margin-top: 20px; font-size: 17px; text-align: center;}
#page__product .tth{border: 1px solid lightgray; border-radius: 7px;}
#page__product .grid__item{width: 100%;}
#page__product .grid__item.footage-calculator{width: 100%; border: 1px dashed #007833; border-radius: 7px; margin-top: 20px;}
#page__product .grid__item.footage-calculator > label{display: inline-block; font-size: 18px; font-weight: 500; margin: 15px 0; width: 100%; text-align: center;}
#page__product .s-main-product__calc{display: block; margin-bottom: 20px; text-align: center;}
#page__product .s-main-product__calc .product-calc-item{width: calc(23% - 10px); position: relative; display: inline-block; text-align: left;}
#page__product .s-main-product__calc .product-calc-item label::before{content: attr(data-unit); position: absolute; right: 0; bottom: 0; padding: 1px 3px; color: #fff; background: #343434; font-weight: 700; font-size: 12px; text-transform: none; border-radius: 0 0 7px 0;}
#page__product .footage-calculator .product-calc-item input{max-width: 100%; font-weight: 400; padding: 10px; border-radius: 7px; border: 1px solid #000;}
#page__product .footage-calculator .cal_input_separator{display: inline-block; margin-bottom: 10px; padding: 0 5px;}
#page__product .footage-calculator .product-calc-item .bold{font-weight: 600; background: #eee; border: 1px solid #000;}
#page__product .footage-calculator .product-calc-item .bolder{font-size: 20px; color: #000; padding: 10px; background: #eee; border: 2px solid #007934;}
#page__product .variations tbody{display: flex; flex-wrap: wrap; gap: 20px;}
#page__product .orderbuttons{display: flex; flex-wrap: wrap; gap: 20px;}
#page__product .prod_excerpt_list{font-size: 17px; margin: 15px 0 10px; border: 1px solid lightgray; padding: 10px 15px; border-radius: 7px;}
#page__product .prod_excerpt_list .metafield-rich_text_field ul li::before{content: "➜"; color: #007f36; margin-right: 10px; vertical-align: top;}
#page__product .prod_excerpt_list .metafield-rich_text_field ul li {padding: 3px 0; list-style: none;}
#page__product .download_button{display: block; padding: 10px; background: #007f36; box-shadow: 0px 0px 1px 1px gray; border-radius: 7px; width: 250px; margin: 0 auto; text-align: center;}
#page__product .download_button:hover{background: #fff;}
#page__product .download_button{font-size: 16px; color: #fff;}
#page__product .download_button:after{content: "📥"; margin-left: 7px;}
#page__product .download_button:hover{color: #000;}
#page__product video{float: right; margin: 20px 0 20px 20px;}
#reviews{margin-bottom: 50px; padding: 40px 0; color: #000; background: rgba(0, 128, 55, 0.1); border-top: 2px solid #008037; border-bottom: 2px solid #008037;}
#reviews .bt{text-align: center;}
#reviews .bt strong{color: #ffbd59}
#reviews .bt small{font-size: 21px; vertical-align: super; font-weight: 300;}
#reviews .rev h4{font-size: 21px; font-weight: 400;}
#reviews .rev p{margin: 10px 0 30px 0; font-size: 18px; line-height: 120%; font-weight: 300;}
#reviews .rev .user{align-items: center; justify-content: flex-start;}
#reviews .rev .user img{width: 60px; height: 60px; border-radius: 50%; margin-right: 20px}
#reviews .rev .user .name{font-size: 21px; font-weight: 400; margin-right: 10px;}
#reviews .rev .user span{font-size: 18px; color: #878C91}
#reviews .rating span:after{width: 20px; height: 20px; content: '⭐'; font-size: 20px;}
#reviews .slider-sw{position: relative;}
#reviews .slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: 50px; height: 50px; top: -80px; transition: all 0.15s ease-out; border-radius: 940px; border: 2px solid #000;}
#reviews .slider-sw .swiper-button-prev:hover,.slider-sw .swiper-button-next:hover{background: #008037; border-color: #008037}
#reviews .slider-sw .swiper-button-prev svg,.slider-sw .swiper-button-next svg{width: auto; height: auto;}
#reviews .slider-sw .swiper-button-prev:hover svg path,.slider-sw .swiper-button-next:hover svg path{fill: #112033; transition: all 0.15s ease-out;}
#reviews .slider-sw .swiper-button-prev:hover svg circle,.slider-sw .swiper-button-next:hover svg circle{fill: #112033; transition: all 0.15s ease-out;}
#reviews .slider-sw .swiper-button-prev:after,.slider-sw .swiper-button-next:after{display: none;}
#reviews .slider-sw .swiper-button-prev{left: 10px}
#reviews .slider-sw .swiper-button-next{right: 10px; transform: rotate(180deg);}
#reviews .slider-sw .swiper-pagination{bottom: calc(100% + 50px)!important; text-align: left; padding-left: 1000px}
#reviews .slider-sw .swiper-pagination-bullet{width: 12px; height: 12px; opacity: 1; background: transparent; border: 1px solid #112033;}
#reviews .slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #112033}
input[type="number"] {-moz-appearance: textfield;}
#page__cart{padding-bottom: 50px;}
#page__cart .container{max-width: 1100px}
#page__cart .woocommerce a.remove{font-size: 0; display: block; width: 20px; height: 20px; background: url("../img/plus.svg") 50% 50% no-repeat; transform: rotate(45deg);}
.list__cart{width: calc(100% - 330px);}
.list__cart .item{align-items: center; padding: 20px; border-radius: 20px; border: 1px solid #eee; margin-bottom: 20px;}
.list__cart .price{font-size: 22px;}
.list__cart .image{width: 200px; height: auto;}
.list__cart .info{width: 330px}
.list__cart .info a{font-size: 18px; font-weight: 500; color: #000;}
.order__detail{width: 300px}
.order__detail h2{font-size: 20px; margin-bottom: 15px;}
.shop_table_responsive{font-size: 16px;}
.shop_table_responsive .row{margin-bottom: 10px;}
.shop_table_responsive .row span{font-size: 22px;}
.promo__code{padding: 15px; background: #f9f9f9; border-radius: 10px; margin: 15px 0}
.promo__code p{font-weight: normal; margin-bottom: 10px;}
.promo__code input{width: 100%; height: 35px; padding: 0 15px; font-size: 16px; font-weight: 300; border-color: #008037; border-radius: 30px; margin-bottom: 10px;}
#page__product .sku{float: right; font-size: 16px; font-weight: 300; color: gray; padding: 12px 0 0 10px; background: #fff;}
#page__product .sku strong{color: #000;}
.list__catalog .item .p__inn .sku{font-weight: 300; padding: 3px 0 7px;}
.list__catalog .item .p__inn .sku strong{font-weight: 400; color: #001;}
.tags_product{padding: 20px 0 20px 0; font-size: 18px;}
.tags_product a{color: #008037; border-bottom: 1px solid transparent;}
.tags_product a:hover{border-color: #000; color: #000}
.stock {color: green; font-size: 18px}
.nostock {color: red; font-size: 18px}
footer{position: relative; color: #001;}
footer .inn{position: relative; z-index: 2; padding: 30px 0;}
footer .logo{max-width: 170px}
footer:after{position: absolute; top: 0; left: 20px; width: calc(100% - 40px); content: ''; height: 100%; border-radius: 20px; background: transparent; border: 2px solid #001;}
footer .socials{padding: 40px 0 0; justify-content: flex-start;}
footer .socials a{display: block; margin-right: 20px;}
footer .socials a svg path{fill: #001}
footer .socials a:hover svg path{fill: #008037}
footer .nav{color: #001; width: 33%;}
footer .title{font-size: 21px; font-weight: 500; line-height: 120%; padding-bottom: 10px;}
footer .title-delivery{font-size: 18px; padding: 10px; background: #008037; margin: 0 auto; border-radius: 0 0 10px 10px; color: #fff; font-weight: 600; max-width: 500px; position: relative; width: 100%; text-align: center;}
footer .row span{display: block; font-size: 18px; font-weight: 300; margin-bottom: 4px;}
footer .row p{font-weight: 300; padding-bottom: 5px;}
footer .row a{color: #001; font-size: 18px; font-weight: 400;}
footer .row a:hover{color: #008037}
footer .copyright{position: relative; z-index: 3; width: 100%; padding: 10px; font-weight: 300; font-size: 14px; justify-content: center;}
footer .copyright a{color: #001; margin-right: 100px; border-bottom: 1px solid transparent;}
footer .copyright a:hover{color: #001; border-color: #001;}
#popular{padding: 0 0 50px}
#popular .grid{grid-template-columns: repeat(4,1fr); gap: 30px;}
.prod-desc{line-height: 1.3}
.prod-desc table{width: 100%;}
.prod-desc table td{padding: 5px; border: 1px solid #ddd;}
.prod-desc .alignnone{margin: 15px auto;}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{margin-bottom: 20px; font-size: 20px;}
.woocommerce-order-overview{font-size: 16px;}
.woocommerce-order-details__title,.woocommerce-column__title{font-size: 20px; margin-bottom: 20px;}
.woocommerce-table__line-item a{color: #008037;}
address{font-size: 18px; line-height: 1.3;}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email{padding-left: 0!important;}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{display: none;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{float: none!important; width: 100%!important;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{padding: 20px 0 20px; border-bottom: 2px solid #eee; margin-bottom: 30px;}
.col-1 h3{font-size: 20px; margin-bottom: 10px;}
#order_review_heading{display: none;}
#order_review table{display: none;}
.swiper-button-next, .swiper-button-prev{width: 62px; height: 62px; background: transparent; top: 50%; margin-top: -31px; transition: all 0.15s;}
.swiper-button-prev svg rect,.swiper-button-next svg rect{fill: #001; transition: all 0.15s;}
.swiper-button-prev:hover svg rect,.swiper-button-next:hover svg rect{fill: #008037;}
.swiper-button-prev{left: -100px;}
.swiper-button-next{right: -100px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.bt{position: relative; text-align: center; text-transform: uppercase; font-size: 40px; font-weight: 500; line-height: 120%; padding-bottom: 10px; margin-bottom: 45px;}
.bt:after{background: #008037; height: 4px; width: 140px; position: absolute; bottom: 0; left: calc(50% - 70px); content: ''}
.bt strong{font-weight: 500; color: #008037}
.bt__note{text-align: center; font-size: 24px; font-weight: 500; line-height: 120%; margin-top: -30px; margin-bottom: 40px;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea{box-shadow: none; font-size: 20px; font-weight: 300; margin-bottom: 25px; width: 100%; height: 75px; box-sizing: border-box; padding: 0 30px; border-radius: 15px; border: 2px solid #000; background: rgba(206, 206, 206, 0.10);}
.form textarea{resize: none; height: 100px!important; padding-top: 15px!important}
.form.form__checkout input[type="text"],.form.form__checkout input[type="email"],.form.form__checkout input[type="tel"],.form.form__checkout textarea{box-shadow: none; font-size: 16px; font-weight: 300; margin-bottom: 15px; width: 100%; height: 50px; box-sizing: border-box; padding: 0 20px; border-radius: 15px; border: 1px solid #000;;}
.select{position: relative; cursor: pointer; padding: 12px 40px 12px 20px; font-size: 18px; font-weight: 500; line-height: 120%; border-radius: 6px; background: #e6e7e8;}
.select:hover{border-radius: 6px 6px 0 0}
.select:hover:after{transform: rotate(180deg);}
.select:hover ul{display: block;}
.select:after{position: absolute; top: 0; transition: all 0.2s; right: 20px; width: 10px; height: 100%; content: ''; background: url("../img/arrs.svg") 50% 50% no-repeat;}
.select ul{display: none; position: absolute; top: 100%; right: 0; min-width: 280px; padding: 0; background: #e6e7e8; z-index: 10; border-radius: 6px 0 6px 6px; overflow: hidden;}
.select ul li a{color: #000; font-size: 16px; line-height: 1.2; display: block; padding: 8px 10px 8px 20px; font-weight: 500; text-align: left;}
.select ul li a:hover{color: #fff; background: #008037}
label.checkbox{display: inline-block; box-sizing: border-box; position: relative; padding: 0 0 0 28px; cursor: pointer; font-size: 12px; line-height: normal; color: rgba(0, 0, 0, 0.5); margin-bottom: 30px;}
label.checkbox br{display: none;}
label.checkbox:after{position: absolute; top: calc(50% - 11px); left: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid rgba(0, 0, 0, 0.2); content: ''; border-radius: 50%; background: #fff;}
label.checkbox i{font-style: normal;}
label.checkbox i:after{position: absolute; top: calc(50% - 11px); left: 0px; width: 18px; height: 18px; content: ''; background: url("../img/check.svg") 50% 50% no-repeat; background-size: 12px; box-sizing: border-box; display: none; border-radius: 4px; z-index: 2;}
label.checkbox input:checked + i:after{display: block;}
#sidebar ul{padding-left: 0;}
#sidebar label{display: inline-block; margin-bottom: 10px; box-sizing: border-box; position: relative; padding: 0 0 0 26px; cursor: pointer; font-size: 18px; font-weight: 300; line-height: normal; color: #000}
#sidebar label:after{position: absolute; top: 0; left: 0; width: 20px; height: 20px; box-sizing: border-box; content: ''; background: url("../img/checkf.svg") 0 0 no-repeat;}
#sidebar label input{display: none;}
#sidebar label a{position: relative; line-height: 1.2;}
#sidebar label a:after{position: absolute; top: -3px; left: -26px; width: 20px; height: 20px; content: ''; background: url("../img/checkfb.svg") 50% 50% no-repeat; box-sizing: border-box; display: none; z-index: 2;}
#sidebar label input:checked + a{color: #000}
#sidebar label input:checked + a:after{display: block;}
.box__modal{display: none; padding: 45px 70px!important; font-family: 'Codec Pro'!important; text-align: center!important; width: 700px!important; max-width: calc(100% - 40px)!important; box-sizing: border-box!important; border-radius: 32px!important;}
.box__modal .modal__title{font-size: 43.425px; font-weight: 500; line-height: 110%;}
.box__modal .note{margin: 10px 0 45px; font-size: 21px; font-weight: 500; line-height: 110%; opacity: 0.5}
.box__modal .btn{width: 100%;}
.fancybox-close-small{right: 10px; top: 10px;}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a,svg,svg path,iframe{text-decoration: none; transition: all 0.15s;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
a:hover{transition: all 0.15s;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.15s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.wc-proceed-to-checkout .btn-blue,.button.alt{color: #fff!important; font-size: 16px!important; border: 2px solid #008037!important; background: #008037!important; font-weight: 500!important; line-height: 120%!important; width: 100%; padding: 0 15px!important; border-radius: 7px; height: 54px!important; line-height: 54px!important;}
.wc-proceed-to-checkout .btn-blue:hover,.button.alt:hover{background: transparent!important; color: #008037!important}
.showcoupon{color: #008037; border-bottom: 1px solid #008037}
.showcoupon:hover{border-color: transparent;}
.btn-blue,.woocommerce-message1 .button{color: #fff; font-size: 20px; border: 2px solid #008037; background: #008037; font-weight: 500; line-height: 120%; padding: 0 35px; border-radius: 7px; height: 64px; line-height: 64px;}
.btn-blue:hover,.woocommerce-message1 .button:hover{color: #008037; background: transparent;}
.woocommerce-message1 .button{font-size: 20px; height: 50px; line-height: 50px;}
.woocommerce-message1{display: flex; align-items: center;}
.woocommerce-message .button,.woocommerce-message a{color: #000;}
.btn-blue-tr{color: #fff; font-size: 18px; font-weight: 500; line-height: 120%; padding: 10px 15px; border-radius: 7px; border: 2px solid #008037; background: url("/wp-content/uploads/2024/08/piquia-cat.webp"), no-repeat; background-size: auto, auto; background-size: cover; text-shadow: 1px 1px 0px #000;}
.btn-blue-tr:hover{color: #fff; background: #008037}
@-webkit-keyframes pulse{
0%{
-webkit-transform: scale(.6);
opacity: 0;
}
50%{
-webkit-transform: scale(1.0);
opacity: 0;
}
60%{
-webkit-transform: scale(1.01); opacity: .6;
}
70%{
-webkit-transform: scale(1.03); opacity: .85;
}
80%{
-webkit-transform: scale(1.04); opacity: .6;
}
100%{
-webkit-transform: scale(1.06); opacity: 0;
}
}
.btn-black{height: 40px; line-height: 40px; color: #fff; background: #000; border-radius: 30px; width: 100%;}
.btn-black:hover{background: #008037}
.yith-wcan-filters.filters-modal{position: relative!important; display: block!important; transform: none!important; box-shadow: none!important; top: 0!important; left: 0!important; bottom: 0!important; right: 0!important; margin: 0!important}
.yith-wcan-filters.filters-modal .close-button{display: none!important;}
.yith-wcan-filters.filters-modal .filters-container{padding: 0!important; border: none!important; margin: 0!important}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'Codec Pro'; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/*search button*/
.is-menu.is-first form {left: 30px !important}
.is-menu.is-first .search-close {left: 0px !important}
.search-icon {vertical-align: middle}
#is-popup-wrapper {background: rgba(4,4,4,.77) !important}
.is-popup-search-form form.is-ajax-search {margin-left: 25% !important}
.is-popup-search-form form {width: 40% !important; margin: 7% auto 0 !important}
/*search button*/
/*responsive*/
@media screen and (max-width: 1600px){
.container{width: 100%; padding: 0 40px}
.container-catalog{padding: 0 20px}
header nav li{margin-left: 20px;}
header .phone{margin-right: 20px}
header .phone a{font-size: 20px;}
header .btn{font-size: 18px;}
#request a{padding: 25px; font-size: 26px;}
#request .item a span:after{width: 70px}
#request .item:nth-child(2) a span:after{width: 140px;}
#request .item:nth-child(3) a span:after{width: 50px;}
.list__category .item .data{padding: 20px}
.list__category .item a{font-size: 25px;}
.list__category .item a span{font-size: 16px;}
#consultation:before{width: 50%;}
.swiper-button-prev{left: -40px;}
.swiper-button-next{right: -40px;}
.list__catalog .grid{grid-template-columns: repeat(4,1fr);}
.list__catalog .item .image a{height: 150px; display: flex; align-items: center; justify-content: center; width: 100%;}
.list__catalog .item .image a img{max-height: 100%; max-width: 100%; width: auto; height: 220px; width: 100%; object-fit: cover;}
.list__category .item .image{height: 295px;}
.photo_gallery_grid{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 1350px){
body{padding: 120px 0 20px;}
header nav{display: none;}
header .pull{display: block; width: 25px; height: 25px; background: url("../img/pull.svg") 100% 50% no-repeat; margin-left: 30px;}
header .mobile-search{display: block; width: 100%; margin: 10px 0 0 0;}
#navigation .astm-search-menu{display: none;}
}
@media screen and (max-width: 1260px){
.btn-blue{font-size: 20px; height: 50px; line-height: 50px;}
.container{width: 100%; padding: 0 20px;}
.swiper-button-next{right: -10px}
.swiper-button-prev{left: -10px}
#promo{padding: 0}
#promo .text{max-width: 80%; margin-bottom: 30px;}
#promo .image{width: 100%;}
#promo .image img{width: 100%;}
#promo .flex{padding-right: 20px}
#promo .socials{display: none;}
#promo .inn{display: none;}
#request{display: block;}
#request .item{width: 100%; margin: 15px 0;}
#request .inn{padding: 30px 30px 30px 70px}
.list__category .item{width: calc(50% - 25px)}
#advantages .item{width: calc(50% - 10px); margin-bottom: 20px;}
#category .inn,#advantages .inn,#catalog-desc .inn,#news .inn,footer .inn,#page__information .inn{padding: 10px 30px;}
#projects .filters .inn{overflow-x: auto;}
#projects .filters ul{width: 1200px; justify-content: space-between;}
#projects .filters ul li{margin: 0 20px 0 0;}
#projects .filters ul li:last-child{margin: 0}
#projects img{width: 100%; margin-bottom: 40px;}
#projects .data{max-width: 100%;}
#consultation .inn{padding: 420px 20px 60px}
#consultation:before{width: calc(100% - 90px); height: 380px;}
#consultation.consultation__nb:before{width: calc(100% - 40px); height: 380px;}
#consultation .form{width: 100%; max-width: 100%;}
#catalog #sidebar{width: 100%; margin-bottom: 30px;}
#sidebar .f__title{margin-bottom: 0; cursor: pointer; padding: 15px 20px; border-radius: 10px; background: #e6e7e8 url("../img/filter.svg") calc(100% - 20px) 50% no-repeat; background-size: 20px}
#sidebar .sidebar__data{display: none; margin-top: 20px;}
#catalog .list__catalog{width: 100%;}
.btn__callback{right: 20px;}
.content__page .image{order: 0!important; width: 100%; max-width: 100%}
.content__page .text{order: 1!important; padding: 30px 0 0!important; width: 100%; max-width: 100%}
#consultation.consultation__nb.consultation__bb{padding-bottom: 0}
#consultation.consultation__nb.consultation__bb:before{left: 40px; width: calc(100% - 80px)}
#page__information.page__contacts .item p{font-size: 18px}
#page__information.page__contacts .item .label{font-size: 24px;}
#contacts #map{width: 100%; margin-bottom: 30px;}
#contacts #map iframe{height: 350px}
#contacts .form{width: 100%; margin: 0 auto;}
#page__product .gallery{width: 450px; margin-bottom: 30px;}
#page__product .data{width: calc(100% - 480px)}
#popular .grid{grid-template-columns: repeat(2,1fr); gap: 20px;}
.list__cart{width: 100%; margin-bottom: 30px;}
.order__detail{width: 100%;}
.list__catalog .grid{grid-template-columns: repeat(3, 1fr);}
footer .col{width: 100%;}
footer .socials{padding: 0}
footer .col:first-child{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
footer .title-delivery{margin-bottom: 20px;}
#news__section .grid{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 980px){
#page__product .gallery{width: 100%; margin-bottom: 20px;}
#page__product .data{width: 100%;}
#reviews .slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: 30px; height: 30px; top: -12px;}
#reviews .slider-sw .swiper-button-prev{left: 0px}
#reviews .slider-sw .swiper-button-next{right: 0px;}
#promo{padding: 0; margin-bottom: 20px;}
#promo h1{font-size: 30px; font-weight: 500; line-height: 120%;}
#promo h1 span{font-weight: 500;}
#promo p{font-size: 16px; font-weight: 500; line-height: 120%; padding: 10px 0;}
#promo .image img{border-radius: 20px;}
#promo .text{max-width: 500px; left: 40px;}
footer .title-delivery{max-width: 400px;}
.photo_gallery_grid{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px){
#breadcrumbs {margin: 20px 0 20px;}
.btn-blue{font-size: 18px; font-weight: 500; line-height: 110%; height: auto; padding: 10px;}
.bt{font-size: 28.828px; font-weight: 500; line-height: 120%; margin-bottom: 30px;}
.bt__note{font-size: 18px; margin-top: -20px;}
.btn__callback{display: none;}
#page__information.page__contacts .item{width: 100%; margin-bottom: 20px!important}
.orderinn {display: flex; justify-content: center; margin-top: 0;}
body{padding: 90px 0 20px;}
header{padding: 10px 0;}
header .phone,header .callback{display: none;}
header .logo{max-width: 100px;}
#navigation{padding: 120px 30px 45px;}
#request .inn{padding: 20px 20px 0 40px;}
#request a{font-size: 20px;}
#request a span{font-size: 12px;}
#request .item a span:after{width: 120px!important}
#request .item:after{left: -20px;}
#request .item:first-child{margin-top: 0;}
#category .inn, #advantages .inn, #catalog-desc .inn, #news .inn, footer .inn{padding: 10px 20px}
#category{margin-bottom: 0;}
.list__category .item{width: 100%; margin-bottom: 40px;}
.list__category .item .image{height: 300px;}
.list__category .item img{height: auto; min-height: 0}
#projects{padding: 30px 0;}
#projects .filters{margin-bottom: 30px;}
#projects .filters ul{width: 700px}
#projects .filters ul li{font-size: 17px; font-weight: 500; padding: 0 20px; height: 40px; line-height: 40px; margin: 0 10px 0 0;}
#projects .data .title{font-size: 28.763px; font-weight: 500; line-height: 120%;}
#projects .data .row{font-size: 16.361px; line-height: 120%;}
#projects .data .row .label{font-weight: 500; margin-bottom: 10px;}
#consultation:after{border-width: 2px;}
#consultation:before{width: calc(100% - 64px); right: 30px; top: 12px;}
#consultation .title,#contacts .title{font-size: 24.227px; font-weight: 500; line-height: 120%;}
#consultation{margin-bottom: 80px;}
#contacts .consultation .consultationwrap{width: 100%;}
#advantages .item{width: 100%; margin-bottom: 30px; padding: 25px;}
#advantages .item .title{font-size: 20px;}
#customers{padding: 80px 0;}
#customers .swiper-button-next,#customers .swiper-button-prev{display: none;}
#customers .swiper-slide{width: 110px;}
#customers .slider{width: calc(100% + 40px); left: -20px; box-sizing: border-box;}
#customers .swiper{padding: 0 15px}
#customers .image{width: 100%; height: 112px}
#faq{padding-bottom: 70px;}
#faq .item{border-width: 2px;}
#faq .item .title{padding: 18px 30px 15px 25px; font-size: 16px; font-weight: 500; line-height: 120%;}
#faq .item .title:after{width: 14px; height: 14px; right: 22px; background-size: 100%; top: 21px;}
#faq .item .answer .text{margin: 0 20px; font-size: 13px; font-weight: 500; line-height: 120%;}
#news .swiper-button-next, #news .swiper-button-prev{width: 32px; height: 32px; margin-top: -16px;}
.list__news .item{width: calc(100% - 60px); padding: 20px; box-sizing: border-box; margin: 0 auto;}
.list__news .item .title{padding: 15px 0 10px; font-size: 17.511px; font-weight: 500; line-height: 120%;}
.list__news .item .excerpt{font-size: 13px;}
#news .slider{margin-bottom: 30px;}
.breadcrumbs{margin-bottom: 30px}
#page__information .inn{padding: 20px;}
#page__information h1{font-size: 32px;}
.list__catalog .grid{grid-template-columns: repeat(1,1fr);}
.list__catalog .sorting span{margin: 0 0 10px; width: 100%;}
.list__catalog .sorting .flex{width: 100%;}
.list__catalog .sorting .flex{justify-content: flex-start;}
.select ul{width: 270px; right: calc(100% - 270px); box-sizing: border-box; min-width: 0; border-radius: 0 6px 6px 6px}
.select ul li a{text-align: left;}
label.checkbox{text-align: left;}
.content__page .text,#types .text li{font-size: 18px;}
.content__page .text h3{font-size: 24px;}
#news__section .grid{grid-template-columns: repeat(1,1fr);}
#news__section .list__news .item{width: 100%;}
#page__product .prod_count .cart{flex-wrap: wrap;}
#page__product .variations tbody{gap: 10px;}
#popular .grid{grid-template-columns: repeat(1,1fr); gap: 20px;}
.btn.btn-yellow{width: 160px;}
#page__product .row .col:first-child{width: 30%;}
#page__product .prod-desc-before {margin: 20px 0;}
.list__catalog .grid{grid-template-columns: repeat(2, 1fr);}
.list__catalog .item .image a img{height: auto; max-height: 1000px}
.list__catalog .item .image a{height: auto;}
footer .logo{max-width: 120px;}
footer .col:first-child{margin-bottom: 0;}
footer .socials a svg{width: 28px; height: 28px;}
footer .title{font-size: 20px;}
footer .row{margin-top: 20px;}
footer .row a{font-size: 16px;}
footer .nav{margin-top: 20px;}
footer .copyright{text-align: center; display: block;}
footer .copyright a{margin: 0}
footer .copyright p{margin-top: 10px; width: 100%;}
.list__cart .image{margin-bottom: 20px; width: 100%;}
.list__cart .image img{width: 100%; height: auto;}
.list__cart .info{width: 100%; margin-bottom: 10px;}
.box__modal{padding: 20px!important}
.box__modal .modal__title{font-size: 28px; line-height: 1.3;}
.box__modal .note{font-size: 16px; margin-bottom: 20px;}
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea{height: 46px; padding: 0 20px; font-size: 13px; margin-bottom: 15px; border-width: 1px;}
label.checkbox i{line-height: 1.2}
#catalog-desc img.alignright{float: none; padding: 0; margin: 0 auto; padding: 20px 0}
#catalog-desc img.alignleft{float: none; padding: 0; margin: 0 auto}
}
@media screen and (max-width: 615px){
#promo .text{position: relative; left: 0; background: #008037; border-radius: 0 0 20px 20px; width: 70%; text-align: center; margin: 0 auto; color: #000;}
#promo h1 span{display: block; color: #fff; font-weight: 700; font-size: 34px; margin-bottom: 5px; text-shadow: none;}
#promo .btn-blue{background: #000; border: 2px solid #fff;}
#promo .btn-blue:hover{background: gray; color: #fff; border: 2px solid #fff;}
#promo .container{padding: 0}
#page__product .btn.btn-yellow{width: 100%;}
#page__product .prod-desc img.alignright{float: none; margin: 20px auto;}
#page__product .prod-desc img.alignleft{float: none; margin: 20px auto;}
#page__product video{display: none;}
footer .title-delivery{max-width: 350px;}
.photo_gallery_grid{grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 500px){
.list__catalog .grid{grid-template-columns: repeat(1, 1fr);}
footer .title-delivery{max-width: 230px;}
}
/*responsive*/