/* Start:/local/templates/vpl_template/css/libs.min.css?174358207733827*/
@charset "UTF-8";/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.fancybox-container,.fancybox-thumbs,.fancybox-thumbs__list a,.nice-select{-webkit-tap-highlight-color:transparent}.fancybox-infobar,.fancybox-slide--image .fancybox-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{max-width:1170px;padding-right:15px;padding-left:15px}}@media (min-width:1506px){.container{max-width:1410px;padding-right:60px;padding-left:60px}}.col,.col-auto{max-width:100%}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.row{margin-left:-15px;margin-right:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{padding-right:15px;padding-left:15px}.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1451px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1680px){.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}body.compensate-for-scrollbar{overflow:hidden}.fancybox-outer,.fancybox-thumbs{-webkit-overflow-scrolling:touch}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-slide,.fancybox-slide--image .fancybox-content{transition-property:transform,opacity;top:0;left:0;-webkit-backface-visibility:hidden}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{display:none;height:100%;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);background:no-repeat;background-size:100% 100%;max-width:none;overflow:visible;padding:0;position:absolute;-ms-transform-origin:top left;transform-origin:top left;user-select:none;z-index:99995}.fancybox-image,.fancybox-share__button,.fancybox-spaceball,.nice-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-error,.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:dotted 1px}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2),.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small,.fancybox-thumbs{display:none}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;margin:0;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.modal,.no-csspointerevents .nice-select .list{display:none}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list,.fancybox-thumbs__list a,.modal-open{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;padding:0;position:relative;width:100px}.modal-content,.nice-select{background-color:#fff;outline:0}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}.fade:not(.show),.modal-backdrop.fade{opacity:0}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.nice-select,.nice-select .option{cursor:pointer;font-weight:400;line-height:40px}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.nice-select,.nice-select .list{border-radius:5px;box-sizing:border-box}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:1024px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1410px){.modal-xl{max-width:1140px}}.nice-select{border:1px solid #e8e8e8;clear:both;display:block;font-family:inherit;font-size:14px;height:42px;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{content:'';display:block;width:16px;height:16px;background:url(/local/templates/vpl_template/css/../img/svg/select-arrow.svg) center center no-repeat;position:absolute;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);top:34%;right:11px;transition:all .3s ease-out}.nice-select.open:after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;box-shadow:0 0 0 1px rgba(68,68,68,.11);margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform}.nice-select .option.focus,.nice-select .option.selected,.nice-select .option.selected.focus,.nice-select .option:hover{color:#3275D8}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select.open .list,.swiper{display:block}@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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;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-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d{perspective:1200px}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.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-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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;border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper: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(0)}100%{transform:rotate(360deg)}}
/* End */


/* Start:/local/templates/vpl_template/css/style.css?1764256969183629*/
@charset "UTF-8";

:root {
  --black: #000000;
  --white: #FFFFFF;
  --hover: #E31C30;
  --red: #B90E0E;
}

/* golos-text-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* golos-text-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* golos-text-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 600;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* golos-text-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* golos-text-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 800;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* golos-text-900 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 900;
  src: url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-900.woff2") format("woff2"), url("/local/templates/vpl_template/css/../fonts/golos/golos-text-v4-cyrillic_cyrillic-ext_latin_latin-ext-900.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Icomoon
=========================================================================================*/
.icon {
  display: inline-block;
  vertical-align: top;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* Fancybox
=========================================================================================*/
.fancybox-bg {
  opacity: 0.8;
  background: #202136;
}

/* Основные стили
=========================================================================================*/
* {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a.is-active {
  opacity: 0.6;
}

html {
  height: 100%;
}

html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background-color: var(--blue);
  border: none;
}

html::-webkit-scrollbar-thumb:hover {
  color: var(--hardblack);
}

body {
  background: var(--white);
  color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  min-height: 100%;
  margin: 0;
  position: relative;
  scroll-behavior: smooth;
  color: var(--black);
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 18px;
  }
}


@media (min-widtH: 768px) {
  .modal-open {
    overflow: hidden;
    padding-right: 8px !important;
  }

  .modal-open .sidebar {
    right: 13px;
    transition: none;
  }

  .modal-open .header {
    width: calc(100% - 8px);
  }

  .modal-open .header__search {
    right: 18px;
  }
}

.plus-open {
  overflow: hidden;
  padding-right: 8px !important;
}

.plus-open .header {
  z-index: 0;
}

.search-open .header {
  top: -200px;
}

.search-open .header__search {
  top: -200px;
}

.search-open .search-fixed {
  top: 0;
}

.header__search .icon {
  width: 20px;
  height: 20px;
}

.menu-open {
  overflow: hidden;
}

.menu-open .header__burger::after {
  top: 0;
}

.menu-open .header__nav {
  top: 52px;
}

.menu-open .header__actions-item {
  color: var(--black);
}

.menu-open .header__actions-item:nth-child(1) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.menu-open .header__actions-item:nth-child(2) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.menu-open .header__logo {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.menu-open .header__wrapper::after {
  top: 0;
}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: var(--111518, #111518);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  z-index: 4;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.overlay.is-show {
  opacity: 0.8;
  visibility: visible;
  pointer-events: auto;
}

.advan__item-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(38, 61, 71, 0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  z-index: 299;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.advan__item-overlay.is-open {
  opacity: 0.9;
  visibility: visible;
  pointer-events: auto;
}

.selct-open {
  padding-right: 8px;
  overflow: hidden;
}

.usage-mp__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(38, 61, 71, 0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.selct-open .usage-mp__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-open {
  padding-right: 8px;
  overflow: hidden;
}

.dropdown-open .overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown-open .header {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}

@media (max-width: 767px) {
  .dropdown-open .header {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

.dropdown-open .header__fixed {
  width: calc(100% + 8px);
}

.viewport {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  color: var(--111518, #111518);
  text-align: center;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
  }
}

h2 {
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 992px) {
  h2 {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
  }
}

h3 {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 992px) {
  h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
  }
}

h4 {
  font-size: 26px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 992px) {
  h4 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 24px;
  }
}

h5 {
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 992px) {
  h5 {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
  }
}

h6 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 992px) {
  h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
  }
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:focus {
  outline: var(--focus);
  outline-offset: 1em;
  outline-width: 1px;
}

a:hover {
  opacity: 0.6;
  text-decoration: none;
}

input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.img {
  position: relative;
  overflow: hidden;
}

.fit-img {
  max-width: none;
  max-height: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.detail-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 50px 0;
}

.detail-img .img img {
  vertical-align: top;
}

.detail-img .title {
  color: var(--gray);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 20px;
}

.no-photo {
  background: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-radius: 6px;
}

.no-photo img {
  max-width: 162px;
  width: 100%;
  height: 100%;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .no-photo img {
    max-width: 100px;
  }
}

.no-photo.typical-content {
  min-height: 500px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .no-photo.typical-content {
    min-height: 250px;
    margin-bottom: 20px;
  }
}

.wrapper {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 70px;
}

@media (max-width: 992px) {
  .wrapper {
    padding-top: 51px;
  }
}

.content-nav {
  width: 100%;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 5px;
}

.content-nav__list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  max-width: 40px;
  min-width: 40px;
  border-radius: 50%;
  border: 1px solid var(--F0F0F0, #F0F0F0);
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.content-nav__list-item a:hover {
  border-color: #6F6F6F;
  opacity: 1;
}

.content-nav__list-item.active a {
  background: #6F6F6F;
  border-color: #6F6F6F;
  pointer-events: none;
  color: var(--white);
}

.content-nav__list-item.content-nav__list-item--prev a {
  border: none;
  padding-top: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  max-width: 20px;
  min-width: 20px;
  font-size: 14px;
  color: #8A8A8A;
}

.content-nav__list-item.content-nav__list-item--prev a:hover {
  color: #6F6F6F;
}

.content-nav__list-item.content-nav__list-item--next a {
  border: none;
  padding-top: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  font-size: 14px;
  max-width: 20px;
  min-width: 20px;
  color: #8A8A8A;
}

.content-nav__list-item.content-nav__list-item--next a:hover {
  color: #6F6F6F;
}

@media (max-width: 767px) {
  .content-nav {
    margin-top: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-nav__list-item a {
    height: 32px;
    max-width: 32px;
    min-width: 32px;
    font-size: 11px;
    line-height: 17px;
  }

  .content-nav__list-item.content-nav__list-item--prev a {
    max-width: 15px;
    min-width: 15px;
    font-size: 15px;
    margin-right: 0;
  }

  .content-nav__list-item.content-nav__list-item--next a {
    max-width: 15px;
    min-width: 15px;
    font-size: 15px;
    margin-left: 0;
  }
}

/* Тело страницы
=========================================================================================*/
ul {
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  list-style: none;
}

.content-entry {
  padding: 60px 0 40px;
  position: relative;
  z-index: 1;
}

.content-entry h1 {
  padding-right: 0;
  max-width: 600px;
  margin: 0 auto;
}

.content-entry--detail {
  width: 100%;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.content-entry--detail .content-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 730px;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.content-entry--detail picture {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.content-entry--detail picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-entry--detail .content-entry h1 {
  color: var(--white);
  max-width: 260px;
}


.content-entry--detail .content-entry .breadcrumbs__link {
  color: var(--white);
}

@media (max-width: 768px) {
  .content-entry--detail .content-entry {
    height: 438px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .content-entry {
    padding: 40px 0 30px 0;
  }
}

.content-entry__wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 8px;
}

@media (max-width: 768px) {
  .content-entry__wp {
    row-gap: 8px;
  }
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.breadcrumbs__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  color: var(--A08E80, #7E7E7E);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  opacity: 0.5;
}

.content-entry a.breadcrumbs__link {
  opacity: 0.9;
}

.breadcrumbs__link svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 11px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

a.breadcrumbs__link {
  color: var(--A08E80, #7E7E7E);
  opacity: 1;
}

a.breadcrumbs__link:hover {
  opacity: 0.7;
}

.breadcrumbs__link--main {
  color: var(--000000, #000);
}

@media (max-width: 768px) {
  .breadcrumbs__list {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .breadcrumbs__link {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
  }

  .breadcrumbs__link svg {
    font-size: 9px;
  }
}

.content {
  padding-top: 0;
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .content {
    max-width: 100%;
  }
}

.content .section__title {
  margin-top: 0;
}

.content h2,
.content h3,
.content h5 {
  margin-top: 50px;
}

@media (max-width: 767px) {

  .content h2,
  .content h3,
  .content h5 {
    margin-top: 30px;
  }
}

.content h6 {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .content h6 {
    margin-top: 15px;
  }
}

.content a {
  color: var(--8A8A8A, #8A8A8A);
  text-decoration: underline;
}

.content a:hover {
  color: #535353;
}

.content a:active {
  color: #535353;
}

.content a:focus {
  color: #535353;
}

.content a img {
  display: inline;
}

.content p {
  font-family: 'Golos Text';
  margin: 0 0 30px;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
}

@media (max-width: 767px) {
  .content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
}

.content p:last-child {
  margin-bottom: 0;
}

.content p.img-sub {
  text-align: center;
  padding: 0 0 30px;
  font-weight: 300;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  color: #999;
}

@media (max-width: 768px) {
  .content p.img-sub {
    padding-bottom: 16px;
  }
}

@media (max-width: 768px) {
  .content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}

.content img+.img-sub {
  margin-top: -15px;
}

.content p:last-child {
  margin-bottom: 0;
}

.content img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 30px;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .content img {
    margin: 0 auto 24px;
  }
}

.content ul {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

@media (max-width: 768px) {
  .content ul {
    margin: 0 0 20px;
  }
}

.content ul>li {
  color: var(--black);
  font-weight: 400;
  padding-left: 22px;
  margin-bottom: 8px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

@media (max-width: 768px) {
  .content ul>li {
    font-size: 14px;
    line-height: 20px;
  }
}

.content ul>li>ul {
  margin-bottom: 16px;
  margin-top: 16px !important;
}

@media (max-width: 768px) {
  .content ul>li>ul {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 768px) {
  .content ul>li {
    padding-left: 17px;
  }
}

.content ul>li:after {
  content: "";
  background: #BEBEBE;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4px;
  top: 7px;
  border-radius: 50%;
  line-height: 10px;
}

@media (max-width: 768px) {
  .content ul>li:after {
    width: 9px;
    height: 9px;
    left: 0px;
    top: 5px;
  }
}

.content ul>li>ul,
.content ul>li>ol {
  margin-top: 16px;
}

.content p+ul {
  margin-top: -15px;
}

@media (max-width: 768px) {
  .content p+ul {
    margin-top: 0;
  }
}

.content ol {
  counter-reset: counter;
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

@media (max-width: 768px) {
  .content ol {
    margin: 0 0 20px;
  }
}

.content ol>li {
  counter-increment: counter;
  padding-left: 30px;
  margin-bottom: 8px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

@media (max-width: 768px) {
  .content ol>li {
    font-size: 14px;
    line-height: 20px;
  }
}

.content ol>li:before {
  content: counter(counter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--A08E80, #7E7E7E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  height: 20px;
  border-radius: 50%;
  background: var(--white);
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 15px 0px #E9E6E1;
  box-shadow: 0px 0px 15px 0px #E9E6E1;
  position: absolute;
  left: 0;
  top: 2px;
  text-align: center;
  min-width: 20px;
  max-width: 20px;
}

@media (max-width: 768px) {
  .content ol>li:before {
    top: 0px;
  }
}

.content ol>li>ul,
.content ol>li>ol {
  margin-top: 16px !important;
}

.content p+ol {
  margin-top: -15px;
}

@media (max-width: 768px) {
  .content p+ol {
    margin-top: 0;
  }
}

.content blockquote {
  color: var(--blue);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 30px;
  position: relative;
  padding: 56px 0 30px 0;
}

.content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("/local/templates/vpl_template/css/../img/svg/blockquote-ico.svg") no-repeat center center;
  background-size: contain;
}

.content blockquote::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
  height: 40px;
  background: url("/local/templates/vpl_template/css/../img/svg/blockquote-ico.svg") no-repeat center center;
  background-size: contain;
}

.content blockquote p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 14px;
}

.content blockquote cite {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  color: var(--8A8A8A, #8A8A8A);
}

@media (max-width: 768px) {
  .content blockquote {
    padding-left: 0;
    padding-top: 50px;
    padding-bottom: 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 16px;
  }

  .content blockquote::before {
    width: 36px;
    height: 40px;
  }

  .content blockquote p {
    font-size: 14px;
    line-height: 20px;
  }

  .content blockquote cite {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.content p+blockquote {
  margin-top: -15px;
}

@media (max-width: 768px) {
  .content p+blockquote {
    margin-top: 0;
  }
}

.content .warning {
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--A08E80, #7E7E7E);
}

@media (max-width: 768px) {
  .content .warning {
    font-size: 14px;
    line-height: 18px;
  }
}

.content .table-responsive {
  margin-bottom: 40px;
}

.content .table-responsive table {
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .content .table-responsive {
    width: 100%;
    overflow-x: auto;
  }
}

.content table {
  border: 0;
  border-collapse: collapse;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}

.content table th {
  padding: 16px 15px 16px 16px;
  background: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  font-family: "Golos", sans-serif;
  background: #F0F0F0;
}

.content table tr {
  background: var(--white);
}

.content table tr:nth-child(even) {
  background: var(--F0F0F0, #F0F0F0);
}

.content table tr>td:first-child {
  white-space: nowrap;
}

.content table tr>td {
  color: var(--111518, #111518);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  min-height: 52px;
  text-align: left;
  padding: 16px 16px;
  padding-right: 15px !important;
}

@media (max-width: 768px) {
  .content table tr>td {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }
}

.content table thead tr {
  background: #F0F0F0;
}

.content table thead tr>td {
  color: var(--black);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
  padding-bottom: 12px;
  text-transform: uppercase;
}

.btn {
  border-radius: 6px;
  border: 1.8px solid rgba(255, 255, 255, 0.82);
  background: #232323;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.9);
  padding: 14px 23px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 46px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.btn:hover {
  color: var(--white);
  border-color: #111518;
  background: #111518;
  opacity: 1;
}

.btn.disabled {
  background: #999999;
  border-color: #999999;
  pointer-events: none;
}

.btn svg {
  font-size: 24px;
}

.btn--aura {
  border: 1.8px solid rgba(255, 255, 255, 0.82);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.9);
  background: var(--111518, #111518);
  overflow: hidden;
}

.btn--aura::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#232323), to(#171717));
  background: -o-linear-gradient(bottom, #232323 0%, #171717 100%);
  background: linear-gradient(0deg, #232323 0%, #171717 100%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: -1;
}

.btn--aura:hover {
  border-color: rgba(255, 255, 255, 0.82);
  opacity: 1;
  background: var(--111518, #111518);
}

.btn--aura:hover::after {
  opacity: 0;
}

.btn--arrow svg {
  font-size: 9px;
  width: 9px;
  height: 9px;
  margin-top: 1px;
}

.btn--bordered {
  background: transparent;
  color: var(--111518, #111518);
  border-radius: 6px;
  border: 1px solid rgba(160, 142, 128, 0.4);
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
}

.btn--bordered:hover {
  border-color: rgba(156, 156, 156, 0.4);
  background: rgba(151, 151, 151, 0.2);
  opacity: 1;
  color: var(--111518, #111518);
}

.btn--back {
  opacity: 0.7;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.btn--back svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 14px;
  width: 14px;
  height: 14px;
}

@media (max-width: 768px) {
  .btn {
    height: 36px;
    padding: 10px 16px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    width: 100%;
  }
}

.section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 60px 0;
}

.section--page {
  padding-top: 0;
}

.section--gray {
  background: #EFEEEC;
}

@media (max-width: 767px) {
  .section {
    padding: 40px 0;
  }

  .section--page {
    padding-top: 0;
  }
}

.page-form__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  max-width: 315px;
  margin: 0 auto 30px auto;
}

.page-form form {
  max-width: 550px;
}

.page-form .glass {
  max-width: 550px;
  margin: 0 auto;
  width: 100%;
}

.page-form--personal {
  margin-top: -100px;
}

.page-form--personal h1 {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  max-width: 315px;
  margin: 0 auto 30px auto;
}

.glass {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  padding: 30px 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.glass .field .field__input {
  background: rgba(255, 255, 255, 0.6);
}

.glass .field:not(.is-error) .field__input {
  border: 1px solid var(--F0F0F0, #F0F0F0);
}

.glass .field.focus .field__input,
.glass .field.active .field__input {
  border: 1px solid var(--black);
}

.glass .field.focus.is-error .field__input,
.glass .field.active.is-error .field__input {
  border: 1px solid var(--red);
}

.field {
  position: relative;
}

.field .nice-select {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 0 50px 0 20px;
  color: var(--black);
  border-radius: 4px;
  border: 1px solid var(--F0F0F0, #F0F0F0);
  background: var(--FFFFFF, #FFF);
}

.field .nice-select:hover {
  border-color: #C9D0DC;
}

.field .nice-select.open {
  border-color: #F0F0F0;
  background: var(--white);
}

.field .nice-select .option.focus,
.field .nice-select .option.selected,
.field .nice-select .option.selected.focus,
.field .nice-select .option:hover {
  background: var(--F0F0F0, #F0F0F0);
  color: var(--black);
}

.field .nice-select .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 54px;
  max-height: 200px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: auto;
  background: var(--white);
  border-radius: 4px;
  padding: 0;
  row-gap: 0;
  border: 1px solid #F0F0F0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.field .nice-select .list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  cursor: pointer;
  border-radius: 0;
}

.field .nice-select .list::-webkit-scrollbar-track {
  background: var(--gray);
}

.field .nice-select .list::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border: none;
  border-radius: 0;
}

.field .nice-select .list::-webkit-scrollbar-thumb:hover {
  color: var(--black);
}

.field .nice-select .option {
  padding: 15px 20px;
  border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
  background: var(--FFFFFF, #FFF);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--8A8A8A, #8A8A8A);
  cursor: pointer;
  min-height: auto;
}

.field .nice-select .option:hover {
  color: var(--black);
}

@media (max-width: 768px) {
  .field .nice-select {
    height: 45px;
    line-height: 45px;
  }

  .field .nice-select .list {
    top: 45px;
  }

  .field .nice-select .option {
    padding: 10px 10px;
  }
}

.field textarea {
  font-family: inherit;
}

.field__input {
  width: 100%;
  border: none;
  border-radius: 4px;
  border: 1px solid var(--F0F0F0, #F0F0F0);
  background: transparent;
  height: 50px;
  margin-bottom: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--black);
  padding-left: 24px;
  font-family: "Golos", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 35px;
  color: #000;
  padding-top: 10px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.field__input--textarea {
  height: 100%;
  padding-top: 12px;
  resize: none;
  overflow: hidden;
  color: #000;
}

@media (max-width: 767px) {
  .field__input {
    font-size: 14px;
    line-height: 18px;
  }

  .field__input--textarea {
    height: 86px;
  }
}

.field__input:hover {
  border-color: #C9D0DC;
}

.field__select {
  position: absolute;
  background: var(--white);
  border-radius: 10px;
  border: 1px solid rgba(102, 111, 127, 0.16);
  z-index: 1;
  width: 100%;
  padding: 10px 20px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
}

.field__select-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.field__select-list-item {
  font-size: 14px;
  line-height: 24px;
  color: #6E6F88;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.field__select-list-item:hover {
  color: var(--black);
}

.field__select-list-item.is-active {
  color: var(--black);
}

.field.active:not(.selected) .field__select {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.field__label {
  position: absolute;
  top: 16px;
  left: 24px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--black);
  opacity: 0.5;
}

.field__input::-webkit-outer-spin-button,
.field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.field__input[type=number] {
  -moz-appearance: textfield;
}

.field.focus .field__label,
.field.active .field__label {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  top: 4px;
  color: var(--BEBEBE, #BEBEBE);
}

input:-webkit-autofill {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--black);
}

input:-webkit-autofill~.field__label {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  top: 4px;
  color: var(--BEBEBE, #BEBEBE);
}


.field.focus .field__input,
.field.active .field__input {
  border-color: #111518;
}

.field.focus textarea,
.field.active textarea {
  border-color: #111518;
}

.field:hover .field__input {
  background: var(--FFFFFF, #FFF);
}

.field__input--textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--111518, #111518);
  opacity: 0.5;
}

.field__input--textarea::-moz-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--111518, #111518);
  opacity: 0.5;
}

.field__input--textarea:-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--111518, #111518);
  opacity: 0.5;
}

.field__input--textarea::-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--111518, #111518);
  opacity: 0.5;
}

.field__input--textarea::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--111518, #111518);
  opacity: 0.5;
}

@media (max-width: 767px) {
  .field__input--textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }

  .field__input--textarea::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }

  .field__input--textarea:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }

  .field__input--textarea::-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }

  .field__input--textarea::placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}

.is-required:after {
  content: "*";
  position: absolute;
  right: 20px;
  top: 20px;
  color: #BEBEBE;
  font-size: 17px;
}

.nice-select {
  background: var(--white);
  border-radius: 4px;
  border: 1px dashed rgba(176, 189, 209, 0.3);
  color: #758692;
  font-weight: 400;
  font-size: 14px;
  line-height: 33px;
  height: 35px;
  padding: 0 50px 0 12px;
}

.nice-select:hover {
  border-color: #758692;
}

.nice-select.open {
  background: #E1E8EF;
}

.nice-select .list {
  width: 100%;
  border-radius: 4px;
  bottom: calc(100% + 1px);
  top: initial;
  -webkit-transform: scale(0.75) translateY(21px);
  -ms-transform: scale(0.75) translateY(21px);
  transform: scale(0.75) translateY(21px);
  margin: 0;
  background: #F3F5F8;
}

.nice-select:after {
  background: url("/local/templates/vpl_template/css/../img/svg/n-select-arrow.svg") center center no-repeat;
  width: 16px;
  height: 16px;
  right: 20px;
  top: calc(50% - 8px);
}

.nice-select .option {
  font-size: 14px;
  line-height: 19px;
  color: #758692;
  padding: 8px 13px;
  border-bottom: 1px solid #E7EBF1;
  position: relative;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nice-select .option:last-child {
  border: none;
}

.nice-select.open:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.nice-select .option::after {
  position: absolute;
  content: "";
  right: 13px;
  width: 13px;
  height: 13px;
  top: calc(50% - 8px);
  /* background: url("/local/templates/vpl_template/css/../img/svg/select-check.svg") center center no-repeat; */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.nice-select .option.selected::after {
  opacity: 1;
  visibility: visible;
}

.is-error .field__input {
  border-color: var(--red);
  color: var(--red);
}

.field--disabled {
  opacity: .6;
  pointer-events: none;
}

.is-error.is-required:after {
  color: var(--red);
  opacity: 1;
}

.is-error .field_require {
  color: var(--red);
  opacity: 1;
}

.is-error .field__label {
  color: var(--red);
  opacity: 1;
}

.is-error .checkbox__input {
  border-color: var(--red);
  opacity: 1;
}

.is-error .captcha>div {
  border: 1px solid var(--red);
}

.is-error.is-required:after {
  color: var(--red);
}

.is-error.field.focus .field__label,
.is-error.field.active .field__label {
  color: var(--red);
}

.is-error .field__input--textarea+.field__error-text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding-top: 17px;
}

@media (max-width: 767px) {
  .is-error .field__input--textarea+.field__error-text {
    display: none;
  }
}

.field__error-text {
  position: absolute;
  right: 35px;
  top: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: var(--red);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: calc(100% - 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .field__error-text {
    display: none;
  }
}

.is-error .field__error-text {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.auth .form__submit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17px 0 0 0;
  margin: 0;
}

.auth .form__submit .btn {
  max-width: 230px;
  height: 58px;
}

.auth .form__submit .form__submit-container {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
}

.form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 8px 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form__submit-restore {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--706155, #595959);
  margin-bottom: 17px;
}

.form__submit-reg {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--706155, #595959);
  margin-bottom: 16px;
}

.form__submit .btn {
  width: 100%;
  height: 58px;
}

.form__submit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 18px;
}

.modal-backdrop {
  background: var(--black);
  opacity: 0.2 !important;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}

.checkbox__label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #434343;
  cursor: pointer;
  display: block;
  padding-left: 8px;
}

.checkbox__label a {
  color: var(--A08E80, #7E7E7E);
}

.checkbox__label a:hover {
  opacity: 0.6;
}

@media (max-width: 767px) {
  .checkbox__label {
    font-size: 12px;
    line-height: 18px;
  }
}

.checkbox__input {
  position: relative;
  min-width: 16px;
  height: 16px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #BEBEBE;
}

.checkbox__input:hover {
  border-color: #BEBEBE;
}

.checkbox__input:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 3px;
  cursor: pointer;
  top: -1px;
  left: -1px;
}

.checkbox__input:checked:after {
  background: url("/local/templates/vpl_template/css/../img/svg/checked.svg") no-repeat center center;
}

.field_require {
  color: var(--light-primary);
  margin-left: 3px;
}

@media (max-width: 768px) {
  .glass {
    padding: 20px 15px;
  }

  .page-form--personal {
    margin-top: -70px;
  }

  .page-form__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    max-width: 210px;
  }

  .page-form--personal h1 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    max-width: 210px;
  }

  .auth .form__submit {
    padding: 16px 0 0 0;
  }

  .auth .form__submit .form__submit-container {
    margin-bottom: 10px;
  }

  .auth .form__submit .form__submit-container .btn {
    width: 170px;
    height: 36px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }

  .form__submit-restore {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px;
  }

  .form__submit-reg {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }

  .form__submit-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 10px;
    margin-bottom: 15px;
    margin-top: 0px;
  }

  .form__submit-container .btn {
    max-width: 304px;
    width: 100%;
    height: 36px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }

  .form__submit-file {
    font-size: 14px;
    padding: 9px 20px 8px 20px;
  }

  .field--file {
    margin-top: 0;
  }

  .field__input {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    height: 42px;
    padding-left: 15px;
  }

  .field__label {
    top: 13px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    left: 15px;
  }

  .is-required:after {
    top: 15px;
  }

  .checkbox__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
}

@media (max-width: 576px) {
  .field__error-text {
    max-width: 80px;
    font-size: 9px;
    line-height: 11px;
  }
}

.captcha {
  min-width: 304px;
  height: 78px;
}

@media (max-width: 375px) {
  .captcha {
    -webkit-transform: scale(0.87);
    -ms-transform: scale(0.87);
    transform: scale(0.87);
  }
}

.swiper-button-lock {
  display: none !important;
}

.swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.swiper-slide {
  height: auto;
  overflow: hidden;
}

.swiper-pagination {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  -webkit-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
  z-index: 2;
}

@media (max-width: 991px) {
  .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}

.swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  border-radius: 1px;
  background: var(--white);
  background-size: contain;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background: url(/local/templates/vpl_template/css/../img/svg/bullet-active.svg) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.popover {
  position: absolute;
  margin-top: -12px;
  max-width: none;
  background: var(--white);
  -webkit-box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

.popover__close {
  font-size: 10px;
  color: var(--black);
  padding: 10px;
  top: 10px;
  position: absolute;
  right: 11px;
  opacity: 0.4;
}

.popover__close:hover {
  opacity: 1;
}

.buy__link:hover {
  background-color: transparent;
}

.popover__content {
  max-width: 415px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 6px;
}

.ballon {
  width: 100%;
}

.ballon__head {
  padding: 15px 0 10px 0;
  margin: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
}

@media (max-width: 540px) {
  .ballon__head {
    padding-top: 5px;
    margin: 0 5px;
  }
}

.baloon__body {
  padding: 16px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (max-width: 540px) {
  .baloon__body {
    padding: 16px 5px 20px 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
  }
}

.baloon__img {
  min-width: 90px;
  max-width: 90px;
  height: 120px;
  overflow: hidden;
}

.baloon__img img {
  width: 100%;
  height: 100%;
}

@media (max-width: 400px) {
  .baloon__img {
    min-width: 40px;
    max-width: 40px;
    height: 60px;
  }
}

.baloon__props {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.popover__tail {
  border: 9px solid transparent;
  border-top-color: #fff;
  margin-left: -9px;
  position: absolute;
  left: 13%;
  top: 100%;
}

.baloon__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
}

.baloon__line-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.baloon__line svg {
  font-size: 24px;
  min-width: 24px;
  position: relative;
  opacity: 0.5;
}

.baloon__line--link {
  margin-top: 4px;
}

.baloon__line--link a {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--706155, #595959);
  opacity: 0.7;
}

.baloon__head-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.baloon__head-prod {
  color: var(--gray);
  font-size: 14px;
  line-height: 18px;
}

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 70px;
  z-index: 6;
  -webkit-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
}

.header .container {
  position: relative;
}

.header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(11.34%, #111518), to(rgba(17, 21, 24, 0.4)));
  background: -o-linear-gradient(left, #111518 11.34%, rgba(17, 21, 24, 0.4) 100%);
  background: linear-gradient(90deg, #111518 11.34%, rgba(17, 21, 24, 0.4) 100%);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  z-index: -1;
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 170px;
  height: 70px;
  margin-right: auto;
  margin-left: -15px;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: auto;
}

.header__nav-footer {
  display: none;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 22px;
  -moz-column-gap: 22px;
  column-gap: 22px;
}

.header__menu-dropdown {
  position: absolute;
  border-radius: 4px;
  background: rgba(190, 190, 190, 0.15);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  padding: 20px;
  z-index: 1;
  margin-top: 0px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header__menu-dropdown::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(17, 21, 24, 0.35);
}

.header__menu-dropdown-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 14px;
}

.header__menu-dropdown::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5px;
  left: 0;
  z-index: -1;
}

.header__menu-dropdown-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 112.5% */
  color: rgba(255, 255, 255, 0.7);
  text-transform: none;
  letter-spacing: normal;
}

.header__menu-dropdown-link:hover {
  color: rgb(255, 255, 255);
  opacity: 1;
}

.header__menu--bottom .header__menu-dropdown {
  position: fixed;
  top: 65px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header__menu--bottom .header__menu-link.is-dropdown .header__menu-link-head::before {
  content: "";
  position: absolute;
  width: calc(100% + 17px);
  height: 100%;
  top: 16px;
  left: -10px;
  z-index: 0;
}

.header__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__menu-link {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--white);
  position: relative;
}

.header__menu-link:hover .header__menu-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin-top: 5px;
}

.header__menu-link.is-collection {
  position: inherit;
}

.header__menu-link.is-collection .header__menu-link-head {
  position: relative;
}

.header__menu-link.is-collection .header__menu-link-head::before {
  content: "";
  position: absolute;
  width: calc(100% + 17px);
  height: 100%;
  top: 16px;
  left: -10px;
  z-index: 0;
}

.header__menu-link.is-collection .header__menu-dropdown {
  position: fixed;
  top: 65px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: -170px;
}

.header__menu-link.is-collection .header__menu-dropdown-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 1410px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.header__menu-link.is-collection .header__menu-dropdown-item {
  width: 175px;
}

.header__menu-link.is-collection .header__menu-dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.header__menu-link.is-collection .header__menu-dropdown-link-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-bottom: 16px;
}

.header__menu-link.is-collection .header__menu-dropdown-link:hover .header__menu-dropdown-link-img {
  background: rgba(255, 255, 255, 0.05);
}

.header__menu-link.is-catalog {
  padding: 3px 6px 3px 9px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  position: inherit;
}

.header__menu-link.is-catalog .header__menu-link-head {
  position: relative;
}

.header__menu-link.is-catalog .header__menu-link-head::before {
  content: "";
  position: absolute;
  width: calc(100% + 17px);
  height: 100%;
  top: 16px;
  left: -10px;
  z-index: 0;
}

.header__menu-link.is-catalog .header__menu-link-head::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--111518, #111518);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  z-index: -1;
}

.header__menu-link.is-catalog .header__menu-dropdown {
  position: fixed;
  top: 65px;
  max-width: 100%;
  left: 0;
  width: 100%;
}

.header__menu-link.is-catalog .header__menu-dropdown-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1410px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.header__menu-link.is-catalog .header__menu-dropdown-item {
  width: calc(25% - 15px);
}

.header__menu-link.is-catalog .header__menu-dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.header__menu-link.is-catalog .header__menu-dropdown-link-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__menu-link.is-catalog .header__menu-dropdown-link:hover .header__menu-dropdown-link-img {
  background: rgba(255, 255, 255, 0.05);
}

.header__menu-link-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

a.header__menu-link-head-text:hover {
  color: var(--white);
  opacity: 0.6;
}

.header__menu-link-head svg {
  width: 9px;
  height: 10px;
  font-size: 10px;
  margin-top: 1px;
}

.header__menu-link:hover a.header__menu-link-head-text {
  color: var(--white);
  opacity: 1;
}

.header__menu-link:hover svg {
  opacity: 0.6;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.header__menu--top {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin-bottom: 8px;
}

.header__menu--top .header__menu-link {
  color: var(--FFFFFF, #FFF);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.55px;
  text-transform: uppercase;
}

.header__menu--top .header__menu-link-head {
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px;
}

.header__menu--top .header__menu-link-head-text {
  opacity: 0.6;
}

.header__menu--top .header__menu-link-head-text:hover {
  color: var(--FFFFFF, #FFF);
  opacity: 1;
}

.header__menu--top .header__menu-link-head svg {
  margin-top: -2px;
  opacity: 0.6;
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
}

.header__contacts-btn {
  font-family: "Golos Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #44352A;
  border-radius: 2px;
  background: rgba(242, 240, 238, 0.8);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  padding: 2px 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header__contacts-btn:hover {
  opacity: 1;
  color: rgba(68, 53, 42, 0.9);
  background: #F2F0EE;
}

.header__contacts-phone {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  color: var(--white);
}

.header__contacts-phone:hover {
  color: var(--white);
}

.header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 10px;
  top: 15px;
  -webkit-transition: box-shadow 0.3s ease-out;
  -o-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  border-radius: 44px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.01);
  color: var(--white);
}

.header__search:hover {
  opacity: 1;
  color: var(--white);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
}

.header__actions {
  display: none;
}

.header__burger {
  display: none;
}

@media (max-width: 1506px) {
  .header__logo {
    max-width: 141px;
    margin-left: -11px;
  }
}

@media (max-width: 1299px) {
  .header__contacts {
    padding-right: 50px;
    margin-right: 0;
  }

  .header__contacts-phone {
    font-size: 12px;
  }

  .header__contacts-btn {
    font-size: 10px;
    padding: 0 5px;
  }

  .header__nav {
    margin-right: auto;
  }

  .header__logo {
    margin-right: auto;
    max-width: 140px;
  }

  .header__menu {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .header__menu-link {
    font-size: 13px;
  }
}

@media (max-width: 1099px) {
  .header__menu {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .header__menu-link {
    font-size: 11px;
  }
}

@media (max-width: 992px) {
  .header {
    height: 52px;
  }

  .header__wrapper {
    height: 52px;
    position: relative;
    z-index: 1;
  }

  .header__wrapper::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -15px;
    width: calc(100% + 30px);
    height: 52px;
    background: var(--white);
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .header__logo {
    margin-left: 25px;
    max-width: 117px;
    height: 52px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .header__nav {
    -webkit-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
    border-top: 1px solid #F0F0F0;
    position: fixed;
    top: 100vh;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px 50px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--111518, #111518);
  }

  .header__nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -15px;
    width: calc(100% + 30px);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 15px;
    background: var(--111518, #111518);
    padding: 30px 15px 50px 15px;
  }

  .header__nav-footer-phone {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--white);
  }

  .header__nav-footer-email {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    opacity: 0.8;
    color: #999;
  }

  .header__nav-footer-address {
    margin: 16px 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #DFDFDF;
    opacity: 0.7;
  }

  .header__menu {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: var(--white);
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 0 15px;
  }

  .header__menu-dropdown {
    display: none;
    position: inherit;
    left: inherit;
    top: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    row-gap: 16px;
    padding: 0 0 16px 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  .header__menu-dropdown-link {
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .header__menu-dropdown-link:hover {
    opacity: 1;
    color: var(--black);
  }

  .header__menu--top {
    padding-bottom: 15px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .header__menu--top .header__menu-link {
    color: var(--black);
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: -1px;
    opacity: 1;
    text-transform: none;
  }

  .header__menu--top .header__menu-link-head-text {
    opacity: 1;
  }

  .header__menu-link:hover a.header__menu-link-head-text {
    color: var(--black);
    opacity: 1;
  }

  .header__menu-dropdown::after {
    background-color: transparent;
  }

  .header__menu--bottom {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 10px;
  }

  .header__menu--bottom .header__menu-dropdown {
    position: inherit;
    left: inherit;
    top: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .header__menu--bottom .header__menu-item:first-child .header__menu-link-head {
    border: none;
  }

  .header__menu-item {
    width: 100%;
  }

  .header__menu-link {
    color: var(--black);
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: -1px;
    border-top: 1px solid #F0F0F0;
  }

  .header__menu-link.is-open .header__menu-link-head svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
  }

  .header__menu-link-head {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 0;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }

  .header__menu-link-head-text {
    white-space: nowrap;
  }

  .header__menu-link-head-text:hover {
    color: var(--black);
    opacity: 1;
  }

  .header__menu-link-head svg {
    position: absolute;
    right: 0;
    text-align: right;
    color: #A08E80;
    opacity: 1;
    font-size: 16px;
    width: 50px;
    height: 53px;
    padding: 16px;
    margin-right: -16px;
  }

  .header__menu-link-head::before {
    display: none;
  }

  .header__menu-link:hover .header__menu-link-head-text {
    color: var(--black);
    opacity: 1;
  }

  .header__menu-link:hover .header__menu-dropdown {
    margin-top: 0;
  }

  .header__menu-link:hover svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .header__menu-link.is-catalog {
    padding: 0;
  }

  .header__menu-link.is-catalog .header__menu-link-head {
    background: transparent;
    border-radius: 0;
  }

  .header__menu-link.is-catalog .header__menu-link-head::after {
    display: none;
  }

  .header__menu-link.is-catalog .header__menu-dropdown {
    position: inherit;
    left: inherit;
    top: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    margin: 0;
  }

  .header__menu-link.is-catalog .header__menu-dropdown::before {
    display: none;
  }

  .header__menu-link.is-catalog .header__menu-dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
    margin: 0;
    row-gap: 14px;
  }

  .header__menu-link.is-catalog .header__menu-dropdown-item {
    width: 100%;
    max-width: 100%;
  }

  .header__menu-link.is-catalog .header__menu-dropdown-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .header__menu-link.is-catalog .header__menu-dropdown-link-img {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
  }

  .header__menu-link.is-catalog .header__menu-dropdown-link-img img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .header__menu-link.is-collection .header__menu-dropdown {
    position: inherit;
    left: inherit;
    top: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    margin: 0;
  }

  .header__menu-link.is-collection .header__menu-dropdown::before {
    display: none;
  }

  .header__menu-link.is-collection .header__menu-dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
    margin: 0;
    row-gap: 14px;
  }

  .header__menu-link.is-collection .header__menu-dropdown-item {
    width: 100%;
    max-width: 100%;
  }

  .header__menu-link.is-collection .header__menu-dropdown-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .header__menu-link.is-collection .header__menu-dropdown-link-img {
    display: none;
  }

  .header__contacts {
    display: none;
  }

  .header__search {
    display: none;
  }

  .header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin-left: auto;
  }

  .header__actions-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: var(--white);
  }

  .header__actions-item:nth-child(1) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .header__actions-item:nth-child(2) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .header__actions-item svg {
    fill: transparent;
  }

  .header__burger {
    position: absolute;
    top: 0;
    left: -13px;
    height: 50px;
    width: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
  }

  .header__burger::after {
    content: "";
    position: absolute;
    top: -100%;
    right: 0;
    width: 1px;
    height: 100%;
    background: #F0F0F0;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }

  .header__burger>div {
    position: relative;
    top: 0;
    left: 0;
    background: white;
    height: 1px;
    width: 18px;
    border-radius: 2px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .header__burger>div::before {
    content: "";
    position: absolute;
    top: -5px;
    background: white;
    border-radius: 2px;
    width: 18px;
    height: 1px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .header__burger>div::after {
    content: "";
    position: absolute;
    top: 5px;
    background: white;
    border-radius: 2px;
    width: 18px;
    height: 1px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .header__burger.is-active>div {
    background: transparent;
    opacity: 0.5;
  }

  .header__burger.is-active>div::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #111518;
    border-radius: 0;
  }

  .header__burger.is-active>div::after {
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #111518;
    border-radius: 0;
  }

  .sidebar {
    mix-blend-mode: normal !important;
  }
}

.search-fixed {
  position: fixed;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  -webkit-transition: top 0.3s ease-out;
  -o-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
}

.search-fixed form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.search-fixed__input {
  width: 100%;
  height: 50px;
  background: none;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
}

.search-fixed__input::-webkit-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
  opacity: 0.6;
}

.search-fixed__input::-moz-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
  opacity: 0.6;
}

.search-fixed__input:-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
  opacity: 0.6;
}

.search-fixed__input::-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
  opacity: 0.6;
}

.search-fixed__input::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  font-family: "Golos", sans-serif;
  opacity: 0.6;
}

.search-fixed__send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: none;
  border: none;
  color: var(--white);
  margin-left: 5px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search-fixed__send svg {
  opacity: 0.5;
}

.search-fixed__send:hover svg {
  opacity: 1;
}

.search-fixed__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  font-size: 15px;
  background: none;
  border: none;
  color: var(--white);
  margin-right: 6px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search-fixed__clear::after {
  content: "";
  position: absolute;
  right: -6px;
  height: 22px;
  width: 1px;
  background: #F0F0F0;
  opacity: 0.2;
}

.search-fixed__clear svg {
  font-size: 10px;
  opacity: 0.5;
}

.search-fixed__clear:hover svg {
  opacity: 1;
}

@media (max-width: 992px) {
  .search-fixed {
    background: var(--white);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
  }

  .search-fixed__input {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__input::-webkit-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__input::-moz-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__input:-ms-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__input::-ms-input-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__input::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--8A8A8A, #8A8A8A);
  }

  .search-fixed__send {
    color: var(--black);
    opacity: 0.6;
  }

  .search-fixed__clear::after {
    background: var(--F0F0F0, #F0F0F0);
    opacity: 1;
  }

  .search-fixed__clear svg {
    color: var(--black);
    opacity: 0.4;
  }
}

.search {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  background: rgba(190, 190, 190, 0.15);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.search__results-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 16px;
}

.search__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
  row-gap: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.search__item-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--white);
}

.search__item-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.7);
}

.search__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--FFFFFF, #FFF);
  margin-top: 10px;
  margin-bottom: 16px;
  height: 39px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--111518, #111518);
  opacity: 1;
}

.search__more:hover {
  opacity: 0.7;
}

@media (max-width: 992px) {
  .search {
    background: var(--white);
  }

  .search__more {
    margin: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    height: 40px;
    color: var(--black);
    opacity: 1;
  }

  .search__results-wrapper {
    padding-top: 0;
  }

  .search__item {
    padding: 10px 15px;
    border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .search__item-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--black);
  }

  .search__item-text {
    display: none;
  }
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
}

.social__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.social__item img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.social__item:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
  .social {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .social__item {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    backdrop-filter: unset;
  }

  .social__item img {
    width: 14px;
    height: 14px;
  }
}

.footer {
  background: #000000;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 4px solid #BEBEBE
}

.footer__bottom {
  border-top: 1px solid rgba(228, 226, 222, 0.25);
}

.footer__bottom-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.footer__bottom-copy {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: rgba(138, 138, 138, 0.7);
}

.footer__bottom-item {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: rgba(138, 138, 138, 0.7);
}

.footer__bottom-item:hover {
  opacity: 1;
  color: var(--white);
}

.footer__bottom-logo {
  margin-left: auto;
  font-size: 40px;
  width: 40px;
  color: #8a8a8a;
}

.footer__bottom-logo:hover {
  opacity: 1;
  color: var(--white);
}

.footer__upper {
  padding: 40px 0 60px 0;
}

.footer__upper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-column-gap: 120px;
  -moz-column-gap: 120px;
  column-gap: 120px;
}

.footer__upper-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
  padding-top: 70px;
  row-gap: 40px;
}

.footer__upper-menu-simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(66.66% - 23px);
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}

.footer__upper-menu-simple-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 35px);
}

.footer__upper-menu-simple-item-head {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 128.571% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
  color: var(--white);
}

.footer__upper-menu-simple-item-head+.footer__upper-menu-list {
  margin-top: 20px;
}

.footer__upper-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(33.333% - 47px);
}

.footer__upper-menu-item-head {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 128.571% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 17px;
}

.footer__upper-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  max-width: 190px;
}

.footer__upper-menu-list-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.footer__upper-menu-list-link:hover {
  opacity: 1;
  color: rgb(255, 255, 255);
}

.footer__upper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-right: 30px;
}

.footer__upper-left-logo {
  width: 276px;
  margin-bottom: 10px;
  margin-left: -20px;
}

.footer__upper-left-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer__upper-left-phone {
  font-size: 34px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: var(--white);
  margin-bottom: 19px;
}

.footer__upper-left-email {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  opacity: 0.8;
  color: #999;
  margin-bottom: 30px;
}

.footer__upper-left-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #DFDFDF;
  opacity: 0.7;
  margin-bottom: 30px;
}

@media (max-width: 1506px) {
  .footer__upper-wrapper {
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
  }

  .footer__upper-menu {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .footer__upper-menu-item {
    width: calc(33.333% - 20px);
  }

  .footer__upper-menu-simple {
    width: calc(66.66% - 10px);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .footer__upper-menu-simple-item {
    width: calc(50% - 15px);
  }
}

@media (max-width: 1199px) {
  .footer__upper {
    padding-right: 50px;
  }

  .footer__upper-wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .footer__upper-left {
    min-width: auto;
  }

  .footer__upper-left-phone {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .footer__upper-left-logo {
    max-width: 215px;
  }
}

@media (max-width: 992px) {
  .footer__upper {
    padding-right: 0;
  }

  .footer__upper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .footer__bottom {
    padding-bottom: 46px;
  }

  .footer__bottom-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 2px;
    position: relative;
  }

  .footer__bottom-logo {
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
  }

  .footer__upper {
    padding: 10px 0 30px 0;
  }

  .footer__upper-menu {
    padding-top: 24px;
    row-gap: 24px;
  }

  .footer__upper-menu-simple {
    width: 100%;
    row-gap: 24px;
  }

  .footer__upper-menu-simple-item {
    width: 100%;
  }

  .footer__upper-menu-simple-item-head {
    margin-bottom: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: 0.84px;
    text-transform: uppercase;
  }

  .footer__upper-menu-simple-item-head+.footer__upper-menu-list {
    margin-top: 16px;
  }

  .footer__upper-menu-list {
    row-gap: 8px;
  }

  .footer__upper-menu-list-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }

  .footer__upper-menu-item {
    width: 100%;
  }

  .footer__upper-menu-item-head {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: 0.84px;
    text-transform: uppercase;
    margin-bottom: 17px;
  }

  .footer__upper-left-logo {
    max-width: 190px;
    margin-bottom: 0;
  }

  .footer__upper-left-phone {
    font-size: 24px;
    margin-bottom: 0;
  }

  .footer__upper-left-email {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .footer__upper-left-address {
    margin-top: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }
}

.swiper-nav .container {
  height: 0;
}

.swiper-nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.swiper-nav__item:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
}

.swiper-nav__item--prev {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.swiper-nav__item--next {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.homescreen {
  margin-top: -70px;
  max-height: 730px;
}

.homescreen .swiper {
  height: 730px;
}

.homescreen .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 56px;
  width: 100%;
  z-index: 1;
}

.homescreen .swiper-nav {
  position: absolute;
  width: 100%;
  bottom: 80px;
  left: 0;
  z-index: 1;
  height: 0;
}

.homescreen__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.homescreen__slide-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.homescreen__slide-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.homescreen__slide-bg picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.homescreen__slide-bg picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.homescreen__slide-content {
  position: absolute;
}

.homescreen__slide-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.homescreen__slide-title {
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  color: var(--white);
  margin-bottom: 25px;
}

.homescreen__slide-subtitle {
  max-width: 520px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .homescreen {
    min-height: 490px;
    max-height: auto;
    margin-top: -51px;
  }

  .homescreen .swiper {
    min-height: 490px;
    height: 490px;
  }

  .homescreen .swiper-pagination {
    bottom: 40px;
  }

  .homescreen .swiper-nav {
    display: none;
  }

  .homescreen__slide-content {
    top: 92px;
  }

  .homescreen__slide-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
  }

  .homescreen__slide-subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.advantages {
  background: var(--white);
  padding: 40px 0;
}

.advantages__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.advantages__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 100%;
  max-width: 220px;
}

.advantages__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 44px 0px #E9E6E1;
  box-shadow: 0px 0px 44px 0px #E9E6E1;
}

.advantages__item-img img {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}

.advantages__item-text {
  color: var(--111518, #111518);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.55px;
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .advantages__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .advantages__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 10px;
    width: calc(50% - 15px);
    max-width: 100%;
  }

  .advantages__item-text {
    max-width: 200px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .advantages__wrapper {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 16px;
  }

  .advantages__item-img {
    min-width: 45px;
    max-width: 45px;
    height: 45px;
  }

  .advantages__item-img img {
    width: 24px;
    height: 24px;
  }

  .advantages__item-text {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    /* 150% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    max-width: 140px;
  }
}

.mp-slides {
  width: 100%;
}

.mp-slides .swiper-nav {
  position: absolute;
  top: 100px;
  z-index: 1;
  width: 100%;
}

.mp-slides .swiper-nav__wrapper {
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mp-slides .swiper-nav__item {
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.mp-slides__wrapper {
  position: relative;
  overflow: hidden;
}

.mp-slides__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 100px 0 125px 0;
  position: relative;
}

.mp-slides__item-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mp-slides__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mp-slides__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(63, 63, 63, 0.05);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  max-width: 440px;
  padding: 17px 30px 28px 30px;
}

.mp-slides__text-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.mp-slides__text-head-img {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
}

.mp-slides__text-head-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.mp-slides__text-head-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: var(--white);
}

.mp-slides__text-body {
  padding-top: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--FFFFFF, #FFF);
}

@media (max-width: 768px) {
  .mp-slides .swiper-nav {
    display: none;
  }

  .mp-slides .swiper-pagination {
    margin-top: -50px;
    z-index: 2;
    position: absolute;
    width: 100%;
  }

  .mp-slides__item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 150px 0 68px;
  }

  .mp-slides__text {
    width: 100%;
    max-width: 100%;
    padding: 15px;
  }

  .mp-slides__text-head-icon {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
  }

  .mp-slides__text-head-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }

  .mp-slides__text-body {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.mp-video {
  padding: 60px 0;
}

.mp-video--material h2 {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .mp-video--material h2 {
    margin-bottom: 30px;
  }
}

.mp-video__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 30px;
}

.mp-video__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 15px);
}

.mp-video__item-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
  margin-bottom: 30px;
}

.mp-video__item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--6F6F6F, #6F6F6F);
}

.mp-video__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  background: #EFEEEC;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  margin-bottom: 24px;
}

.mp-video__item-body::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/local/templates/vpl_template/css/../img/svg/video-mask.svg) no-repeat center center;
  background-size: contain;
}

.mp-video__item-body::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/local/templates/vpl_template/css/../img/svg/video-mask-hover.svg) no-repeat center center;
  background-size: contain;
  opacity: 0;
}

.mp-video__item-body-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: 100%;
}

.mp-video__item-body-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.mp-video__item-body svg {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 25px;
  bottom: 20px;
  color: #BEBEBE;
}

.mp-video__item-body svg.icon-play {
  z-index: 1;
}

.mp-video__item-body svg.icon-play-bg {
  opacity: 0;
}

.mp-video__item:hover {
  opacity: 1;
}

.mp-video__item:hover .mp-video__item-body {
  background: #E8E6E2;
}

.mp-video__item:hover .mp-video__item-body::before {
  opacity: 1;
}

.mp-video__item:hover .mp-video__item-body::after {
  opacity: 0;
}

.mp-video__item:hover .mp-video__item-body svg {
  color: transparent;
}

.mp-video__item:hover .mp-video__item-body svg.icon-play-bg {
  opacity: 1;
}

@media (max-width: 768px) {
  .mp-video {
    padding: 40px 0;
  }

  .mp-video__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .mp-video__item {
    width: 100%;
  }

  .mp-video__item-name {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 24px;
  }

  .mp-video__item-body svg {
    right: 15px;
    bottom: 15px;
    width: 37px;
    height: 37px;
  }

  .mp-video__item-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.mp-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.mp-about .container {
  z-index: 1;
}

.mp-about__wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-top: 60px;
}

.mp-about__title {
  text-align: left;
  margin-right: auto;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  margin-bottom: 5px;
}

.mp-about__more {
  display: none;
}

.mp-about__text {
  margin-left: auto;
  border-radius: 6px 6px 0px 0px;
  background: rgba(17, 21, 24, 0.08);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  padding: 40px 30px;
  max-width: 555px;
}

.mp-about__text p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--white);
  margin-bottom: 16px;
  margin-top: 0;
}

.mp-about__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mp-about__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

@media (max-width: 768px) {
  .mp-about__wrapper {
    padding: 40px 0;
    flex-direction: column;
  }

  .mp-about__title h2 {
    margin: 0;
  }

  .mp-about__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
  }

  .mp-about__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--FFFFFF, #FFF);
    opacity: 0.7;
  }

  .mp-about__more svg {
    font-size: 8px;
    width: 8px;
    height: 8px;
    margin-top: 1px;
  }

  .mp-about__more.is-active svg {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    margin-top: 2px;
  }

  .mp-about__text {
    max-width: 100%;
    padding: 15px;
  }

  .mp-about__text p {
    display: none;
  }

  .mp-about__text p:first-child {
    display: block;
  }
}

.mp-quote {
  padding: 60px 0;
}

.mp-quote blockquote {
  margin-bottom: 0;
  font-weight: 400;
}

.mp-quote blockquote .small {
  font-family: 'Golos Text';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #111518;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .mp-quote {
    padding: 40px 0;
  }

  .mp-quote blockquote p {
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
  }

  .mp-quote blockquote .small {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
  }
}

.mp-projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgb(239, 238, 236);
  padding: 60px 0;
}

.mp-projects__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}

.mp-projects__upper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
  max-width: 267px;
  height: 100%;
  padding: 90px 0 90px 0;
  row-gap: 20px;
}

.mp-projects__upper-text-value {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.8;
}

.mp-projects__upper-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.72px;
  text-transform: uppercase;
  color: var(--A08E80, #7E7E7E);
  text-align: center;
  margin-bottom: 8px;
}

.mp-projects__upper-subtitle {
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--111518, #111518);
  text-align: center;
}

.mp-projects__main {
  width: 100%;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mp-projects__main-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  height: 0;
  z-index: 4;
}

.mp-projects__main .swiper {
  min-height: 492px;
  height: auto;
}

.mp-projects__main-top .container {
  height: 100%;
}

.mp-projects__upper-text-link {
  margin-top: 130px;
}

.mp-projects__main .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.mp-projects__main .swiper-slide {
  min-height: 492px;
  min-width: 532px;
  max-width: 532px;
  display: block;
  height: auto;
  width: 20%;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0.15;
}

@media (max-width: 1299px) {
  .mp-projects__upper-text-link {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .mp-projects__upper-text-link {
    margin-top: 0px;
  }

  .mp-projects__main .swiper-slide {
    min-height: auto;
    min-width: auto;
    max-width: none;
  }

  .mp-projects__main .swiper {
    min-height: auto;
  }
}

.mp-projects__main .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.mp-projects__main .swiper-nav {
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  z-index: 5;
}

.mp-projects__main .swiper-nav__wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  width: calc(100% + 80px);
  margin-left: -40px;
}

.mp-projects__main .swiper-nav__item {
  border: 1px solid #C1C1C1;
  color: #A08E80;
}

.mp-projects__main .swiper-nav__item svg {
  opacity: 0.6;
}

.mp-projects__main .swiper-nav__item:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--black);
  border-color: #595959;
}

.mp-projects__main .swiper-nav__item:hover svg {
  opacity: 1;
}

.mp-projects__bottom {
  padding: 10px 0 0 0;
}

.mp-projects__bottom-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 304px;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  transition: all .3s ease-out;
}

.mp-projects__bottom-slide.is-active {
  opacity: .7;
}

.mp-projects__bottom-slide:hover {
  opacity: .7;
}

@media (min-width: 769px) {
  .mp-projects__bottom {
    padding: 10px 0 0 0;
  }

  .mp-projects__bottom-slide.is-small {
    /* width: 207px; */
  }

  .mp-projects__bottom-slide.is-small .mp-projects__bottom-slide-info {
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content; */
  }



  .mp-projects__bottom-slide.is-middle {
    /* width: 271px; */
  }
}

.mp-projects__bottom .swiper-slide {
  height: auto !important;
  max-height: 326px;
}

.mp-projects__bottom-slide-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  opacity: 0.8;
  margin-bottom: 10px;
  padding-left: 10px;
}

.mp-projects__bottom-slide-name::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--black);
  left: 0;
}

.mp-projects__bottom-slide-img {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}

.mp-projects__bottom-slide-img .mp-projects__bottom-slide-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mp-projects__bottom-slide-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.mp-projects__bottom-slide-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 6px 0px 0px;
  background: #EFEEEC;
  padding: 3px 5px 3px 3px;
  row-gap: 3px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  position: absolute;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 80%;
  bottom: 0;
  left: -1px;
}

.mp-projects__bottom-slide-info-type {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--6F6F6F, #6F6F6F);
  border-radius: 4px;
  background: #DFDFDF;
  padding: 2px 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.mp-projects__bottom-slide-info-city {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--6F6F6F, #6F6F6F);
  white-space: nowrap;
  padding: 2px 7px;
}

@media (min-width: 769px) {
  .mp-projects__bottom .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  .mp-projects__bottom-slide-name {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 1299px) {
  .mp-projects__main-top {
    left: 70px;
  }

  .mp-projects__main .swiper-nav__wrapper {
    margin-left: 0;
    width: 100%;
  }

  .mp-projects__upper-text {
    max-width: 200px;
  }
}

@media (max-width: 1199px) {
  .mp-projects__upper-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 25px 0;
    max-width: 100%;
  }

  .mp-projects__upper-text-value {
    max-width: 400px;
    text-align: center;
  }

  .mp-projects__main .swiper-nav {
    top: inherit;
    bottom: calc(45% - 25px);
  }

  .mp-projects__main-top {
    position: inherit;
    left: inherit;
    top: inherit;
    height: 100%;
  }
}

@media (max-width: 768px) {
  .mp-projects {
    padding: 40px 0;
  }

  .mp-projects__bottom {
    padding-top: 25px;
  }

  .mp-projects__bottom .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .mp-projects__bottom-slide-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding-left: 0;
    margin-bottom: 8px;
  }

  .mp-projects__bottom-slide-name::before {
    display: none;
  }

  .mp-projects__bottom-slide-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .mp-projects__bottom-slide-img img {
    height: 100%;
  }

  .mp-projects__bottom-slide-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    padding: 3px 7px 0 0;
  }

  .mp-projects__bottom-slide-info-city {
    font-family: 'Golos Text';
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
  }

  .mp-projects__bottom-slide-info-type {
    font-family: 'Golos Text';
    font-weight: 500;
    padding-top: 0;
    font-size: 10px;
    line-height: 15px;
  }

  .mp-projects__upper {
    margin-bottom: 0;
  }

  .mp-projects__upper-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
    letter-spacing: 0.72px;
    text-transform: uppercase;
  }

  .mp-projects__upper-subtitle {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 25px;
  }

  .mp-projects__upper-text {
    row-gap: 15px;
  }

  .mp-projects__upper-text-value {
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .mp-projects__upper-text .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .mp-projects__main {
    padding: 0 15px;
  }

  .mp-projects__main .swiper-pagination {
    margin-top: 15px;
  }

  .mp-projects__main .swiper-slide {
    overflow: hidden;
    border-radius: 6px;
  }

  .mp-projects__main .swiper-nav {
    display: none;
  }
}

.mp-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 0;
  position: relative;
}

.mp-product::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 115px;
  width: 941px;
  left: calc(50% - 470.5px);
  height: 941px;
  background: -o-linear-gradient(246deg, rgba(17, 21, 24, 0.04) 15.53%, rgba(89, 110, 126, 0) 65.15%);
  background: linear-gradient(204deg, rgba(17, 21, 24, 0.04) 15.53%, rgba(89, 110, 126, 0) 65.15%);
  -webkit-box-shadow: -2px 0px 7px 0px #FFF inset;
  box-shadow: -2px 0px 7px 0px #FFF inset;
  z-index: -1;
}

.mp-product__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mp-product__upper-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.72px;
  text-transform: uppercase;
  color: var(--A08E80, #7E7E7E);
  margin-bottom: 8px;
}

.mp-product__upper-subtitle {
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--111518, #111518);
  text-align: center;
  margin-bottom: 30px;
}

.mp-product__upper-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 30px;
  margin: 0 auto;
  max-width: 630px;
}

.mp-product__upper-types-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 14px;
  width: calc(33.33% - 27px);
}

.mp-product__upper-types-item-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--6F6F6F, #6F6F6F);
  text-align: center;
}

.mp-product__upper-types-item-img {
  width: 156px;
  height: 142px;
}

.mp-product__upper-types-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.mp-product__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  padding-top: 30px;
  margin: 0 auto;
}

.mp-product__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.mp-product__select-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 328px;
}

.mp-product__select-text-img {
  max-width: 108px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 16px;
}

.mp-product__select-text-value {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.9;
  margin-bottom: 24px;
}

.mp-product__select-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
}

.mp-product__select-tabs-item {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding-top: 130%;
}

.mp-product__select-tabs-item img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* .mp-product__select-tabs-item::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 30%;
  background: url(/local/templates/vpl_template/css/../img/svg/shadow.svg) no-repeat center center;
  background-size: contain;
} */

.mp-product__select-tabs-item.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mp-product__select-vars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 354px;
  width: 100%;
}

.mp-product__select-vars-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding: 5px 18px 5px 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  background: rgba(246, 244, 242, 0.01);
  opacity: 0.4;
}

.mp-product__select-vars-item:last-child {
  border: none;
}

.mp-product__select-vars-item.is-active {
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 44px 0px #E9E6E1;
  box-shadow: 0px 0px 44px 0px #E9E6E1;
  border-color: transparent;
  opacity: 1;
}

.mp-product__select-vars-item img {
  min-width: 64px;
  max-width: 64px;
  height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
}

.mp-product--detail {
  padding: 50px 0 60px;
}

.mp-product--detail::after {
  display: none;
}

@media (min-width: 769px) {
  .mp-product--detail .mp-product__upper-types {
    -webkit-column-gap: 34px;
    -moz-column-gap: 34px;
    column-gap: 34px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .mp-product--detail .mp-product__upper-types-item {
    width: calc(16.6666% - 20px);
  }

  .mp-product--detail .mp-product__upper-types-item-img {
    width: 77px;
    height: 77px;
  }

  .mp-product--detail .mp-product__upper-types-item-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
}

@media (max-width: 992px) {
  .mp-product__select {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .mp-product__select-vars {
    max-width: 100%;
    width: calc(50% - 25px);
  }

  .mp-product__select-tabs {
    min-width: auto;
    max-width: 100%;
    width: calc(50% - 25px);
  }
}

@media (max-width: 768px) {
  .mp-product {
    padding: 40px 0;
  }

  .mp-product::after {
    display: none;
  }

  .mp-product__main {
    width: 100%;
    margin: 0;
    padding: 30px 15px 0 15px;
    margin-top: 30px;
    border-top: 1px solid var(--F0F0F0, #F0F0F0);
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .mp-product__select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .mp-product__select-text {
    margin-top: 40px;
  }

  .mp-product__select-text img {
    max-width: 58px;
    margin-bottom: 16px;
  }

  .mp-product__select-text-value {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    padding-right: 20px;
  }

  .btn svg {
    font-size: 20px;
  }

  .mp-product__select-text .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .mp-product__select-tabs {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
  }

  /* .mp-product__select-tabs-item::after {
    bottom: -20px;
  } */

  .mp-product__select-vars {
    width: 100%;
  }

  .mp-product__select-vars-item {
    padding: 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
  }

  .mp-product__select-vars-item.is-active {
    border-radius: 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 44px 0px #E9E6E1;
    box-shadow: 0px 0px 44px 0px #E9E6E1;
  }

  .mp-product__select-vars-item img {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
  }

  .mp-product__upper-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */
    letter-spacing: 0.72px;
    text-transform: uppercase;
  }

  .mp-product__upper-subtitle {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
  }

  .mp-product__upper-subtitle br {
    display: none;
  }

  .mp-product__upper-types {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 20px;
  }

  .mp-product__upper-types-item {
    width: calc(50% - 5px);
    row-gap: 8px;
  }

  .mp-product__upper-types-item-img {
    width: 50px;
    height: 50px;
  }

  .mp-product__upper-types-item-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 140px;
  }
}

.sidebar {
  position: fixed;
  right: 5px;
  bottom: 0;
  z-index: 4;
  width: 50px;
  height: calc(100vh - 70px);
  padding: 100px 5px 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
  /* -webkit-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out; */
}

.sidebar.is-hide {
  right: -50px;
}

.sidebar__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 125px;
}

.sidebar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;

}

.sidebar__item--up {
  margin-top: 10px;
}

.sidebar__item-icon {
  width: 40px;
  height: 40px;
  border-radius: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--white);
  font-size: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.01);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.2);
}

.sidebar__item-icon svg {
  width: 20px;
  height: 20px;
}

.sidebar__item-icon img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.sidebar__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  white-space: nowrap;
  right: 0;
  color: var(--white);
  padding: 0 50px 0 17px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #FFF;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.sidebar__item:hover {
  opacity: 1;
}

.sidebar__item:hover .sidebar__item-icon {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.83) inset;
}

.sidebar__item:hover .sidebar__item-text {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 992px) {
  .sidebar {
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
    height: 46px;
    width: 100%;
    padding: 8px 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
  }

  .sidebar__social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }

  .sidebar__item-icon {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    font-size: 14px;
    backdrop-filter: unset
  }

  .social__item {
    backdrop-filter: unset;
  }

  .sidebar__item svg {
    width: 14px;
    height: 14px;
  }

  .sidebar__item img {
    width: 14px;
    height: 14px;
  }

  .sidebar__item--up {
    margin-top: 0;
  }

  .sidebar__item-text {
    display: none;
  }

  .sidebar__item:hover .sidebar__item-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.not-found {
  background: #000;
  width: 100%;
  height: 100vh;
}

.not-found__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 10px auto;
}

.not-found p {
  text-align: center;
  opacity: 0.6;
}

.not-found__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0;
}

@media (max-width: 768px) {
  .not-found__img {
    max-width: 250px;
  }

  .not-found__buttons {
    margin: 15px 0;
  }

  .not-found__buttons .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .not-found p {
    line-height: 24px !important;
  }
}

.services-detail__slider {
  width: 100%;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.services-detail__slider-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  height: 0;
  z-index: 4;
}

.services-detail__slider-top .container {
  height: 100%;
}

.services-detail__slider .swiper-slide {
  width: 20%;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0.15;
}

.services-detail__slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.services-detail__slider .swiper-nav {
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  z-index: 3;
}

.services-detail__slider .swiper-nav__wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
}

.services-detail__slider .swiper-nav__item {
  border: 1px solid #C1C1C1;
  color: #A08E80;
}

.services-detail__slider .swiper-nav__item svg {
  opacity: 0.6;
}

.services-detail__slider .swiper-nav__item:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--black);
  border-color: #595959;
}

.services-detail__slider .swiper-nav__item:hover svg {
  opacity: 1;
}

.services-detail__content {
  padding: 30px 0 60px 0;
}

@media (max-width: 768px) {
  .services-detail__content {
    padding-top: 25px 0 0 0;
  }

  .services-detail__slider .swiper-nav {
    display: none;
  }

  .services-detail__slider .swiper-pagination {
    margin-top: 10px;
  }

  .services-detail__slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)::before {
    background: #EFEEEC;
  }
}

.nav-back {
  border: 1px solid var(--F0F0F0, #F0F0F0);
  padding: 30px 0 60px 0;
}

@media (max-width: 768px) {
  .nav-back .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 576px) {
  .nav-back {
    padding: 24px 0 40px 0;
  }

  .nav-back .btn {
    width: 100%;
  }
}

.services {
  padding: 0 0 60px 0;
}

.services__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -15px;
}

.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.services__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 24px;
  min-height: 259px;
}

.services__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.services__item-img.no-photo img {
  object-fit: contain;
}

.services__item-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
  margin-bottom: 16px;
}

.services__item-desc {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 768px) {
  .services {
    padding-bottom: 40px;
  }

  .services__wrapper {
    row-gap: 16px;
  }

  .services__item-img {
    margin-bottom: 16px;
    min-height: 190px;
  }

  .services__item-name {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }

  .services__item-desc {
    display: none;
  }
}

.collection {
  padding-bottom: 60px;
}

.collection--detail {
  padding: 60px 0;
  border-top: 1px solid var(--F0F0F0, #F0F0F0);
  border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
}

.collection__title {
  width: 100%;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.collection__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
  margin: 0 -15px;
}

.collection__wrapper .content-nav {
  margin-top: 10px;
}

.collection__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.collection__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.collection__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.collection__item-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 10px;
  bottom: 10px;
  border-radius: 10px;
  background: rgba(234, 234, 234, 0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.48);
  min-width: 28px;
  height: 28px;
}

.collection__item-name {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  opacity: 0.9;
  margin-top: 16px;
}

.collection__item-desc {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--6F6F6F, #6F6F6F);
  margin-top: 16px;
}

.collection__item:hover {
  opacity: 1;
}

.collection__item:hover .collection__item-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .collection {
    padding-bottom: 40px;
  }

  .collection--detail {
    padding: 40px 0;
  }

  .collection__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .collection__wrapper {
    row-gap: 16px;
  }

  .collection__wrapper .content-nav {
    margin-top: 15px;
  }

  .collection__item-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 8px;
  }

  .collection__item-desc {
    display: none;
  }
}

.projects .content {
  margin-bottom: 30px;
}

.projects__slider {
  background: #EFEEEC;
  padding-bottom: 60px;
}

@media (max-width: 1199px) {
  .projects .swiper-nav {
    top: calc(50% - 25px);
  }
}

@media (max-width: 768px) {
  .projects__slider {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

.page-form {
  background: url(/local/templates/vpl_template/css/../img/content/bg-dealer.jpg) no-repeat center center;
  background-size: cover;
  padding: 60px 0;
}

@media (max-width: 768px) {
  .page-form {
    padding: 40px 0;
  }
}

.personal {
  padding: 60px 0;
  border: 1px solid var(--F0F0F0, #F0F0F0);
}

.personal__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.personal__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px;
  background: rgba(240, 240, 240, 0.6);
  padding: 10px 15px;
  min-width: 300px;
  max-width: 300px;
}

.personal__sidebar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 10px 8px 12px;
  opacity: 0.6;
}

.personal__sidebar-item.is-active {
  background: var(--F0F0F0, #F0F0F0);
  opacity: 1;
}

.personal__sidebar-item:hover {
  opacity: 1;
}

.personal__sidebar-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.4);
}

.personal__sidebar-item-icon svg {
  font-size: 20px;
  width: 20px;
  height: 20px;
  fill: transparent;
}

.personal__sidebar-item-icon svg.icon-personal-2 {
  fill: var(--black);
}

.personal__sidebar-item-icon svg.icon-personal-6 {
  fill: var(--black);
}

.personal__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.personal__main-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 16px;
  text-align: left;
}

.personal__main-info {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 20px;
}

.personal__main-form-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.personal__main-form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 16px;
}

.personal__main-form-bottom-send {
  width: 230px;
  height: 58px;
}

.personal__main-form-bottom-reset {
  background: none;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: var(--706155, #595959);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.personal__main-form-bottom-reset:hover {
  opacity: 0.5;
}

.personal__main form {
  width: 60%;
}

.personal__main-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 70%;
}

.personal__main-files-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  opacity: 0.5;
  border-top: 1px solid #F0F0F0;
  padding: 10px 10px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.personal__main-files-item {
  opacity: 1;
}


.personal__main-files-item:hover {
  background: #F6F6F6;
  opacity: 1;
}

.personal__main-files-item:hover .personal__main-files-item-type {
  opacity: 0.8;
}

.personal__main-files-item-img {
  min-width: 70px;
  max-width: 70px;
  margin-right: 16px;
}

.personal__main-files-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.personal__main-files-item-name {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-right: auto;
  max-width: 350px;
}

.personal__main-files-item-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 100px;
  white-space: nowrap;
  opacity: 0.5;
  transition: opacity .3s ease-out;
}

.personal__main-files-item-img {
  position: relative;
}

.personal__main-files-item-img::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  background: #111518;
}

.personal__main-files-item-type img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.personal__main-files-item-type-size {
  margin-left: 7px;
}

@media (max-width: 1506px) {
  .personal__main-files {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .personal__main form {
    width: 100%;
  }

  .personal__main-files-item-type {
    margin-right: 15px;
  }
}

@media (max-width: 768px) {
  .personal {
    padding: 40px 0 40px 0;
  }

  .personal__main-files-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 15px;
  }

  .personal__main-files-item-img {
    margin-right: 0;
  }

  .personal__main-files-item-name {
    width: calc(100% - 80px);
    font-size: 14px;
  }

  .personal__main-files-item-type {
    margin-right: auto;
    font-size: 13px;
  }

  .personal__main-files-item-type-size {
    margin-left: 3px;
  }

  .personal__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px;
  }

  .personal__sidebar {
    width: 100%;
    max-width: 100%;
    padding: 10px 10px;
  }

  .personal__sidebar-item {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }

  .personal__sidebar-item-icon {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
  }

  .personal__sidebar-item-icon svg {
    font-size: 10px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 576px) {
  .personal__main-form-text {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }

  .personal__main-form-bottom-send {
    height: 36px;
    width: 170px;
  }

  .personal__main-form-bottom-reset {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }
}

.standart .modal-dialog {
  max-width: 670px;
}

.big .modal-dialog {
  max-width: 970px;
}

.modal .content {
  /* overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 100px); */
}

.modal.modal-success .modal-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.modal-text {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top: 0;
}

.modal .modal-close {
  height: 58px;
  margin: 0 auto;
  max-width: 230px;
  width: 100%;
}

.modal-title {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin: 0 auto 30px auto;
}

.modal-subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  max-width: 530px;
  margin: 0 auto 30px auto;
}

.modal .field__input {
  margin-bottom: 8px;
}

.modal-body {
  padding: 0 10px;
}

.modal-content {
  padding: 40px;
  width: 100%;
}

.modal-header {
  padding: 0;
  border-bottom: 0;
}

.modal-header .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: none;
  border: none;
  font-size: 18px;
  color: var(--black);
  opacity: 0.3;
  cursor: pointer;
  padding: 0;
  position: absolute;
  width: 46px;
  height: 46px;
  right: 11px;
  top: 15px;
  z-index: 1;
}

.fancybox-caption__body {
  font-family: 'Golos Text';
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.modal-header .close:hover {
  opacity: 1;
}

.modal.fade .modal-dialog {
  transform: none;
}

@media (max-width: 768px) {
  .modal.modal-success .modal-content {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .modal-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  .modal .modal-close {
    height: 36px;
    max-width: 300px;
  }

  .modal-dialog {
    max-width: 100% !important;
  }

  .modal-content {
    padding: 24px 15px;
    width: 100%;
  }

  .modal-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .modal-subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .modal .field__input {
    margin-bottom: 4px;
  }

  .modal .checkbox {
    max-width: 304px;
    margin: 0 auto;
  }

  .modal-header .close {
    font-size: 21px;
    width: 40px;
    height: 40px;
    opacity: 0.3;
  }

  .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }

  .modal.show .modal-dialog {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media (max-width: 370px) {
  .modal .form__submit-container {
    max-width: 260px;
    margin: 0 auto 16px auto;
  }
}

.search-page {
  background: var(--F0F0F0, #F0F0F0);
  padding: 30px 0;
}

.search-page form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.search-page__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  border: 1px solid var(--111518, #111518);
  height: 56px;
  width: 100%;
}

.search-page__input input {
  background: transparent;
  height: 100%;
  border: none;
  width: 100%;
  padding-left: 15px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
}

.search-page__input-clear {
  border: none;
  background: none;
  width: 40px;
  height: 58px;
  font-size: 13px;
  color: var(--black);
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search-page__input-clear:hover {
  opacity: 1;
}

.search-page__send {
  height: 58px;
  width: 200px;
}

@media (max-width: 576px) {
  .search-page form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
  }

  .search-page__input {
    height: 45px;
  }

  .search-page__input input {
    font-size: 13px;
  }

  .search-page__input-clear {
    height: 45px;
  }

  .search-page__send {
    width: 100%;
    height: 45px;
    border-radius: 2px;
  }
}

.search-result {
  padding-bottom: 60px;
}

.search-result .content-nav {
  margin-top: 40px;
}

.search-result__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
}

.search-result__item-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
}

.search-result__item-desc {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 768px) {
  .search-result {
    padding-bottom: 40px;
  }

  .search-result .content-nav {
    margin-top: 20px;
  }

  .search-result__item {
    padding: 10px 0;
  }

  .search-result__item-title {
    font-size: 14px;
    line-height: 20px;
  }

  .search-result__item-desc {
    font-size: 13px;
    line-height: 18px;
  }
}

.catalog {
  padding-bottom: 60px;
}

.catalog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

.catalog__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.catalog__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.catalog__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.catalog__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.catalog__item-content-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 44px 0px #E9E6E1;
  box-shadow: 0px 0px 44px 0px #E9E6E1;
  width: 50px;
  height: 50px;
  margin-bottom: 16px;
}

.catalog__item-content-icon img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
}

.catalog__item-content-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.9;
  margin-bottom: 24px;
  max-width: 370px;
  text-align: center;
}

.catalog__item-content-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--6F6F6F, #6F6F6F);
  text-align: center;
  max-width: 370px;
  opacity: 0.9;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .catalog__item-content-name {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .catalog__item-content-desc {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .catalog__item {
    row-gap: 24px;
  }

  .catalog__item-content-icon {
    width: 35px;
    height: 35px;
  }

  .catalog__item-content-icon img {
    width: 23px;
    height: 23px;
  }

  .catalog__item-content-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px;
  }

  .catalog__item-content-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .catalog__item-content .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.split__img-left {
  width: calc((100vw - 435px) / 2);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  z-index: -1;
  left: 0;
}

.split__img-right {
  width: calc((100vw - 435px) / 2);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  z-index: -1;
  right: 0;
}

.split__text {
  padding: 40px 30px;
  min-width: 450px;
  max-width: 450px;
  border-radius: 4px;
  background: var(--706155, #595959);
}

.split__text-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  margin-bottom: 24px;
  color: var(--white);
}

.split__text-top {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--FFFFFF, #FFF);
  margin-bottom: 16px;
}

.split__text-bottom {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}

.split--material {
  min-height: 370px;
  margin-top: -60px;
}

@media (max-width: 768px) {
  .split--material {
    margin-top: -40px;
  }
}

@media (max-width: 576px) {
  .split {
    padding: 50% 0;
  }

  .split__text {
    min-width: auto;
    width: 100%;
    padding: 40px 15px;
  }

  .split__text-top {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .split__img-left {
    width: 100%;
    height: 50%;
    top: 0;
  }

  .split__img-right {
    width: 100%;
    height: 50%;
    bottom: 0;
  }
}

.where__top {
  padding: 30px 0;
  background: #EFEEEC;
}

.where__top-select {
  max-width: 580px;
}

.where__map {
  width: 100%;
  height: 530px;
}

.where__list {
  padding-bottom: 60px;
}

.where__list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.where__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 24px 0;
  border-bottom: 1px solid var(--F0F0F0, #F0F0F0);
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.where__list-item:last-child {
  border: none;
}

.where__list-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
  max-width: 350px;
  width: 100%;
}

.where__list-item-main-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.where__list-item-main-link {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: var(--706155, #595959);
}

.where__list-item-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 3px;
  margin-right: auto;
  max-width: 150px;
  width: 100%;
}

.where__list-item-phone-item {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.where__list-item-mail {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-right: auto;
  max-width: 250px;
  width: 100%;
  overflow-wrap: anywhere;
}

.where__list-item-address {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-right: 100px;
  max-width: 300px;
  width: 100%;
}

@media (max-width: 1439px) {
  .where__list-item-main {
    max-width: 330px;
  }
}

@media (max-width: 992px) {
  .where__map {
    height: 300px;
  }

  .where__list {
    padding-bottom: 40px;
  }

  .where__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 15px;
  }

  .where__list-item-main {
    width: calc(50% - 10px);
    margin-right: 0;
  }

  .where__list-item-main-name {
    font-size: 14px;
    line-height: 18px;
  }

  .where__list-item-main-link {
    font-size: 13px;
    line-height: 18px;
  }

  .where__list-item-phone {
    width: calc(50% - 10px);
    margin-right: 0;
    min-width: auto;
  }

  .where__list-item-phone-item {
    font-size: 13px;
    line-height: 18px;
  }

  .where__list-item-mail {
    width: calc(50% - 10px);
    margin-right: 0;
    font-size: 13px;
    line-height: 18px;
  }

  .where__list-item-address {
    width: calc(50% - 10px);
    margin-right: 0;
    font-size: 13px;
    line-height: 18px;
  }
}

.contacts {
  background: #EFEEEC;
  position: relative;
}

.contacts__main {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  max-width: 500px;
  padding-right: 30px;
}

.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 4px;
}

.contacts__item-title {
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: var(--A08E80, #7E7E7E);
}

.contacts__item-value {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: var(--black);
}

.contacts .social {
  padding-top: 50px;
  mix-blend-mode: difference;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.contacts__map {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  left: calc(50% - 248px);
}

@media (max-width: 1506px) {
  .contacts__map {
    left: calc(50% - 100px);
  }
}

@media (max-width: 992px) {
  .contacts__map {
    left: inherit;
    position: inherit;
    height: 400px;
  }
}

@media (max-width: 576px) {
  .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .contacts__map {
    height: 300px;
  }

  .contacts__main {
    padding: 24px 0 40px 0;
    max-width: 100%;
    width: 100%;
  }

  .contacts__main .social {
    padding-top: 8px;
  }

  .contacts__main .social__item {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .contacts__main .social__item img {
    width: 20px;
    height: 20px;
  }
}

.buy {
  padding: 40px 0 60px 0;
}

.buy__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 50px;
  background: -webkit-gradient(linear, left bottom, left top, from(#CBC7C0), to(#CBC7C0)), #F4F3F1;
  background: -o-linear-gradient(bottom, #CBC7C0 0%, #CBC7C0 100%), #F4F3F1;
  background: linear-gradient(0deg, #CBC7C0 0%, #CBC7C0 100%), #F4F3F1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.buy__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  max-width: 284px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.buy__img {
  position: absolute;
  height: 100%;
  top: 0;
  width: 500px;
  left: calc(50% - 250px);
  z-index: 0;
}

.buy__img img {
  -o-object-fit: contain;
  object-fit: contain;
}

.buy__link {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.7;
  border-color: #8A8A8A;
  position: relative;
  z-index: 1;
}

.buy__link svg {
  font-size: 14px;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #8A8A8A;
}

.buy__link:hover {
  border-color: var(--black);
}

@media (max-width: 1506px) {
  .buy__img {
    width: 40%;
  }
}

@media (max-width: 992px) {
  .buy__img {
    top: inherit;
    bottom: -10px;
    height: auto;
    left: 5px;
    width: 266px;
  }

  .buy__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 30%;
    row-gap: 24px;
  }
}

@media (max-widtH: 768px) {
  .buy {
    background: -webkit-gradient(linear, left bottom, left top, from(#CBC7C0), to(#CBC7C0)), #F4F3F1;
    background: -o-linear-gradient(bottom, #CBC7C0 0%, #CBC7C0 100%), #F4F3F1;
    background: linear-gradient(0deg, #CBC7C0 0%, #CBC7C0 100%), #F4F3F1;
    padding: 0;
  }

  .buy__wrapper {
    padding: 40px 0 200px 0;
  }

  .buy__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .buy__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }
}

.material-top {
  padding: 125px 0 60px 0;
  background: url(/local/templates/vpl_template/css/../img/content/material-bg.jpg) no-repeat center center;
  background-size: cover;
}

.material-top__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.material-top__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 572px;
}

.material-top__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--FFFFFF, #FFF);
  margin-bottom: 16px;
  font-family: 'Golos Text';
}

.material-top__info {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
  color: var(--706155, #595959);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.material-top__info img {
  border-radius: 50%;
  min-width: 65px;
  max-width: 65px;
  height: 65px;
}

@media (max-width: 576px) {
  .material-top {
    padding: 40px 0;
  }

  .material-top__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 16px;
  }

  .material-top__info img {
    min-width: 45px;
    max-width: 45px;
    height: 45px;
  }
}

.content .more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.content .more-link svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 10px;
  margin-top: 2px;
}

.material-info__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 30px 0 40px 0;
}

.material-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(20% - 8px);
  background: #EFEEEC;
  padding: 24px 16px;
}

.material-info__item-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
}

.material-info__item-text {
  font-family: 'Golos Text';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--706155, #595959);
  margin-bottom: 30px;
}

.material-info__item img {
  width: 88px;
  height: 88px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto auto 0 0;
}

.material-info__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.material-info__bottom-text h2 {
  margin-top: 0;
  text-align: left;
  font-size: 30px;
}

.material-info__bottom-img {
  min-width: 337px;
  max-width: 337px;
  height: auto;
}

.material-info__bottom-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .material-info__item {
    width: calc(33.33% - 7px);
  }
}

@media (max-width: 992px) {
  .material-info__item {
    width: calc(50% - 5px);
  }
}

@media (max-width: 768px) {
  .material-info__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
  }

  .content .more-link {
    font-size: 13px;
    line-height: 16px;
  }

  .material-info__bottom-text h2 {
    font-size: 20px;
    text-align: center;
  }

  .material-info__bottom-text-title {
    text-align: center;
  }

  .material-info__bottom-img {
    min-width: auto;
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .material-info__item {
    width: 100%;
    padding: 20px 15px;
  }

  .material-info__item-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .material-info__item-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .material-info__item img {
    width: 40px;
    height: 40px;
    margin: 0 0 0 auto;
  }
}

.wood h2 {
  margin-top: 0;
  margin-bottom: 40px;
}

.wood img {
  margin-bottom: 0;
  border-radius: 4px;
}

.wood .wood__entry {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: var(--A08E80, #7E7E7E);
  margin-bottom: 16px;
}

.wood p {
  margin-bottom: 8px;
}

.wood__bottom {
  padding-top: 40px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.wood__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wood__item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--A08E80, #7E7E7E);
}

.wood__item-img {
  position: relative;
  padding-top: 60%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px;
}

.wood__item-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.wood__item-img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: -webkit-gradient(linear, left bottom, left top, from(#40342A), to(rgba(64, 52, 42, 0)));
  background: -o-linear-gradient(bottom, #40342A 0%, rgba(64, 52, 42, 0) 100%);
  background: linear-gradient(0deg, #40342A 0%, rgba(64, 52, 42, 0) 100%);
}

.wood__item-img-text {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 1;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--white);
}

.wood__main {
  align-items: center;
}

@media (max-width: 992px) {
  .wood__item-img-text {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .wood__bottom {
    padding-top: 16px;
    row-gap: 16px;
  }

  .wood__item-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .wood__main {
    row-gap: 16px;
  }

  .wood .wood__entry {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .wood p {
    margin-bottom: 16px;
  }
}

.material-list h2 {
  margin-bottom: 45px;
  margin-top: 0;
}

.material-list ol li::before {
  font-family: 'Golos Text';
}

@media (min-width: 992px) {
  .material-list ol {
    display: block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }

  .material-list ol li {
    padding-left: 56px;
    margin-bottom: 30px;
  }

  .material-list ol li::before {
    top: 0;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
}

@media (max-width: 768px) {
  .material-list h2 {
    margin-bottom: 24px;
  }
}

.paint {
  padding: 60px 0;
  background: #F9F9F9;
}

.paint h2 {
  margin-bottom: 50px;
  margin-top: 0;
}

.paint__top {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 30px;
}

.paint__top-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  border: 1px solid var(--F0F0F0, #F0F0F0);
  height: 100%;
}

.paint__top-item-img {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px;
}

.paint__top-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0;
}

.paint__top-item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--A08E80, #7E7E7E);
}

.paint__bottom {
  margin-top: -20px;
}

.paint__bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFF;
  padding: 30px;
  height: 100%;
}

.paint__bottom-item-subtitle {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 128.571% */
  letter-spacing: 0.84px;
  text-transform: uppercase;
  color: var(--6F6F6F, #6F6F6F);
  margin-bottom: 8px;
}

.paint__bottom-item .paint__bottom-item-title {
  margin-top: 0 !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 30px;
  text-align: left;
}

.paint__bottom-item img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  margin-bottom: 30px;
}

.paint__bottom-item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.paint__bottom-item-desc-bottom {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--A08E80, #7E7E7E);
}

@media (max-widtH: 768px) {
  .paint {
    padding: 40px 0;
  }

  .paint__bottom {
    margin-top: 0;
    row-gap: 16px;
  }

  .paint__bottom-item {
    padding: 15px;
  }

  .paint__bottom-item-subtitle {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 145.455% */
    letter-spacing: 0.55px;
    text-transform: uppercase;
  }

  .paint__bottom-item-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .paint__bottom-item img {
    margin-bottom: 16px;
  }

  .paint__bottom-item-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .paint__bottom-item-desc-bottom {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .paint__top {
    row-gap: 16px;
    margin-bottom: 30px;
  }

  .paint__top-item {
    padding: 15px;
  }

  .paint__top-item-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .paint h2 {
    margin-bottom: 24px;
    max-width: 90%;
    text-align: center;
  }
}

.color {
  padding: 60px 0;
}

.color h2 {
  margin-top: 0;
}

.color-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  margin-bottom: 30px;
}

.color-top__text p {
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  margin-top: 0;
}

.color-top__img {
  min-width: 560px;
  max-width: 560px;
}

.color-top__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0;
}

.color .paint__top-item-desc {
  color: var(--black);
}

.color .paint__top {
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .color-top__img {
    min-width: 300px;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .color .paint__top {
    margin-bottom: 16px;
  }

  .color-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-bottom: 16px;
  }

  .color-top__text p {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
  }

  .color-top__img {
    max-width: 100%;
    min-width: auto;
  }
}

.color-bottom {
  margin: 30px 0 60px;
}

.color-bottom__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 20px;
  border: 1px solid #F1F1F1;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.color-bottom__wrapper img {
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 768px) {
  .color-bottom {
    margin: 16px 0 40px 0;
  }

  .color-bottom__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px;
    row-gap: 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.text .color-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.text .paint__top {
  row-gap: 30px;
}

.text .paint__top-item-desc {
  color: var(--black);
}

.text .paint__top img {
  margin-bottom: 0;
}

.text .paint__top .col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 768px) {
  .text .color-top {
    row-gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text .paint__top {
    row-gap: 16px;
  }

  .text .paint__top .col-md-4 {
    row-gap: 16px;
  }
}

.faq h2 {
  margin-bottom: 40px;
}

.faq__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.faq__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #E2E2E2;
}

.faq__item-body {
  max-width: 100%;
  padding: 24px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--BEBEBE, #BEBEBE);
  background: var(--F0F0F0, #F0F0F0);
  display: none;
}

.faq__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}

.faq__item-head-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.7;
  padding-right: 50px;
}

.faq__item-head svg {
  position: absolute;
  right: 0;
  font-size: 32px;
  fill: transparent;
}

.faq__item-head.is-open svg {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

@media (max-width: 768px) {
  .faq h2 {
    margin-bottom: 24px;
  }

  .faq__item-head-body {
    padding: 15px;
  }

  .faq__item-head-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .faq__item-head svg {
    font-size: 25px;
  }
}

.gloss {
  padding: 60px 0;
}

.gloss__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 50px;
  background: #CBC7BF;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.gloss__item-title {
  margin-top: 0;
  text-align: left;
  margin-bottom: 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 1;
}

.gloss__item-desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 560px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.gloss__item picture {
  position: absolute;
  top: 0;
  right: 100px;
  width: auto;
  height: 100%;
  z-index: 0;
}

.gloss__item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1199px) {
  .gloss__item-desc {
    max-width: 300px;
  }

  .gloss__item picture {
    right: 20px;
  }
}

@media (max-width: 992px) {
  .gloss__item {
    padding-bottom: 190px;
  }

  .gloss__item picture {
    top: inherit;
    bottom: 0;
    right: inherit;
    height: 169px;
    width: 265px;
  }
}

@media (max-width: 768px) {
  .gloss {
    padding: 40px 0;
  }

  .gloss__item {
    padding: 30px 15px 190px 15px;
  }

  .gloss__item-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 24px;
  }

  .gloss__item-desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.informer {
  position: fixed;
  top: 100px;
  right: -500px;
  z-index: 9;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* width: 100%; */
  opacity: 0;

}

.informer.is-show {
  right: 5px;
  opacity: 1;
}

.informer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 15px 20px;
  color: var(--white);
  /* border-radius: 8px; */
  overflow: hidden;
  justify-content: center;
  text-align: center;
  background: rgba(190, 190, 190, 0.15);
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
}

.informer__item::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(17, 21, 24, 0.35);
}

@media (max-width: 992px) {
  .informer {
    top: 70px;
    position: fixed;
    z-index: 6;
  }

  .informer.is-show {
    top: 70px;
    right: 5px;
  }
}

.field__show-pass {
  position: absolute;
  border: none;
  background-color: transparent;
  top: 47%;
  transform: translateY(-50%);
  right: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.field--password.is-required:after {
  display: none;
}

.field__show-pass .icon {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #8A8A8A;
}

.field__show-pass:hover .icon {
  color: var(--black);
}

.field__show-pass .icon-eye-shown {
  opacity: 1;
  visibility: visible;
}

.field__show-pass .icon-eye-hidden {
  opacity: 0;
  visibility: hidden;
}

.field__show-pass.shown .icon-eye-shown {
  opacity: 0;
  visibility: hidden;
}

.field__show-pass.shown .icon-eye-hidden {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .field__show-pass {
    top: 45%;
  }
}

.footer__qr {
    width: 215px;
    margin-left: -2px;     /* убираем смещение вправо */
    margin-top: -14px;  /* поднимаем QR, чтобы он был в одной линии с телефоном */
}

.footer__qr img {
    width: 100%;
    height: auto;
    display: block;
}
/* End */
/* /local/templates/vpl_template/css/libs.min.css?174358207733827 */
/* /local/templates/vpl_template/css/style.css?1764256969183629 */