*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:url(../fonts/Roboto/Roboto-Thin.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:url(../fonts/Roboto/Roboto-ThinItalic.ttf)}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url(../fonts/Roboto/Roboto-Light.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(../fonts/Roboto/Roboto-LightItalic.ttf)}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(../fonts/Roboto/Roboto-Regular.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(../fonts/Roboto/Roboto-RegularItalic.ttf)}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(../fonts/Roboto/Roboto-Medium.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(../fonts/Roboto/Roboto-MediumItalic.ttf)}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(../fonts/Roboto/Roboto-Bold.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(../fonts/Roboto/Roboto-BoldItalic.ttf)}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:url(../fonts/Roboto/Roboto-Black.ttf)}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:url(../fonts/Roboto/Roboto-BlackItalic.ttf)}.page__scrolled .header{background-color:rgba(0,0,0,0.85)}.header{background-color:#1e1e1f;position:fixed;width:100%;z-index:100;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:background .25s}.header .container{display:flex;justify-content:space-between;align-items:center;height:64px}.header .menu-button{display:none;height:50px;width:50px;position:relative;background-color:transparent;border:none;z-index:1000}.header .menu-button__line,.header .menu-button__line::before,.header .menu-button__line::after{position:absolute;background-color:#ffffff;top:50%;margin-top:-1px;left:50%;margin-left:-10px;height:2px;width:20px}.header .menu-button__line::before,.header .menu-button__line::after{content:'';transition:0.2s}.header .menu-button__line::before{transform:translateY(-5px)}.header .menu-button__line::after{transform:translateY(5px)}.header .menu-button_active .menu-button__line{height:0}.header .menu-button_active .menu-button__line::before{transform:rotate(-45deg)}.header .menu-button_active .menu-button__line::after{transform:rotate(45deg)}.header .menu__list{display:flex;list-style:none;margin:0}.header .menu__item{position:relative}.header .menu__item .submenu{display:none;position:absolute;top:48px;background:#ffffff;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-radius:4px;padding:6px 0;min-width:150px}.header .menu__item .submenu__list{list-style:none}.header .menu__item .submenu__item{padding:8px 24px}.header .menu__item .submenu__item:not(:first-child){margin:0 0 0 0;border-top:1px solid #dfdfdf}.header .menu__item .submenu__link{color:#000000;font-size:15px;text-decoration:none;display:flex;height:100%;width:100%}.header .menu__link{display:flex;align-items:center;color:#ffffff;font-size:15px;text-decoration:none;transition:opacity .15s;margin:0}.header .menu__link i{margin:0 6px 0 0}.header .menu__link:hover{opacity:1}@media (max-width: 1000px){.header{background-color:rgba(0,0,0,0.85)}.header .menu{position:absolute;top:64px;right:0;width:100%;background-color:rgba(0,0,0,0.85);box-shadow:0px 4px 8px -3px rgba(17,17,17,0.06);display:none}.header .menu-button{display:block}.header .menu__list{flex-direction:column;padding:20px 15px;max-width:560px;margin:0 auto}.header .menu__item:not(:first-child){margin:0}.header .menu__item .submenu{position:static;background-color:transparent;box-shadow:none}.header .menu__item .submenu__item:not(:first-child){border-top:1px solid rgba(255,255,255,0.4)}.header .menu__item .submenu__link{color:#ffffff;opacity:0.8}.header .menu__link{display:block;padding:12px 0}.header .menu_active{display:block}}.brand{display:flex;align-items:center;z-index:1000;white-space:nowrap}.brand .logo{height:42px}.brand__text{display:flex;flex-direction:column;text-transform:uppercase;margin:0 0 0 8px}.brand__title{color:#ffffff;margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand__subtitle{color:#888888;font-size:13px;line-height:1;font-weight:600}@media (max-width: 370px){.brand .logo{height:36px}.brand__title{font-size:15px}.brand__subtitle{font-size:11px}}.hero{display:flex;margin:auto 0;background-color:#1e1e1f;height:auto !important}.hero .container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:620px;padding:calc(64px + 32px) 15px 45px 15px}.hero__title{color:#ffffff;font-size:32px}.hero__description{color:rgba(255,255,255,0.6);font-size:16px;margin:4px 0 0 0;line-height:24px}.hero__contact{display:flex;margin:24px 0 0 0}.hero__link{display:block;color:#ffffff;font-size:14px;font-weight:900;text-decoration:none;margin:0px 0 0 0}.hero__link:hover{color:#ffffff}.hero__button{display:flex;align-items:center;justify-content:center;background-color:#7289da;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);color:#ffffff;height:45px;width:220px;border-radius:3px;text-decoration:none;transition:0.25s;opacity:1}.hero__button svg{fill:#ffffff;height:20px;margin:0 5px 0 0}.hero__button:hover{color:#ffffff;opacity:.9}.hero__button:not(:first-child){margin:0 0 0 10px}@media (max-width: 760px){.hero{height:560px}.hero .container{flex-direction:column}.hero__content{text-align:center}.hero__button{width:180px}.hero__button:not(:first-child){margin:10px 0 0 0}}@media (max-width: 420px){.hero__contact{flex-direction:column;align-items:center}.hero__contact .col:not(:first-child){margin:10px 0 0 0}.hero__button{width:220px}}.about{padding:80px 0 80px 0;position:relative;background-color:#ffffff;background-size:50%}.about__title{font-size:28px;font-weight:900;color:#4f545c;text-transform:uppercase;margin:0}.about__subtitle{text-transform:uppercase;font-size:13px;color:#4f545c;font-weight:600}.about p{color:#4f545c}.about img{width:100%;height:auto;margin:10px 0}.about__content{display:flex;flex-direction:column;margin:0 auto}.gallery{display:flex;flex-direction:column;padding:50px 0}.gallery__slider{max-width:1920px;margin:0 auto}.gallery .swiper-container{width:100%}.gallery .swiper-slide{display:flex;align-items:center;overflow:hidden;border-radius:4px;box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);margin:30px 0;width:-webkit-min-content;width:-moz-min-content;width:min-content}.gallery .swiper-slide:first-child{margin-left:20px}.gallery .swiper-slide:last-child{margin-right:20px}.gallery__img{transition:transform 0.25s;height:240px}@media (max-width: 760px){.gallery__img{height:200px}}.products{padding:0 0 32px 0}.products__title{font-size:28px;font-weight:900;text-transform:uppercase;margin:0}.products__subtitle{text-transform:uppercase;font-size:13px;font-weight:600}.products .list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -45px}.products .list .item{box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);background-color:#ffffff;border-radius:5px;overflow:hidden;margin:10px auto;max-width:320px;width:100%}.products .list .item .image{width:100%}.products .list .item .text{padding:16px 20px}.products .list .item .name{color:#4f545c;font-size:18px;margin:0}.products .list .item .price{display:block;color:#4cd137;color:#4f545c;font-size:14px;font-weight:700;margin:4px 0 0 0}.products .list .item .desc{color:#4f545c;font-size:14px;margin:4px 0 0 0}@media (max-width: 1000px){.products .list{margin:0 -15px}.products .list>.row{padding:0 10px !important}.products .list .col-6{padding-left:5px;padding-right:5px}.products .list .item{margin:5px auto}.products .list .item .text{padding:15px}.products .list .item .desc{font-size:13px}}.contact{padding:40px 0;background-color:#ffffff}.contact .container{padding:60px 200px}.contact__header{text-align:center;padding:0 0 20px 0}.contact__header h2{font-size:32px}.contact__header p{color:#828282;margin:20px 0 0 0}.contact__form .row{display:flex}.contact__field{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;margin:20px 0 0 0}.contact__field:not(:first-child){margin-left:20px}.contact__field_active .contact__label{transform:scale(0.8) translateY(0)}.contact__field_active input,.contact__field_active textarea{border-bottom:2px solid #7289da}.contact__label{color:#828282;font-size:15px;transform:translateY(32px);transform-origin:top left;transition:.25s}.contact__input,.contact__textarea{background-color:transparent;border:none;border-radius:0;border-bottom:2px solid #d5d6de;transition:border-bottom .25s;outline:none;color:#222222;z-index:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%}.contact__input{height:50px}.contact__textarea{height:100%;width:100%;resize:vertical;padding:10px 0;min-height:150px}.contact__button{display:flex;align-items:center;justify-content:center;background-color:#7289da;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);color:#ffffff;height:45px;width:220px;border:none;border-radius:3px;text-decoration:none;transition:transform 0.25s;margin:40px 0 0 auto;cursor:pointer}@media (max-width: 1000px){.contact .container{padding:30px 15px}}@media (max-width: 760px){.contact__field:not(:first-child){margin-left:0px}.contact__form .row{flex-direction:column}}.thank-you{display:none;background-color:#ffffff;border-radius:4px;width:320px;padding:30px 40px}.footer{margin:32px 0 0 0}.footer__content{display:flex;justify-content:space-between}.footer .brand__title{color:#000000}.footer .social__list{list-style:none}.footer .social__item:not(:first-child){margin:0 0 0 8px}.footer .social__link{color:#888888;font-size:24px;text-decoration:none;transition:color 0.25s}.footer .social__link:hover{color:#ffffff}.footer .copyright{padding:8px 0;margin:10px 0 0 0;border-top:1px solid #888888}.footer .copyright__text{color:#888888;font-size:13px}body{font-family:sans-serif;font-family:'Roboto';background-color:#f4f5f8}a:hover{color:inherit;text-decoration:inherit}.video{padding:32px 0 0 0}.video__title{font-size:28px;font-weight:900;text-transform:uppercase;margin:0}.video__subtitle{text-transform:uppercase;font-size:13px;font-weight:600}.video img{box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);border-radius:5px;margin:00px 0;width:100%}.video video{outline:none;border-radius:5px;box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);width:100%}.contacts{padding:32px 0}.contacts__list{list-style:none}.contacts img{box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);border-radius:5px;margin:00px 0;width:100%}.gif{background-color:#ffffff;padding:30px 0}.gif img{border-radius:5px;box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);width:100%}.nopadding{padding:0 !important;margin:0 !important}.img{outline:none;border-radius:5px;box-shadow:0 9px 30px 0 rgba(35,38,42,0.1);width:100%}.frame-blc{overflow:hidden;position:relative;padding-bottom:50.5%;padding-top:30px;height:0;margin:5px 0}.frame-blc iframe{position:absolute;width:100%;height:100%;left:0;top:0;border:none}
