body { color           : white; background-color: #424242; margin          : 0; padding         : 0; font-family     : "Gilroy"; overflow-x      : hidden; } body:before { content : ""; position: fixed; top     : 50%; left    : 50%; z-index : 9999; width   : 1px; height  : 1px; outline : 2999px solid invert; } * { -webkit-box-sizing: border-box; box-sizing        : border-box; } img { max-width: 100%; } .alogo { max-width: 500px; } h1, h2, h3, h4, h5, h6, p { margin : 0; padding: 0; color  : #fffffff0; } ul { list-style: none; padding   : 0; margin    : 0; } a { text-decoration: none; } .input { padding      : 16px; border       : 1px solid #a7a7a7; border-radius: 4px; font-size    : 16px; font-weight  : 500; color        : #565656; outline      : none; } .button { /* background: -webkit-gradient(linear, left top, left bottom, from(#FFEB8F), to(#FFD100)); */ background        : linear-gradient(180deg, #e9e9e9 0%, #919191 100%); -webkit-box-shadow: 0px 3px 0px #E2B100; box-shadow        : 0px 3px 0px #585858; border            : none; outline           : none; padding           : 16px 14px; border-radius     : 4px; font-size         : 16px; font-weight       : 500; color             : black; cursor            : pointer; } .section__title { font-size  : 36px; font-weight: 500; } .section__subtitle { font-size  : 22px; font-weight: 300; } .section__subtitle span { font-weight: 600; color      : #f93245; } .section { background-color: #0e0e0e; padding         : 70px 0px; } .container { margin   : 0 auto; max-width: 1140px; width    : 95%; } .container-fluid { width    : 100%; max-width: 100%; } .label { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .label__checkbox { display: none; } .label__text { font-size  : 14px; font-weight: 500; color      : #BFBFBF; cursor     : pointer; } .label__fake { width            : 14px; height           : 14px; border           : 1px solid #f93245; border-radius    : 2px; display          : inline-block; vertical-align   : middle; position         : relative; cursor           : pointer; -ms-flex-negative: 0; flex-shrink      : 0; } .label__fake::after { content           : ""; position          : absolute; background        : url("../img/main/check.svg") center center no-repeat; top               : 50%; left              : 50%; -webkit-transform : translate(-50%, -50%); transform         : translate(-50%, -50%); width             : 11px; height            : 6px; -webkit-transition: 0.3s; transition        : 0.3s; opacity           : 0; } .label__checkbox:checked+.label__fake::after { opacity: 1; } @media (min-width: 320px) and (max-width: 576px) { .section__title { font-size: 28px; } .section__subtitle { font-size: 16px; } .mwork { height: 190px; } .section { padding: 45px 0px; } } .mwork { height: 250px; } .nav { padding      : 10px 0px; border-bottom: 2px solid #686868; position     : relative; } .nav__btn { display           : none; -webkit-box-pack  : center; -ms-flex-pack     : center; justify-content   : center; -webkit-box-align : center; -ms-flex-align    : center; align-items       : center; -webkit-transition: all 0.3s; transition        : all 0.3s; } .nav__btn span { width             : 35px; height            : 2px; background-color  : #d5d5d5; border-radius     : 1px; -webkit-transition: all 0.3s; transition        : all 0.3s; transition        : all 0.3s; transition        : all 0.3s; } .nav__btn span::after { content          : ""; display          : block; width            : 35px; height           : 2px; background-color : #e9e9e9; border-radius    : 1px; -webkit-transform: translateY(-12px); transform        : translateY(-12px); } .nav__btn span::before { content          : ""; display          : block; width            : 35px; height           : 2px; background-color : #919191; border-radius    : 1px; -webkit-transform: translateY(10px); transform        : translateY(10px); } .nav__logo { width       : 100px; margin-right: 16px; } .nav-block { 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; } .nav-info { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : center; -ms-flex-pack    : start; justify-content  : center; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center;  } .nav-list { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; -ms-flex-wrap    : wrap; flex-wrap        : wrap; } .nav-list__item { margin-right: 20px; } .nav-list__item a { color             : #ffffff; -webkit-transition: all 0.3s; transition        : all 0.3s; line-height       : 24px; } .nav-list__item a:hover { border-bottom: 1px solid #f93245; } .nav-wrap { -ms-flex-negative: 0; flex-shrink      : 0; } .nav-place { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; margin-right     : 50px; -ms-flex-negative: 0; flex-shrink      : 0; } .nav-place img { margin-right: 8px; } .nav-contact { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: start; -ms-flex-align   : start; align-items      : flex-start; } .nav-mob-phone { color      : #ebebeb; font-size  : 18px; font-weight: 700; line-height: 28px; display    : none; } .nav-connect { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; -ms-flex-negative: 0; flex-shrink      : 0; } .nav-connect-list__item a { color      : #d5d5d5; line-height: 24px; } .nav-connect-info { display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-pack     : end; -ms-flex-pack        : end; justify-content      : flex-end; -webkit-box-align    : end; -ms-flex-align       : end; align-items          : flex-end; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .nav-connect-info a { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .nav-connect-info a img { margin-right: 4px; } .nav-connect-info a span { font-weight: 700; font-size  : 18px; color      : #f7f7f7; } .nav__button { margin-left      : 16px; -ms-flex-negative: 0; flex-shrink      : 0; } .nav-icons { display          : none; margin-right     : 14px; margin-top       : 5px; display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .nav-icons a { width      : 22px; height     : 22px; margin-left: 4px; } .nav__small { color    : #BFBFBF; font-size: 14px; } .nav-mob-menu { -webkit-transition: all 0.3s; transition        : all 0.3s; -webkit-transform : translate(-100%); transform         : translate(-100%); position          : absolute; top               : 100%; background-color  : #0e0e0e; width             : 100%; z-index           : 100; padding           : 24px 12px; max-width         : 100%; border-bottom     : 2px solid #464646; border-top        : 2px solid 464646; } .nav-mob-menu .nav-mob-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-pack     : center; -ms-flex-pack        : center; justify-content      : center; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; text-align           : center; } .nav-mob-menu .nav-connect { -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; margin-left          : 0; } .nav-mob-menu .nav-connect-info { -webkit-box-pack : center; -ms-flex-pack    : center; justify-content  : center; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .nav-mob-menu .nav__button { margin-left: 0; margin-top : 16px; } .nav-mob-menu .nav-icons { margin-bottom: 16px; } .nav-mob-menu .nav-icons a img { width : 32px; height: 32px; } .nav-btn__active span { height            : 0px; -webkit-transition: all 0.3s; transition        : all 0.3s; } .nav-btn__active span::after { -webkit-transition: all 0.3s; transition        : all 0.3s; -webkit-transform : rotate(45deg) translateY(-1px); transform         : rotate(45deg) translateY(-1px); } .nav-btn__active span::before { -webkit-transition: all 0.3s; transition        : all 0.3s; -webkit-transform : rotate(-45deg) translateY(1px); transform         : rotate(-45deg) translateY(1px); } .menu__active { -webkit-transform : translate(0%); transform         : translate(0%); -webkit-transition: all 0.3s; transition        : all 0.3s; } @media (min-width: 320px) and (max-width: 1040px) { .nav-place { margin-right: 12px; } .nav-list_item { margin-right: 10px; } .nav-mob-phone { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 320px) and (max-width: 1000px) { .nav { background-color: #424242; position        : fixed; z-index         : 999; width           : 100%; } .nav-list { display: none; } .nav-contact { display: block; } .nav__btn { height: 40px; width  : 67px; display: -webkit-box; display: -ms-flexbox; display: flex; } } .main { padding-top    : 147px; padding-bottom : 120px; /* background  : url("../img/main/main-bg-4.jpg") center center no-repeat; background-size: cover; position       : relative; */ } .main__title { backdrop-filter : blur(10px); border-radius   : 8px; background-color: rgba(66, 66, 66, 0.5); font-size       : 54px; line-height     : 101%; margin-bottom   : 16px; max-width       : 520px; ; margin-right: 0px; text-shadow : black 6px 3px 10px; text-align  : center; } .main__title span { font-weight: 700; } .main__subtitle { font-size       : 32px; font-weight     : 400; margin-bottom   : 32px; padding         : 10px; background-color: #424242; max-width       : 358px; border-radius   : 8px; } .main__subtitle span { font-weight: 600; color      : #f93245; } .main-contact { background        : #424242; padding           : 10px; border-radius     : 8px; max-width         : 358px; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); box-shadow        : 0px 4px 20px rgba(0, 0, 0, 0.05); } .main-block { padding      : 24px 16px; border       : 1px solid #a7a7a7; border-radius: 6px; } .main__form { display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-pack     : start; -ms-flex-pack        : start; justify-content      : start; -webkit-box-align    : start; -ms-flex-align       : start; align-items          : start; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .main__form input { width        : 100%; margin-bottom: 12px; } .main__button { width        : 100%; margin-bottom: 20px; } .main-man { position: absolute; bottom  : 0; right   : 350px; } @media (min-width: 320px) and (max-width: 576px) { /*.main { background: url("../img/main/main-bg-4.jpg") left center no-repeat; } */ .main__title { font-size: 32px; } img { max-width: 100%; } .back-4 { background: url(/img/main/main-bg-3.jpg) bottom / cover no-repeat !important; } .back-5 { background: url(/img/main/main-bg-4.jpg) center / cover no-repeat !important; } } @media (min-width: 320px) and (max-width: 992px) { .main { padding-top: 200px; } .main-man { display: none; } .nav-hide { display: none; } .nav-info { display: none; } .btop { display: none; padding: 10px 0px; width  : 72px; } .nav__logo { margin-right: 0px; } .nav-connect-info a span { font-size: 16px; } } @media (min-width: 320px) and (max-width: 1366px) { .main .container { padding: 0; } } @media (min-width: 992px) and (max-width: 1366px) { .main-man { right: 70px; } } .features { background: #0e0e0e; } .features-block { padding           : 10px; background-color  : #424242; border-radius     : 12px; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); box-shadow        : 0px 4px 20px rgba(0, 0, 0, 0.05); -webkit-transform : translateY(-63px); transform         : translateY(-63px); } .promo { font-size  : 36px; font-weight: 500; text-align : center; } .promo-block { margin-top: 95px; } .features-content { padding          : 24px; border           : 1px solid #a7a7a7; border-radius    : 6px; display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : center; -ms-flex-pack    : center; justify-content  : center; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; } .features-item { -ms-flex-preferred-size: 30%; flex-basis             : 30%; 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; -webkit-box-orient     : vertical; -webkit-box-direction  : normal; -ms-flex-direction     : column; flex-direction         : column; } .features-item img { margin-bottom: 16px; } .features__descr { text-align: center; font-size : 18px; } .features__descr span { color      : #f93245; font-weight: 700; } @media (min-width: 320px) and (max-width: 768px) { .features-content { -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; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; } .features-item { margin-bottom: 32px; } } .calc { background: #0e0e0e; } .variant-block { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : justify; -ms-flex-pack    : justify; justify-content  : space-between; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; -ms-flex-wrap    : wrap; flex-wrap        : wrap; } .variant-item { -ms-flex-preferred-size: 32%; flex-basis             : 32%; padding                : 200px 24px 24px 24px; margin-bottom          : 24px; cursor                 : pointer; position               : relative; } .variant-item:hover .variant__button { opacity   : 1; visibility: visible; } .variant-item__title { color      : #ffffff; font-weight: 500; } .variant__button { position          : absolute; top               : 50%; left              : 50%; -webkit-transform : translate(-50%, -50%); transform         : translate(-50%, -50%); opacity           : 0; visibility        : hidden; -webkit-transition: all 0.3s; transition        : all 0.3s; } @media (min-width: 576px) and (max-width: 992px) { .variant-item { -ms-flex-preferred-size: 49%; flex-basis             : 49%; } .variant-item:last-child { -ms-flex-preferred-size: 100%; flex-basis             : 100%; } } @media (min-width: 320px) and (max-width: 576px) { .variant-block { -webkit-box-pack : center; -ms-flex-pack    : center; justify-content  : center; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .variant-item { -ms-flex-preferred-size: 90%; flex-basis             : 90%; } } .stage-block { 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; } .stage-block .stage-item { width: 32%; } .stage-block-second { 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; } .stage-block-second .stage-item:first-child { width : 68%; margin: 15px; } .stage-block-second .stage-item:last-child { width : 31%; margin: 15px; } .stage-item { padding      : 8px 24px; border-radius: 4px; background   : #3c3c3c; height       : 307px; position     : relative; margin       : 15px; z-index      : 1; } .stage-item__title { font-size  : 95px; font-weight: 900; color      : #ffffff; } .stage-item__subtitle { font-size        : 48px; font-weight      : 600; -webkit-transform: translateY(-40px); transform        : translateY(-40px); } .stage-item img { position: absolute; } .stage-img-1 { bottom: 0; right : 20px; } .stage-img-2 { bottom       : 0; right        : 0px; border-radius: 4px; } .stage-img-3 { z-index: -1; top    : 101px; left   : 46px; right  : 0; width  : 83%; } .stage-img-4 { bottom       : 0; right        : 0; border-radius: 4px; } .stage-img-5 { bottom       : 0; right        : 0; border-radius: 4px; } .stage__button { max-width: 240px; display  : block; margin   : 35px auto 0px auto; } @media (min-width: 320px) and (max-width: 768px) { .stage-item__title { font-size: 85; } .stage-item__subtitle { font-size        : 36px; font-weight      : 600; -webkit-transform: translateY(-40px); transform        : translateY(-40px); } } @media (min-width: 320px) and (max-width: 992px) { .stage-block { -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .stage-block .stage-item { width: 80%; } .stage-block-second { -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .stage-block-second .stage-item:first-child { width: 80%; } .stage-block-second .stage-item:last-child { width: 80%; } .stage-img-4 { width: 150px; } } .desicion { background-color: #0e0e0ef2; } .desicion-block { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : justify; -ms-flex-pack    : justify; justify-content  : space-between; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; } .desicion-item { margin-bottom          : 30px; background-color       : #424242; -ms-flex-preferred-size: 23%; flex-basis             : 46%; border-radius          : 4px; -webkit-box-shadow     : 0px 4px 20px rgba(0, 0, 0, 0.05); box-shadow             : 0px 4px 20px rgba(0, 0, 0, 0.05); } .desicion-item img { width     : 100%; max-height: 300px; } .desicion-item-text { color                : #e1e1e1; padding              : 12px; display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; background-color     : #404040; } .desicion-item__title { margin-bottom: 8px; font-size    : 18px; font-weight  : 500; min-height   : 40px; } .desicion-item__price { margin-bottom: 14px; font-size    : 18px; font-weight  : 700; color        : #ffffff; } .desicion__button { text-align: center; } @media (min-width: 320px) and (max-width: 576px) { .desicion-block { -ms-flex-wrap    : wrap; flex-wrap        : wrap; -webkit-box-pack : center; -ms-flex-pack    : center; justify-content  : center; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .desicion-item { -ms-flex-preferred-size: 70%; flex-basis             : 90%; ; margin-bottom: 20px; } } @media (min-width: 576px) and (max-width: 992px) { .desicion-block { -ms-flex-wrap: wrap; flex-wrap    : wrap; } .desicion-item { margin-bottom          : 24px; -ms-flex-preferred-size: 48%; flex-basis             : 48%; } } .contact { position  : relative; background: #424242; } .contact-img { position         : absolute; top              : 50%; -webkit-transform: translateY(-50%); transform        : translateY(-50%); left             : 0; } .contact-block { 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; } .contact__form { 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; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; width                : 280px; } .contact__form input { width        : 314px; margin-bottom: 12px; } .contact__button { width: 314px; } .contact__subtitle { max-width   : 520px; margin-left : auto; margin-right: auto; } @media (min-width: 320px) and (max-width: 576px) { .contact__form input { width: 100%; } .contact__button { width: 100%; } } @media (min-width: 320px) and (max-width: 1225px) { .contact-img { display: none; } } .about { background: #424242; } .about-block { 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; } .about-text { margin-left: 30px; } .about__title { margin-bottom: 24px; } .about__descr { margin-bottom: 48px; } @media (min-width: 320px) and (max-width: 992px) { .about-block { -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      : start; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; } .about-block img { display: none; } } .feedback-block { 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; } .feedback-wrap { -ms-flex-preferred-size: 32%; flex-basis             : 32%; position               : relative; height                 : 200px; } .feedback-wrap iframe { width : 100%; height: 100%; } .feedback__button { display   : block; text-align: center; margin    : 32px auto 0px auto; max-width : 280px; } .feedback__active::after { content        : ""; position       : absolute; top            : 0; left           : 0; right          : 0; bottom         : 0; width          : 100%; height         : 100%; background     : url("../img/feedback/video-bg.png") center center no-repeat; background-size: cover; z-index        : 100; cursor         : pointer; } @media (min-width: 320px) and (max-width: 768px) { .feedback-block { -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; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; } .feedback-wrap { margin-bottom: 24px; } } @media (min-width: 320px) and (max-width: 576px) { .feedback-wrap { -ms-flex-preferred-size: 100%; flex-basis             : 100%; } } .footer { background     : url("../img/footer/footer-bg2.png") center center no-repeat; background-size: cover; position       : relative; } .footer iframe { filter  : invert(1) hue-rotate(-190deg); position: absolute; } .footer-block { position: relative; } .footer-item { position          : absolute; top               : 100px; left              : 0; z-index           : 100; padding           : 32px; border-radius     : 8px; background        : #424242; max-width         : 330px; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); box-shadow        : 0px 3px 15px rgba(0, 0, 0, 0.15); } .footer-place { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; margin-bottom    : 24px; } .footer-place img { margin-right: 8px; } .footer-text { display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-pack     : start; -ms-flex-pack        : start; justify-content      : start; -webkit-box-align    : start; -ms-flex-align       : start; align-items          : start; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .footer-text span { font-size: 18px; color    : #fff; } .footer-text span:nth-child(1) { font-weight  : 600; margin-bottom: 4px; } .footer-phone { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; margin-bottom    : 24px; } .footer-phone img { margin-right: 8px; } .footer__button { margin-top: 16px; } .footer-social { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : start; -ms-flex-pack    : start; justify-content  : start; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; } .footer-social .footer-text { margin-left: 8px; } .footer-icons { margin-top: 16px; } .footer-icons img { margin-right: 8px; } /* @media (min-width: 320px) and (max-width: 768px) { .footer { padding-top: 100px; padding-bottom: 100px; } } */ .question-blocks { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : justify; -ms-flex-pack    : justify; justify-content  : space-between; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; } .question-block { display                : -webkit-box; display                : -ms-flexbox; display                : flex; -webkit-box-pack       : start; -ms-flex-pack          : start; justify-content        : start; -webkit-box-align      : start; -ms-flex-align         : start; align-items            : start; -ms-flex-preferred-size: 48%; flex-basis             : 48%; -webkit-box-orient     : vertical; -webkit-box-direction  : normal; -ms-flex-direction     : column; flex-direction         : column; } .question-header { 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; width            : 100%; } .question-header__title { font-size  : 18px; font-weight: 500; } .question-icon { width             : 24px; height            : 2px; border-radius     : 1px; background        : #565656; position          : relative; -webkit-transition: all 0.3s; transition        : all 0.3s; -ms-flex-negative : 0; flex-shrink       : 0; } .question-icon::after { -webkit-transition: all 0.3s; transition        : all 0.3s; content           : ""; position          : absolute; width             : 24px; height            : 2px; border-radius     : 1px; background        : #565656; -webkit-transform : rotate(90deg); transform         : rotate(90deg); } .question-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                : 100%; padding              : 16px; border-radius        : 8px; border               : 1px solid #E1E1E1; margin-bottom        : 24px; } .question-body { margin-top: 24px; display   : none; } .question-body__descr { font-size  : 16px; font-weight: 300; line-height: 140%; } .icon__active .question-icon::after { -webkit-transition: all 0.3s; transition        : all 0.3s; display           : none; } .icon__active .question-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .question-body__active { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 320px) and (max-width: 992px) { .question-blocks { -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; -webkit-box-align    : center; -ms-flex-align       : center; align-items          : center; } .question-block { -ms-flex-preferred-size: 80%; flex-basis             : 80%; } } .work-tabs { margin-bottom    : 32px; 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; padding          : 11px 14px; border           : 1px solid #a7a7a7; border-radius    : 40px; max-width        : 700px; margin-left      : auto; margin-right     : auto; } .work-tabs__item { padding      : 12px 36px; border       : 1px solid #a7a7a7; border-radius: 25px; color        : #565656; font-weight  : 500; font-size    : 18px; margin-left  : 3px; margin-right : 3px; } .work-slider { display          : -webkit-box; display          : -ms-flexbox; display          : flex; -webkit-box-pack : justify; -ms-flex-pack    : justify; justify-content  : space-between; -webkit-box-align: start; -ms-flex-align   : start; align-items      : start; position         : relative; -ms-flex-wrap    : wrap; flex-wrap        : wrap; } .work-content { display: none; } .work-item { display                : -webkit-box; display                : -ms-flexbox; display                : flex; -webkit-box-pack       : start; -ms-flex-pack          : start; justify-content        : start; -webkit-box-align      : start; -ms-flex-align         : start; align-items            : start; -webkit-box-orient     : vertical; -webkit-box-direction  : normal; -ms-flex-direction     : column; flex-direction         : column; -webkit-box-shadow     : 0px 2px 15px rgba(0, 0, 0, 0.1); box-shadow             : 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius          : 12px; -ms-flex-preferred-size: 30%; flex-basis             : 30%; margin                 : 15px; outline                : none; } .work-item img { border-top-left-radius : 12px; border-top-right-radius: 12px; width                  : 500px; max-height             : 256px; } .work-item-text { padding              : 24px; display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-pack     : start; -ms-flex-pack        : start; justify-content      : start; -webkit-box-align    : start; -ms-flex-align       : start; align-items          : start; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .work-item__title { font-size    : 24px; font-weight  : 600; margin-bottom: 16px; } .work-item__subtitle { font-size  : 18px; font-weight: 300; } .work-item__subtitle span { font-weight: 600; } .work__button { margin-top: 24px; width     : 100%; text-align: center; display   : block; } .prev { position         : absolute; width            : 54px; height           : 54px; border           : none; outline          : none; cursor           : pointer; background       : url("../img/work/prev.svg") center center no-repeat; top              : 50%; -webkit-transform: translateY(-50%); transform        : translateY(-50%); left             : -27px; z-index          : 10; } .next { position         : absolute; width            : 54px; height           : 54px; border           : none; outline          : none; cursor           : pointer; background       : url("../img/work/next.svg") center center no-repeat; top              : 50%; -webkit-transform: translateY(-50%); transform        : translateY(-50%); right            : -27px; z-index          : 10; } .work-tab__active { background-color: #c7c7c7; color           : black; } .work-content__active { display: block; } @media (min-width: 320px) and (max-width: 768px) { .work-tabs { -ms-flex-wrap: wrap; flex-wrap    : wrap; } .work-tabs__item { -ms-flex-preferred-size: 48%; flex-basis             : 48%; padding                : 0; text-align             : center; padding                : 12px 0px; } .work-tabs__item:nth-child(1) { margin-bottom: 12px; } .work-tabs__item:nth-child(2) { margin-bottom: 12px; } .work-slider { -webkit-box-pack : center; -ms-flex-pack    : center; justify-content  : center; -webkit-box-align: center; -ms-flex-align   : center; align-items      : center; } .work-item { -ms-flex-preferred-size: 70%; flex-basis             : 70%; } } @media (min-width: 320px) and (max-width: 576px) { .work-item { -ms-flex-preferred-size: 80%; flex-basis             : 80%; } .work-item-text { padding              : 16px; display              : -webkit-box; display              : -ms-flexbox; display              : flex; -webkit-box-pack     : start; -ms-flex-pack        : start; justify-content      : start; -webkit-box-align    : start; -ms-flex-align       : start; align-items          : start; -webkit-box-orient   : vertical; -webkit-box-direction: normal; -ms-flex-direction   : column; flex-direction       : column; } .work-item__title { font-size    : 24px; font-weight  : 600; margin-bottom: 16px; } .work-item__subtitle { font-size  : 18px; font-weight: 300; } .work-item__subtitle span { font-weight: 600; } .work__button { width: 100%; } .work-tabs__item { font-size: 16px; } } @media (min-width: 768px) and (max-width: 992px) { .work-item { -ms-flex-preferred-size: 45%; flex-basis             : 45%; } } .page-slider { width : 60%; margin: 0 auto; } .modal { position          : fixed; background        : rgba(0, 0, 0, 0.5); top               : 0; left              : 0; width             : 100%; height            : 100%; z-index           : 1000; opacity           : 0; visibility        : hidden; -webkit-transition: all 0.3s; transition        : all 0.3s; } .modal-body { border           : 1px solid #a7a7a7; position         : absolute; top              : 50%; left             : 50%; -webkit-transform: translate(-50%, -50%); transform        : translate(-50%, -50%); padding          : 32px; background-color : #4c4c4c; border-radius    : 12px; width            : 400px; } .modal__form { 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      : start; -webkit-box-align    : start; -ms-flex-align       : start; align-items          : start; } .modal__input { width        : 100%; margin-bottom: 16px; } .modal__button { width: 100%; } .modal__title { text-align   : center; margin-bottom: 20px; } .modal__close { position : absolute; bottom   : 100%; right    : -22px; color    : #ffffff; font-size: 40px; cursor   : pointer; } @media (min-width: 320px) and (max-width: 576px) { .modal-body { width: 300px; } } .modal__active { opacity           : 1; visibility        : visible; -webkit-transition: all 0.3s; transition        : all 0.3s; } .whatsapp-button { position     : fixed; right        : 13px; bottom       : 90px; transform    : translate(-50%, -50%); background   : #25D366; border-radius: 50%; width        : 55px; height       : 55px; color        : #fff; text-align   : center; line-height  : 57px; font-size    : 35px; z-index      : 9999; } .whatsapp-button a { color: #fff; } .whatsapp-button:before, .whatsapp-button:after { content            : " "; display            : block; position           : absolute; border             : 50%; border             : 1px solid #25D366; left               : -20px; right              : -20px; top                : -20px; bottom             : -20px; border-radius      : 50%; animation          : animate 1.5s linear infinite; opacity            : 0; backface-visibility: hidden; } .whatsapp-button:after { animation-delay: .5s; } @keyframes animate { 0% { transform: scale(0.5); opacity  : 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity  : 0; } } div#slider-5 { z-index   : -1; width     : 100%; max-width : 100%; position  : absolute; height    : 88vh; margin-top: -149px; } .back { background-size: cover !important; height         : 88vh !important; } .tony { color      : #424242; text-shadow: 0px 0px 11px #fff; }.containerlogowork {
	display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#424242;padding:10px;
}
.item {
	margin:10px;width:250px;height:250px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-radius:10px 10px 0 0;
}
.item .img img {
	width:230px;height:auto;object-fit:contain;border-radius:10px 10px 0 0;
}
.imglogowork {
	display:flex;align-items:baseline;justify-content:space-around;text-align:center;border-radius:10px 10px 0 0;
}
.box__reviews,.image__mirror{border-radius:16px;overflow:hidden}.title_center{text-align:center}.mirror-wrap{display:flex;justify-content:space-between;padding:30px 0 0}.mirror-box{width:23.1%;margin:30px 0 0}.image__mirror{position:relative}.image__mirror img{display:block;width:100%;height:100%;object-fit:cover}.image__mirror span{display:block;position:absolute;padding:10px;border-radius:90px;top:20px;left:20px;color:#fff;font-size:16px}.color_silver span{background:#707070}.color_white span{background:#2f2f2f}.title__mirror{margin:20px 0 0;font-size:16px;font-weight:500}.text__mirror{font-weight:200;font-size:14px;margin:12px 0 0}.text__mirror p{padding:0 0 8px}.sum__mirror{margin:15px 0 0;font-weight:500;font-size:20px}.body__mirror .button{margin:25px 0 0;width:100%}.hidden{display:none}.text__mirror a{color:#f93345;font-size:14px;text-decoration:underline}.box__reviews img{display:block;max-width:100%}.wrap__reviews{padding:60px 0 0;margin-left:-15px;margin-right:-15px}.wrap__reviews .slick-slide{margin:0 15px}.reviews .slick-arrow{width:40px;height:40px;background:#f93345;border-radius:50%;top:48%}.reviews .slick-next:before,.reviews .slick-prev:before{display:block;content:'';position:absolute;width:4px;height:8px;top:50%;margin-top:-4px;left:50%;margin-left:-2px}.reviews .slick-next:before{background:url(../img/reviews/arrow-right.svg) center no-repeat}.reviews .slick-prev:before{background:url(../img/reviews/arrow-left.svg) center no-repeat}.reviews .slick-prev{left:-50px}.reviews .slick-next{right:-50px}@media screen and (max-width:1200px){.wrap__reviews{margin:0 25px}}@media screen and (max-width:1000px){.mirror-wrap{flex-wrap:wrap}.box__reviews{max-width:555px;margin:0 auto}.reviews .slick-next{right:-40px}.reviews .slick-prev{left:-40px}.mirror-box{width:48%}}@media screen and (max-width:600px){.wrap__reviews,.wrap__reviews .slick-slide{margin:0}.reviews .slick-next,.reviews .slick-prev{top:auto;bottom:-70px}.reviews .slick-next{right:40%;margin-right:-20px}.reviews .slick-prev{left:40%;margin-left:-20px}.reviews.section{padding:45px 0 65px}.mirror-box{width:100%}}
/*cooki*/
.window_kuki {
    display: none;
    position: fixed;
    bottom: 2vh;
    left: 2vw;
    max-width: 450px;
    background: #ffffff;
    margin-bottom: 10vh;
    padding: 20px; 
    z-index: 100;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    box-sizing: border-box; 
}

.inner_kuki {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.window_kuki p {
    font-size: 16px; 
    margin: 0;
    padding-bottom: 2vh;
    text-align: center; 
    width: 100%; 
    color: #333333;
}

.window_kuki p a {
    color: #333333;
    text-decoration: underline;
}

.window_kuki p a:hover {
    text-decoration: none;
}

.button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 15px;
    justify-content: center;
}

.btn_kuki,
.btn_kuki-second {
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #3898ec;
    border: 4px solid transparent;
    border-radius: 20px;
    padding: 8px 20px; 
    font-size: 12px; 
    font-weight: 600;
    color: #ffffff;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .window_kuki {
        margin-bottom: 2vh;
    }
    
}

@media screen and (max-width: 767px) {
    .window_kuki {
        width: 95vw;
        max-width: 300px;
        padding: 2vh 2vw 2vh;
    }
    .window_kuki p {
        font-size: 0.9rem;
        text-align: center;
    }
    .btn_kuki,
    .btn_kuki-second {
        width: 95%;
        max-width: 250px;
        padding: 0.5vh 1vw;
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 480px) {
    .window_kuki {
        max-width: 100%;
        padding: 15px;
        bottom: 0;
        margin-bottom: 90px;
    }
    .window_kuki p {
        font-size: 10px;
        line-height: normal;
    }
    .btn_kuki,
    .btn_kuki-second {
        max-width: 220px;
        padding: 0.5vh 1vw;
        font-size: 0.65rem;
    }
}
.pol_form {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 15px 0 0;
}
.pol_form input {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}
.pol_form label {
	color: #ffff;
	font-size: 14px;
}
.pol_form a {
	color: #fff;
	text-decoration: underline;
}
.pol_form a:hover {
	text-decoration: none;
}
button[disabled] {
	cursor: not-allowed;
}
.max-button {
	position: fixed;
	bottom: 200px;
	right: 45px;
}
.grecaptcha-badge {
	display: none !important;
}
.max-button:before, .max-button:after {
	content: " ";
    display: block;
    position: absolute;
    border: 1px solid #418EF6;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.max-button:after {
    animation-delay: .5s;
}
@media screen and (max-width: 767px) {
	.whatsapp-button {
		bottom: 50px;
	}
	.max-button {
		bottom: 175px;
	}
}