.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} .sidebar-label{display:none !important}.developer img,.developer svg{width:100px !important}.text-page__content-image img{height:auto}.blog_grid{display:flex;justify-content:space-between;flex-wrap:wrap}.blog_grid:after{content:"";flex:auto}.blog_grid .blog_grid_unit{max-width:calc(25% - 15px);min-width:calc(25% - 15px);border:1px solid rgba(255,255,255,.2);font-size:16px;padding:6px;border-radius:10px 10px 0 0;background:#f4f1e8;position:relative;margin-bottom:20px}.blog_grid .blog_grid_unit:last-child{margin-left:20px}.blog_grid .blog_grid_unit .blog_grid_unit_link{position:absolute;left:0;top:0;bottom:0;right:0;text-decoration:none;z-index:3}.blog_grid .blog_grid_unit .blog_grid_unit_img{position:relative;width:100%;height:210px;border-radius:10px 10px 0 0;background-clip:padding-box;overflow:hidden;z-index:1}.blog_grid .blog_grid_unit .blog_grid_unit_img img{width:100%;height:100%;object-fit:cover}.blog_grid .blog_grid_unit .blog_grid_unit_title{display:block;color:#000;font-size:24px;font-weight:500;letter-spacing:-.72px}.blog_grid .blog_grid_unit .blog_grid_unit_content{background-color:#fff;border-radius:15px;background-clip:padding-box;height:175px;margin-top:-15px;position:relative;z-index:2;padding:12px}.blog_grid .blog_grid_unit .blog_grid_unit_content span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(136,146,170,.2);border-radius:50%;background-clip:padding-box;right:30px;bottom:30px;position:absolute;z-index:1;transition:.3s}.blog_grid .blog_grid_unit .blog_grid_unit_content span svg{margin-left:2px}.blog_grid .blog_grid_unit .blog_grid_unit_content span svg path{transition:.3s}.blog_grid .blog_grid_unit:hover .blog_grid_unit_content span{background-color:#ff6201;border-color:#ff6201}.blog_grid .blog_grid_unit:hover .blog_grid_unit_content span svg path{fill:#fff}.single_page_content{min-width:100%;max-width:100%;color:#fff}.single_page_content>:not(:last-child){margin-bottom:15px}.single_page_content b,.single_page_content em,.single_page_content i,.single_page_content ol,.single_page_content p,.single_page_content strong,.single_page_content ul{font-size:20px;line-height:1.3}.single_page_content ol+h2,.single_page_content ol+h3,.single_page_content ol+h4,.single_page_content ol+h5,.single_page_content p+h2,.single_page_content p+h3,.single_page_content p+h4,.single_page_content p+h5,.single_page_content ul+h2,.single_page_content ul+h3,.single_page_content ul+h4,.single_page_content ul+h5{margin-top:45px;color:inherit}.single_page_content h2,.single_page_content h3,.single_page_content h4,.single_page_content h5{color:#fff}.post_grid{display:flex;justify-content:flex-start;grid:18px}.post_grid .post_grid_unit{max-width:298px;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.29);position:relative;overflow:hidden;height:100%;margin-right:18px;position:relative}.post_grid .post_grid_unit:before{position:absolute;left:8px;top:18px;display:flex;align-items:center;gap:5.6px;z-index:1;content:"top-proektor";white-space:nowrap;color:#fff;font-weight:500;letter-spacing:-.48px;background:url("/wp-content/themes/blank-sheet/assets/img/svg/icons.svg#slider-icon") no-repeat left center;padding-left:40px;line-height:24px}.post_grid .post_grid_unit:last-child{margin-right:0}#insert_block1{color:#020101;margin-top:40px;margin-bottom:40px}#insert_block1 h2,#insert_block1 h3{color:#020101}#insert_block1 h3,#insert_block1 .area-card__list{margin-bottom:20px}#insert_block1 .section__body{padding-top:46px}.single_page_content table{width:100%}.single_page_content table tr{border-top:1px solid #393939}.single_page_content table td{padding:23px 10px;border-left:1px solid #393939;border-top:1px solid #393939}.single_page_content table td:last-child{border-right:1px solid #393939}.single_page_content table tr:last-child td{border-bottom:1px solid #393939}.single_page_content ul{margin-bottom:18px}.single_page_content ul>:not(:last-child){margin-bottom:18px}.single_page_content ul li{position:relative;font-size:16px;line-height:1.2;padding-left:12px}.single_page_content ul li:after{position:absolute;content:"";left:0;top:50%;width:4px;height:4px;border-radius:100%;transform:translate(0,-50%);background-color:#fff}.single_page_content .section__bottom{padding-top:70px;padding-bottom:70px;border-top:1px solid #666;border-bottom:1px solid #666;margin-bottom:40px;margin-top:40px}.single_page_content .section__bottom .section__flex-left{max-width:654px;width:100%}.single_page_content .section__bottom .section__flex-left img{height:100%;object-position:right;object-fit:cover}.single_page_content .section__bottom .section__flex-right{width:75%;margin-left:96px}.single_page_content .section__bottom .section__flex-right h4{color:#f4f1e8;font-size:62px;font-weight:500;line-height:1;letter-spacing:-.03em;margin-bottom:36px}.single_page_content .section__bottom .section__flex-right p{color:#fff;font-size:20px;line-height:1.3;letter-spacing:-.03em}.single_page_content .review{margin-bottom:40px}.single_page_content .review .review-card p{color:#000;font-size:24px;font-weight:500;letter-spacing:-.72px}.single_page_content .section__top{margin-bottom:70px;border-bottom:1px solid #666;margin-top:70px;padding-top:70px;border-top:1px solid #666}.single_page_content .section__top .section__flex{display:block}.single_page_content .section__flex-top{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin-bottom:52px;gap:73px}.single_page_content .work-examples .section__top,.single_page_content .review .section__top{border-bottom:none}.single_page_content a,.single_page_content a:hover,.single_page_content a:visited{text-decoration:underline}#insert_block10{margin-top:40px}.single_page_content>p>img{width:auto}.single_page_content .swiper-button-disabled{display:none}.swiper-slide .example-card__name{height:24px;width:95px;background:url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/img/slider_logo.png) no-repeat center;background-size:100%}.visuallyhidden:not(:focus):not(:active){position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}#category_grid_triggers{padding-top:40px}#category_grid_triggers h2{text-align:center}#category_grid_triggers p.sub_title{text-align:center;margin-bottom:30px}#category_grid_triggers #category_grid_triggers_inner{display:flex;justify-content:space-between;flex-wrap:wrap}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit{max-width:calc(50% - 25px);min-width:calc(50% - 25px);margin-bottom:50px}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner{display:flex;justify-content:space-between}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner .category_grid_triggers_inner_unit_img{max-width:50px;min-width:50px}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner .category_grid_triggers_inner_unit_img img{width:100%;height:auto;display:block}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner .category_grid_triggers_inner_unit_txt{max-width:calc(100% - 80px);min-width:calc(100% - 80px)}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner .category_grid_triggers_inner_unit_txt .category_grid_triggers_inner_unit_txt_title{font-size:20px;line-height:1.3;font-weight:700}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit .category_grid_triggers_inner_unit_inner .category_grid_triggers_inner_unit_txt .category_grid_triggers_inner_unit_txt_text{font-size:16px;line-height:1.3}#insert_block1 li:after{background-color:#000}#insert_block38 .insert_block38_grid{display:flex;justify-content:space-between;padding-top:20px}#insert_block38 .insert_block38_grid .insert_block38_grid_unit{max-width:calc(33% - 15px);min-width:calc(33% - 15px);text-align:center}#insert_block38 .insert_block38_grid .insert_block38_grid_unit:first-child{text-align:left}#insert_block38 .insert_block38_grid .insert_block38_grid_unit:last-child{text-align:right}#insert_block38 .insert_block38_grid .insert_block38_grid_unit img{display:inline-block;width:60px;height:auto;margin-bottom:15px}#insert_block38 .insert_block38_grid .insert_block38_grid_unit .grid_title{font-size:24px;font-weight:700;line-height:1.2;font-style:normal;margin-bottom:12px}#insert_block38 .insert_block38_grid .insert_block38_grid_unit .grid_text{font-size:16px;line-height:21px}@media (max-width:1920px){.about-card label{font-size:62px !important}}@media (max-width:1410px){.about-card label{font-size:calc(40px + 22 * (100vw - 375px)/ 1015) !important}}@media (max-width:1200px){.blog_grid .blog_grid_unit{max-width:calc(33% - 10px);min-width:calc(33% - 10px);margin-bottom:20px}#category_grid_triggers #category_grid_triggers_inner .category_grid_triggers_inner_unit{max-width:100%;min-width:100%}#insert_block38 .insert_block38_grid{flex-wrap:wrap}#insert_block38 .insert_block38_grid .insert_block38_grid_unit{max-width:100%;min-width:100%;margin-bottom:20px}#insert_block38 .insert_block38_grid .insert_block38_grid_unit:first-child,#insert_block38 .insert_block38_grid .insert_block38_grid_unit:last-child,#insert_block38 .insert_block38_grid .insert_block38_grid_unit{text-align:left}}@media (max-width:993px){.single_page_content .section__bottom .section__flex-left{min-height:100%}.post_grid .post_grid_unit{width:250px}.single_page_content .section__bottom .section__flex-right{margin-left:35px}.single_page_content .review .section__top{display:none}.single_page_content .review{margin-top:40px}.single_page_content .review ._container{padding:0}}@media (max-width:870px){.blog_grid .blog_grid_unit{max-width:calc(50% - 10px);min-width:calc(50% - 10px)}.blog_grid .blog_grid_unit:last-child{margin-left:20px}}@media (max-width:768px){.post_grid .post_grid_unit{width:186px}.single_page_content .section.area{margin-left:-15px}.single_page_content .area-card{flex-direction:column-reverse}.single_page_content .section__flex-top{flex-direction:column;display:flex;gap:20px}.single_page_content .section__top{margin-top:0}.single_page_content .section__bottom .section__flex{flex-direction:column}.single_page_content .section__bottom .section__flex-right{margin-left:0;margin-top:20px;width:100%}.single_page_content table th,.single_page_content table td{font-size:14px}}@media (max-width:585px){.blog_grid .blog_grid_unit{max-width:100%;min-width:100%}.blog_grid .blog_grid_unit:last-child{margin-left:0}.post_grid{flex-wrap:wrap;justify-content:space-between}.post_grid .post_grid_unit{width:calc(50% - 10px);margin-bottom:20px;margin-right:0}.single_page_content .review .review-card p{font-size:20px;line-height:1.3}}@media (max-width:375px){.about-card label{font-size:40px !important}}#insert_block_show_gallery .next.swiper-button-lock,#insert_block_show_gallery .prev.swiper-button-lock{display:none}th,td,.single_page_content ul>li{font-size:20px;line-height:1.3}.img_b_u_1{width:30%;margin:0 auto}.tags-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:5px;justify-content:space-between}.tag{background-color:#000;color:#fff;padding:8px 12px;border-radius:3px;font-size:14px;text-align:center;transition:background-color .3s ease}.faq-container{max-width:100%;margin:0 auto;margin-top:40px}.faq-item{border-bottom:1px solid #444;overflow:hidden}.faq-item:last-child{border-bottom:medium none}.faq-question{background-color:#2d2b2e;padding:20px;cursor:pointer;position:relative;transition:background-color .3s ease;font-weight:700;user-select:none}.faq-question:hover{background-color:#363438}.faq-question:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;transition:transform .3s ease}.faq-question.active:after{content:'-';transform:translateY(-50%) rotate(0deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#2d2b2e}.faq-answer-content{padding:20px}.faq-answer.active{max-height:500px}.do_{margin-top:50px}.do_section{border-bottom:1px solid #393939;padding-bottom:80px;margin-bottom:80px;display:grid;grid-template-columns:1fr 1fr 193px;column-gap:130px}.do_section:last-child{border-bottom:medium none;padding-bottom:0;margin-bottom:80px}.do_subtitle{font-size:24px !important}.do_highlight p{font-size:16px !important}.do_image{display:block}.do_title_image{display:none}.do_list{color:#b3b3b3;font-size:20px;margin-bottom:25px}.serv_slujb{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-column-gap:130px;border-top:1px solid #393939;padding-top:80px;padding-bottom:80px}.serv_slujb_left a{margin-top:25px;display:block;text-decoration:none !important}@media (max-width:991px){.serv_slujb{display:flex;width:100%;grid-column-gap:0;border-top:none;padding-top:0;padding-bottom:50px;flex-direction:column-reverse;gap:25px;margin-top:-70px}.do_{margin-top:10px}.do_section{padding-bottom:40px;margin-bottom:40px;grid-template-columns:1fr;column-gap:0}.do_title{display:inline;float:left;margin-bottom:0 !important;margin-top:10px}.do_title_image{display:inline;float:right;max-height:58px;max-width:100px}.do_subtitle{width:100%;margin-top:80px;display:block;margin-bottom:25px;font-size:18px !important}.do_image{display:none}}.faq-page-p{color:#999;margin-bottom:40px;max-width:250px;margin-top:30px}@media (max-width:991px){.faq-page-p{margin-bottom:20px;margin-top:0}}.catalog-content details p:not(:last-child){margin-bottom:15px}#productview{max-width:99% !important}.styleofh1{position:relative;z-index:2;color:#fff;font-weight:500;font-size:82px;letter-spacing:-.03em}.styleofh1{margin-bottom:42px}@media (max-width:768px){.styleofh1{color:#f4f1e8}}@media (max-width:375px){.styleofh1{font-size:41px}.styleofh1{margin-bottom:30px}} @charset "UTF-8"; * { padding: 0; margin: 0; border: 0; color: inherit; font-size: inherit } *, *:after, *:before { box-sizing: border-box } :active, :focus { outline: 0 } a:active, a:focus { outline: 0 } aside, footer, header, nav { display: block } body, html { height: 100%; width: 100%; line-height: 1; font-size: 16px; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; box-sizing: border-box } button, input, textarea { font-family: inherit; background-color: inherit } button { display: block; cursor: pointer } a, a:hover, a:visited { text-decoration: none } li, ul { list-style: none; text-decoration: none } h1, h2, h3, h4, h5, h6 { font-weight: 400 } @font-face { font-family: TTHoves; font-display: swap; src: url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../fonts/TT-Hoves-Pro-Medium.woff2) format("woff2"), url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../fonts/TT-Hoves-Pro-Medium.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: TTHoves; font-display: swap; src: url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../fonts/TT-Hoves-Pro-Regular.woff2) format("woff2"), url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../fonts/TT-Hoves-Pro-Regular.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } :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; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-android .swiper-slide, .swiper-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; width: 100%; height: 100%; position: relative; transition-property: transform; display: block } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: 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 var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { 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) } } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75 } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height) } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none } .f-spinner svg :first-child { stroke: var(--f-spinner-color-1) } .f-spinner svg :last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg) } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } .f-throwOutUp { animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp } .f-throwOutDown { animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown } @keyframes f-throwOutUp { to { transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0 } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0 } } .f-zoomInUp { animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp } .f-zoomOutDown { animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown } @keyframes f-zoomInUp { from { transform: scale(.975) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes f-zoomOutDown { to { transform: scale(.975) translate3d(0, 16px, 0); opacity: 0 } } .f-fadeIn { animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2 } .f-fadeOut { animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1 } @keyframes f-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeOut { 100% { opacity: 0 } } .f-fadeFastIn { animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn; z-index: 2 } .f-fadeFastOut { animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut; z-index: 2 } @keyframes f-fadeFastIn { 0% { opacity: .75 } 100% { opacity: 1 } } @keyframes f-fadeFastOut { 100% { opacity: 0 } } .f-fadeSlowIn { animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn; z-index: 2 } .f-fadeSlowOut { animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut; z-index: 1 } @keyframes f-fadeSlowIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeSlowOut { 100% { opacity: 0 } } .f-crossfadeIn { animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn; z-index: 2 } .f-crossfadeOut { animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut; z-index: 1 } @keyframes f-crossfadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-crossfadeOut { 100% { opacity: 0 } } .f-slideIn.from-next { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext } .f-slideIn.from-prev { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev } .f-slideOut.to-next { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext } .f-slideOut.to-prev { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev } @keyframes f-slideInPrev { 0% { transform: translateX(100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideInNext { 0% { transform: translateX(-100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%) } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%) } } .f-classicIn.from-next { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext; z-index: 2 } .f-classicIn.from-prev { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev; z-index: 2 } .f-classicOut.to-next { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext; z-index: 1 } .f-classicOut.to-prev { animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev; z-index: 1 } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0 } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0 } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65 } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition) } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: 0 } .f-button:focus-visible { outline: 0; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity .15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-next, .f-carousel__nav .f-button.is-prev, .fancybox__nav .f-button.is-next, .fancybox__nav .f-button.is-prev { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { top: 50%; transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev { top: auto; left: 50%; transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg { transform: rotate(90deg) } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto } html.with-fancybox body { touch-action: none } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: transparent; overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: 0; transform-origin: top left; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain } .fancybox__container *, .fancybox__container ::after, .fancybox__container ::before { box-sizing: inherit } .fancybox__container::backdrop { background-color: rgba(0, 0, 0, 0) } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip } .fancybox__viewport { width: 100%; height: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing } .fancybox__track { display: flex; margin: 0 auto; height: 100% } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-html5video, .fancybox__slide.has-iframe, .fancybox__slide.has-video { overflow: hidden } .fancybox__slide.has-image { overflow: hidden } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide::after, .fancybox__slide::before { content: ""; flex: 0 0 0; margin: auto } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: grab } .can-zoom_in .fancybox__content { cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__content [contenteditable], .fancybox__content [data-selectable] { cursor: auto } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__slide.has-image>.fancybox__content>picture>img { width: 100%; height: auto; max-height: 100% } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden } .is-animating .fancybox__content, .is-dragging .fancybox__content { filter: blur(0); will-change: transform, width, height } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; -webkit-user-select: none; user-select: none } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible } .is-closing .fancybox__caption, .is-loading .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40 } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: .75 } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { padding: 0; margin: 0; position: relative } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all .25s ease } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, .5) } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1 } .is-idle .fancybox__nav { animation: .15s ease-out both f-fadeOut } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5)); z-index: 30; cursor: pointer } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; -webkit-user-select: none; user-select: none } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; -webkit-user-select: none; user-select: none; pointer-events: none } .fancybox-focus-guard { outline: 0; opacity: 0; position: fixed; pointer-events: none } .fancybox__container:not([aria-hidden]) { opacity: 0 } .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) { animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content), .fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) { animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut } .has-html5video .fancybox__content, .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90% } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100% } .has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .has-html5video .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { padding: 0; background: rgba(24, 24, 27, .9); color: #fff } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0) } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; perspective: 1000px; transform: translateZ(0) } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0) } .f-thumbs__track { display: flex } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: max-content } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0)) * -.5); width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0)); cursor: pointer } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none } .is-modern.is-resting .f-thumbs__slide { transition: transform .33s ease; } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path .33s ease; } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color)) } .f-thumbs__slide__button { -webkit-appearance: none; appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: 0; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity .2s ease } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: 0 } .f-thumbs__slide__button:focus-visible { outline: 0; opacity: var(--f-thumb-selected-opacity) } .is-modern .f-thumbs__slide__button { --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0)); clip-path: var(--clip-path) } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn .2s ease-out; z-index: 10 } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius) } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0 } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height .35s cubic-bezier(.23, 1, .32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0 !important } .is-closing .fancybox__thumbs { transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5)); pointer-events: none; z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0 } .is-idle .fancybox__toolbar { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0 } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; -webkit-user-select: none; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex } [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; user-select: none; pointer-events: none } html { scroll-behavior: smooth } body { scroll-behavior: smooth; font-style: normal; color: #292626; font-family: TTHoves, Halvetica, sans-serif; font-size: 16px; background-color: #212023; font-style: normal; font-weight: 400 } body._noscroll { overflow: hidden } .wrapper { min-height: 100%; scroll-behavior: smooth; overflow-x: clip; display: flex; flex-direction: column } main { flex: 1 1 auto } ._container { width: 100%; margin-inline: auto; max-width: 1360px } figure, img, svg { display: block; width: 100%; max-width: 100% } h1, h2, h3 { letter-spacing: -.03em } h1 { position: relative; z-index: 2; color: #fff; font-weight: 500; font-size: 82px } h2 { color: #020101; font-weight: 500; font-size: 62px } h3 { color: #020101; font-weight: 500; font-size: 32px } h4 { font-size: 22px; font-size: 28px; font-weight: 500 } h5 { color: #fff; font-size: 24px; line-height: 1.3 } ._title-sm { font-size: 52px; } .swiper { overflow: visible } ._btn { display: flex; align-items: center; justify-content: center; height: 60px; color: #f2f2f2; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -.03em; border-radius: 4px; border: 1px solid #666; transition: all .3s ease 0s } ._btn svg { width: 14px; height: 6px; transform: rotate(90deg); margin-left: 11px } ._btn-orange { background-color: #ff6201; border: none } ._btn-orange svg { fill: #fff; stroke: #fff } ._btn-dark { color: #000 } ._btn-dark svg { transform: rotate(0) } ._btn-white { background-color: #fff; color: #212023; border-color: #fff } ._btn-transparent { border-color: #fff } ._btn * { pointer-events: none } ._btn._hide { display: none } ._btn-social { border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; display: flex; align-items: center; justify-content: center } ._btn-social svg { fill: #fff; flex: 0 0 auto } ._btn_tg svg { width: 17px !important; height: 14px !important } ._hover { transition: all .3s ease 0s } ._btn-hover { transition: all .3s ease 0s } ._btn-dark-hover { transition: all .3s ease 0s } ._btn-goback { display: inline-flex; align-items: center; font-size: 20px; color: #fff; } ._btn-goback::before { content: ''; display: block; width: 56px; height: 56px; margin-right: 20px; border-radius: 100px; background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='55' height='55' rx='27.5' transform='matrix(-1 0 0 1 55 0)' stroke='white' stroke-opacity='0.4'/%3E%3Cpath d='M25.5 28L27.5 25L20 28L27.5 31L25.5 28Z' fill='white'/%3E%3Cpath d='M34 28H25' stroke='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; transition: background-color 0.3s ease; } ._mobile-show { display: none !important } .slider-control { display: flex; align-items: center; gap: 11px } .slider-control button { width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; display: flex; align-items: center; justify-content: center } .prev svg { transform: rotate(180deg) } .next[disabled], .prev[disabled] { opacity: .5; cursor: no-drop } .next.swiper-button-lock, .prev.swiper-button-lock { opacity: 0 } .pagination { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 16px; display: none } .pagination .swiper-pagination-bullet { background-color: #666; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; cursor: pointer; transition: opacity .3s ease 0s } .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ff6201 } .swiper-arrows { display: flex; column-gap: 10px; } .swiper-arrow { display: block; width: 56px; height: 56px; border-radius: 100px; background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='55' height='55' rx='27.5' transform='matrix(-1 0 0 1 55 0)' stroke='white' stroke-opacity='0.4'/%3E%3Cpath d='M25.5 28L27.5 25L20 28L27.5 31L25.5 28Z' fill='white'/%3E%3Cpath d='M34 28H25' stroke='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; transition: background-color 0.3s ease; } .swiper-arrow[disabled] { opacity: .5; cursor: no-drop; } .swiper-arrow._next { transform: rotate(180deg); } .swiper-dots { position: absolute; display: flex; align-items: center; justify-content: center; column-gap: 10px; left: 0; right: 0; bottom: -25px; } .swiper-dot { width: 4px; height: 4px; border-radius: 100%; background-color: #666; transition: all 0.3s ease; } .swiper-dot.active { width: 6px; height: 6px; background-color: #ff6201; } ._nothing { color: #fff } .loading { text-align: center; width: 100%; font-size: 16px; color: inherit; display: flex; align-items: center; justify-content: center; line-height: 1; margin-top: 1em; color: #fff } .loading span { display: block; border: 2px solid #ff6201; border-radius: 50%; border-top: 2px solid currentColor; width: 1em; height: 1em; margin-left: .5em; animation: spinner 2s linear infinite } @keyframes spinner { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .loading._hide { display: none } del { white-space: nowrap } .header { position: fixed; left: 0; top: 0; z-index: 17; width: 100%; padding-top: 25px; color: #fff; transition: background-color .3s ease 0s, padding-top .3s ease 0s, padding-bottom .3s ease 0s } .header._sticky { background-color: #141315; padding-top: 10px; padding-bottom: 10px } .header__body { display: flex; align-items: center; width: 100% } .header__left { display: flex; align-items: center; justify-content: center } .header__logo a { display: block } .header__logo a svg { flex: 0 0 auto; width: 147px; height: 23px; fill: #fff; max-width: none } .header .logo-mobile { width: 86px; height: 26px } .header__social-btns { display: flex; align-items: center; justify-content: center; gap: 6px } .header__social-btns a { width: 35px; height: 35px } .header__social-btns a img, .header__social-btns a svg { position: relative; flex: 0 0 auto; width: 14px; height: 14px } .header__social-btns ._btn_tg svg { width: 14px; height: 12px } .header__phone { margin-left: 26px; margin-right: 64px; display: flex; flex-direction: column; justify-content: center } .header__phone a, .header__phone span { white-space: nowrap; display: block } .header__phone a { margin-bottom: 4px; font-size: 20px; font-weight: 500; letter-spacing: .6px } .header__phone span { color: #b3b3b3; font-size: 13px } .header__burger { margin-left: 21px; flex: 0 0 auto; width: 35px; height: 35px; border-radius: 50%; background-color: #ff6201; display: flex; align-items: center; justify-content: center; position: relative } .header__burger span { position: absolute; left: 50%; width: 15px; height: 1px; transform: translate(-50%, 0); background-color: #fff; transition: all .3s ease 0s } .header__burger>:first-child { top: 12px } .header__burger>:nth-child(2) { top: 50%; transform: translate(-50%, -50%) } .header__burger>:last-child { bottom: 12px } .header__burger._active>:first-child { top: 50%; transform: translate(-50%, -50%) rotate(45deg) } .header__burger._active>:nth-child(2) { opacity: 0 } .header__burger._active>:last-child { top: 50%; transform: translate(-50%, -50%) rotate(-45deg) } .header ._btn { width: 144px; color: #fff } .header nav { margin-right: auto } .header nav .menu-arrow { display: none } body:has(.menu._open) header { background-color: #212023; padding-top: 10px; padding-bottom: 10px } .footer { margin-top: 73px; margin-bottom: 32px } .footer .line { margin-top: 22px; margin-bottom: 32px; margin-left: auto; margin-right: auto; width: 1px; height: 65px; background-color: rgba(255, 255, 255, .55) } .footer__top { display: flex; align-items: center; justify-content: space-between } .footer nav ul { display: flex; align-items: center; gap: 41px } .footer nav ul li a { display: flex; align-items: center; color: #fff; font-size: 16px } .footer nav ul li a svg { margin-left: 8px } .footer__logo { color: #fff; font-size: 20px; font-weight: 500; letter-spacing: -.03em } .footer__tel { display: block; color: #fff; text-align: center; font-size: 86px; font-weight: 500; margin-bottom: 30px; letter-spacing: -.03em } .footer__mail { display: block; color: #ff6201; text-align: center; font-size: 32px; font-weight: 500; margin-bottom: 63px; letter-spacing: -.03em } .footer__btns { display: flex; align-items: center; gap: 10px } .footer__btns a { width: 54px; height: 54px } .footer__btns img, .footer__btns svg { width: 16px; height: 16px } .footer__center { display: flex; flex-direction: column; align-items: center } .footer__center ul { display: flex; align-items: center } .footer__center ul li a { display: flex; color: #b3b3b3; text-align: center; font-weight: 500; letter-spacing: -.03em } .footer__bottom { display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 134px; border-top: 1px solid rgba(255, 255, 255, .55); padding-top: 33px } .footer__bottom:after { position: absolute; content: ""; left: 50%; top: -93px; transform: translate(-50%, 0); width: 1px; height: 93px; background-color: rgba(255, 255, 255, .55) } .footer__bottom a, .footer__bottom p { color: #666; text-align: center; font-size: 12px; letter-spacing: -.03em } .developer { display: flex; align-items: center; gap: 9px; color: #fff !important; font-size: 12px; line-height: 1; letter-spacing: -.03em } .developer img, .developer svg { width: 20px; height: 20px; flex: 0 0 auto } ._side-fixed { position: fixed; top: 0; width: 100%; z-index: 99; background-color: rgba(0, 0, 0, .8); transition: all .3s ease 0s; opacity: 0; pointer-events: none; visibility: hidden } ._side-fixed[data-position=right] { right: 0 } ._side-fixed[data-position=right] ._side-fixed__container { transform: translate3d(101%, 0, 0); margin: 0 0 0 auto } ._side-fixed[data-position=left] { left: 0 } ._side-fixed[data-position=left] ._side-fixed__container { transform: translate3d(-101%, 0, 0); margin: 0 auto 0 0 } ._side-fixed[data-position=top] { top: 0; right: 0 } ._side-fixed[data-position=top] ._side-fixed__container { transform: translate3d(0, -101%, 0) } ._side-fixed._open { opacity: 1; visibility: visible; pointer-events: all } ._side-fixed._open ._side-fixed__container { transform: translate3d(0, 0, 0) } ._side-fixed__container { background-color: #fff; overflow-y: auto; height: 100%; transition: all .3s ease 0s } ._side-fixed__top { display: flex; align-items: center; justify-content: space-between; width: 100% } ._side-fixed__close { display: block } ._side-fixed__close svg { pointer-events: none; width: 20px; height: 20px } .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin-right: 0; z-index: 16; overflow-y: auto; padding-bottom: 60px; padding-top: 85px; transform: translate3d(100%, 0, 0); transition: all .3s ease 0s; background-color: #212023; color: #fff } .menu._open { transform: translate3d(0, 0, 0) } .menu nav { margin-bottom: 99px } .menu nav>ul>:not(:last-child) { border-bottom: 1px solid #333; margin-bottom: 20px; padding-bottom: 20px } .menu nav>ul>li { display: flex; align-items: center; flex-wrap: wrap; font-size: 24px; line-height: 1.2 } .menu nav>ul>li[data-open]>ul { max-height: 100vh } .menu nav>ul>li[data-open]>.menu-arrow { max-width: 75px } .menu nav>ul>li[data-open]>button:not(.menu-arrow) { display: none } .menu nav>ul>li>ul { width: 100%; flex: 0 0 auto; max-height: 0; overflow: hidden; transition: all .3s ease 0s } .menu nav>ul>li>ul>:not(:last-child) { margin-bottom: 24px } .menu nav>ul>li>ul>:first-child { margin-top: 25px } .menu nav>ul>li>ul .menu-arrow { display: none } .menu nav>ul>li>ul>li { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 18px; line-height: 1.2 } .menu nav>ul>li>ul>li[data-open]>ul { max-height: 100vh } .menu nav>ul>li>ul>li[data-open]>button svg { transform: rotate(180deg) } .menu nav>ul>li>ul>li a { max-width: calc(100% - 40px) } .menu nav>ul>li>ul>li button { width: 21px; height: 21px; flex: 0 0 auto; margin-left: 12px } .menu nav>ul>li>ul>li button svg { width: 6px; height: 3px; flex: 0 0 auto; fill: #fff; transition: all .3s ease 0s; margin-left: auto } .menu nav>ul>li>ul>li ul { width: 100%; flex: 0 0 auto; padding-left: 12px; max-height: 0; overflow: hidden; transition: all .3s ease 0s } .menu nav>ul>li>ul>li ul>:first-child { margin-top: 8px } .menu nav>ul>li>ul>li ul>:not(:last-child) { margin-bottom: 8px } .menu nav>ul>li>ul>li ul li { font-size: 14px } .menu nav>ul>li button { flex: 0 0 auto } .menu nav>ul>li button:not(.menu-arrow) { margin-left: 14px } .menu nav>ul>li button:not(.menu-arrow) svg { fill: currentColor; width: 6px; transform: rotate(-90deg) } .menu nav>ul>li .menu-arrow { width: 75px; max-width: 0; overflow: hidden; transition: all .3s ease 0s } .menu nav>ul>li .menu-arrow svg { width: 56px; height: 56px } .menu__bottom-phone { color: #f4f1e8; font-size: 42px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .menu__bottom-email { display: block; margin-top: 18px; margin-bottom: 48px; color: #ff6201; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -.03em } .menu__bottom-addresses { margin-bottom: 40px } .menu__bottom-addresses>:not(:last-child) { margin-bottom: 16px } .menu__bottom-addresses a { display: block; color: #b3b3b3; font-weight: 500; line-height: 1; letter-spacing: -.03em } .menu ._socials { display: flex; align-items: center; gap: 16px } .menu ._socials a { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3); border-radius: 50% } .menu ._socials svg { width: 24px; height: 24px } [data-accordion] [data-accordion-item][data-open] [data-accordion-item-body] { grid-template-rows: 1fr } [data-accordion] [data-accordion-item-title] { cursor: pointer } [data-accordion] [data-accordion-item-title] * { pointer-events: none } [data-accordion] [data-accordion-item-body] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s; } [data-accordion] [data-accordion-item-height] { overflow: hidden } .to-top { position: fixed; right: 50px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; z-index: 6; display: flex; align-items: center; justify-content: center; transform: translate(0, 50px); opacity: 0; transition: all .3s ease 0s } .to-top._active { transform: translate(0, 0); opacity: 1 } .to-top img { transform: rotate(-90deg) } ._ticker { overflow: hidden; display: flex; justify-content: space-between; position: relative; width: 100vw; left: 50%; transform: translate(-50%, 0); gap: 27px } ._ticker._rotate { transform: translate(-50%, 0) rotate(180deg) } ._ticker._rotate ._ticker-text a, ._ticker._rotate ._ticker-text div { transform: rotate(180deg) } ._ticker-text { display: flex; justify-content: space-between; gap: 27px } ._ticker-text a, ._ticker-text div { display: flex; justify-content: center; align-items: center; width: 285px; height: 156px; background: #f7f7f7; overflow: hidden } [data-animate-top] { transform: translate3d(0, -50px, 0); opacity: 0 } [data-animate-bottom] { transform: translate3d(0, 50px, 0); opacity: 0 } [data-animate-left] { transform: translate3d(-50px, 0, 0); opacity: 0 } [data-animate-right] { transform: translate3d(50px, 0, 0); opacity: 0 } [data-animate-opacity] { opacity: 0 } [data-hidden] { position: relative; overflow: hidden } [data-hidden]._remove:before { top: 100% } [data-hidden]:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background-color: #f4f0ea; z-index: 1; transition: all .3s ease-in 0s } [data-animate] { transition: opacity .5s ease 0s, transform .5s ease 0s; } .form__row { display: flex; align-items: center; gap: 25px; width: 100% } .form__row:not(:first-of-type) { margin-top: 35px } .form__item { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .3); position: relative } .form__item input, .form__item textarea { height: 100%; padding-top: 12px; width: 100%; color: #000; font-size: 20px; display: block } .form__item input._active+span, .form__item input:active+span, .form__item input:focus+span, .form__item textarea._active+span, .form__item textarea:active+span, .form__item textarea:focus+span { font-size: 13px } .form__item input { height: 51px } .form__item textarea { height: 85px; resize: none; padding-top: 18px } .form__item span { transition: all .3s ease 0s; position: absolute; left: 0; top: 0; display: block; color: rgba(0, 0, 0, .5); font-size: 20px; font-weight: 400; letter-spacing: -.03em } .form__item._error { border-color: red } .form__item._error input, .form__item._error span, .form__item._error textarea { color: red } .form__item._error input::placeholder, .form__item._error span::placeholder, .form__item._error textarea::placeholder { color: red } .form__button { margin-top: 51px; position: relative; z-index: 1; width: 100% } .form__button button, .form__button input { width: 100%; margin-bottom: 19px; cursor: pointer } .form__button p { color: #aeaeae; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.2; letter-spacing: -.03em } .form__button a { color: #000 } .form__img { max-width: 841px } .wpcf7-response-output { display: none !important } .wpcf7-spinner { position: absolute; right: 0; margin: 0; bottom: 0 } form.submitting { pointer-events: none; position: relative } form.submitting:before { display: block; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); border-radius: 8px } .file-upload { position: relative } .file-upload._hide { display: none } .file-upload input { opacity: 0; z-index: 1; pointer-events: all !important; position: absolute; inset: 0; cursor: pointer } .file-uploaded { display: flex; align-items: center; gap: 10px; margin-bottom: 48px; display: none } .file-uploaded._active { display: flex } .file-uploaded span { display: block; background-color: #000; border-radius: 4px; padding: 10px; color: #fff; font-weight: 400; line-height: 1.3; letter-spacing: -.03em; font-size: 20px; max-width: calc(100% - 40px) } .file-uploaded__remove { flex: 0 0 auto } .file-uploaded__remove img, .file-uploaded__remove svg { pointer-events: none; width: 29px } .form-file__hidden { display: none } .form-file__hidden._active { display: block } .popup { position: fixed; top: 0; left: 0; background-color: rgba(10, 11, 15, .8); width: 100%; height: 100%; z-index: 100; overflow-y: auto; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .3s ease 0s, visibility .3s ease 0s } .popup._open { opacity: 1; visibility: visible; pointer-events: all } .popup h2 { color: #020101 } .popup__body { position: relative; margin-bottom: 100px; border-radius: 8px; background: #f4f1e8; padding: 59px 71px 51px 44px; margin-top: 170px } .popup__close { position: absolute; right: 13px; top: 13px } .popup__close svg { pointer-events: none; flex: 0 0 auto; width: 22px; height: 22px } .popup__content { text-align: center } .popup__content h2 { color: #000; margin-bottom: 0 } .popup__content p { margin-top: 24px; color: #000; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.3; letter-spacing: -.03em } .popup__content ._btn { max-width: 303px; margin-top: 94px; margin-inline: auto } .popup__flex { display: flex; justify-content: space-between; align-items: flex-end } .popup__flex-right { width: 47.96% } .popup .person { margin-bottom: 33px; display: flex; align-items: center; padding: 16px 56px 16px 16px; gap: 29px; width: fit-content; background-color: #fff } .popup .person__img img { width: 68px; height: 68px; object-fit: cover } .popup .person__info h3 { margin-bottom: 2px; font-size: 24px } .popup .person__info span { display: block; color: #b3b3b3; font-size: 16px } .popup ol>:not(:last-child) { margin-bottom: 14px } .popup ol li { display: flex } .popup ol li label { display: flex; flex-direction: row-reverse; cursor: pointer } .popup ol li label span { flex: 0 0 auto; width: 20px; height: 20px; border: 2px solid #000; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 11px; margin-top: 3px } .popup ol li label span:after { content: ""; width: 8px; height: 8px; border-radius: 50%; transition: all .3s ease 0s } .popup ol li label input { position: absolute; opacity: 0; visibility: hidden } .popup ol li label input:checked+span:after { background-color: #000 } .popup ol li label p { color: #000; font-size: 20px; line-height: 1.4; letter-spacing: -.03em } .popup .consulting { margin: 0 } .popup .section__body { padding: 0 !important } .popup.form-msg .popup__container { max-width: 718px } .popup.form-msg .popup__body { padding: 75px 40px } .popup#present .consulting .section__flex { align-items: flex-start } .hero { padding-top: 178px; padding-bottom: 161px; position: relative; min-height: 478px } .hero__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .hero__image iframe, .hero__image video { display: block; width: 100%; height: 100%; flex: 0 0 auto; object-fit: cover } .hero__image:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; background: linear-gradient(0deg, #212023 0, rgba(33, 32, 35, 0) 100%) } .hero__body { position: relative } .hero__top { margin-bottom: 42px } .hero ol { margin-bottom: 37px; display: flex; align-items: center; gap: 9px } .hero ol li { padding: 6px 14.5px; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: 1px solid rgba(255, 255, 255, .2); color: #fff; font-size: 16px } .hero p { color: #b3b3b3; font-size: 20px; line-height: 1.3; letter-spacing: -.6px } .hero ._btn { width: 297px } .hero.home-hero { position: relative; min-height: 600px } .hero.home-hero .hero__image:after { height: 137px; bottom: -2px; top: unset } .hero.home-hero p { margin: 26px 0 40px 0 } .hero.hero-service { margin-bottom: 90px; padding-top: 192px; padding-bottom: 120px; min-height: 433px } .hero.hero-service h1 { margin-bottom: 28px } .hero.hero-service p { margin-bottom: 101px; max-width: 675px; width: 100% } .hero.hero-service .hero__body { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; text-align: center } .hero.hero-service .hero__body span { margin-top: 28px; display: block; color: #b3b3b3; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .hero.hero-service .hero__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .56 } .hero.hero-service .hero__image:after { content: ""; width: 100%; height: 100%; min-height: 100%; opacity: .56; background: linear-gradient(180deg, #212023 0, rgba(33, 32, 35, 0) 100%) } .hero.hero-service .hero__image img { display: block; width: 100%; height: 100%; object-fit: cover } .hero.hero-service .hero__image:before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2) } ._person { position: fixed; width: 124px; height: 124px; overflow: hidden; transition: all .3s ease 0s; z-index: 10; bottom: 55px; right: 55px } ._person .play-pause { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 20px; height: 20px } ._person .play-pause img, ._person .play-pause svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; pointer-events: none } ._person .play-pause .play { display: block } ._person .close { position: absolute; top: 0; right: 15px; z-index: 100; border-radius: 50%; background-color: #ff6201; width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; display: none } ._person .close svg { flex: 0 0 auto; stroke: #fff; width: 12px; height: 12px; pointer-events: none } ._person-video { position: absolute; width: 100%; height: 100%; object-fit: contain; border-radius: 50%; overflow: hidden; box-shadow: 0 0 1px 1px rgba(255, 255, 255, .2) } ._person-video:before { position: fixed; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; background-color: rgba(33, 32, 35, .8); z-index: 1; opacity: 0; pointer-events: none; transition: all .3s ease 0s } ._person-video iframe, ._person-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center } ._person._active { width: 267px; height: 267px } ._person._active .close { display: flex } ._person._active .play { display: none } ._person._active .pause { display: block } .grid { margin-bottom: 24px; gap: 16px; display: grid; grid-template-rows: auto } .grid-3 { grid-template-columns: repeat(3, 1fr); gap: 24px } .grid-4 { grid-template-columns: repeat(4, 1fr) } .section__top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px } .section__top p { color: #b1b1b1; display: block; margin-top: 10px; letter-spacing: -.03em } .section__flex { display: flex; justify-content: space-between } .page-top { padding-top: 126px } .page-top h1 { margin-bottom: 42px; margin-bottom: 42px } .page-works h1 { margin-bottom: 88px } .area { position: relative; z-index: 2; margin-bottom: 96px } .area .section__body { border-radius: 8px; background-color: #f4f1e8; padding-top: 96px; padding-left: 42px; padding-bottom: 46px; padding-right: 42px } .area .section__row>:not(:last-child) { margin-bottom: 16px } .area ._btn { margin-top: 32px; width: 100% } .how { margin-bottom: 108px } .how h2 { color: #f4f1e8; margin-bottom: 67px } .how .grid { gap: 32px; margin-bottom: 0 } .consulting { margin-bottom: 96px } .consulting h2 { color: #020101 } .consulting .section__body { border-radius: 8px; background: #f4f1e8; padding: 53px 71px 51px 44px } .consulting .section__flex { align-items: flex-end } .consulting .section__flex-left { width: 48% } .consulting .section__flex-right { width: 47.96% } .consulting .person { margin-bottom: 33px; display: flex; align-items: center; padding: 16px 56px 16px 16px; gap: 29px; width: fit-content; background-color: #fff } .consulting .person__img img { width: 68px; height: 68px; object-fit: cover } .consulting .person__info h3 { margin-bottom: 2px; font-size: 24px } .consulting .person__info span { display: block; color: #b3b3b3; font-size: 16px } .example { margin-bottom: 79px } .example .section__top { margin-bottom: 43px } .example ._btn { margin-top: 34px; width: 100% } .example ._btn svg { transform: rotate(0) } .example h2 { color: #f4f1e8 } .example.work-examples .section__top p { display: none } .example .swiper-slide { max-width: 298px } .review { margin-bottom: 117px } .review h2 { color: #f4f1e8 } .review h2 br { display: none } .review h2 a { color: #ff6201; position: relative } .review h2 a:after { transition: all .3s ease 0s; position: absolute; content: ""; left: 0; bottom: 0; background-color: rgba(255, 98, 1, .3); width: 100%; max-width: 0; height: 1px } .review .swiper-slide { height: auto; max-width: 406px } .black { position: relative; z-index: 2 } .black .section__body { border-radius: 8px; background-color: #020202; padding: 76px 60px 71px 60px } .black .section__flex { align-items: center } .black .section__flex-left { flex: 0 0 auto; margin-right: 40px; position: relative } .black .section__flex-left button { position: absolute; bottom: 4px; left: 50%; transform: translate(-50%, 0); width: 81px; height: 81px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; z-index: 2 } .black .section__flex-left button svg { width: 28px; height: 28px; flex: 0 0 auto; stroke: #414141 } .black .section__flex-right { max-width: 687px } .black .section__flex-right p { color: #fff; font-size: 28px; line-height: 1.3; letter-spacing: -.03em } .black .section__flex-right p a, .black .section__flex-right p span { font-weight: 500 } .black .section__bottom { margin-top: 72px } .black .section__bottom a { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: -.03em; white-space: nowrap } .black .section__bottom a svg { width: 14px; height: 6px; flex: 0 0 auto; margin-left: 15px } .black__img-box { display: flex; align-items: center; justify-content: center } .black__img-box>:first-child { margin-right: -33px } .black__img-item { overflow: hidden; border-radius: 50%; border: 4px solid #1c1c1c; background-color: #ff6201; flex: 0 0 auto } .black__img-item img { width: 205px; height: 205px; object-fit: cover } .gobo { padding-bottom: 96px; background-color: #f4f1e8 } .gobo ._btn { width: 100% } .projector { padding-bottom: 96px; background-color: #f4f1e8 } .projector ._btn { width: 100% } .ticker { padding-top: 96px; padding-bottom: 96px; background-color: #ff6201 } .ticker .section__row>:first-child { margin-bottom: 35px } .ticker h2 { color: #f4f1e8 } .faq { margin-top: 105px; margin-bottom: 96px } .faq h2 { color: #f4f1e8 } .faq span { color: #fff; font-size: 20px; line-height: 1.3; letter-spacing: -.03em } .faq [data-accordion-item-content] { color: #ccc; line-height: 1.2; padding-top: 23px; padding-bottom: 6px; padding-left: 37px } .faq [data-accordion]>:not(:last-child) { border-bottom: 1px solid #393939 } .faq [data-accordion-item] { padding: 23px 0 } .faq [data-accordion-item-title] { display: flex } .faq [data-accordion-item-title] button { margin-right: 15px; flex: 0 0 auto; width: 22px; height: 22px; position: relative } .faq [data-accordion-item-title] button>:first-child { transform: rotate(90deg) translate(0, -50%) } .faq [data-accordion-item-title] button span { left: 0; top: 50%; transform: translate(0, -50%); transition: all .3s ease 0s; position: absolute; width: 100%; height: 1px; background-color: #f2f2f2 } .faq [data-open=open] button>:first-child { transform: rotate(0) translate(0, -50%) } .faq [data-open=open] button span { background-color: #ff6201 } .faq .section__flex-left button { width: 224px } .faq ._mobile-show { color: #999; font-size: 14px; font-weight: 500; letter-spacing: -.03em } .big-form { margin-bottom: 84px } .big-form h2 { color: #020101; margin-bottom: 57px } .big-form .section__body { position: relative; border-radius: 8px; background: #f4f1e8; padding: 77px 71px 69px 44px } .big-form .section__flex { align-items: flex-end } .big-form .section__flex-left { position: absolute; top: 0; left: 0 } .big-form .section__flex-right { margin-left: auto; width: 47.96% } .slides { padding-top: 126px; margin-bottom: 70px } .slides .secton__top { margin-bottom: 95px } .slides .section__flex-left { color: #fff; font-weight: 500; line-height: 1; letter-spacing: -.03em } .slides .section__flex-left span { color: #999 } .slides .section__flex-right { color: #fff; font-size: 20px; line-height: 1.3; letter-spacing: -.03em; counter-reset: counter } .slides .section__flex-right li { position: relative; counter-increment: counter; padding-left: 65px } .slides .section__flex-right li:after { position: absolute; content: "" counter(counter); left: 0; top: 0; text-align: center; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid #d9d9d9; border-radius: 50% } .slides .section__flex-right>:not(:last-child) { margin-bottom: 16px } .slides .section__flex-right a { color: #ff6201; text-decoration-line: underline } .type h2 { margin-bottom: 73px } .type .grid-item:nth-child(5n) { border-right: 0 } .type .section__body { background-color: #f4f1e8; padding: 53px 28px 86px 28px } .why { margin-bottom: 81px } .why .section__body { background-color: #000 } .why h2 { color: #f4f1e8; white-space: nowrap } .why ol { display: flex; justify-content: space-between; width: 100%; gap: 27px } .why ol li { display: flex; flex-direction: column } .why ol li svg { flex: 0 0 auto; width: 76px; height: 76px; stroke: #ff6201; fill: none; margin-bottom: 25px } .why ol li p { color: #fff; font-size: 20px; line-height: 1.3; letter-spacing: -.03em } .slide { margin-bottom: 80px } .slide h2 { color: #f4f1e8; margin-bottom: 59px } .slide-tabs { border-bottom: 1px solid #666; margin-bottom: 31px } .slide-tabs ol { display: grid; grid-template-columns: repeat(4, 1fr); width: 100% } .slide-tabs ol li { display: flex; align-items: center; justify-content: center; position: relative; color: #fff; text-align: center; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -.03em; cursor: pointer; padding: 0 10px 20px 10px } .slide-tabs ol li:before { position: absolute; content: ""; left: 0; bottom: 0; background-color: #ff6201; height: 3px; width: 100%; pointer-events: none; z-index: 1; opacity: 0; transition: all .3s ease 0s } .slide-tabs ol li._active:before { opacity: 1 } .slide-item { display: none } .slide-item._active { display: block } .orange { margin-bottom: 80px } .orange h2 { color: #f4f1e8 } .orange .section__body { padding: 42px 105px 76px 46px; background-color: #ff6201 } .orange .section__flex-left { display: flex } .orange .section__flex-left svg { width: 94px; height: 94px; flex: 0 0 auto } .orange .section__flex-right>p { display: block; margin-bottom: 48px; color: #fff; font-size: 20px; line-height: 1.3; letter-spacing: -.03em } .orange-file__btns { display: flex; align-items: center; gap: 11px } .orange-file__btns ._btn { width: 100% } .orange .form__item:not(._error) { border-color: rgba(255, 255, 255, .3) } .orange .form__item:not(._error) input, .orange .form__item:not(._error) span, .orange .form__item:not(._error) textarea { color: #fff } .orange .form__button p { color: #fff } .services { padding-top: 126px; margin-bottom: 109px } .services h1 { margin-bottom: 69px } .services .section__top { display: block } .services .section__bottom { border-top: 1px solid #666; padding-top: 34px } .services .section__bottom h4 { color: #fff; font-size: 52px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .services .section__bottom p { color: rgba(255, 255, 255, .3); display: block; margin-top: 16px; margin-bottom: 50px; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .services .section__bottom ._btn { width: 140px; color: #fff } .services .section__bottom .section__flex { gap: 20px } .services .section__bottom .section__flex-right { background-color: #ff6201; display: flex; align-items: flex-end } .services .section__bottom .section__flex-right img { flex: 0 0 auto; object-fit: contain } .services .grid-2 { gap: 24px 56px; grid-template-columns: repeat(2, 1fr) } .solutions { padding-top: 110px; padding-bottom: 96px; background-color: #020202 } .solutions .section__top { margin-bottom: 41px } .solutions h2 { color: #f4f1e8 } .solutions .swiper { overflow: hidden } .solutions .swiper-slide { max-width: 437px } .details { margin-bottom: 109px; padding-bottom: 80px; border-bottom: 1px solid #666 } .details h2 { color: #f4f1e8 } .contacts { padding-top: 126px; margin-bottom: 117px } .contacts p { margin-top: 47px; margin-bottom: 40px; color: #999; font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .contacts .grid>:not(:last-child) { border-right: 1px solid #333 } .map-iframe { width: 100vw; position: relative; left: 50%; transform: translate(-50%, 0); height: 583px } .map-iframe:before { position: absolute; content: ""; inset: 0; display: block; mix-blend-mode: difference; pointer-events: none; background-color: #fff; z-index: 1 } .map-iframe .ymaps-2-1-79-map, .map-iframe iframe, .map-iframe img { display: block; width: 100%; object-fit: cover } .map .ymaps-2-1-79-ground-pane { filter: grayscale(1); } .error-404-main { display: flex; flex-direction: column } .error-404 { overflow: hidden; position: relative; padding-top: 148px; min-height: 100%; width: 100%; flex: 1 1 auto; display: flex; flex-direction: column; align-items: center } .error-404 .section__body, .error-404 .section__container { height: 100%; flex: 1 1 auto; display: flex; flex-direction: column; align-items: center } .error-404:before { position: absolute; background-image: url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../img/footer-big-blik.png); background-repeat: no-repeat; background-size: cover; content: ""; left: -200px; bottom: -350px; width: 686px; height: 686px } .error-404 h1 { margin-bottom: 34px; text-align: center; font-size: 52px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .error-404 p { color: #fff; margin-bottom: 47px; text-align: center } .error-404 span { color: #f4f1e8; line-height: 1; font-weight: 500; letter-spacing: -.03em; filter: blur(7px); margin-bottom: -180px; font-size: 300px; display: block } .error-404 a { width: 275px; position: relative; z-index: 1 } .error-404 img { position: relative; z-index: 2; object-fit: cover; min-height: 253px; width: 673px } .error-404 .section__body { display: flex; flex-direction: column; align-items: center } .error-404 .section__body div { flex: 1 1 auto; bottom: -80px; position: relative; display: flex; align-items: center; justify-content: flex-end; flex-direction: column } .text-page__content-flex { display: flex; justify-content: space-between; gap: 80px } .text-page__content-text { max-width: 800px; flex: 1 1 auto; width: 100% } .text-page__content-image { max-width: 480px; width: 100%; flex: 0 0 auto } .catalog-content, .characteristics-content, .details-content, .text-page__content { color: #fff } .catalog-content h1, .catalog-content h2, .catalog-content h3, .catalog-content h4, .catalog-content h5, .catalog-content h6, .characteristics-content h1, .characteristics-content h2, .characteristics-content h3, .characteristics-content h4, .characteristics-content h5, .characteristics-content h6, .details-content h1, .details-content h2, .details-content h3, .details-content h4, .details-content h5, .details-content h6, .text-page__content h1, .text-page__content h2, .text-page__content h3, .text-page__content h4, .text-page__content h5, .text-page__content h6 { color: inherit } .catalog-content a, .characteristics-content a, .details-content a, .text-page__content a { color: #ff6201; text-decoration: underline; line-height: 1.3 } .catalog-content>:not(:last-child), .characteristics-content>:not(:last-child), .details-content>:not(:last-child), .text-page__content>:not(:last-child) { margin-bottom: 15px } .catalog-content h2:first-child, .characteristics-content h2:first-child, .details-content h2:first-child, .text-page__content h2:first-child { margin-bottom: 40px } .catalog-content ol+h2, .catalog-content ol+h3, .catalog-content ol+h4, .catalog-content ol+h5, .catalog-content p+h2, .catalog-content p+h3, .catalog-content p+h4, .catalog-content p+h5, .catalog-content ul+h2, .catalog-content ul+h3, .catalog-content ul+h4, .catalog-content ul+h5, .characteristics-content ol+h2, .characteristics-content ol+h3, .characteristics-content ol+h4, .characteristics-content ol+h5, .characteristics-content p+h2, .characteristics-content p+h3, .characteristics-content p+h4, .characteristics-content p+h5, .characteristics-content ul+h2, .characteristics-content ul+h3, .characteristics-content ul+h4, .characteristics-content ul+h5, .details-content ol+h2, .details-content ol+h3, .details-content ol+h4, .details-content ol+h5, .details-content p+h2, .details-content p+h3, .details-content p+h4, .details-content p+h5, .details-content ul+h2, .details-content ul+h3, .details-content ul+h4, .details-content ul+h5, .text-page__content ol+h2, .text-page__content ol+h3, .text-page__content ol+h4, .text-page__content ol+h5, .text-page__content p+h2, .text-page__content p+h3, .text-page__content p+h4, .text-page__content p+h5, .text-page__content ul+h2, .text-page__content ul+h3, .text-page__content ul+h4, .text-page__content ul+h5 { margin-top: 45px } .catalog-content li:not(:last-child), .characteristics-content li:not(:last-child), .details-content li:not(:last-child), .text-page__content li:not(:last-child) { margin-bottom: 16px } .catalog-content b, .catalog-content em, .catalog-content i, .catalog-content ol, .catalog-content p, .catalog-content strong, .catalog-content ul, .characteristics-content b, .characteristics-content em, .characteristics-content i, .characteristics-content ol, .characteristics-content p, .characteristics-content strong, .characteristics-content ul, .details-content b, .details-content em, .details-content i, .details-content ol, .details-content p, .details-content strong, .details-content ul, .text-page__content b, .text-page__content em, .text-page__content i, .text-page__content ol, .text-page__content p, .text-page__content strong, .text-page__content ul { font-size: 20px; line-height: 1.3 } .catalog-content ul, .characteristics-content ul, .details-content ul, .text-page__content ul { padding-left: 1em; list-style: unset } .catalog-content ul li, .characteristics-content ul li, .details-content ul li, .text-page__content ul li { list-style: unset; list-style-type: unset } .catalog-content ol, .characteristics-content ol, .details-content ol, .text-page__content ol { padding-left: 1em } .catalog-content ol li, .characteristics-content ol li, .details-content ol li, .text-page__content ol li { list-style: unset; list-style-type: unset } .sales { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px } .sales-card>div { min-height: 100%; padding-top: 32px; padding-bottom: 40px; padding-inline: 52px } .sales-card>div label { letter-spacing: -.03em } .sales-card>div p { letter-spacing: -.03em; font-weight: 500 } .sales>:first-child>div { background-color: #ff6201 } .sales>:first-child>div label { margin-bottom: 28px } .sales>:last-child>div { background-color: #f4f1e8; background-position: right; background-repeat: no-repeat } .sales>:last-child>div label { font-size: 35px; margin-bottom: 30px; display: block; font-weight: 500; max-width: 347px } .sales>:last-child>div p { font-size: 20px; color: #898989; margin-bottom: 36px; max-width: 347px } .sales>:last-child>div p a { color: #ff6201 } .sales>:last-child>div ._btn { max-width: 260px; width: 100% } .area-card { display: flex; justify-content: space-between; width: 100%; background-color: #fff; border-radius: 8px; overflow: hidden } .area-card__content { display: flex; width: 50%; padding-top: 56px; padding-left: 39px; padding-right: 27px; padding-bottom: 27px } .area-card__title { margin-right: 20px; flex: 1 1 auto } .area-card__title h3 { margin-bottom: 47px } .area-card__title a { display: flex; align-items: center; color: #000; font-size: 18px; font-weight: 500; letter-spacing: -.54px; transition: all .3s ease 0s } .area-card__title a svg { flex: 0 0 auto; width: 14px; height: 6px; margin-left: 7px; transition: all .3s ease 0s; fill: #000 } .area-card__list { width: 57.2% } .area-card__list>:not(:last-child) { margin-bottom: 18px } .area-card__list li { position: relative; font-size: 16px; line-height: 1.2; padding-left: 12px } .area-card__list li:after { position: absolute; content: ""; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 100%; transform: translate(0, -50%); background-color: #292626 } .area-card__img { width: 50%; min-height: 100% } .area-card__img img { height: 100%; object-fit: cover } .how-card { width: 100% } .how-card__top img, .how-card__top svg { width: 82px; height: 82px; object-fit: contain } .how-card__bottom span { display: block; color: #f4f1e8; font-size: 32px; letter-spacing: -.96px; font-weight: 500; margin-bottom: 16px } .how-card__bottom p { display: block; color: #b1b1b1; font-size: 14px; line-height: 1.2; letter-spacing: -.42px } .how-card__bottom a { color: #ff6201 } .how-card__bottom button { width: 140px; margin-top: 24px } .example-card { display: block; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .29); position: relative; overflow: hidden; height: 100%; padding-bottom: 178% } .example-card:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 75px; background: linear-gradient(180deg, #020101 0, rgba(2, 1, 1, 0) 100%) } .example-card__name { position: absolute; left: 18px; top: 18px; display: flex; align-items: center; gap: 5.6px; z-index: 1 } .example-card__name svg { width: 24px; height: 24px } .example-card__name span { white-space: nowrap; color: #fff; font-weight: 500; letter-spacing: -.48px } .example-card__image { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .example-card__image iframe, .example-card__image img, .example-card__image picture, .example-card__image video { display: block; width: 100%; height: 100%; object-fit: cover } .review-card { display: flex; flex-direction: column; padding: 32px; overflow: hidden; height: 100%; border-radius: 4px; background-color: #f4f1e8 } .review-card__text { margin-bottom: 16px; flex: 1 1 auto } .review-card label { display: block; color: #000; font-size: 24px; font-weight: 500; letter-spacing: -.72px } .review-card img { margin: 16px 0; height: 14px; width: fit-content } .review-card p { color: #292626; line-height: 1.3; font-weight: 400 } .review-card span { font-weight: 700 } .gobo-card { display: block; position: relative; padding-bottom: 100% } .gobo-card img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .projector-card { display: flex; flex-direction: column; align-items: center; padding-top: 28px; padding-bottom: 58px; padding-left: 30px; padding-right: 30px; background-color: #fff; position: relative; height: 100% } .projector-card__img { width: 100% } .projector-card__img a { background-color: #fff; display: block; width: 100%; position: relative; padding-bottom: 65% } .projector-card__img a img { height: 100%; object-fit: contain; position: absolute; left: 0; top: 0 } .projector-card__img ._replache { font-size: 10px; text-transform: uppercase; margin-bottom: 17px } .projector-card__info { height: 100% } .projector-card__name { color: #000; font-size: 24px; font-weight: 500; letter-spacing: -.72px } .projector-card__characteristic { display: flex; flex-direction: column; align-items: center; color: #3d3d3d; font-size: 16px; margin-top: 8px; flex: 1 1 auto } .projector-card__price { color: #000; font-size: 24px; font-weight: 500; letter-spacing: -.72px } .projector-card__price del { margin-left: 7px; color: #666; font-size: 13px; font-weight: 500; letter-spacing: -.39px } .projector-card__sign { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 4px 7px; background-color: #ff6201; color: #fff; font-size: 10px; font-weight: 500; letter-spacing: -.2px; text-transform: uppercase } .projector-card ._btn { height: 54px } .product-card { border: 1px solid #000; display: flex; flex-direction: column; align-items: center; padding-top: 22px; padding-bottom: 38px; padding-left: 33px; padding-right: 33px; background-color: #fff; position: relative; height: 100% } .product-card * { text-align: left } .product-card__img { width: 100% } .product-card__img a { display: block; background-color: #fff; margin-bottom: 28px; width: 100%; padding-bottom: 120%; position: relative } .product-card__img a img { display: flex; object-fit: contain; position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .product-card__info { height: 100%; width: 100% } .product-card__name { display: block; color: #000; font-weight: 500; margin-bottom: 12px; margin-top: 10px; font-size: 22px; letter-spacing: -.66px } .product-card__descr { display: flex; flex-direction: column; align-items: flex-start; color: #3d3d3d; flex: 1 1 auto; line-height: 1.4; margin-top: 0; margin-bottom: 28px; font-size: 13px } .product-card ._replache { font-size: 10px } .product-card__price { color: #000; font-size: 24px; font-weight: 500; letter-spacing: -.72px; margin-bottom: 28px; white-space: nowrap } .product-card__price del { margin-left: 7px; color: #666; font-size: 13px; font-weight: 500; letter-spacing: -.39px } .product-card__sign { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 4px 7px; background-color: #ff6201; color: #fff; font-size: 10px; font-weight: 500; letter-spacing: -.2px; text-transform: uppercase } .product-card ._btn { height: 54px; width: 144px; border-color: #b3b3b3 } .type-card { color: #000; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 25px } .type-card img { width: 171px; height: 171px } .type-card h3 { display: block } .type-card span { font-size: 20px; line-height: 1.3; letter-spacing: -.03em } .slide-card { background-color: #fff; border-radius: 4px; padding: 7px; min-height: 100%; display: flex; flex-direction: column } .slide-card__img { display: block; border-radius: 4px; position: relative; padding-bottom: 100%; overflow: hidden; margin-bottom: 33px } .slide-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .slide-card__info { flex: 1 1 auto; display: flex; flex-direction: column } .slide-card__info div { display: flex; align-items: center } .slide-card__info div a, .slide-card__info div button { height: 54px; padding: 0 10px; text-align: center; font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -.03em; color: #000; border-radius: 4px; width: 50% } .slide-card__info div a { display: flex; align-items: center; justify-content: center } .slide-card__info ._btn-orange { color: #fff } .slide-card__name { color: #212023; font-size: 20px; line-height: 1.3; letter-spacing: -.03em; flex: 1 1 auto } .slide-card__pice { display: block; margin: 23px 0 28px 0; color: #000; font-size: 24px; font-weight: 500; line-height: 1; letter-spacing: -.037em } .service-card { padding-top: 19px; border-top: 1px solid #666; display: flex; justify-content: space-between; gap: 20px } .service-card__info { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; width: 50% } .service-card__info h3 { font-size: 38px; color: #fff; margin-bottom: 16px } .service-card__info ._btn { width: 140px; height: 54px } .service-card__img { display: block; position: relative; width: 46%; padding-bottom: 37% } .service-card__img:after { position: absolute; content: ""; left: -19px; top: -4px; width: 100px; height: 158px; background-color: #ff6201; mix-blend-mode: plus-lighter; filter: blur(60px) } .service-card__img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .solutions-card { height: 280px; position: relative; border: 1px solid rgba(255, 255, 255, .3); background: #020101; overflow: hidden } .solutions-card h3 { color: #f4f1e8 } .solutions-card button { width: 183px } .solutions-card img { opacity: .3; height: 100%; width: calc(100% + 95px); left: 95px; position: relative; object-fit: cover } .solutions-card div { height: 100%; width: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: space-between; flex-direction: column; z-index: 2; padding: 37px 40px } .solutions-card div:before { position: absolute; content: ""; top: 0; left: 95px; width: 118px; height: 100%; background: linear-gradient(90deg, #020101 0, rgba(2, 1, 1, 0) 100%); z-index: -1 } .about-card { letter-spacing: -.03em } .about-card svg { flex: 0 0 auto } .about-card h5 { display: block; margin-bottom: 15px; max-width: 345px; width: 100% } .about-card label { display: block; margin-bottom: 12px; color: #fff; font-size: 74px; font-weight: 500; line-height: 1 } .about-card label .icon { width: 94px } .about-card label:has(.icon) { display: flex; align-items: center; gap: 20px } .about-card p { display: block !important; color: #fff; font-size: 20px; line-height: 1.3; margin-bottom: 95px } .about-card span { color: rgba(255, 255, 255, .45) } .about-card ol>:not(:last-child) { margin-bottom: 12px } .about-card ol li { max-width: 381px; width: 100%; color: #b3b3b3 } .about-card._big-text { display: flex; align-items: center; min-height: 100% } .about-card._big-text p { margin: 0; font-size: 44px; line-height: 1.1; color: #b3b3b3 } .about-card._big-text p span { color: #fff } .about-card__flex { display: flex } .about-card.about-card__same { height: fit-content; padding-top: 59px; padding-bottom: 72px } .about-card.about-card__same label { font-size: 62px } .about-card.about-card__same p { display: block; margin-top: 21px; margin-bottom: 0; color: #fff } .about-card.about-card__same p a { color: #ff6201 } .about-card._payment-card ol li { position: relative; padding-left: 20px } .about-card._payment-card ol li:after { position: absolute; content: ""; left: 8px; top: 8px; width: 3px; height: 3px; border-radius: 10px; background-color: #666 } .about-card._payment-card img, .about-card._payment-card svg { width: 186px; height: 99px; object-fit: contain } .about-card._sdek-card img, .about-card._sdek-card svg { width: 114px; height: 114px; object-fit: contain } .contact-card { max-width: 237px } .contact-card h3 { color: #fff; white-space: nowrap } .contact-card span { color: #fff; line-height: 1.2; letter-spacing: -.03em; display: block; margin: 12px 0 } .contact-card label { color: rgba(255, 255, 255, .3); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -.03em; display: block } .contact-card .tel { display: block; margin: 22px 0 40px 0; color: #ff6201; font-size: 32px; font-weight: 500; line-height: 1; letter-spacing: -.03em; white-space: nowrap } .contact-card ._btn { width: 231px; color: #fff } .basket-card { display: flex; margin-bottom: 40px } .basket-card__img { width: 121px; height: 121px; border-radius: 4px; background-color: #fff; padding: 12px 20px; margin-right: 30px } .basket-card__img img { width: 100%; height: 100%; object-fit: contain } .basket-card__name { display: block; margin-bottom: 21px; color: #020101; font-size: 22px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .basket-card__price { color: #000; font-size: 24px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .catalog { margin-bottom: 74px } .catalog__box { width: 100% } .catalog ._btn { width: 100% } .catalog .tags { margin-bottom: 22px } .catalog .grid { gap: 0 !important } .how-choose { margin-bottom: 104px } .how-choose h2 { color: #f4f1e8; margin-bottom: 36px } .tags { display: flex; flex-wrap: wrap; gap: 4px } .tags li a { display: block; background: #2e2e2e; transition: all .3s ease 0s; color: #b3b3b3; font-size: 12px; padding: 9px 11px } .tags li a._active { background-color: #4d4d4d; color: #fff } .sidebar { flex: 0 0 auto; width: 207px; margin-right: 24px } .sidebar .sort { display: flex; align-items: center; justify-content: center; gap: 7px; margin-bottom: 18px; width: 100%; height: 48px; display: none; border-radius: 4px; border: 1px solid #666; color: #fff; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -.03em } .sidebar .sort img, .sidebar .sort svg { fill: #fff; width: 7px; height: 14px; transition: all .3s ease 0s } .sidebar .sort span, .sidebar .sort svg { pointer-events: none } .sidebar .sort._active img, .sidebar .sort._active svg { transform: rotate(180deg) } .sidebar [data-accordion-item-content] a, .sidebar [data-accordion-item-content] button, .sidebar [data-cat] { color: #b3b3b3; font-size: 14px; letter-spacing: -.03em; transition: all .3s ease 0s; text-align: left } .sidebar [data-accordion-item-content] a._active, .sidebar [data-accordion-item-content] button._active, .sidebar [data-cat]._active { color: #fff } .sidebar-label { display: block; color: rgba(255, 255, 255, .5); font-weight: 500; line-height: 1.2; letter-spacing: -.03em; margin-bottom: 18px } .sidebar-categories [data-open] div:before { transform: translate(-50%, -50%) rotate(0) } .sidebar-categories [data-open] .sidebar-categories__cat a { color: #fff } .sidebar-categories [data-accordion]>:not(:last-child) { margin-bottom: 24px } .sidebar-categories [data-accordion-item-content] { padding-left: 12px; margin-top: 8px; display: flex; flex-direction: column; gap: 8px } .sidebar-categories [data-accordion-item]:not(:has([data-accordion-item-body])) .sidebar-categories__cat div { display: none } .sidebar-categories__cat { display: flex; align-items: center; gap: 12px } .sidebar-categories__cat a { pointer-events: all !important } .sidebar-categories__cat div { width: 21px; height: 21px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background-color: #ff6201; position: relative; transition: all .3s ease 0s } .sidebar-categories__cat div:after, .sidebar-categories__cat div:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; display: block; width: 9px; height: 1px; transition: all .3s ease 0s } .sidebar-categories__cat div:before { transform: translate(-50%, -50%) rotate(90deg) } .sidebar-categories__cat a, .sidebar-categories__cat span { color: #fff; font-size: 16px !important; font-weight: 500; letter-spacing: -.03em; transition: all .3s ease 0s; max-width: 174px; width: 100% } .sidebar-categories .no-child-cat { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -.03em; transition: all .3s ease 0s; max-width: 174px; width: 100% } .sidebar-categories .no-child-cat._active { color: rgba(255, 255, 255, .5) } .sidebar .all-categories { color: #b3b3b3; font-size: 16px; font-weight: 500; letter-spacing: -.03em; transition: all .3s ease 0s; max-width: 174px; width: 100%; margin-bottom: 20px; display: block } .sidebar .all-categories._active { color: #fff } .active-filters { color: #fff; margin-bottom: 15px; display: none } .active-filters._active { display: block } .clear-filters { background-color: #3d3d3d; padding: 10px 15px; font-size: 14px; display: flex; align-items: center; justify-content: center } .clear-filters img, .clear-filters svg { width: 10px; margin-right: 5px; flex: 0 0 auto; fill: currentColor } .clear-filters * { pointer-events: none } .about { padding-top: 126px; margin-bottom: 96px } .about h1 { margin-bottom: 37px } .about .section__top { margin-bottom: 70px } .about .section__top .section__flex { display: block } .about .section__flex-top { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; margin-bottom: 52px; gap: 73px } .about .section__flex-top>:first-child { background-color: #ff6201; padding: 43px 43px 33px 43px } .about .section__flex-bottom { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; position: relative } .about .section__bottom .section__flex-left { max-width: 654px; width: 100% } .about .section__bottom .section__flex-left img { height: 100%; object-position: right; object-fit: cover } .about .section__bottom .section__flex-right { width: 75%; margin-left: 96px } .about .section__bottom .section__flex-right h4 { color: #f4f1e8; font-size: 62px; font-weight: 500; line-height: 1; letter-spacing: -.03em; margin-bottom: 36px } .about .section__bottom .section__flex-right p { color: #fff; font-size: 20px; line-height: 1.3; letter-spacing: -.03em } .pages-section { padding-top: 192px } .pages-section h1 { text-align: center } .pages-section .section__bottom._active svg { transform: rotate(-180deg) } .product-section { padding-top: 131px; margin-bottom: 180px } .product-section h1 { color: #fff; font-weight: 500; line-height: 100%; letter-spacing: -.03em; display: block } .product-section-gobo { margin-bottom: 82px; padding-bottom: 95px; border-bottom: 1px solid #666 } .product-section .section__flex { display: flex; justify-content: space-between; gap: 60px } .product-section .section__right { width: 100% } .product-section .swiper { overflow: hidden } .product-section .sku { color: #b3b3b3; font-size: 12px; display: block; margin-bottom: 16px } .product-section ._btn { width: 100%; margin-bottom: 29px } .product__imagebox { position: relative; padding: 32px; width: 100%; height: 100%; min-height: 345px; border-radius: 4px; background: #fff } .product__imagebox .pagination { position: absolute; bottom: 10px; width: 100%; z-index: 2 } .product__imagebox:not(:has(.swiper)) { display: flex; align-items: center; justify-content: center } .product__imagebox:not(:has(.swiper)) img { width: 74%; max-width: 415px } .product__slider { width: 410px; height: 486px; margin-left: auto; margin-right: auto } .product__slider img { width: 100%; height: 100%; object-fit: contain } .product__slider-thumbs { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px 10px 10px } .product__slider-thumbs .swiper-wrapper { justify-content: center } .product__slider-thumbs .swiper-slide { cursor: pointer; width: 72px; height: 72px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .1); background: #d3d3d3 50%/cover no-repeat; position: relative; overflow: hidden; transition: all .3s ease 0s } .product__slider-thumbs .swiper-slide.swiper-slide-thumb-active { border-color: #000 } .product__slider-thumbs .swiper-slide:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1); transition: all .3s ease 0s } .product__slider-thumbs .swiper-slide img { position: absolute; left: 0; top: 0; object-fit: contain; width: 100%; height: 100% } .product__shortdescr { color: #b3b3b3; font-size: 20px; line-height: 1.4; max-width: 307px } .product__price { margin-bottom: 20px; display: flex; align-items: flex-end; gap: 7px; white-space: nowrap; color: #fff; font-size: 42px; font-weight: 500; letter-spacing: -.03em; line-height: 100% } .product__price del { line-height: 121%; color: #b3b3b3; font-size: 24px; letter-spacing: -.03em } .product__descr { color: #b3b3b3; line-height: 121%; letter-spacing: -.48px; display: block } .characteristics h2 { color: #f4f1e8 } .characteristics h2 span { color: #ff6201 } .characteristics .section__right { width: 100% } .characteristics-content { color: #fff; line-height: 1.3; letter-spacing: -.03em } .characteristics-content>:not(:last-child) { margin-bottom: 16px } .characteristics-gobo { padding-bottom: 162px; margin-bottom: 80px; border-bottom: 1px solid #666 } .characteristics-gobo .section__body>:not(:last-child) { margin-bottom: 78px } .characteristics-gobo h2 { max-width: 607px; width: 100%; margin-right: 89px; font-size: 52px } .badges { position: absolute; right: 8px; top: 8px; display: flex; align-items: center; gap: 4px; z-index: 1 } .badges span { border-radius: 4px; padding: 4px 10px; color: #fff; font-size: 10px; font-weight: 500; letter-spacing: -.2px; text-transform: uppercase; display: block } .badges .sale { background-color: #000 } .badges .nabor { background-color: #ff6201 } ._show-all { margin-top: 4px; width: fit-content; transition: all .3s ease 0s; align-items: center; justify-content: center; gap: 8px; color: #fff; white-space: nowrap; background-color: #ff6201; padding: 9px 11px; color: #fff; font-size: 12px } ._show-all img, ._show-all svg { fill: #fff; transition: all .3s ease 0s } ._show-all span, ._show-all svg { pointer-events: none } ._show-all._active img, ._show-all._active svg { transform: rotate(180deg) } .pages { position: fixed; top: 50%; left: 0; background-color: #fff; z-index: 10000; color: #000; width: fit-content; height: auto; padding: 20px; transform: translate(0, -50%) } .pages._hide { transform: translate(-100%, -50%) } .pages button { padding: 5px; background-color: #fff; margin-bottom: 10px; position: absolute; left: 100%; top: 0; font-size: 20px } .pages a { display: block } .pages a:not(:last-child) { margin-bottom: 10px } @media (min-width:769px) { .hero.home-hero:after { position: absolute; content: ""; right: -235px; top: -45px; background-image: url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../img/hero-blik.png); background-repeat: no-repeat; background-size: contain; width: 609px; height: 609px } .hero.home-hero { margin-bottom: -40px } .page-works { margin-top: 66px } .page-works h1 { text-align: center } .black .section__bottom { display: flex; align-items: center; position: relative; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 31px 0 } .black .section__bottom:after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: 1px; background-color: #333 } .why ol li { max-width: 202px; width: 100% } .how-card { max-width: 294px } .how-card__top { display: flex; align-items: center; margin-bottom: 35px; gap: 58px } .projector-card__img a { margin-bottom: 31px } .projector-card__img ._replache { display: none } .projector-card__info { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 53px; border-top: 1px solid rgba(0, 0, 0, .1) } .projector-card__characteristic { margin-bottom: 27px } .projector-card__characteristic>:not(:first-child) { display: none } .product-card__info { display: flex; flex-direction: column; align-items: flex-start; text-align: left } .type-card h3 { margin: 22px 0 } .slide-card__info { padding: 0 17px 29px 17px } .about-card label:has(.icon)+p { max-width: 445px } .how-choose .section__content { margin-left: 231px } .about .section__flex-bottom { border-top: 1px solid #666; gap: 122px; border-bottom: 1px solid #666 } .about .section__flex-bottom:after { position: absolute; content: ""; left: 50%; transform: translate(-50%, 0); top: 0; height: 100%; width: 1px; background-color: #666 } .pages-section { margin-bottom: 98px } .pages-section .section__bottom { margin-left: 231px } } @media (min-width:992px) { .characteristics-gobo ol { width: 66.52% } } @media (min-width:993px) { .footer__center ul { gap: 85px } .popup h2 { margin-bottom: 69px } .popup ol { margin-left: 151px; max-width: 313px; width: 100% } .popup#present .consulting .section__flex-left { width: 50% } .consulting h2 { margin-bottom: 198px } .example .section__top h2 br { display: none } .gobo { padding-top: 251px; margin-top: -171px } .faq [data-accordion-item-content] { max-width: 724px; width: 100% } .faq .section__flex-left h2 { margin-bottom: 293px } .faq .section__flex-right { width: 72.21% } .slides .section__flex-left { font-size: 52px; margin-right: 100px; max-width: 542px; width: 100% } .why .section__body { padding-top: 74px; padding-bottom: 107px; padding-left: 117px; padding-right: 42px } .why h2 { margin-right: 120px } .orange .section__flex-left { gap: 19px } .orange .section__flex-right { width: 39.27% } .services .section__bottom .section__flex-left { max-width: 500px; width: 100%; padding-top: 20px } .details-content { width: 47% } .error-404:after { position: absolute; background-image: url(//top-proektor.ru/wp-content/themes/blank-sheet/assets/css/../img/footer-smal-blik.png); background-repeat: no-repeat; background-size: cover; content: ""; right: -250px; top: 0; width: 609px; height: 609px } .basket-card__info { max-width: 271px; width: 100% } .about .section__bottom .section__flex-left { min-height: 100% } .product-section { padding-bottom: 95px; border-bottom: 1px solid #666 } .product-section h1 { font-size: 52px; margin-bottom: 16px } .product-section .section__left { max-width: 632px; width: 100%; min-width: 450px; height: 579px } .product__shortdescr { margin-bottom: 28px } .product__descr { margin-bottom: 29px } .characteristics { padding-bottom: 443px; margin-bottom: -347px } .characteristics-content { width: 47%; flex: 0 0 auto; padding-left: 40px } } @media (min-width:1024px) { .about-card__flex { gap: 56px } } @media (min-width:1025px) { .header__logo { margin-right: 98px } .header .logo-mobile { display: none } .header__right { display: flex; width: 100% } .header__social-btns>:first-child svg { left: 1px } .header__social-btns ._btn_tg svg { top: 1px; right: 1px } .header__burger { display: none } .header nav>ul { display: flex; justify-content: center; min-height: 100%; gap: 41px } .header nav>ul>li { display: flex; align-items: center; position: relative; min-height: 100% } .header nav>ul>li[data-open]>button svg { transform: rotate(-180deg) } .header nav>ul>li[data-open]>ul { opacity: 1; pointer-events: all; visibility: visible } .header nav>ul>li button { flex: 0 0 auto; margin-left: 8px } .header nav>ul>li svg { width: 6px; height: 3px; flex: 0 0 auto; fill: #fff; transition: all .3s ease 0s } .header nav>ul>li>ul { position: absolute; top: 100%; left: 0; background-color: #000; padding: 23px 0 27px 0; width: 254px; opacity: 0; pointer-events: none; visibility: hidden; transition: all .3s ease 0s } .header nav>ul>li>ul li { transition: color .3s ease 0s; display: flex; justify-content: space-between; align-items: center; padding: 0 22px } .header nav>ul>li>ul li:not(.menu-title) { color: #b3b3b3 } .header nav>ul>li>ul li:not(.menu-title):not(:last-child) { margin-bottom: 16px } .header nav>ul>li>ul li[data-open] ul { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; pointer-events: all } .header nav>ul>li>ul li svg { transform: rotate(-90deg); fill: currentColor } .header nav>ul>li>ul li:after { position: absolute; content: ""; height: 40px; width: 20px; left: calc(100% - 10px) } .header nav>ul>li>ul li ul { position: absolute; top: 0; left: calc(100% + 5px); min-height: 100%; background-color: #000; padding: 23px 0 27px 0; width: 254px; transform: translate3d(-50px, 0, 0); opacity: 0; visibility: hidden; pointer-events: none; transition: all .3s ease 0s } .header nav>ul>li>ul li ul:not(:last-child) { margin-bottom: 16px } .header nav>ul>li .menu-title { font-size: 24px; font-weight: 500; line-height: 1; letter-spacing: -.03em } .header nav>ul>li .menu-title:not(:last-child) { margin-bottom: 24px } .header nav>ul>li .menu-title:last-child { margin-top: 24px } .slides .section__flex-right { width: 49.4% } .type .grid { gap: 0; grid-template-columns: repeat(5, 1fr) } .type .grid-item { border-right: 1px solid rgba(0, 0, 0, .1) } .details-content { width: 49.4% } .type-card img { flex: 0 0 auto; object-fit: contain } .about-card.about-card__same label { margin-bottom: 46px } .catalog-tags { margin-left: 231px } } @media (min-width:1025px) and (any-hover:hover) { .header nav>ul>li:hover>button svg { transform: rotate(-180deg) } .header nav>ul>li:hover>ul { opacity: 1; pointer-events: all; visibility: visible } .header nav>ul>li>ul li:not(.menu-title):hover { color: #fff } .header nav>ul>li>ul li:hover ul { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; pointer-events: all } .header nav>ul>li>ul li ul:hover { color: #fff } } @media (min-width:1201px) { .contacts .grid { gap: 49px } } @media (min-width:1441px) { .hero__image iframe, .hero__image video { object-position: bottom } } @media (max-width:1440px) { ._person { bottom: 30px; right: 30px } } @media (max-width:1390px) { ._container { max-width: none; padding-inline: 15px } h1 { font-size: calc(41px + 41 * (100vw - 375px)/ 1015) } h2 { font-size: calc(32px + 30 * (100vw - 375px)/ 1015) } h3 { font-size: calc(24px + 8 * (100vw - 375px)/ 1015) } h4 { font-size: calc(20px + 8 * (100vw - 375px)/ 1015) } ._title-sm { font-size: calc(32px + 20 * (100vw - 375px)/ 1015) } .loading { font-size: calc(14px + 2 * (100vw - 375px)/ 1015) } .header__logo a svg { width: calc(86px + 61 * (100vw - 375px)/ 1015) } .header__phone { margin-left: calc(-10px + 36 * (100vw - 375px)/ 1015) } .header__phone { margin-right: calc(-50px + 114 * (100vw - 375px)/ 1015) } .header__phone a { font-size: calc(14px + 6 * (100vw - 375px)/ 1015) } .header ._btn { width: calc(50px + 94 * (100vw - 375px)/ 1015) } .footer { margin-top: calc(56px + 17 * (100vw - 375px)/ 1015) } .footer { margin-bottom: calc(41px + -9 * (100vw - 375px)/ 1015) } .footer__tel { font-size: calc(42px + 44 * (100vw - 375px)/ 1015) } .footer__tel { margin-bottom: calc(18px + 12 * (100vw - 375px)/ 1015) } .footer__mail { font-size: calc(24px + 8 * (100vw - 375px)/ 1015) } .footer__mail { margin-bottom: calc(48px + 15 * (100vw - 375px)/ 1015) } .footer__bottom { margin-top: calc(47px + 87 * (100vw - 375px)/ 1015) } .footer__bottom { padding-top: calc(16px + 17 * (100vw - 375px)/ 1015) } .to-top { right: calc(10px + 40 * (100vw - 375px)/ 1015) } .to-top { bottom: calc(10px + 40 * (100vw - 375px)/ 1015) } .to-top { width: calc(30px + 20 * (100vw - 375px)/ 1015) } .to-top { height: calc(30px + 20 * (100vw - 375px)/ 1015) } ._ticker-text a, ._ticker-text div { width: calc(165px + 120 * (100vw - 375px)/ 1015) } ._ticker-text a, ._ticker-text div { height: calc(90px + 66 * (100vw - 375px)/ 1015) } .form__row:not(:first-of-type) { margin-top: calc(24px + 11 * (100vw - 375px)/ 1015) } .form__button { margin-top: calc(33px + 18 * (100vw - 375px)/ 1015) } .file-uploaded { margin-bottom: calc(25px + 23 * (100vw - 375px)/ 1015) } .file-uploaded span { font-size: calc(15px + 5 * (100vw - 375px)/ 1015) } .popup__body { margin-top: calc(120px + 50 * (100vw - 375px)/ 1015) } .popup__content ._btn { margin-top: calc(50px + 44 * (100vw - 375px)/ 1015) } .popup .person__info h3 { font-size: calc(20px + 4 * (100vw - 375px)/ 1015) } .popup ol li label p { font-size: calc(16px + 4 * (100vw - 375px)/ 1015) } .hero { padding-top: calc(102px + 76 * (100vw - 375px)/ 1015) } .hero { padding-bottom: calc(100px + 61 * (100vw - 375px)/ 1015) } .hero__top { margin-bottom: calc(10px + 32 * (100vw - 375px)/ 1015) } .hero.home-hero .hero__image:after { height: calc(340px + -203 * (100vw - 375px)/ 1015) } .hero.hero-service { margin-bottom: calc(56px + 34 * (100vw - 375px)/ 1015) } .hero.hero-service { padding-top: calc(97px + 95 * (100vw - 375px)/ 1015) } .hero.hero-service { padding-bottom: calc(57px + 63 * (100vw - 375px)/ 1015) } .hero.hero-service h1 { margin-bottom: calc(20px + 8 * (100vw - 375px)/ 1015) } .hero.hero-service p { margin-bottom: calc(47px + 54 * (100vw - 375px)/ 1015) } .hero.hero-service .hero__body span { margin-top: calc(20px + 8 * (100vw - 375px)/ 1015) } ._person { width: calc(71px + 53 * (100vw - 375px)/ 1015) } ._person { height: calc(71px + 53 * (100vw - 375px)/ 1015) } ._person .play-pause { width: calc(12px + 8 * (100vw - 375px)/ 1015) } ._person .play-pause { height: calc(12px + 8 * (100vw - 375px)/ 1015) } ._person .close { width: calc(25px + 12 * (100vw - 375px)/ 1015) } ._person .close { height: calc(25px + 12 * (100vw - 375px)/ 1015) } ._person._active { width: calc(150px + 117 * (100vw - 375px)/ 1015) } ._person._active { height: calc(150px + 117 * (100vw - 375px)/ 1015) } .section__top { margin-bottom: calc(24px + 11 * (100vw - 375px)/ 1015) } .page-top { padding-top: calc(76px + 50 * (100vw - 375px)/ 1015) } .page-top h1 { margin-bottom: calc(30px + 12 * (100vw - 375px)/ 1015) } .page-works h1 { margin-bottom: calc(43px + 45 * (100vw - 375px)/ 1015) } .area { margin-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .area .section__body { padding-top: calc(48px + 48 * (100vw - 375px)/ 1015) } .area .section__body { padding-left: calc(15px + 27 * (100vw - 375px)/ 1015) } .area .section__body { padding-bottom: calc(56px + -10 * (100vw - 375px)/ 1015) } .area .section__body { padding-right: calc(15px + 27 * (100vw - 375px)/ 1015) } .area .section__row>:not(:last-child) { margin-bottom: calc(24px + -8 * (100vw - 375px)/ 1015) } .area ._btn { margin-top: calc(19px + 13 * (100vw - 375px)/ 1015) } .how { margin-bottom: calc(44px + 64 * (100vw - 375px)/ 1015) } .how h2 { margin-bottom: calc(33px + 34 * (100vw - 375px)/ 1015) } .consulting { margin-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .consulting .person__info h3 { font-size: calc(20px + 4 * (100vw - 375px)/ 1015) } .example { margin-bottom: calc(56px + 23 * (100vw - 375px)/ 1015) } .example .section__top { margin-bottom: calc(24px + 19 * (100vw - 375px)/ 1015) } .review { margin-bottom: calc(55px + 62 * (100vw - 375px)/ 1015) } .black .section__bottom { margin-top: calc(21px + 51 * (100vw - 375px)/ 1015) } .gobo { padding-bottom: calc(37px + 59 * (100vw - 375px)/ 1015) } .projector { padding-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .ticker { padding-top: calc(56px + 40 * (100vw - 375px)/ 1015) } .ticker { padding-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .faq { margin-top: calc(56px + 49 * (100vw - 375px)/ 1015) } .faq { margin-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .big-form { margin-bottom: calc(56px + 28 * (100vw - 375px)/ 1015) } .big-form h2 { margin-bottom: calc(44px + 13 * (100vw - 375px)/ 1015) } .big-form .section__flex-left { left: calc(-200px + 200 * (100vw - 375px)/ 1015) } .slides { padding-top: calc(76px + 50 * (100vw - 375px)/ 1015) } .slides { margin-bottom: calc(48px + 22 * (100vw - 375px)/ 1015) } .slides .secton__top { margin-bottom: calc(31px + 64 * (100vw - 375px)/ 1015) } .type h2 { margin-bottom: calc(28px + 45 * (100vw - 375px)/ 1015) } .why { margin-bottom: calc(56px + 25 * (100vw - 375px)/ 1015) } .slide { margin-bottom: calc(48px + 32 * (100vw - 375px)/ 1015) } .slide h2 { margin-bottom: calc(39px + 20 * (100vw - 375px)/ 1015) } .slide-tabs { margin-bottom: calc(8px + 23 * (100vw - 375px)/ 1015) } .orange { margin-bottom: calc(56px + 24 * (100vw - 375px)/ 1015) } .orange .section__flex-right>p { margin-bottom: calc(37px + 11 * (100vw - 375px)/ 1015) } .services { padding-top: calc(76px + 50 * (100vw - 375px)/ 1015) } .services { margin-bottom: calc(56px + 53 * (100vw - 375px)/ 1015) } .services h1 { margin-bottom: calc(26px + 43 * (100vw - 375px)/ 1015) } .solutions { padding-top: calc(56px + 54 * (100vw - 375px)/ 1015) } .solutions { padding-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .solutions .section__top { margin-bottom: calc(18px + 23 * (100vw - 375px)/ 1015) } .details { margin-bottom: calc(56px + 53 * (100vw - 375px)/ 1015) } .details { padding-bottom: calc(40px + 40 * (100vw - 375px)/ 1015) } .contacts { padding-top: calc(76px + 50 * (100vw - 375px)/ 1015) } .contacts { margin-bottom: calc(64px + 53 * (100vw - 375px)/ 1015) } .contacts p { margin-top: calc(18px + 29 * (100vw - 375px)/ 1015) } .contacts p { margin-bottom: calc(64px + -24 * (100vw - 375px)/ 1015) } .contacts p { font-size: calc(24px + 14 * (100vw - 375px)/ 1015) } .error-404 { padding-top: calc(74px + 74 * (100vw - 375px)/ 1015) } .error-404:before { width: calc(221px + 465 * (100vw - 375px)/ 1015) } .error-404:before { height: calc(221px + 465 * (100vw - 375px)/ 1015) } .error-404 h1 { margin-bottom: calc(15px + 19 * (100vw - 375px)/ 1015) } .error-404 h1 { font-size: calc(49px + 3 * (100vw - 375px)/ 1015) } .error-404 p { margin-bottom: calc(43px + 4 * (100vw - 375px)/ 1015) } .error-404 span { margin-bottom: calc(-100px + -80 * (100vw - 375px)/ 1015) } .error-404 span { font-size: calc(204px + 96 * (100vw - 375px)/ 1015) } .error-404 img { width: calc(347px + 326 * (100vw - 375px)/ 1015) } .error-404 .section__body div { bottom: calc(-2px + -78 * (100vw - 375px)/ 1015) } .catalog-content ol+h2, .catalog-content ol+h3, .catalog-content ol+h4, .catalog-content ol+h5, .catalog-content p+h2, .catalog-content p+h3, .catalog-content p+h4, .catalog-content p+h5, .catalog-content ul+h2, .catalog-content ul+h3, .catalog-content ul+h4, .catalog-content ul+h5, .characteristics-content ol+h2, .characteristics-content ol+h3, .characteristics-content ol+h4, .characteristics-content ol+h5, .characteristics-content p+h2, .characteristics-content p+h3, .characteristics-content p+h4, .characteristics-content p+h5, .characteristics-content ul+h2, .characteristics-content ul+h3, .characteristics-content ul+h4, .characteristics-content ul+h5, .details-content ol+h2, .details-content ol+h3, .details-content ol+h4, .details-content ol+h5, .details-content p+h2, .details-content p+h3, .details-content p+h4, .details-content p+h5, .details-content ul+h2, .details-content ul+h3, .details-content ul+h4, .details-content ul+h5, .text-page__content ol+h2, .text-page__content ol+h3, .text-page__content ol+h4, .text-page__content ol+h5, .text-page__content p+h2, .text-page__content p+h3, .text-page__content p+h4, .text-page__content p+h5, .text-page__content ul+h2, .text-page__content ul+h3, .text-page__content ul+h4, .text-page__content ul+h5 { margin-top: calc(25px + 20 * (100vw - 375px)/ 1015) } .sales-card>div { padding-top: calc(15px + 17 * (100vw - 375px)/ 1015) } .sales-card>div { padding-bottom: calc(32px + 8 * (100vw - 375px)/ 1015) } .sales-card>div { padding-inline: calc(25px + 27 * (100vw - 375px)/ 1015) } .sales>:first-child>div label { margin-bottom: calc(20px + 8 * (100vw - 375px)/ 1015) } .sales>:last-child>div label { font-size: calc(26px + 9 * (100vw - 375px)/ 1015) } .sales>:last-child>div p { font-size: calc(14px + 6 * (100vw - 375px)/ 1015) } .area-card__title h3 { margin-bottom: calc(12px + 35 * (100vw - 375px)/ 1015) } .area-card__list>:not(:last-child) { margin-bottom: calc(3.5px + 14.5 * (100vw - 375px)/ 1015) } .how-card__bottom span { font-size: calc(26px + 6 * (100vw - 375px)/ 1015) } .how-card__bottom span { letter-spacing: calc(-.6px + -.36 * (100vw - 375px)/ 1015) } .how-card__bottom span { margin-bottom: calc(8px + 8 * (100vw - 375px)/ 1015) } .service-card__info h3 { font-size: calc(24px + 14 * (100vw - 375px)/ 1015) } .about-card label { margin-bottom: calc(7px + 5 * (100vw - 375px)/ 1015) } .about-card label { font-size: calc(40px + 34 * (100vw - 375px)/ 1015) } .about-card label .icon { width: calc(62px + 32 * (100vw - 375px)/ 1015) } .about-card p { margin-bottom: calc(41px + 54 * (100vw - 375px)/ 1015) } .about-card._big-text p { font-size: calc(24px + 20 * (100vw - 375px)/ 1015) } .about-card.about-card__same label { font-size: calc(32px + 30 * (100vw - 375px)/ 1015) } .about-card.about-card__same p { margin-top: calc(15px + 6 * (100vw - 375px)/ 1015) } .catalog { margin-bottom: calc(64px + 10 * (100vw - 375px)/ 1015) } .how-choose { margin-bottom: calc(64px + 40 * (100vw - 375px)/ 1015) } .how-choose h2 { margin-bottom: calc(8px + 28 * (100vw - 375px)/ 1015) } .about { padding-top: calc(76px + 50 * (100vw - 375px)/ 1015) } .about { margin-bottom: calc(56px + 40 * (100vw - 375px)/ 1015) } .about h1 { margin-bottom: calc(18px + 19 * (100vw - 375px)/ 1015) } .about .section__flex-top { margin-bottom: calc(56px + -4 * (100vw - 375px)/ 1015) } .about .section__bottom .section__flex-right { margin-left: calc(0px + 96 * (100vw - 375px)/ 1015) } .about .section__bottom .section__flex-right h4 { margin-bottom: calc(20px + 16 * (100vw - 375px)/ 1015) } .pages-section { padding-top: calc(76px + 116 * (100vw - 375px)/ 1015) } .product-section { padding-top: calc(110px + 21 * (100vw - 375px)/ 1015) } .product-section { margin-bottom: calc(56px + 124 * (100vw - 375px)/ 1015) } .product-section-gobo { margin-bottom: calc(56px + 26 * (100vw - 375px)/ 1015) } .product-section-gobo { padding-bottom: calc(56px + 39 * (100vw - 375px)/ 1015) } .product-section .section__flex { gap: calc(0px + 60 * (100vw - 375px)/ 1015) } .characteristics-gobo { padding-bottom: calc(56px + 106 * (100vw - 375px)/ 1015) } .characteristics-gobo { margin-bottom: calc(56px + 24 * (100vw - 375px)/ 1015) } .characteristics-gobo .section__body>:not(:last-child) { margin-bottom: calc(40px + 38 * (100vw - 375px)/ 1015) } .characteristics-gobo h2 { margin-right: calc(0px + 89 * (100vw - 375px)/ 1015) } .characteristics-gobo h2 { font-size: calc(32px + 20 * (100vw - 375px)/ 1015) } } @media (max-width:1300px) { .services .grid-2 { gap: 24px } } @media (max-width:1240px) { .services .section__bottom h4 { font-size: 32px } } @media (max-width:1200px) { .contacts .grid { grid-template-columns: repeat(2, 1fr); gap: 32px } .contacts .grid>:not(:last-child) { border-right: 0 } .text-page__content-flex { gap: 40px } .service-card__info ._btn { width: 177px } } @media (max-width:1024px) { .header__left { margin-right: auto } .header .logo-desctop { display: none } .header__phone { display: none } .header ._btn { display: none } .header nav { display: none } .hero.home-hero p { max-width: 60%; width: 100% } .grid-4 { grid-template-columns: repeat(2, 1fr) } .slides .section__flex-right { width: 100%; font-size: 16px; line-height: 1.4 } .details { width: 100%; font-size: 16px; line-height: 1.4 } .area-card__content { flex-direction: column } .area-card__title { margin-right: 0 } .area-card__list { margin-bottom: 20px; width: 100% } .type-card { padding: 0 } .about-card__flex { flex-direction: column } .about-card.about-card__same label { margin: 0 } .about-card._payment-card img, .about-card._payment-card svg { margin: 15px 0; width: 193px; height: 113px } .about-card._sdek-card img, .about-card._sdek-card svg { margin: 15px 0 } .catalog .section__flex { display: block } .catalog .tags { margin-bottom: 4px } .sidebar { width: 100%; margin-right: 0; margin-top: 10px } .sidebar .sort { margin-bottom: 10px; display: flex } .sidebar-label { display: none } .sidebar-categories { margin-bottom: 20px; display: none } .sidebar-categories._active { display: block } .sidebar-categories [data-accordion]>:not(:last-child) { margin-bottom: 12px } .sidebar-categories__cat a, .sidebar-categories__cat span { max-width: none } .sidebar .all-categories { max-width: none; margin-bottom: 12px } } @media (max-width:993px) { .about .section__bottom { display: none } } @media (max-width:992px) { .footer .line { display: none } .footer__flex { display: flex; flex-direction: column-reverse; align-items: center } .footer nav { display: none } .footer__logo { display: none } .footer__center ul { display: block; margin-bottom: 57px } .footer__center ul>:not(:last-child) { margin-bottom: 16px } .footer__center ul li a { display: block; text-align: center } .footer__center ul li a br { display: none } .footer__bottom:after { display: none } ._ticker { gap: 15px } ._ticker-text { gap: 15px } .form__row { flex-direction: column } .popup h2 { margin-bottom: 24px } .popup h2 br { display: none } .popup__content p { font-size: 18px } .popup__flex { display: block; width: 100% } .popup__flex-left { width: 100%; margin-bottom: 53px } .popup__flex-right { width: 100% } .popup .person { margin-bottom: 0; padding: 10px 14px 16px 14px; width: 100% } .popup .person__img img { width: 52px; height: 52px } .popup ol { margin-bottom: 20px; margin-top: 11px } .popup .consulting .section__body { border-radius: 0; width: 100%; margin-left: 0 } .popup.mobile-fullscreen { background: #f4f1e8 } .popup.mobile-fullscreen .popup__body { margin-top: 0; margin-bottom: 0; border-radius: 0; padding: 67px 15px 40px 15px; min-height: 100vh } .popup.mobile-fullscreen .popup__container { padding: 0 } .section__top h2 br { display: none } .section__top p { display: none } .section__top .slider-control { display: none } .consulting h2 { margin-bottom: 24px } .consulting h2 br { display: none } .consulting .section__body { border-radius: 0; width: 100vw; margin-left: -15px; padding: 48px 15px 59px 15px } .consulting .section__flex { display: block; width: 100% } .consulting .section__flex-left { width: 100%; margin-bottom: 53px } .consulting .section__flex-right { width: 100% } .consulting .person { margin-bottom: 0; padding: 10px 14px 16px 14px; width: 100% } .consulting .person__img img { width: 52px; height: 52px } .example .section__top p { display: none } .example .section__top .slider-control { display: none } .black .section__body { width: 100vw; margin-left: -15px; padding: 28px 16px 60px 16px } .black .section__flex-left button { width: 73px; height: 73px } .black .section__flex-left button svg { width: 25px; height: 25px } .black .section__flex-right p { font-size: 20px; font-weight: 400 } .black .section__flex-right p br { display: none } .black .section__flex-right p a, .black .section__flex-right p span { font-weight: 400 } .black .section__bottom a { font-size: 18px } .gobo { padding-top: 56px } .ticker .section__row>:first-child { margin-bottom: 15px } .faq .section__flex { flex-direction: column } .faq [data-accordion]>:last-child { border-bottom: 1px solid #393939; margin-bottom: 26px } .faq .section__flex-left button { width: 100%; margin-top: 26px } .faq ._mobile-show { display: block; padding: 0; margin: 16px 0 } .big-form .section__body { border-radius: 0; width: 100vw; margin-left: -15px; padding: 56px 15px 56px 15px } .big-form .section__flex { flex-direction: column; align-items: flex-start; width: 100% } .big-form .section__flex-left { display: none } .big-form .section__flex-right { width: 100% } .slides .section__flex { display: block } .slides .section__flex-left { font-size: 24px; max-width: 345px; width: 100%; margin-bottom: 39px } .type .section__body { width: 100vw; margin-left: -15px; padding: 56px 15px 56px 15px } .why .section__body { width: 100vw; margin-left: -15px; padding: 56px 60px 56px 15px } .why .section__flex { flex-direction: column } .why h2 { margin-bottom: 27px } .why h2 br { display: none } .why ol { flex-wrap: wrap } .orange .section__body { width: 100vw; margin-left: -15px; padding: 56px 15px 49px 15px } .orange .section__flex { flex-direction: column; align-items: center } .orange .section__flex-left { align-items: center; flex-direction: column; gap: 12px } .orange .section__flex-right>p { margin-top: 46px; font-size: 16px; line-height: 1.2 } .orange-file__btns { flex-direction: column } .services .section__bottom ._btn { width: 177px } .services .section__bottom .section__flex { flex-direction: column-reverse; gap: 16px } .services .section__bottom .section__flex-left { width: 100% } .details h2 { margin-bottom: 8px } .details .section__flex { flex-direction: column } .error-404 span { filter: blur(4.7px) } .text-page__content-flex { flex-direction: column-reverse; gap: 20px } .text-page__content-text { flex: unset; max-width: none } .catalog-content>:not(:last-child), .characteristics-content>:not(:last-child), .details-content>:not(:last-child), .text-page__content>:not(:last-child) { margin-bottom: 10px } .catalog-content li:not(:last-child)>:not(:last-child), .characteristics-content li:not(:last-child)>:not(:last-child), .details-content li:not(:last-child)>:not(:last-child), .text-page__content li:not(:last-child)>:not(:last-child) { margin-bottom: 8px } .catalog-content b, .catalog-content em, .catalog-content i, .catalog-content ol, .catalog-content p, .catalog-content strong, .catalog-content ul, .characteristics-content b, .characteristics-content em, .characteristics-content i, .characteristics-content ol, .characteristics-content p, .characteristics-content strong, .characteristics-content ul, .details-content b, .details-content em, .details-content i, .details-content ol, .details-content p, .details-content strong, .details-content ul, .text-page__content b, .text-page__content em, .text-page__content i, .text-page__content ol, .text-page__content p, .text-page__content strong, .text-page__content ul { font-size: 16px } .projector-card { padding-top: 23px; padding-bottom: 34px; padding-left: 13px; padding-right: 25px } .projector-card__name { font-size: 18px; letter-spacing: -.54px } .projector-card__name br { display: none } .projector-card__characteristic { font-size: 12px } .service-card { flex-direction: column-reverse; gap: 0 } .service-card__info { width: 100% } .service-card__info h3 { margin-top: 16px } .service-card__info h3 br { display: none } .service-card__img { width: 100% } .basket-card { margin-bottom: 45px } .basket-card__img { width: 80px; height: 80px; padding: 8px 13px; flex: 0 0 auto } .basket-card__name { font-size: 18px } .basket-card__price { font-size: 18px } .about .section__flex-top { grid-template-columns: 1fr; gap: 56px } .about .section__flex-top>:first-child { padding: 19px 41px 28px 23px } .about .section__bottom .section__flex-left { height: 340px } .product-section h1 { font-size: 32px !important } .product-section .section__flex { display: block } .product-section ._btn { margin-top: 16px; margin-bottom: 16px } .product__imagebox { margin: 16px 0 16px 0; align-items: center; display: flex; align-items: center; justify-content: center } .product__imagebox .pagination { display: flex } .product__slider-thumbs { display: none } .product__shortdescr { font-size: 16px; line-height: 1.2 } .product__price { margin-top: 16px; margin-bottom: 16px } .characteristics { margin-bottom: 56px } .characteristics h2 { margin-bottom: 8px } .characteristics .section__flex { flex-direction: column } } @media (max-width:768px) { h1 { color: #f4f1e8 } ._btn { font-weight: 500 } ._desctop-show { display: none } ._mobile-show { display: block !important } .pagination { display: flex } .header__social-btns a { width: 40px; height: 40px } .header__social-btns a img, .header__social-btns a svg { width: 18px; height: 18px } .header__social-btns ._btn_tg svg { width: 18px; height: 16px } .header__burger { width: 40px; height: 40px } .footer__bottom { flex-direction: column; justify-content: center; gap: 16px } .developer { margin-top: 3px } .form__item input, .form__item textarea { font-size: 16px } .form__item input._active+span, .form__item input:active+span, .form__item input:focus+span, .form__item textarea._active+span, .form__item textarea:active+span, .form__item textarea:focus+span { font-size: 10px } .form__item input { height: 41px } .form__item textarea { height: 81px } .form__item span { font-size: 16px } .popup__close { right: 18px; top: 18px } .popup ol li label span { margin-top: 1px } .popup.form-msg .popup__body { padding: 50px 20px } .hero__image:has(video) { display: flex; align-items: flex-end; justify-content: flex-end; background-color: #000 } .hero__image:has(video):before { content: ""; width: 100%; display: block; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0)); z-index: 1 } .hero__image iframe, .hero__image video { width: 120%; object-position: calc(100% + 7.5px); height: 60%; position: relative } .hero h1 { text-align: center } .hero ol { display: none } .hero p { font-size: 16px } .hero.home-hero { padding-bottom: 254px } .hero.home-hero .hero__body { position: static } .hero.home-hero .hero__image:after { display: none } .hero.home-hero .hero__image img { object-position: bottom } .hero.home-hero p { max-width: 90%; text-align: center; margin: 17px auto 22px auto } .hero.home-hero ._btn { width: 100% } ._person { right: 15px; bottom: 15px } ._person-video { display: flex; align-items: center; justify-content: center } .grid-2 { grid-template-columns: repeat(2, 1fr) } .grid-3 { grid-template-columns: repeat(1, 1fr) } .grid-4 { grid-template-columns: 1fr } .section__flex ol { margin-top: 20px } .area .section__body { border-radius: 0; width: 100vw; margin-left: -15px } .example ._btn { margin-top: 54px } .example .swiper-slide { width: 186px } .review h2 br { display: block } .black .section__flex { display: block; align-items: flex-start } .black .section__flex-left { margin-bottom: 31px; margin-right: 0 } .black .section__bottom>:not(:last-child) { margin-bottom: 8px } .black .section__bottom a { border: 1px solid #666; padding: 20px 0; border-radius: 4px } .black__img-item img { width: 185px; height: 185px } .gobo .grid { grid-template-columns: repeat(2, 1fr) } .why ol li { flex-direction: row } .why ol li svg { margin-bottom: 0; margin-right: 22px } .services .section__bottom h4 br { display: block } .services .section__bottom p { font-size: 14px; margin-bottom: 16px } .services .grid-2 { grid-template-columns: 1fr; gap: 40px } .solutions .swiper-slide { width: 345px } .map-iframe .ymaps-2-1-79-map, .map-iframe iframe, .map-iframe img { height: 334px } .error-404:before { left: 0; bottom: 0; filter: blur(97px) } .sales { display: block } .sales>:not(:last-child) { margin-bottom: 13px } .sales>:last-child>div label { max-width: none; margin-bottom: 18px } .sales>:last-child>div p { max-width: none; margin-bottom: 31px; padding-right: 15px } .sales>:last-child>div ._btn { max-width: 203px } .area-card { flex-direction: column-reverse } .area-card__content { width: 100%; padding: 24px 16px } .area-card__title h3 br { display: none } .area-card__title a { display: none } .area-card__list { margin-bottom: 0 } .area-card__img { width: 100% } .how-card { display: flex; gap: 24px } .how-card__top img, .how-card__top svg { width: 48px; height: 48px; flex: 0 0 auto; max-width: unset } .projector-card { flex-direction: row; align-items: flex-start; justify-content: space-between } .projector-card__img { width: 45% } .projector-card__img a { padding-bottom: 100% } .projector-card__info { width: 52% } .projector-card__characteristic { line-height: 140%; margin-bottom: 20px; align-items: flex-start } .projector-card__characteristic ._replache { display: none } .projector-card__price { margin-bottom: 24px } .product-card { flex-direction: row; align-items: flex-start; justify-content: space-between; border-radius: 4px; padding-top: 35px; padding-bottom: 34px; padding-left: 13px; padding-right: 25px } .product-card__img { display: flex; flex-direction: column-reverse; width: 45% } .product-card__img a { margin-bottom: 0; padding-bottom: 100% } .product-card__info { width: 52% } .product-card__name { margin-top: 0; margin-bottom: 8px } .product-card__name { font-size: 18px; letter-spacing: -.54px } .product-card__descr { font-size: 12px; margin-bottom: 20px } .product-card ._replache { text-transform: uppercase; margin-bottom: 17px } .product-card__price { margin-bottom: 24px } .product-card__price { margin-bottom: 24px } .type-card { flex-direction: row; gap: 22px; text-align: left } .type-card img { width: 107px; height: 107px } .type-card h3 { margin-bottom: 16px } .slide-card { display: flex; gap: 32px; padding: 11px 19px 22px 11px } .slide-card__img { width: 100%; padding-bottom: 50%; margin-bottom: 0 } .slide-card__info { padding-top: 18px } .slide-card__info div a, .slide-card__info div button { width: 100% } .slide-card__info div ._hover { display: none } .slide-card__name { font-weight: 500; color: #000; font-size: 18px; line-height: 1.1 } .slide-card__pice { margin: 10px 0 21px 0 } .service-card { border: none; padding: 0 } .service-card__img { padding-bottom: 49% } .about-card p { line-height: 1.2; font-size: 16px } .about-card.about-card__same { padding-top: 56px; padding-bottom: 56px } .about-card.about-card__same h5, .about-card.about-card__same li { max-width: none } .about-card._payment-card { position: relative } .about-card._payment-card:after { position: absolute; content: ""; left: -15px; bottom: 0; width: 100vw; height: 1px; background-color: #666 } .tags:not(._active)>:nth-child(n+7) { display: none } .active-filters { margin-bottom: 10px } .about .section__flex-bottom { grid-template-columns: 1fr } .about .section__flex-bottom:after { position: absolute; content: ""; left: -15px; top: 0; width: 100vw; height: 1px; background-color: #666 } .pages-section { margin-bottom: 10px } .product-section-gobo h1 { max-width: unset } .product__imagebox:not(:has(.swiper)) img { width: 76% } .product__slider { width: 230px; height: 272px } ._show-all { display: flex !important } } @media (any-hover:hover) and (max-width:768px) { .form__item:hover span { font-size: 10px } } @media (max-width:768px) and (max-width:1390px) { .hero.home-hero { padding-bottom: calc(254px + 0 * (100vw - 375px)/ 1015) } } @media (max-width:768px) and (max-width:375px) { .hero.home-hero { padding-bottom: 254px } } @media (max-width:768x) { .projector-card__price del { margin-left: 5px } .product-card__price del { margin-left: 5px } } @media (max-width:600px) { .slide-tabs { overflow-y: auto; width: 100vw; margin-left: -15px; padding: 0 15px } .slide-tabs::-webkit-scrollbar { display: none } .slide-tabs ol { width: fit-content; gap: 15px } .slide-tabs ol li { flex: 0 0 auto; white-space: nowrap; min-width: 150px } .contacts .grid { grid-template-columns: 1fr } .contacts .grid>:not(:last-child) { border-bottom: 1px solid #333; padding-bottom: 44px } .sales>:last-child>div { background-image: unset !important } } @media (max-width:600px) and (max-width:1390px) { .slide-tabs ol li { min-width: calc(130px + 20 * (100vw - 375px)/ 1015) } } @media (max-width:600px) and (max-width:375px) { .slide-tabs ol li { min-width: 130px } } @media (max-width:425px) { .hero.hero-service p { max-width: 311px; width: 100% } .error-404 a { width: 100% } .slide-card__img { flex: 0 0 auto; width: 151px; height: 151px; padding-bottom: 0 } .about .section__bottom .section__flex-left { height: 181px } .product-section h1 { max-width: 78%; width: 100% } } @media (max-width:375px) { h1 { font-size: 41px } h2 { font-size: 32px } h3 { font-size: 24px } h4 { font-size: 20px } .loading { font-size: 14px } .header__logo a svg { width: 86px } .header__phone { margin-left: -10px } .header__phone { margin-right: -50px } .header__phone a { font-size: 14px } .header ._btn { width: 50px } .footer { margin-top: 56px } .footer { margin-bottom: 41px } .footer__tel { font-size: 42px } .footer__tel { margin-bottom: 18px } .footer__mail { font-size: 24px } .footer__mail { margin-bottom: 48px } .footer__bottom { margin-top: 47px } .footer__bottom { padding-top: 16px } .to-top { right: 10px } .to-top { bottom: 10px } .to-top { width: 30px } .to-top { height: 30px } ._ticker-text a, ._ticker-text div { width: 165px } ._ticker-text a, ._ticker-text div { height: 90px } .form__row:not(:first-of-type) { margin-top: 24px } .form__button { margin-top: 33px } .file-uploaded { margin-bottom: 25px } .file-uploaded span { font-size: 15px } .popup__body { margin-top: 120px } .popup__content ._btn { margin-top: 50px } .popup .person__info h3 { font-size: 20px } .popup ol li label p { font-size: 16px } .hero { padding-top: 102px } .hero { padding-bottom: 100px } .hero__top { margin-bottom: 10px } .hero.home-hero .hero__image:after { height: 340px } .hero.hero-service { margin-bottom: 56px } .hero.hero-service { padding-top: 97px } .hero.hero-service { padding-bottom: 57px } .hero.hero-service h1 { margin-bottom: 20px } .hero.hero-service p { margin-bottom: 47px } .hero.hero-service .hero__body span { margin-top: 20px } ._person { width: 71px } ._person { height: 71px } ._person .play-pause { width: 12px } ._person .play-pause { height: 12px } ._person .close { width: 25px } ._person .close { height: 25px } ._person._active { width: 150px } ._person._active { height: 150px } .section__top { margin-bottom: 24px } .page-top { padding-top: 76px } .page-top h1 { margin-bottom: 30px } .page-works h1 { margin-bottom: 43px } .area { margin-bottom: 56px } .area .section__body { padding-top: 48px } .area .section__body { padding-left: 15px } .area .section__body { padding-bottom: 56px } .area .section__body { padding-right: 15px } .area .section__row>:not(:last-child) { margin-bottom: 24px } .area ._btn { margin-top: 19px } .how { margin-bottom: 44px } .how h2 { margin-bottom: 33px } .consulting { margin-bottom: 56px } .consulting .person__info h3 { font-size: 20px } .example { margin-bottom: 56px } .example .section__top { margin-bottom: 24px } .review { margin-bottom: 55px } .black .section__bottom { margin-top: 21px } .gobo { padding-bottom: 37px } .projector { padding-bottom: 56px } .ticker { padding-top: 56px } .ticker { padding-bottom: 56px } .faq { margin-top: 56px } .faq { margin-bottom: 56px } .big-form { margin-bottom: 56px } .big-form h2 { margin-bottom: 44px } .big-form .section__flex-left { left: -200px } .slides { padding-top: 76px } .slides { margin-bottom: 48px } .slides .secton__top { margin-bottom: 31px } .type h2 { margin-bottom: 28px } .why { margin-bottom: 56px } .slide { margin-bottom: 48px } .slide h2 { margin-bottom: 39px } .slide-tabs { margin-bottom: 8px } .orange { margin-bottom: 56px } .orange .section__flex-right>p { margin-bottom: 37px } .services { padding-top: 76px } .services { margin-bottom: 56px } .services h1 { margin-bottom: 26px } .solutions { padding-top: 56px } .solutions { padding-bottom: 56px } .solutions .section__top { margin-bottom: 18px } .details { margin-bottom: 56px } .details { padding-bottom: 40px } .contacts { padding-top: 76px } .contacts { margin-bottom: 64px } .contacts p { margin-top: 18px } .contacts p { margin-bottom: 64px } .contacts p { font-size: 24px } .error-404 { padding-top: 74px } .error-404:before { width: 221px } .error-404:before { height: 221px } .error-404 h1 { margin-bottom: 15px } .error-404 h1 { font-size: 49px } .error-404 p { margin-bottom: 43px } .error-404 span { margin-bottom: -100px } .error-404 span { font-size: 204px } .error-404 img { width: 347px } .error-404 .section__body div { bottom: -2px } .catalog-content ol+h2, .catalog-content ol+h3, .catalog-content ol+h4, .catalog-content ol+h5, .catalog-content p+h2, .catalog-content p+h3, .catalog-content p+h4, .catalog-content p+h5, .catalog-content ul+h2, .catalog-content ul+h3, .catalog-content ul+h4, .catalog-content ul+h5, .characteristics-content ol+h2, .characteristics-content ol+h3, .characteristics-content ol+h4, .characteristics-content ol+h5, .characteristics-content p+h2, .characteristics-content p+h3, .characteristics-content p+h4, .characteristics-content p+h5, .characteristics-content ul+h2, .characteristics-content ul+h3, .characteristics-content ul+h4, .characteristics-content ul+h5, .details-content ol+h2, .details-content ol+h3, .details-content ol+h4, .details-content ol+h5, .details-content p+h2, .details-content p+h3, .details-content p+h4, .details-content p+h5, .details-content ul+h2, .details-content ul+h3, .details-content ul+h4, .details-content ul+h5, .text-page__content ol+h2, .text-page__content ol+h3, .text-page__content ol+h4, .text-page__content ol+h5, .text-page__content p+h2, .text-page__content p+h3, .text-page__content p+h4, .text-page__content p+h5, .text-page__content ul+h2, .text-page__content ul+h3, .text-page__content ul+h4, .text-page__content ul+h5 { margin-top: 25px } .sales-card>div { padding-top: 15px } .sales-card>div { padding-bottom: 32px } .sales-card>div { padding-inline: 25px } .sales>:first-child>div label { margin-bottom: 20px } .sales>:last-child>div label { font-size: 26px } .sales>:last-child>div p { font-size: 14px } .area-card__title h3 { margin-bottom: 12px } .area-card__list>:not(:last-child) { margin-bottom: 3.5px } .how-card__bottom span { font-size: 26px } .how-card__bottom span { letter-spacing: -.6px } .how-card__bottom span { margin-bottom: 8px } .service-card__info h3 { font-size: 24px } .about-card label { margin-bottom: 7px } .about-card label { font-size: 40px } .about-card label .icon { width: 62px } .about-card p { margin-bottom: 41px } .about-card._big-text p { font-size: 24px } .about-card.about-card__same label { font-size: 32px } .about-card.about-card__same p { margin-top: 15px } .catalog { margin-bottom: 64px } .how-choose { margin-bottom: 64px } .how-choose h2 { margin-bottom: 8px } .about { padding-top: 76px } .about { margin-bottom: 56px } .about h1 { margin-bottom: 18px } .about .section__flex-top { margin-bottom: 56px } .about .section__bottom .section__flex-right { margin-left: 0 } .about .section__bottom .section__flex-right h4 { margin-bottom: 20px } .pages-section { padding-top: 76px } .product-section { padding-top: 110px } .product-section { margin-bottom: 56px } .product-section-gobo { margin-bottom: 56px } .product-section-gobo { padding-bottom: 56px } .product-section .section__flex { gap: 0 } .characteristics-gobo { padding-bottom: 56px } .characteristics-gobo { margin-bottom: 56px } .characteristics-gobo .section__body>:not(:last-child) { margin-bottom: 40px } .characteristics-gobo h2 { margin-right: 0 } .characteristics-gobo h2 { font-size: 32px } } @media (min-width:1025px) and (max-width:1390px) { .header__logo { margin-right: calc(-98px + 196 * (100vw - 375px)/ 1015) } .header nav>ul { gap: calc(-21px + 62 * (100vw - 375px)/ 1015) } .about-card.about-card__same label { margin-bottom: calc(22px + 24 * (100vw - 375px)/ 1015) } } @media (min-width:1025px) and (max-width:375px) { .header__logo { margin-right: -98px } .header nav>ul { gap: -21px } .about-card.about-card__same label { margin-bottom: 22px } } @media (min-width:993px) and (max-width:1390px) { .footer__center ul { gap: calc(0px + 85 * (100vw - 375px)/ 1015) } .popup h2 { margin-bottom: calc(24px + 45 * (100vw - 375px)/ 1015) } .consulting h2 { margin-bottom: calc(24px + 174 * (100vw - 375px)/ 1015) } .slides .section__flex-left { font-size: calc(0px + 52 * (100vw - 375px)/ 1015) } .why .section__body { padding-top: calc(56px + 18 * (100vw - 375px)/ 1015) } .why .section__body { padding-bottom: calc(56px + 51 * (100vw - 375px)/ 1015) } .why .section__body { padding-left: calc(-50px + 167 * (100vw - 375px)/ 1015) } .why .section__body { padding-right: calc(0px + 42 * (100vw - 375px)/ 1015) } .why h2 { margin-right: calc(-100px + 220 * (100vw - 375px)/ 1015) } } @media (min-width:993px) and (max-width:375px) { .footer__center ul { gap: 0 } .popup h2 { margin-bottom: 24px } .consulting h2 { margin-bottom: 24px } .slides .section__flex-left { font-size: 0 } .why .section__body { padding-top: 56px } .why .section__body { padding-bottom: 56px } .why .section__body { padding-right: 0 } .why h2 { margin-right: -100px } } @media (min-width:769px) and (max-width:1390px) { .page-works { margin-top: calc(0px + 66 * (100vw - 375px)/ 1015) } .how-card__top { gap: calc(0px + 58 * (100vw - 375px)/ 1015) } .projector-card__img a { margin-bottom: calc(0px + 31 * (100vw - 375px)/ 1015) } .projector-card__info { padding-top: calc(0px + 53 * (100vw - 375px)/ 1015) } .pages-section { margin-bottom: calc(43px + 55 * (100vw - 375px)/ 1015) } } @media (min-width:769px) and (max-width:375px) { .page-works { margin-top: 0 } .how-card__top { gap: 0 } .projector-card__img a { margin-bottom: 0 } .projector-card__info { padding-top: 0 } .pages-section { margin-bottom: 43px } } @media (max-width:1200px) and (min-width:769px) { .slide .grid-4 { grid-template-columns: repeat(3, 1fr) } .catalog .grid { grid-template-columns: repeat(3, 1fr) } } @media (min-width:1201px) and (max-width:1390px) { .contacts .grid { gap: calc(-10px + 59 * (100vw - 375px)/ 1015) } } @media (min-width:1201px) and (max-width:375px) { .contacts .grid { gap: -10px } } @media (min-width:1024px) and (max-width:1390px) { .about-card__flex { gap: calc(0px + 56 * (100vw - 375px)/ 1015) } } @media (min-width:1024px) and (max-width:375px) { .about-card__flex { gap: 0 } } @media (hover:hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg) } } @media (any-hover:hover) { ._btn-orange:hover { background-color: #ff711a } ._btn-white:hover { color: #fff; background-color: transparent } ._btn-transparent:hover { background-color: #fff; color: #212023 } ._hover:hover { color: #ff6201 } ._hover:hover svg { fill: #ff6201 !important } ._hover-white:hover { color: #fff } ._btn-hover:hover { background-color: rgba(255, 255, 255, .1) } ._btn-hover:hover svg { fill: #ff6201 } ._btn-dark-hover:hover { background-color: rgba(0, 0, 0, .1) } ._btn-goback:hover::before { background-color: rgba(255, 255, 255, .1) } .swiper-arrow:hover { background-color: rgba(255, 255, 255, .1) } .header ._btn:hover { background-color: rgba(102, 102, 102, .1) } ._ticker:hover .ticker-text { animation-play-state: paused } .form__item:hover { border-color: #020101 } .form__item:hover span { font-size: 13px } .review h2 a:hover:after { max-width: 100% } .faq [data-accordion-item-title] button:hover span { background-color: #ff6201 } .area-card__title a:hover { color: #ff6201 } .area-card__title a:hover svg { fill: #ff6201 } .projector-card ._btn:hover { border: 1px solid #ff6201 } .product-card ._btn:hover { border-color: #ff6201 } .service-card__info ._btn:hover { border-color: #ff6201 } .tags li:hover a { background-color: #4d4d4d; color: #fff } .sidebar [data-accordion-item-content] a:hover, .sidebar [data-accordion-item-content] button:hover, .sidebar [data-cat]:hover { color: #fff } .sidebar-categories__cat:hover button { background-color: #ff711a } .sidebar .all-categories:hover { color: #fff } .product__slider-thumbs .swiper-slide:hover { border-color: #000 } .product__slider-thumbs .swiper-slide:hover:after { background-color: rgba(0, 0, 0, 0) } } /* vas_dev */ .new_video { position: relative; } .new_video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* max-height: 900px; */ object-fit: cover; } /* .new_video a { position: absolute; width: 100%; height: 100%; } */ .new-list-ol { margin: 25px 0; } .new-list-ol { list-style-type: none; counter-reset: num; margin: 0 0 0 60px; padding: 15px 0 5px 0; font-size: 16px; } .new-list-ol li { position: relative; margin: 0 0 0 0; padding: 0 0 10px 0; } .new-list-ol li:before { content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0px; left: -60px; width: 50px; color: #ccc; text-align: center; font-size: 40px; font-weight: bold; } .img-content { width: calc(50% - 20px); } .img-content img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; } .slider-content { width: calc(50% - 20px); } .slider-content .swiper-slide a { height: 100%; } #insert_block_new .slider-content .swiper-slide { height: 450px; } #insert_block_new .slider-content .swiper-slide a img { width: 100%; height: 450px; object-fit: cover; border-radius: 8px; } #insert_block_new .slider-control { margin: 30px 0; } #insert_block_new .slider-control button { font-family: inherit; background-color: #000; opacity: .7; } .single_page_content #insert_block_new .swiper-button-disabled { display: block !important; opacity: .4; } @media (max-width: 768px) { #insert_block_new .area-card { flex-direction: column !important; row-gap: 30px; } .img-content { width: 100%; } .slider-content { width: 100%; } #insert_block_new .slider-content .swiper-slide { height: 250px; } #insert_block_new .slider-content .swiper-slide a img { width: 100%; height: 250px; object-fit: cover; border-radius: 8px; } } .product-card ._btn { background-color: #ff6201; font-weight: 600; } .product-card ._btn:hover { color: black; background-color: #fb8f4c; } .sidebar-categories__cat a.sb_link-active { color: #ff6201 !important; } .faq__row ul, .faq__row li { list-style: disc; } .faq__row p { margin: 10px 0; } .fancybox__container .fancybox__footer { display: none; } @media (min-width: 992px) { .slide-tabs ol { row-gap: 20px; } } .table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-wrapper table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px; line-height: 1.5; min-width: 500px; border: 1px solid rgba(255, 255, 255, 0.6); } .table-wrapper table td { padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); vertical-align: top; h3 { margin-bottom: 20px; font-size: 30px; } } .table-wrapper table td:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.6); } .ycpt_message { display: flex; height: 1.7rem; .smart-token-hint { font-size: 1.25em; display: none; } } .smart-captcha.wpcf7-not-valid { border: 0px none !important; } .cases { margin: 140px 0 100px; } .cases-goback { display: flex; } .cases-title { text-align: center; } .cases-grid { display: grid; grid-auto-rows: 1fr; row-gap: 40px; margin-top: 90px; } .cases-item { display: grid; grid-template-columns: 1.08fr 1fr; border-radius: 8px; overflow: hidden; background-color: #fff; } .cases-item__info { display: grid; align-items: start; align-content: space-between; grid-template-columns: 230px 1fr; gap: 20px; padding: 55px 40px 40px; } .cases-item__list { display: grid; row-gap: 16px; margin-top: 8px; } .cases-item__li { position: relative; padding-left: 12px; font-size: 16px; line-height: 1.2; } .cases-item__li::before { content: ''; position: absolute; display: block; left: 0; top: 0.6em; width: 4px; height: 4px; border-radius: 100%; transform: translate(0, -50%); background-color: #292626; } .cases-item__watch { grid-column: 1/-1; } .cases-item__img-link { position: relative; display: block; height: 100%; padding-top: 52.45%; } .cases-item__img-link img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .cases-item__watch { display: flex; } .cases-item__watch-link { display: flex; align-items: center; } .cases-item__watch-link { font-size: 18px; line-height: 1; font-weight: 500; transition: color 0.3s ease; } .cases-item__watch-link::after { content: ''; display: block; width: 14px; height: 14px; margin: 3px 0 0 8px; mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.5 7-2-3 7.5 3-7.5 3z' fill='%23000'/%3E%3Cpath d='m0 7h9' stroke='%23000'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.5 7-2-3 7.5 3-7.5 3z' fill='%23000'/%3E%3Cpath d='m0 7h9' stroke='%23000'/%3E%3C/svg%3E"); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; background-color: #000; transition: background-color 0.3s ease; } .cases-category:nth-last-child(2) .cases-category__info-body { padding-bottom: 15px; border: none; } .cases-category__header { position: relative; min-height: 530px; margin-bottom: 80px; padding: 140px 0 85px; } .cases-category__header-image { pointer-events: none; user-select: none; -webkit-user-select: none; } .cases-category__header-image::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .cases-category__header-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .cases-category__header-body { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; } .cases-category__goback { align-self: flex-start; } .cases-category__title { max-width: 980px; } .cases-category__descr { max-width: 720px; margin-top: 25px; font-size: 20px; line-height: 1.4; color: #b3b3b3; } .cases-category__info-body { display: grid; grid-template-columns: 1fr 1.15fr; column-gap: 80px; margin-bottom: 80px; padding-bottom: 90px; border-bottom: 1px solid #666; } .cases-category__subtitle { color: #fff; } .cases-category__content { width: unset; margin-top: 10px; } .projects { margin-bottom: 100px; } .projects-title { color: #fff; } .projects-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 50px; } .projects-item { display: flex; flex-direction: column; border-radius: 4px; background-color: #fff; } .projects-item__img { margin: 7px 7px 0; } .projects-item__img-link { position: relative; display: block; padding-top: 100%; overflow: hidden; } .projects-item__img-link img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: transform 0.3s ease; } .projects-item__info { display: flex; flex-direction: column; flex: 1; margin: 25px 20px 35px; } .projects-item__title { margin-bottom: auto; font-size: 20px; line-height: 1.3; letter-spacing: -0.03em; } .projects-item__title-link { transition: color 0.3s ease; } .projects-item__time { margin-top: 20px; font-weight: 500; font-size: 24px; letter-spacing: -0.03em; } .projects-item__details { margin-top: 30px; } .projects-item__details-btn { height: 54px; } .case-card { margin: 140px 0 80px; } .case-card__body { display: grid; align-items: start; grid-template-columns: 1fr 1.05fr; grid-template-rows: auto 1fr auto; column-gap: 60px; padding-bottom: 100px; border-bottom: 1px solid #666; } .case-comparison { position: relative; grid-row: 1/4; } .case-comparison__slider { --position: 50%; position: relative; overflow: hidden; border-radius: 4px; } .case-comparison__images { position: relative; padding-top: 92%; } .case-comparison__img { position: absolute; height: 100%; top: 0; left: 0; right: 0; overflow: hidden; } .case-comparison__img._before { mask: linear-gradient(to right, rgba(0, 0, 0, 1) 0, var(--position, 50%), rgba(0, 0, 0, 0) 0); -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 1) 0, var(--position, 50%), rgba(0, 0, 0, 0) 0); } .case-comparison__img._after { mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0, var(--position, 50%), rgba(0, 0, 0, 1) 0); -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0, var(--position, 50%), rgba(0, 0, 0, 1) 0); } .case-comparison__img img { position: absolute; width: 100%; height: 100%; right: 0; top: 0; object-fit: cover; } .case-comparison__range { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 1; cursor: pointer; } .case-comparison__line { position: absolute; width: 1px; height: 100%; top: 0; z-index: 2; left: var(--position); transform: translateX(-50%); background-color: #fff; pointer-events: none; } .case-comparison__handle { position: absolute; width: 42px; height: 42px; top: 50%; left: var(--position); z-index: 2; border: none; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='21' r='21' fill='white'/%3E%3Cpath d='M17 16L12 21L17 26' stroke='black' stroke-width='2'/%3E%3Cpath d='M25 26L30 21L25 16' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); pointer-events: none; } .case-comparison__labels { position: absolute; display: flex; justify-content: space-between; width: 100%; left: 0; bottom: 20px; padding: 0 calc(25% - 62px); z-index: 2; pointer-events: none; } .case-comparison__label { display: flex; align-items: center; justify-content: center; width: 125px; height: 45px; font-weight: 500; font-size: 18px; border-radius: 4px; color: #000; background-color: #fff; transition: opacity 0.1s ease; } .case-comparison__label._hidden { opacity: 0; } .case-descr { margin-bottom: 15px; font-size: 12px; line-height: 1.2; color: #b3b3b3; } .case-tasks { display: grid; row-gap: 0.5em; margin-top: 30px; padding-left: 1.5em; font-size: 20px; line-height: 1.4; color: #b3b3b3; } .case-tasks__item { list-style-type: decimal; } .case-time { margin-top: 30px; letter-spacing: -0.03em; } .case-time__title { font-size: 24px; color: #b3b3b3; } .case-time__value { margin-top: 5px; font-size: 42px; font-weight: 500; color: #fff; } .case-gallery { margin-bottom: 80px; } .case-gallery__body { padding-bottom: 100px; border-bottom: 1px solid #666; } .case-gallery:nth-last-child(2) .case-gallery__body { padding-bottom: 25px; border: none; } .case-gallery__top { display: flex; align-items: center; justify-content: space-between; } .case-gallery__title { color: #fff; } .case-gallery__slider { position: relative; margin-top: 50px; } .case-gallery__slider-wrapper:not([id]) { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-auto-rows: 0; column-gap: 20px; } .case-gallery__slider-dots { display: none; } .case-gallery__item { position: relative; overflow: hidden; border-radius: 4px; -webkit-mask-image: -webkit-radial-gradient(white, black); } .case-gallery__item-link { position: relative; display: block; padding-top: 133%; } .case-gallery__item-link img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: transform 0.3s ease; } @media (max-width: 1200px) { .projects-grid { grid-template-columns: repeat(3, 1fr); } .case-card__body { column-gap: 45px; } .case-tasks { font-size: 18px; } .case-time__title { font-size: 20px; } .case-time__value { font-size: 32px; } .case-gallery__slider-wrapper:not([id]) { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { .cases { margin: 110px 0 75px; } .cases-goback { display: none; } .cases-grid { margin-top: 60px; } .cases-item__info { grid-template-columns: 1fr; } .cases-item__list { row-gap: 12px; margin-top: 0; } .cases-item__info { display: flex; flex-direction: column; } .cases-item__watch { margin-top: auto; } .cases-category__descr { font-size: 16px; } .cases-category__goback { display: none; } .cases-category__content { margin-top: 15px; } .cases-category__header { min-height: 425px; margin-bottom: 50px; padding-bottom: 65px; } .cases-category__info-body { grid-template-columns: 1fr; margin-bottom: 50px; padding-bottom: 65px; } .projects { margin-bottom: 75px; } .projects-grid { grid-template-columns: 1fr 1fr; margin-top: 40px; } .case-card { margin: 110px 0 50px; } .case-card__body { grid-template-columns: 1fr; padding-bottom: 70px; } .case-comparison { grid-row: unset; margin-top: 40px; } .case-tasks { order: 3; margin-top: 40px; } .case-time { order: 4; margin-top: 40px; } .case-gallery__slider-wrapper:not([id]) { grid-template-columns: 1fr 1fr; } .case-gallery { margin-bottom: 50px; } .case-gallery__body { padding-bottom: 70px; } .case-gallery__slider { margin-top: 40px; } } @media (max-width: 768px) { .cases { margin: 90px 0 25px; } .cases-grid { grid-auto-rows: unset; row-gap: 25px; margin-top: 25px; } .cases-item { grid-template-columns: 1fr; } .cases-item__img { order: -1; } .cases-item__img-link { height: unset; } .cases-item__info { row-gap: 15px; padding: 25px 15px; } .cases-item__list { row-gap: 6px; } .cases-item__watch-link { font-size: 16px; } .cases-category__header { min-height: 360px; margin-bottom: 40px; padding: 120px 0 45px; } .cases-category__descr { margin-top: 20px; } .cases-category__info-body { margin-bottom: 40px; padding-bottom: 0; border: none; } .projects { margin-bottom: 25px; } .projects-grid { grid-template-columns: 1fr; grid-auto-rows: 1fr; margin-top: 25px; } .projects-item { display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; padding: 15px; } .projects-item__img, .projects-item__info { margin: 0; } .projects-item__img-link { height: 100%; } .projects-item__title { font-size: 18px; line-height: 1.1; } .projects-item__time { margin-top: 10px; font-size: 20px; } .projects-item__details { margin-top: 15px; } .projects-item__details-btn { height: 46px; } .case-card { margin: 90px 0 40px; } .case-card__body { padding-bottom: 0; border: none; } .case-comparison { margin-top: 25px; } .case-comparison__labels { bottom: 15px; padding: 0 calc(25% - 42px); } .case-comparison__label { width: 80px; height: 30px; font-size: 14px; } .case-tasks { margin-top: 25px; font-size: 16px; } .case-time { margin-top: 25px; } .case-time__title { font-size: 18px; } .case-time__value { font-size: 24px; } .case-gallery { margin-bottom: 40px; } .case-gallery__body { padding-bottom: 55px; } .case-gallery__slider { margin-top: 25px; } .case-gallery__slider-wrapper:not([id]) { column-gap: 15px; } .case-gallery__slider-arrows { display: none; } .case-gallery__item-link { padding-top: 178%; } .case-gallery__slider-dots { display: flex; } } @media (any-hover: hover) { .cases-item__watch-link:hover { color: #ff6201; } .cases-item__watch-link:hover::after { background-color: #ff6201; } .projects-item__img-link:hover img { transform: scale(1.15); } .projects-item__title-link:hover { color: #ff6201; } .case-gallery__item-link:hover img { transform: scale(1.15); } } .section__recomend{display:flex;justify-content:space-between;margin-bottom:100px}.recomend-image{max-width:100%;width:457px}.recomend-image img{width:100%;height:auto;object-fit:cover}.recomend-info{width:100%;max-width:650px;display:flex;position:relative}.recomend-info_right{width:132px}.orange-circle{width:132px;height:132px;border-radius:100%;background:#ff711a;display:flex;align-items:center;justify-content:center;text-align:center}.orange-circle span{color:#fff;font-family:TTHoves,Halvetica,sans-serif;font-size:14px;font-weight:500;line-height:16.49px;letter-spacing:-1px}.recomend-info_left{width:100%;display:flex;flex-direction:column}.recomend-info_left-top{padding-top:20px}.recomend-info_left-top h2{font-family:TTHoves,Halvetica,sans-serif;color:#333;font-size:50px;font-weight:400;line-height:87.5px}.recomend-price{display:flex;align-items:baseline;column-gap:40px}.recomend-new__price{font-family:TTHoves,Halvetica,sans-serif;color:#ff711a;font-size:64px;font-weight:600;line-height:92.8px}.recomend-new__price small{font-size:34px;margin-left:-10px}.recomend-old__price{width:max-content;display:block;position:relative;box-sizing:border-box;font-family:TTHoves,Halvetica,sans-serif;color:#896f60;font-size:40px;font-weight:500;line-height:70px}.recomend-old__price small{font-size:20px;margin-left:-5px}.recomend-old__price:after{position:absolute;left:0;bottom:0;right:0;top:0;margin:auto;content:'';width:100%;height:2px;background-color:#896f60;transform:rotate(-18deg)}.recomend-text{margin-bottom:30px}.recomend-text p{font-family:TTHoves,Halvetica,sans-serif;color:#333;font-size:24px;font-weight:400;line-height:28.26px;letter-spacing:-1px}.recomend-info_left-bottom{display:flex;align-items:center;justify-content:space-between}.bottom-character{width:33%;display:flex;justify-content:space-between;align-items:center}.bottom-button{width:60%}.bottom-button a{margin-top:0 !important;width:100%}.char-value{width:80px;height:80px;border-radius:100%;background:#ff711a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.char-value span{display:block;color:#fff;font-family:TTHoves,Halvetica,sans-serif;letter-spacing:-1px}.char-value span:nth-child(1){font-size:12px;font-weight:400;line-height:14.13px}.char-value span:nth-child(2){font-size:16px;font-weight:500;line-height:18.84px}@media (min-width:280px) and (max-width:359.98px){.section__recomend{flex-direction:column-reverse;margin-bottom:120px}.recomend-info_left{flex-direction:column-reverse}.recomend-info_left-top{padding-top:0}.recomend-info_left-top h2{font-size:32px;font-weight:400;line-height:56px}.recomend-price{column-gap:20px}.recomend-new__price{font-size:48px;font-weight:600;line-height:69.6px}.recomend-new__price small{font-size:24px;margin-left:-10px}.recomend-old__price{font-size:28px;font-weight:500;line-height:56px}.recomend-text{margin-bottom:30px}.recomend-text p{font-size:16px;font-weight:400;line-height:18.84px;letter-spacing:-1px}.recomend-info_left-bottom{flex-direction:row-reverse}.bottom-character{width:48%;display:flex;justify-content:space-between;align-items:center}.char-value{width:65px;height:65px}.recomend-info_right{position:absolute;top:5px;left:0}.orange-circle{width:100%;height:auto;padding:10px;border-radius:5px}.bottom-button{width:100%;position:absolute;bottom:-320px}}@media (min-width:360px) and (max-width:544px){.section__recomend{flex-direction:column-reverse;margin-bottom:130px}.recomend-info_left{flex-direction:column-reverse}.recomend-info_left-top{padding-top:0}.recomend-info_left-top h2{font-size:32px;font-weight:400;line-height:56px}.recomend-price{column-gap:20px}.recomend-new__price{font-size:58px;font-weight:600;line-height:69.6px}.recomend-new__price small{font-size:24px;margin-left:-10px}.recomend-old__price{font-size:32px;font-weight:500;line-height:56px}.recomend-text{margin-bottom:30px}.recomend-text p{font-size:16px;font-weight:400;line-height:18.84px;letter-spacing:-1px}.recomend-info_left-bottom{flex-direction:row-reverse;margin-bottom:30px}.bottom-character{width:48%;display:flex;justify-content:space-between;align-items:center}.char-value{width:75px;height:75px}.recomend-info_right{position:absolute;top:15px;left:0}.orange-circle{width:max-content;height:auto;padding:15px 10px;border-radius:5px}.bottom-button{width:100%;position:absolute;bottom:-360px}}@media (min-width:768px) and (max-width:1023px){.section__recomend{margin-bottom:80px;column-gap:20px}.recomend-image{max-width:100%;width:307px}.recomend-info_left-top h2{font-size:40px}.recomend-info_left-top{padding-top:0}.orange-circle{width:112px;height:112px}.recomend-price{column-gap:20px}.recomend-new__price{font-size:48px;font-weight:600;line-height:69.6px}.recomend-new__price small{font-size:24px;margin-left:-10px}.recomend-old__price{font-size:32px;font-weight:500;line-height:56px}.recomend-info_right{position:absolute;right:0;width:112px}.bottom-character{width:36%}.bottom-button{width:50%}} @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;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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 var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}