/* Theme Name: gotovaya Version: 3.0.1 Description: Author: Artem3443 Author URI: https://kwork.ru/user/artem3443 */ /* Eric Meyer's CSS Reset */ @font-face {font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot@v=4.7.0'); src: url('fonts/fontawesome-webfont.eot@') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2@v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff@v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf@v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg@v=4.7.0') format('svg'); font-weight: normal; font-style: normal; font-display: swap;} @font-face {font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot@') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;} @font-face {font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot@') format('embedded-opentype'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;} @font-face {font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot@') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap;} @font-face {font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraBold.eot'); src: url('fonts/Montserrat-ExtraBold.eot@') format('embedded-opentype'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap;} @font-face {font-family: 'Montserrat'; src: url('fonts/Montserrat-SemiBold.eot'); src: url('fonts/Montserrat-SemiBold.eot@') format('embedded-opentype'), url('fonts/Montserrat-SemiBold.woff') format('woff'), url('fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;} @font-face {font-family: 'Montserrat'; src: url('fonts/Montserrat-Regular.eot'); src: url('fonts/Montserrat-Regular.eot@') format('embedded-opentype'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;} .wpcf7 form.sent .wpcf7-response-output {background: #46b450;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {background: #f00;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} body {line-height: 1.5; font-size: 14px; letter-spacing: 0; font-family: 'Roboto'; font-weight: 400; color: #212121;} a {text-decoration: none; outline: none;} a:active, a:hover, a:focus {outline: 0} a:focus {outline: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {text-decoration: none; outline: none; color: #161616;} img {max-width: 100%; height: auto; pointer-events: none;} table {border-collapse: collapse; border-spacing: 0;} html {height: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%} body {margin: 0} a {background-color: transparent} a:active, a:hover {outline: 0} b, strong {font-weight: 700} .fofc_item.math-captcha-wrap { display: flex; flex-flow: wrap; align-items: baseline; gap: 7px; background-color: #b3d2ff; border-radius: 10px; margin-bottom: 10px; padding: 11px; padding-left: 55px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 511.98 511.98' style='enable-background:new 0 0 512 512' xml:space='preserve'%3e%3cg%3e%3cpath fill='%2300358f' d='M483.24 77.21v164.4c0 40.69-18.65 87.92-52.5 132.99-39.45 52.51-97.56 98.86-168.05 134.04l-6.7 3.34-6.7-3.34c-70.49-35.18-128.6-81.53-168.05-134.04-33.85-45.07-52.5-92.3-52.5-132.99V77.21L139.3 0h233.38z' opacity='1' data-original='%2300358f'/%3e%3cpath fill='%23012453' d='M483.24 77.21v164.4c0 40.69-18.65 87.92-52.5 132.99-39.45 52.51-97.56 98.86-168.05 134.04l-6.7 3.34V0h116.69z' opacity='1' data-original='%23012453'/%3e%3cpath fill='%2300b3fe' d='M353.8 60H158.18l-69.44 48.49v133.12c0 45.75 45.01 135.15 167.25 202.78 122.24-67.63 167.25-157.03 167.25-202.78V108.49z' opacity='1' data-original='%2300b3fe'/%3e%3cpath fill='%230274f9' d='M423.24 108.49v133.12c0 45.75-45.01 135.15-167.25 202.78V60h97.81z' opacity='1' data-original='%230274f9'/%3e%3cpath fill='%23eff5fa' d='M358.52 45H153.46l-79.72 55.67v140.94c0 29.26 14.82 66.44 40.65 102 31.45 43.3 77.9 82.69 134.34 113.91l7.26 4.02 7.26-4.02c56.44-31.22 102.89-70.61 134.34-113.91 25.83-35.56 40.65-72.74 40.65-102V100.67zm49.72 196.61c0 39.91-40.71 121.4-152.25 185.56-111.54-64.16-152.25-145.65-152.25-185.56v-125.3L162.9 75h186.18l59.16 41.31z' opacity='1' data-original='%23eff5fa'/%3e%3cpath fill='%23c6e1ec' d='M438.24 100.67v140.94c0 29.26-14.82 66.44-40.65 102-31.45 43.3-77.9 82.69-134.34 113.91l-7.26 4.02v-34.37c111.54-64.16 152.25-145.65 152.25-185.56v-125.3L349.08 75h-93.09V45h102.53z' opacity='1' data-original='%23c6e1ec'/%3e%3cpath fill='%23eff5fa' d='m351.75 174.24-95.76 98.42-.2.21-24.35 25.02-71.21-66.6 20.49-21.91 49.72 46.51 25.35-26.04.2-.21 74.26-76.32z' opacity='1' data-original='%23eff5fa'/%3e%3cpath fill='%23c6e1ec' d='m351.75 174.24-95.76 98.42v-43.02l74.26-76.32z' opacity='1' data-original='%23c6e1ec'/%3e%3c/g%3e%3c/svg%3e"); background-size: 30px; background-repeat: no-repeat; background-position-x: 15px; background-position-y: 15px; } .fofc_item.math-captcha-wrap:before { content: "Подтвердите, что вы не робот:"; font-weight: 500; font-family: 'Roboto'; font-size: 15px; } .fofc_item.math-captcha-wrap label { width: 100%; } .fofc_item.math-captcha-wrap label span { padding-bottom: 0px; } input.math-answer-input { background-color: #fff!important; box-shadow: none!important; font-weight: 400!important; max-width: 125px; padding: 7px!important; color: #000 !important; margin-top: 0px!important; } input.math-answer-input::-webkit-outer-spin-button, input.math-answer-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0} button {overflow: visible} button, select {text-transform: none} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer} button[disabled], html input[disabled] {cursor: default} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0} input {line-height: normal; padding: 5px; border: 1px solid #eaeaea;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} textarea {overflow: auto} table {border-collapse: collapse; border-spacing: 0} td, th {padding: 0} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} body div.wpcf7-response-output {background: #46b450;} form.wpcf7-form.invalid .wpcf7-response-output {background: #f00;} .fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "\f0c9";} .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .fa-map-marker:before {content: "\f041"; color: #006337;} img.alignright {float: right; margin: 0 0 15px 20px;} img.alignleft {float: left; margin: 5px 20px 15px 0;} img.aligncenter {margin: 20px auto; display: block;} .f_center {text-align: center !important;} .w_text {color: #fff !important;} .seo_text_full br { display: contents;} /*header*/ .logo a img, .logo a {display: block;} .logo {float: left;} body .top_cont2 {text-align: right; padding-right: 10px;} .top_cont3 {float: right; margin-top: 4px;} nav.menu {display: inline-block; position: inherit; clear: both; vertical-align: middle;} nav.menu {position: relative; padding: 0 20px;} .menu ul {display: block; padding: 0; margin: 0; text-align: center;} .menu ul li {display: inline-block; list-style: none; padding: 0;} .menu ul li a {color: #fff; font-size: 16px; line-height: 20px; padding: 13px; text-decoration: none; display: block; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;} input[type="submit"][disabled] {opacity: 0.5; pointer-events: none;} .menu ul.sub-menu li a {color: #909090;} ul.sub-menu li a:hover {color: #2C75DE;} .menu ul .sub-menu {display: none; position: absolute; top: 61px; left: 0; width: 243px; margin: 0; padding: 15px; background-color: rgba(80, 134, 48, 0.9); text-align: left; z-index: 10; width: 1150px;} .menu ul li:hover .sub-menu {display: block;} .menu .sub-menu li a {color: #000; font-size: 16px; padding: 7px 5px;} .menu .sub-menu li {display: block;} .menu ul.sub-menu li a:after {display: none;} /*оформление контактных форм*/ span.ajax-loader, span.wpcf7-not-valid-tip {display: none !important;} input.wpcf7-form-control {background-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} input.wpcf7-form-control::-webkit-input-placeholder, textarea.wpcf7-form-control::-webkit-input-placeholder {color: #B1B1B1 !important;} input.wpcf7-form-control:-moz-placeholder, textarea.wpcf7-form-control:-moz-placeholder {color: #B1B1B1 !important;} input.wpcf7-form-control::-moz-placeholder, textarea.wpcf7-form-control::-moz-placeholder {color: #B1B1B1 !important;} input.wpcf7-form-control:-ms-input-placeholder, textarea.wpcf7-form-control:-ms-input-placeholder {color: #B1B1B1 !important;} .gorod_v_shapke-mobile, .shapke-mobile {display:none!important} input.wpcf7-not-valid::-webkit-input-placeholder {color: #f00 !important;} input.wpcf7-not-valid:-moz-placeholder {color: #f00 !important;} input.wpcf7-not-valid::-moz-placeholder {color: #f00 !important;} input.wpcf7-not-valid:-ms-input-placeholder {color: #f00 !important;} input.wpcf7-not-valid {border-color: #f00 !important;} body div.wpcf7-response-output {margin: 0; padding: 6px; position: absolute; background: #f00; color: #fff; font-size: 16px; line-height: 16px; border: none !important; left: 0; bottom: -58px; right: 0; max-width: 100%; margin: auto; text-align: center; padding: 10px 0 !important; z-index: 999;} div.wpcf7 {position: relative;} .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {background: #0ea431;} .overlay {top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none; background-color: rgba(0, 0, 0, 0.65); position: fixed; cursor: default;} .overlay:target {display: block;} .popup {top: -100%; right: 0; left: 50%; font-size: 14px; z-index: 20; margin: 0; width: 85%; min-width: 320px; max-width: 380px; position: fixed; padding: 25px 15px 15px; background: #f2f2f2; -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3); -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3); box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3); -webkit-transform: translate(-50%, -500%); -ms-transform: translate(-50%, -500%); -o-transform: translate(-50%, -500%); transform: translate(-50%, -500%); -webkit-transition: -webkit-transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; -o-transition: -o-transform 0.6s ease-out; transition: transform 0.6s ease-out; text-align: center;} .popup .form-title {font-size: 23px; text-align: center;} .popup .form-title p {margin-bottom: 20px; line-height: 27px;} .popup input.wpcf7-form-control {display: block; margin: 0 auto 15px;} .overlay:target+.popup {-webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 20%;} .overlay:target+.popup.top-10 {top: 5%;} .close {top: 10px; right: 10px; width: 20px; height: 20px; position: absolute; padding: 3px; text-decoration: none; background: url(images/close.webp) 50% 50% no-repeat;} .popup p {margin: 0; padding: 5px 0} .container {padding: 0 15px; max-width: 1240px; margin: 0 auto;} .container_2 {padding: 0 15px; max-width: 1320px; margin: 0 auto;} .col2 {display: inline-block; width: 49%; padding: 0 10px; margin-bottom: 20px; vertical-align: top;} .col3 {display: inline-block; width: 32%; padding: 0 10px; margin-bottom: 20px; vertical-align: top;} .col4 {display: inline-block; width: 24%; padding: 0 10px; margin-bottom: 20px; vertical-align: top;} .hidden-lg {display: none;} input.wpcf7-form-control.name {background: #fff; text-align: center;} input[type=checkbox]:checked+.wpcf7-list-item-label:before {content: ""; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; color: #f3f3f3; text-align: center; line-height: 15px; background: url(/wp-content/themes/gotovaya/images/check.png) 50% no-repeat;} body .wpcf7-list-item-label:before {content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background: #fff; border: 1px solid #009a61; border-radius: 3px; cursor: pointer;} .fofc.box_response1 { padding-bottom: 0px;} input[type=checkbox] {display: none;} span.wpcf7-form-control-wrap.checkbox-472 {display: inline-block;} a.polit {display: inline-block; margin-left: 11px; font-size: 11px; color: #52585e; text-decoration: underline;} p.f_title {font-size: 22px; line-height: 1.2; margin-bottom: 25px; font-weight: 700; color: #D51017;} .slider .owl-dots {display: none;} h1, h2, h3, h4, h5 {font-size: 30px; line-height: 1.3; text-align: left; padding-bottom: 10px;} h2 {font-size: 28px;} h3 {font-size: 26px;} h4 {font-size: 24px;} h5 {font-size: 22px;} .navigation {padding: 15px 30px; text-align: center;} .navigation .page-numbers {padding: 3px 8px; background: #fff; color: #23120e; border: 1px solid #23120e; margin: 0 3px; font-size: 16px;} span.page-numbers.current {padding: 3px 10px; background: #fff; color: #23120e; border: 1px solid #23120e; margin: 0 3px 0; font-size: 16px;} .navigation span.page-numbers.current, .navigation .page-numbers:hover {background: #23120e; color: #fff;} .fofc_item textarea {outline: none;} button.navbar_toggle {display: none;} .breadcrumbs span a.breadcrumbs__link {font-weight: 600; color: #000; padding: 5px;} .box_bl_10.removes .title_bl {display: none;} .box_bl_10.removes .meta2_form_bl10 {display: none;} .breadcrumbs {padding: 15px 0; font-size: 14px;} .seo_tekst_box {z-index: 9; position: relative; margin-top: 50px;} .menu {list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: space-between;} .logo_box a {font-size: 0px;} .vyvod_soczsetej_v_podvale_mob_flex a span {font-size: 0px;} .menu li {padding: 0px 5px; position: relative;} .col_r p {margin-bottom: 15px;} p#breadcrumbs span a, p#breadcrumbs span.breadcrumb_last {font-size: 16px; margin-right: 5px;} p#breadcrumbs span a, p#breadcrumbs span.breadcrumb_last, span.sep {font-size: 16px; margin-right: 5px;} p#breadcrumbs span a:hover {text-decoration: underline;} p#breadcrumbs span.breadcrumb_last, span.sep {color: #B1B1B1;} .col_r ul, .col_r ol {padding: 0 0 0 18px;} .col_r ul li, .col_r ol li {padding: 3px 0;} .gallery {width: 100%; height: 100%; display: flex; margin: 15px 0 20px !important;} .gallery .gallery-item {border-radius: 20px; overflow: hidden; display: block; margin: 1%; max-width: 100%; padding: 0;} .gallery .gallery-item .gallery-icon {width: 100%; height: 100%; display: block;} .gallery .gallery-item .gallery-icon img {width: 100%; height: 100%; display: block; object-fit: cover; border: none !important;} .page_404:before {display: block; content: ""; height: 275px; width: 400px; background: url(https://hot-n-cold.ru/wp-content/themes/gotovaya/img/error-404.svg) 0 0 no-repeat; position: absolute; left: 50%; top: 61%; transform: translate(-50%, -50%);} .page_404 {position: relative; padding-bottom: 400px; text-align: center;} .page_404 a {color: #255697; text-transform: uppercase; font-weight: 500;} .header_flex {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;} nav.menu_box .menu ul.sub-menu, nav.menu_box .menu li ul.sub-menu li ul.sub-menu {display: none; position: absolute; z-index: 3; top: 0px; left: 0; text-align: left; list-style: none; margin: 0px; padding: 18px 53px 18px 24px; background: #FFFFFF; border-radius: 12px;} nav.menu_box .menu li:hover ul.sub-menu, nav.menu_box .menu li ul.sub-menu li:hover ul.sub-menu {display: block;} .menu li.menu-item-has-children {cursor: pointer;} .header_box {padding: 25px 0;} .container_box {max-width: 1326px; margin: 0 auto; width: 100%; padding: 0 15px;} .owl-dots {display: none;} .owl-nav.disabled, .owl-nav {text-indent: -9999px;} .owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent; position: relative} .owl-carousel {display: none; width: 100%; z-index: 1} .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden} .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0)} .owl-carousel .owl-item {min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none} .no-js .owl-carousel, .owl-carousel.owl-loaded {display: block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} .owl-carousel.owl-loading {opacity: 0; display: block} .owl-carousel.owl-hidden {opacity: 0} .owl-carousel.owl-refresh .owl-item {visibility: hidden} .owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} .owl-carousel.owl-grab {cursor: move; cursor: grab} .owl-carousel.owl-rtl {direction: rtl} .owl-carousel.owl-rtl .owl-item {float: right} .owl-carousel .animated {animation-duration: 1s; animation-fill-mode: both} .owl-carousel .owl-animated-in {z-index: 0} .owl-carousel .owl-animated-out {z-index: 1} .owl-carousel .fadeOut {animation-name: fadeOut} @keyframes fadeOut {0% { opacity: 1 } 100% { opacity: 0 }} .owl-height {transition: height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity .4s ease} .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d} .owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center; -webkit-tap-highlight-color: transparent} .owl-theme .owl-nav {margin-top: 10px} .owl-theme .owl-nav [class*=owl-] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px} .owl-theme .owl-nav .disabled {opacity: .5; cursor: default} .owl-nav.disabled+.owl-dots {margin-top: 35px; text-align: center;} .owl-dots .owl-dot {display: inline-block; zoom: 1} .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px} .owl-dots .owl-dot span {background: #fff;} .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #fac629} .owl-dots .owl-dot span {background: rgba(255, 255, 255, 0.7); width: 16px; height: 16px; margin: 0; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;} .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #374756;} .owl-dots .owl-dot {display: inline-block; zoom: 1; border: 4px solid #fff0; border-radius: 50%; margin: 0 5px;} .owl-dot.active, .owl-dots .owl-dot:hover {border: 4px solid rgba(255, 255, 255, 0.7); border-radius: 50%;} footer {padding: 0px 0 24px; background: #212121;} .container_box p#breadcrumbs {text-align: left;} .footer_flex {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-bottom: 55px;} ul#menu-menyu-v-podvale>li {font-size: 16px; font-weight: 600; padding-right: 20px;} ul#menu-menyu-v-podvale>li ul.sub-menu li {font-weight: 400; font-size: 14px;} .footer_item1 ul>li {text-align: left; padding: 0;} ul#menu-menyu-v-podvale>li ul.sub-menu {padding-top: 10px;} .footer_item1 {width: 50%;} .footer_text {text-align: center; font-weight: 300;} .modal_box {border-radius: 10px; max-width: 530px !important; width: 100%; padding: 30px !important;} .fofc .fofc_item input, .fofc .fofc_item textarea {max-width: 100%; width: 100%; padding: 14px 14px; display: block; margin-bottom: 20px; outline: none; position: relative; text-align: left; font-size: 16px; border: 1px solid #989898; border-radius: 5px;} p.f_text {font-size: 14px; color: #878787; padding-bottom: 20px;} div#item_submit input {display: inline-block; color: #fff; border: 1px solid #D1252C; border-radius: 10px; text-align: center; padding: 7px 0; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: #D1252C;} div#item_submit input {display: inline-block; color: #fff; border: 1px solid #D1252C; border-radius: 10px; text-align: center; padding: 16px 0; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: #D1252C; text-transform: none; font-size: 16px; max-width: 180px; margin: 0;} .box_response2 {display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;} .bl_response.active1 .box_response2 {display: -webkit-box; display: -ms-flexbox; display: flex; height: 260px;} .wpcf7-response-output, .bl_response.active1 .box_response1 {display: none;} .title_response {font-size: 34px; font-weight: 900; position: relative; color: #D51017;} .text_response {font-size: 20px; color: #000;} .wpcf7-response-output {display: none !important;} .fofc_item textarea {height: 150px;} body.error404 .bl_page_404 {padding-bottom: 40px;} body.error404 .page_404_img {text-align: center; padding-top: 100px; max-width: 300px; margin: 0 auto;} body.error404 .page_title {text-align: center; font-size: 40px; color: #D1252C; text-transform: uppercase; line-height: 1.5; padding: 20px 0;} body.error404 .page_404_text {color: #4A4544; text-align: center; font-size: 22px; font-weight: 600;} a.page_404_link {display: inline-block; color: #fff; border: 1px solid #D1252C; border-radius: 10px; text-align: center; padding: 10px; background: #D1252C;} .page_404_item {text-align: center; padding-top: 40px;} .logo_box a, .logo_box_footer a {display: block;} td, tr, th {width: 100% !important; display: revert !important; white-space: nowrap;} table {display: block; overflow-x: auto; max-width: 100%;} table {width: 100%; margin-bottom: 20px; border: 1px solid #dddddd; border-collapse: collapse;} table th {font-weight: bold; padding: 5px; background: #efefef; border: 1px solid #dddddd;} table td {border: 1px solid #dddddd; padding: 5px;} .tabs_item_box {display: none;} .tabs_item_box.active {display: block;} .timer-counter {display: flex; gap: 15px; justify-content: center; align-items: center; flex-wrap: wrap;} .timer-unit {text-align: center; background: #FBFBFB; border: 2px solid #FFFFFF; border-radius: 12px; width: 248px; height: 128px;} .timer-value {display: block; font-size: 74px; font-weight: 400; font-family: Montserrat; line-height: 1.3;} .timer-label {display: block; font-size: 12px; color: #B1B1B1; text-transform: uppercase; font-weight: 400; padding-bottom: 12px;} .timer-finished {font-size: 24px; font-weight: bold; color: #212121; text-align: center; padding: 20px; background: #fbfbfb; border-radius: 12px;} .video-preview-wrapper {position: relative; display: inline-block; cursor: pointer; border-radius: 12px; overflow: hidden; height: 600px; width: 100%;} .video-preview-container {height: 600px;} .box_bl_4 .container_box {max-width: 1356px;} .video-preview-wrapper2 {height: 482px;} .video-preview {width: 100%; height: 100%; display: block; max-width: 100%; object-fit: cover;} .video-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease;} .play-icon {transition: transform 0.3s ease;} .no-scroll {overflow: hidden;} .video-title {margin-top: 15px; font-size: 1.2em; color: #333; text-align: center;} .otvet_11_go_bloka {display: none; font-size: 14px; padding: 8px 60px 24px 24px; line-height: 1.6;} .vyvod_soczsetej_v_podvale {position: fixed; bottom: 130px; right: 0px; z-index: 99;} .link_soczsetej_v_podvale:hover {margin-left: -20px;} .link_soczsetej_v_podvale {-webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .link_soczsetej_v_podvale:first-child {background: #45dc3c; border-radius: 10px 0px 0px 10px; margin-bottom: 8px;} .link_soczsetej_v_podvale:last-child {background: #4BA1FB; border-radius: 10px 0px 0px 10px;} a.ikonka_soczsetej_v_podvale {display: block;} #toTop {position: fixed; bottom: 30px; right: 30px; z-index: 9999;} .up {width: 45px; height: 45px; display: block; border-radius: 7px; border: 1px solid #fff; cursor: pointer; position: relative; box-shadow: 0 2px 8px 1px rgb(64 64 64 / 30%); background: #4ba1fb;} .up:after {content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(225deg); transform: rotate(225deg); margin: -3px 0 0 10px; width: 12px; height: 12px; top: 23px; left: 5px; position: absolute; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .up:hover:after {-webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; top: 20px;} .header_box .container {max-width: 1327px;} .header_flex_item1, .logo_flex_text, .vyvod_soczsetej_v_shapke, .header_flex_item2 {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;} header.header.home_menu {padding: 0px 0 0; position: absolute; width: 100%; max-width: 100%; top: 0; -webkit-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; z-index: 999;} .bl_1 {padding-top: 215px; height: 842px; position: relative;} nav.menu_box ul li a {font-family: 'Montserrat'; font-weight: 400; font-size: 16px;} .header_box_bott {background: #fff; padding: 8px 0; border-radius: 12px; margin-top: 13px;} .tekst_logo_v_shapke {font-size: 13px; line-height: 1.2; margin-left: 12px;width: 170px;} .logo_box, .logo_box a {width: 61px; height: 57px; display: block;} .logo_box img, .logo_box a img {height: 100%; object-fit: contain;} .header_flex_item1 {width: 55%;} .header_flex_item2 {width: 40%;} .ikonka_soczsetej_v_shapke {margin-right: 12px;} .ikonka_soczsetej_v_shapke:last-child {margin-right: 0px;} .grafik_raboty_v_shapke {font-size: 12px;} .tel_v_shapke a {font-size: 20px; font-family: 'Roboto'; font-weight: 700; color: #2C75DE; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block;} .gorod_v_shapke {font-size: 16px;} .email_v_shapke a {font-size: 16px; font-family: 'Roboto'; font-weight: 700;} .tekst_knopkil_v_shapke {width: 100%; max-width: 230px;} .tekst_knopkil_v_shapke a {color: #2C75DE; font-size: 16px; font-family: 'Roboto'; font-weight: 700; border-radius: 12px; border: 1px solid #2C75DE; padding: 7px 5px; text-align: center; background: #EDF5FD; width: 100%; display: block; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopkil_v_shapke a:hover {background: #fff;} .tekst_knopkil_v_shapke a:active {background: #2C75DE; color: #fff;} .ikonka_soczsetej_v_shapke a {display: block; width: 42px; height: 42px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .ikonka_soczsetej_v_shapke a img {width: 100%; height: 100%; object-fit: cover; display: block;} .email_v_shapke a:hover {text-decoration: underline;} .title_bl {text-align: center; font-size: 36px; font-family: 'Montserrat'; font-weight: 400; padding-bottom: 32px;} .title_bl span {font-family: Montserrat; font-weight: 600;} .box_title_bl1 .title_bl {padding-bottom: 24px;} .text_1_go_bloka {text-align: center; font-size: 16px;} .box_link_bl1 {text-align: center; padding-top: 24px; display: flex; align-items: center; justify-content: center;} .knopka_1_1_go_bloka a, .knopka_2_1_go_bloka a {display: inline-block; font-family: 'Roboto'; font-weight: 700; font-size: 20px; color: #fff; border-radius: 12px; padding: 17px 15px; width: 100%; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .knopka_1_1_go_bloka a {position: relative; padding: 17px 30px 17px 70px; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border: 1px solid transparent;} .knopka_1_1_go_bloka a:hover, .tekst_knopki_3_go_bloka a:hover {background: #fff; color: #2C75DE; box-shadow: none; border: 1px solid #2C75DE;} .knopka_1_1_go_bloka a:active, .tekst_knopki_3_go_bloka a:active {background: #2C75DE; color: #fff;} .knopka_1_1_go_bloka a:after {display: block; content: ""; height: 24px; width: 24px; background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat; position: absolute; bottom: 19px; left: 50px;} .knopka_1_1_go_bloka a:hover:after, .tekst_knopki_3_go_bloka a:hover:after {background: url(images/knopka_1_1_go_bloka_hover.svg) 0 0 no-repeat;} .knopka_1_1_go_bloka a:active:after, .tekst_knopki_3_go_bloka a:active:after {background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat;} .knopka_2_1_go_bloka a {background: #2CDE4D; box-shadow: inset 0px 0px 24px #D0FBD5; border: 1px solid transparent;} .knopka_2_1_go_bloka a:hover {background: #FFFFFF; border: 1px solid #2CDE4D; box-shadow: 0px 0px 32px rgba(44, 222, 77, 0.25); color: #2CDE4D;} .knopka_2_1_go_bloka a:active {background: #2CDE4D; color: #fff;} .tekst_knopki_3_go_bloka a {display: inline-block; font-family: 'Roboto'; font-weight: 700; font-size: 20px; color: #fff; border-radius: 12px; position: relative; padding: 17px 30px 17px 70px; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border: 1px solid transparent; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .seo_text_full h2, .text_blog h2 {margin-top: 15px;} .tekst_knopki_3_go_bloka a:after {display: block; content: ""; height: 24px; width: 24px; background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat; position: absolute; bottom: 19px; left: 35px;} .knopka_1_1_go_bloka {margin-right: 14px;} .knopka_1_1_go_bloka, .knopka_2_1_go_bloka {min-width: 297px;} .vyvod_preim_1_go_bloka_box {position: absolute; bottom: -58px; width: 100%; max-width: 1296px; border-radius: 16px; background: #fff; padding: 6px; z-index: 99; left: 50%; transform: translate(-50%, 0%);} .vyvod_preim_1_go_bloka {display: flex; align-items: center; justify-content: space-around; border-radius: 16px; border: 1px solid #E8E8E8; padding: 18px;} .bl_1:after {display: block; content: ""; height: 129px; width: 100%; background: url(images/vyvod_preim_1_go_bloka.svg) 0 0 no-repeat; position: absolute; bottom: -5px; left: 0px;} .title_preim_1_go_bloka {font-size: 20px; line-height: 1.4;} .ikonka_preim_1_go_bloka {background: #2C75DE; width: 64px; height: 64px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px;} .ikonka_preim_1_go_bloka img {display: block; height: 100%;} .vyvod_preim_1_go_bloka_item {display: flex; align-items: center;} .box_bl_2 {padding: 189px 0 124px; background: #FBFBFB; position: relative;} .box_bl_2:after {display: block; content: ""; height: 283px; width: 228px; background: url(images/box_bl_2.webp) 0 0 no-repeat; position: absolute; top: 0px; left: 0px;} .tab_ind.tab_ind_bl2 {list-style: none;} .tabs_caption.tabs_caption_bl2 {padding: 0 0 28px; margin: 0; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 6px;} .portfolio_price {display: flex; font-size: 18px; gap: 8px;} .portfolio_price span {font-size: 20px; font-weight: 500;} .portfolio_price {display: flex; font-size: 18px; gap: 8px; align-items: flex-end;} .tab_ind.tab_ind_bl2 {list-style: none; color: #2C75DE; border-radius: 6px; border: 1px solid #8DBDFC; padding: 12px 15px; line-height: 1.2; max-width: 174px; width: 100%; text-align: center; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tab_ind.tab_ind_bl2.active, .tab_ind.tab_ind_bl2:hover {color: #fff; background: #2C75DE;} .slider .owl-next:before, .slider .owl-prev:before {content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(317deg); transform: rotate(317deg); margin: -3px 0 0 10px; width: 10px; height: 10px; border-color: #2D78DA; border-style: solid; border-width: 0 2px 2px 0; position: absolute; right: 16px; top: 16px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .slider .owl-prev:before {-webkit-transform: rotate(135deg); transform: rotate(135deg); left: 6px; top: 16px;} .slider .owl-next, .slider .owl-prev {position: absolute; display: block; width: 42px; height: 42px; right: -23px; z-index: 110; text-indent: -9999px; top: 0; bottom: 0; margin: auto; background-position: -7px -7px; border-radius: 50%; border: 1px solid #2D78DA; background: #fff; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .slider .owl-prev {left: -23px; right: auto;} .slider .owl-next:hover, .slider .owl-prev:hover {border: 1px solid transparent; background: #2D78DA;} .slider .owl-next:hover:before, .slider .owl-prev:hover:before {border-color: #fff;} /* CSS для звездного рейтинга */ .star-rating {unicode-bidi: bidi-override; direction: rtl; text-align: left; display: inline-block; font-size: 30px;margin-top: -10px; line-height: 1;} .form-field.field-star_rating input {display: inline-block; position: absolute; margin-top: 8px; opacity: 0; pointer-events:none; cursor: pointer;} .star-rating {cursor: pointer;} .star-rating > input {display: none;} .strong-form-wait .message {text-align: center;} .strong-form-wait img {width: 30px; height: 30px; animation: text-circle 3s infinite linear;} @-webkit-keyframes text-circle { 0% { -webkit-transform: rotate(0); transform: rotate(0);} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes text-circle { 0% { -webkit-transform: rotate(0); transform: rotate(0);} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}} .star-rating > label:before {content: '\2605'; padding: 0 0px; cursor: pointer; color: #ccc; margin-left: -26px; cursor: pointer;} .star-rating > input:checked ~ label:before, .star-rating > input:checked + label:before {color: #ff9900; cursor: pointer;} .form-field.field-star_rating .star-rating label {width: 19px; display: inline-block; color: transparent; cursor: pointer;} .star-rating > label:hover:before, .star-rating > label:hover ~ label:before {color: #ff9900; cursor: pointer;} div#swiper_bl_7 .swiper-button-prev:before, div#swiper_bl_7 .swiper-button-next:before {content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(317deg); transform: rotate(317deg); margin: -3px 0 0 10px; width: 10px; height: 10px; border-color: #2D78DA; border-style: solid; border-width: 0 2px 2px 0; position: absolute; right: 16px; top: 16px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} div#swiper_bl_7 .swiper-button-prev:before {-webkit-transform: rotate(135deg); transform: rotate(135deg); left: 6px; top: 16px;} div#swiper_bl_7 .swiper-button-prev, div#swiper_bl_7 .swiper-button-next {position: absolute; display: block; width: 42px; height: 42px; right: 100px; z-index: 110; text-indent: -9999px; top: 0; bottom: 0; margin: auto; background-position: -7px -7px; border-radius: 50%; border: 1px solid #2D78DA; background: #fff; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} div#swiper_bl_7 .swiper-button-prev {left: 100px; right: auto;} div#swiper_bl_7 .swiper-button-prev:hover, div#swiper_bl_7 .swiper-button-next:hover {border: 1px solid transparent; background: #2D78DA;} div#swiper_bl_7 .swiper-button-prev:hover:before, div#swiper_bl_7 .swiper-button-next:hover:before {border-color: #fff;} .tabs_item.tabs_item_bl2 {height: 358px;} .tabs_item.tabs_item_bl2 img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px;} .tabs_item.tabs_item_bl2 a {display: block; width: 100%; height: 100%;} .flex_bl_3 {border-radius: 12px; padding: 58px 0 70px; border: 1px solid #E8E8E8;} .box_bl_3 {position: relative; background: #FBFBFB;} .box_bl_3:after {display: block; content: ""; height: 596px; width: 293px; background: url(images/1box_bl_3.webp) 0 0 no-repeat; position: absolute; top: -110px; right: 0px;} .box_bl_3:before {display: block; content: ""; height: 596px; width: 254px; background: url(images/2box_bl_3.webp) 0 0 no-repeat; position: absolute; top: 165px; left: 0px; pointer-events: none;} .tekst_knopki_3_go_bloka {text-align: center;} .flex_box_bl_3 {background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(16px); border-radius: 12px; padding: 6px; z-index: 1; position: relative;} .box_schyotchik_bl_3 {padding-bottom: 36px;} span.timer-separator {font-size: 74px; font-weight: 400; font-family: Montserrat; line-height: 1.3;} .box_bl_4 {background: #FBFBFB; padding: 112px 0 124px;} .box_bl_44 {background: #FBFBFB; padding: 130px 0 124px;} .box_bl_5 {background: rgb(251, 251, 251); padding: 0px 0px 124px; position: relative;} .box_bl_5:after {display: block; content: ""; height: 286px; width: 228px; background: url(images/box_bl_5.png) 0 0 no-repeat; position: absolute; top: -150px; right: 0px;} .box_content.kviz {padding-bottom: 140px;} .item_bl_5 {border-radius: 12px; background: #fff; height: auto;} .img_portfolio_page_portfolio:before {content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512.005 512.005' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath d='m505.749 475.587-145.6-145.6c28.203-34.837 45.184-79.104 45.184-127.317C405.333 90.926 314.41.003 202.666.003S0 90.925 0 202.669s90.923 202.667 202.667 202.667c48.213 0 92.48-16.981 127.317-45.184l145.6 145.6c4.16 4.16 9.621 6.251 15.083 6.251s10.923-2.091 15.083-6.251c8.341-8.341 8.341-21.824-.001-30.165zM202.667 362.669c-88.235 0-160-71.765-160-160s71.765-160 160-160 160 71.765 160 160-71.766 160-160 160z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; background-color: #0000002b; background-size: 30px; background-position: center; background-repeat: no-repeat; opacity: 0; transition: 0.3s; pointer-events:none;} .img_portfolio_page_portfolio {position: relative;} .img_portfolio_page_portfolio:hover:before{ opacity: 1;} .card_title a {font-size: 24px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .card_title {padding-bottom: 20px;} .box_bl_44 h2.title_bl {max-width: 820px; margin: 0 auto;} .card_image a {height: 301px; border-radius: 12px; display: block; overflow: hidden; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .card_image a img {width: 100%; height: 100%; object-fit: cover; display: block;} .card_content {padding: 20px;} .card_type, .card_purpose {font-size: 16px; position: relative; display: flex; align-items: center; justify-content: space-between;} .card_type:after, .card_purpose:after {display: block; content: ""; height: 7px; width: 100%; position: absolute; border-bottom: 2px dashed #B1B1B1;} .card_type span, .card_purpose span {color: #555555; font-weight: 400; background: #fff; display: block; position: relative; z-index: 9; font-size: 12px;} .card_type span:last-child, .card_purpose span:last-child {padding-left: 7px; text-align: right;} .card_type span:first-child, .card_purpose span:first-child {padding-right: 7px;} .card_price {font-size: 20px; font-weight: 500; padding-right: 8px;} .card_old_price {text-decoration-line: line-through; color: #B1B1B1;} .card_image a:hover {transform: scale(1.1);} .card_image {overflow: hidden; border-radius: 12px;} .meta_czena {display: flex; align-items: center; padding-top: 20px;} .read-more-btn {text-align: center;} .read-more-btn a {background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px; color: #fff; font-weight: 500; padding: 10px 20px; width: 100%; display: inline-block; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid transparent;} .read-more-btn a:hover {background: #fff; color: #2C75DE; box-shadow: none; border: 1px solid #2C75DE;} .read-more-btn {text-align: center; display: block; position: relative; width: 100%; max-width: 376px; margin-top: 10px;} .tekst_knopki_5_go_bloka {text-align: center; padding-top: 46px;} .tekst_knopki_5_go_bloka a {display: block; background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 10px 20px; color: #2C75DE; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopki_5_go_bloka a:hover {background: #2C75DE; color: #fff; box-shadow: inset 0px 0px 24px #8CBBFF; border: 1px solid #2C75DE;} .box_bl_6 {position: relative; background: #FBFBFB; padding: 0 0 125px;} .box_bl_6:after {display: block; content: ""; height: 596px; width: 169px; background: url(images/box1_bl_6.webp) 0 0 no-repeat; position: absolute; top: -310px; right: 0px;} .item_bl_6 {background: #FFFFFF; border-radius: 12px; padding: 22px 20px 16px; position: relative; height: 192px;} .item_bl_6:before {display: block; content: ""; width: 64px; height: 64px; background: #2C75DE; border-radius: 8px; position: absolute; top: 20px; left: 20px;} .item_bl_6 .ikonka_rabot_6_go_bloka img {position: absolute;} .bl6_item_1 .ikonka_rabot_6_go_bloka img {width: 74px; height: 60px;} .bl6_item_2 .ikonka_rabot_6_go_bloka img {width: 78px; height: 64px;} .bl6_item_3 .ikonka_rabot_6_go_bloka img {width: 92px; height: 82px; top: 0; left: 22px;} .item_bl_6 .ikonka_rabot_6_go_bloka img {} .flex_bl_6 {display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(3, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px;} .item_bl_6 span {position: absolute; top: 20px; right: 20px; font-size: 20px; color: #2C75DE; font-family: 'Montserrat'; font-weight: 700;} .title_rabot_6_go_bloka {font-size: 20px; font-family: 'Montserrat'; font-weight: 700; padding-bottom: 12px; line-height: 1; padding-top: 84px;} .tekst_rabot_6_go_bloka {line-height: 1.4;} .box_bl_7 {background: #FBFBFB; padding: 0 0 125px; position: relative;} .box_bl_7:before {display: block; content: ""; height: 596px; width: 213px; background: url(images/box2_bl_6.webp) 0 0 no-repeat; position: absolute; top: -184px; left: 0px; z-index: 99; pointer-events: none;} .container_flex_bl_7 {max-width: 1470px; margin: 0 auto; width: 100%; padding: 0 15px;} .swiper-button-prev:after {display: block; content: ""; height: 482px; width: 292px; background: url(images/box1_bl_7.webp) 0 0 no-repeat; position: absolute; top: -224px; left: -200px; z-index: 999;} .swiper-button-next:after {display: block; content: ""; height: 482px; width: 292px; background: url(images/box2_bl_7.webp) 0 0 no-repeat; position: absolute; top: -224px; right: -200px; z-index: 999;} .box_bl_8 {background: #FBFBFB; padding: 0 0 125px; position: relative;} .box_bl_8:before {display: block; content: ""; height: 596px; width: 293px; background: url(images/box1_bl_8.webp) 0 0 no-repeat; position: absolute; top: -200px; right: 0px; z-index: 99;} .box_bl_8:after {display: block; content: ""; height: 283px; width: 228px; background: url(images/box2_bl_8.webp) 0 0 no-repeat; position: absolute; top: 200px; left: 0px; z-index: 999;} .item_bl_8 {background: #FFFFFF; border-radius: 12px; padding: 24px;} .fofc_title-activegorod {margin-top: 15px; font-size: 18px; font-weight: 400; font-family: "Montserrat";} .fofc_title-activegorod span {font-weight: 600;} .fofc_box_goroda {margin-top: 15px; border-top: 1px solid #d1d1d1; padding-top: 15px; font-family: "Montserrat"; font-size: 14px; display: grid; grid-template-columns: repeat(2, 1fr);} .flex_bl_8 {display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(4, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px; --grid-row-gap: 24px;} .title_doveryayut_8_go_bloka {font-size: 70px; color: #2C75DE; font-family: 'Montserrat'; font-weight: 600; line-height: 1; padding-bottom: 46px; position: relative;} .bl8_item1 .title_doveryayut_8_go_bloka:after, .bl8_item2 .title_doveryayut_8_go_bloka:after {display: block; content: ""; height: 45px; width: 45px; background: url(images/title_doveryayut_8_go_bloka.svg) 0 0 no-repeat; position: absolute; top: 20px; left: -5px; z-index: 999;} .bl8_item1 .title_doveryayut_8_go_bloka, .bl8_item2 .title_doveryayut_8_go_bloka {padding-left: 20px;} .tekst_doveryayut_8_go_bloka {font-size: 16px;} .strong_flex_bl9 {display: flex; background: #FFFFFF; border-radius: 12px;} .item2_bl_9 {margin-left: 14px;} .testimonial_name_bl9 {font-size: 24px; font-weight: 500; line-height: 1; padding-bottom: 8px;} .testimonial_purpose_bl9 {color: #B1B1B1;} .testimonial_excerpt_bl9 {padding-top: 16px;} .item1_bl_9 img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px;} .testimonial_image_bl9 {height: 280px;} .item2_bl_9 {margin-left: 14px; width: 50%;} .item1_bl_9 {width: 50%; position: relative; height: 280px;} .testimonial_rating_bl9 {position: absolute; bottom: 14px; left: 14px; background: #fff; border-radius: 6px; padding: 6px; display: flex; align-items: center;} .star {line-height: 1; width: 16px; height: 16px;} .box_bl_9 {background: #FBFBFB; padding: 0 0 125px; position: relative;} .testimonial_more {color: #2C75DE; cursor: pointer; padding: 22px 0;} .box_bl_10 {background: #FBFBFB; padding: 0 0 125px; position: relative;} .flex_bl_10 {display: flex; align-items: center; justify-content: space-between;} .item1_bl_10, .item2_bl_10 {width: 48%;} .item1_bl_10 {background: #FFFFFF; border-radius: 12px;} .meta2_form_bl10 {backdrop-filter: blur(4px); border-radius: 12px; padding: 16px 0 17px; background: rgba(44, 117, 222, 0.05);} .meta1_form_bl10 {padding: 25px 25px 36px;} .vyvod_soczsetej_10_go_bloka {display: flex; align-items: center; justify-content: center; padding-bottom: 8px;} .vyvod_soczsetej_10_go_bloka_item a {display: inline-block; width: 42px; height: 42px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .vyvod_soczsetej_10_go_bloka_item a:hover {transform: scale(1.1);} .vyvod_soczsetej_10_go_bloka_item a img {width: 100%; height: 100%; display: block;} .tekst_pod_soczialnymi_setyami_10_go_bloka {text-align: center; font-size: 12px;} .vyvod_soczsetej_10_go_bloka_item {padding-right: 12px;} .vyvod_soczsetej_10_go_bloka_item:last-child {padding-right: 0px;} span.wpcf7-spinner {display: none;} div#fofc_button input, .fofc_button input {text-transform: none; font-size: 16px; color: #fff; font-weight: 500; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px; padding: 20px 20px; margin: 0;width: 100%;border: none;text-align: center;} .fofc {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 36px;} .fofc_item input {background: #FFFFFF; border: 1px solid #B1B1B1; border-radius: 12px; margin: 0; width: 100%;} .fofc_item input:hover, .fofc_item_textarea textarea:hover, .fofc_item select:hover {border: 1px solid #2C75DE;} .fofc_item {width: 48%;} .fofc_item label span {font-size: 16px; display: block; line-height: 1; padding-bottom: 12px;} .fofc_item span.wpcf7-form-control-wrap {padding: 0;} .img_mastera_10_go_bloka img {border-radius: 12px; width: 100%; height: 100%; object-fit: cover; display: block;} .img_mastera_10_go_bloka {height: 520px;} .fio_mastera_10_go_bloka p {font-size: 16px; color: #FFFFFF;} .fio_mastera_10_go_bloka span {font-size: 24px; color: #fff; font-weight: 500;} .item2_bl_10 {position: relative;} .fio_mastera_10_go_bloka {background: rgba(255, 255, 255, 0.4); border: 1px solid #FFFFFF; backdrop-filter: blur(12px); border-radius: 12px; padding: 20px 15px; left: 50%; top: 84%; transform: translate(-50%, -50%); position: absolute; text-align: center; line-height: 1; min-width: 272px;} .fofc_text {text-align: center; line-height: 1.4; padding-top: 14px;} .fofc_text a {text-decoration: underline;} .fofc_text a:hover {text-decoration: none;} body form.wpcf7-form.sent div.wpcf7-response-output {display: block !important;} .excerpt_short.hidden {display: none;} .box_bl_11 {background: #FBFBFB; padding: 0 0 136px; position: relative;} .item_bl_11:last-child {margin-bottom: 0px;} .item_bl_11 {border-radius: 12px; margin-bottom: 24px; cursor: pointer; position: relative; background: #fff;} .vopros_11_go_bloka {background: #FFFFFF url(images/item_bl_11.svg) 99% 50% no-repeat;} .vopros_11_go_bloka:hover {background: #FFFFFF url(images/item_bl_11_hover.svg) 99% 50% no-repeat;} .item_bl_11.active .vopros_11_go_bloka {background: #FFFFFF url(images/item_bl_11_top.svg) 99% 50% no-repeat;} .item_bl_11.active:after {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .vopros_11_go_bloka {font-size: 20px; border-radius: 12px; line-height: 1; padding: 24px 60px 24px 24px;} .flex_bl_11 {padding-bottom: 36px;} .seo_tekst_11_go_bloka {padding-top: 124px; font-size: 16px;} .tekst_knopki_11_go_bloka a {color: #2C75DE; font-weight: 500; font-size: 16px; display: block; background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 15px 15px; line-height: 1.2; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopki_11_go_bloka a:hover {color: #fff; background: #2C75DE;} .tekst_knopki_11_go_bloka {text-align: center;} .seo_tekst_11_go_bloka p {margin-bottom: 15px;} .seo_tekst_11_go_bloka p:last-child {margin-bottom: 0px;} .seo_text_short.hidden {display: none;} .more_seo_tekst_11_go_bloka {font-size: 16px; color: #2C75DE; text-decoration: underline; padding-top: 20px; display: inline-block; cursor: pointer;} .more_seo_tekst_11_go_bloka:hover {text-decoration: none;} .conta_bl2_slider {height: 358px;} .footer_box .tekst_logo_v_shapke {font-size: 20px; color: #fff; font-weight: 500; margin-left: 24px; width: auto;} .footer_box .logo_box {width: 120px; height: 82px; background: #fff; display: flex; justify-content: center; border-radius: 0px 0px 12px 12px; padding: 7px 0;} .footer_box .header_flex_item2, .footer_box .header_flex_item1 {width: 48%;} .tekst_v_podvale, .footer_box_bott_item a {color: #fff; opacity: 0.5; line-height: 1.2;} .footer_box_bott_item a {text-decoration: underline;} .footer_box_bott_item a:hover {text-decoration: none;} .footer_box .email_v_shapke a, .footer_box .tel_v_shapke a {font-size: 15px; font-family: 'Roboto'; font-weight: 500; color: #fff; line-height: 1.6;} .footer_box .tel_v_shapke a:hover {transform: none; text-decoration: underline;} .footer_box_bott {display: flex; align-items: end; padding-top: 24px; margin-top: 24px; border-top: 1px solid #ffffff7d; justify-content: space-between;} .footer_box .tekst_knopkil_v_shapke a {color: #fff; font-weight: 500; border-radius: 12px; border: 1px solid #fff; padding: 7px 10px; text-align: center;background: #2C2C2C;} .title_tel_foot {color: #fff; opacity: 0.65; text-align: right;} .container_page {max-width: 1326px; margin: 0 auto; padding: 0 15px;} .title_page {text-align: center; font-size: 36px; font-family: 'Montserrat'; font-weight: 400; padding-bottom: 36px;} .title_page span {font-family: 'Montserrat'; font-weight: 600;} .box_breadcrumb {padding-bottom: 64px; text-align: center;} .bl_page {background: #FBFBFB; padding: 190px 0 124px;} .bl_page .tab_ind.tab_ind_bl2 {max-width: fit-content;} .bl_page.tabs_caption.tabs_caption_bl2 {padding: 0 0 36px;} .vyvod_soczsetej_v_shapke {display: flex;} .ikonka_soczsetej_v_shapke {position: relative; transition: transform 0.3s ease;} .play-icon {position: relative;} .ikonka_soczsetej_v_shapke svg {display: block; width: 42px; height: 42px;} /* WhatsApp styles */ .whatsapp-hover, .telegram-hover {position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease;} .whatsapp-normal, .telegram-normal {opacity: 1; transition: opacity 0.3s ease;} .whatsapp-icon:hover .whatsapp-normal, .telegram-icon:hover .telegram-normal, .play-icon:hover .whatsapp-normal {opacity: 0;} .whatsapp-icon:hover .whatsapp-hover, .telegram-icon:hover .telegram-hover, .play-icon:hover .whatsapp-hover {opacity: 1;} .menu>ul li a {-webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .menu>li>a:hover {background: #2C75DE; border-radius: 2px; color: #fff;} .menu>li a {padding: 4px 15px; display: inline-block;} div#testimonial_page_flex .testimonial_page_item1 .wpmtst-testimonial-image.testimonial-image {float: none !important; max-width: 100% !important; margin: 0 !important; height: 252px;} div#testimonial_page_flex {display: flex !important; flex-wrap: wrap !important; border: none !important; padding: 0 !important; justify-content: space-between; background: #FFFFFF; border-radius: 12px;} div#testimonial_page_flex .testimonial_page_item1 .wpmtst_the_thumbnail {position: relative;} div#testimonial_page_flex .testimonial_page_item1 {width: 38%;} div#testimonial_page_flex .testimonial_page_item2 {width: 60%; padding-top: 14px;} div#testimonial_page_flex .testimonial_page_item2 .wpmtst-testimonial-heading.testimonial-heading {background:none!important; padding-left:0 !important; line-height:1; padding-bottom:8px; font-size:24px; font-weight: 500;} .btn-3d-open {color: #000; border: none; cursor: pointer; font-size: 16px; transition: 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 682.667 682.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cdefs%3e%3cclipPath id='a' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M0 512h512V0H0Z' fill='%23000000' opacity='1' data-original='%23000000'/%3e%3c/clipPath%3e%3c/defs%3e%3cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 0 682.667)'%3e%3cpath d='m0 0-116.723-64.846a24.05 24.05 0 0 1-12.369-21.022V-221.8a24.05 24.05 0 0 1 12.369-21.023L0-307.668a24.042 24.042 0 0 1 23.357 0l116.723 64.845a24.05 24.05 0 0 1 12.37 21.023v135.932a24.048 24.048 0 0 1-12.37 21.022L23.357 0A24.047 24.047 0 0 1 0 0Z' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(244.321 452.94)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3cpath d='m0 0 136.049-75.583L272.099 0' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(119.95 378.598)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3cpath d='M0 0v123.651' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(256 179.364)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3cpath d='M0 0c44.97-21.76 72.784-51.82 72.784-85.024 0-25.771-16.756-49.649-45.284-69.222' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(431.716 279.92)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3cpath d='M0 0c-42.391-16.274-96.016-25.995-154.333-25.995-137.243 0-248.5 53.835-248.5 120.243 0 33.043 27.547 62.974 72.135 84.708' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(410.333 100.648)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3cpath d='m0 0 77.455-7.209-60.791-48.536' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(346.452 111.78)' fill='none' stroke='%23000000' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); background-color: #fff; background-repeat: no-repeat; background-size: 32px; margin-bottom: 15px; position: absolute; left: 0px; z-index: 2; border-radius: 10px 0px 20px 0px; padding: 10px; padding-left: 50px; background-position: 14px; top: 0px; font-weight: 600;} .btn-3d-open:before {content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M60 0C26.8629 0 0 26.8629 0 60V0H60Z' fill='white'/%3e%3c/svg%3e "); width: 20px; position: absolute; height: 20px; right: -20px; top: 0px; background-size: contain;} .btn-3d-open:after {content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M60 0C26.8629 0 0 26.8629 0 60V0H60Z' fill='white'/%3e%3c/svg%3e "); width: 20px; position: absolute; height: 20px; left: 0px; bottom: -20px; background-size: contain;} .str_navesa_flex_bl1{position: relative;} .btn-3d-open:hover { opacity: 0.8; } .popup-3d-overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); z-index: 9999999999; align-items: center; justify-content: center; } .popup-3d-overlay.is-active { display: flex; } .popup-3d-close { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; background: #fff; border-radius: 50%; cursor: pointer; z-index: 1000000; display: flex; align-items: center; justify-content: center; transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.3); } .popup-3d-close:hover { transform: scale(1.1); } .popup-3d-close span { position: absolute; width: 20px; height: 2px; background: #000; } .popup-3d-close span:first-child { transform: rotate(45deg); } .popup-3d-close span:last-child { transform: rotate(-45deg); } .popup-3d-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 18px; z-index: 1; display: none; font-family: sans-serif; } .popup-3d-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; } .popup-3d-content iframe { width: 100%; height: 100%; border: none; max-width: 100vw; max-height: 100vh; opacity: 0; transition: opacity 0.4s ease; } div#testimonial_page_flex .testimonial_page_item1 img {padding: 0 !important; border: none !important; height: 100%; width: 100%; object-fit: cover; border-radius: 12px;} div#strong_content .wpmtst-testimonial {border: none; margin-bottom: 24px;} .testimonial_page_naves {display: none;} .dlya-chego-naves-field {font-size: 14px; color: #B1B1B1; line-height: 1;} .wpmtst-testimonial-content.testimonial-content {font-size: 14px; line-height: 1.6;} .testimonial_page_star {position: absolute; bottom: 14px; left: 14px; background: #fff; border-radius: 6px; padding: 6px; display: flex; align-items: center;} .testimonial_page_star span {line-height: 1;} .testimonial_page_star span svg {width: 100%;} div#strong_content span.star svg {width: 16px !important; height: 16px !important;} svg.star_regular path {fill: #B1B1B1 !important;} div#testimonial_page_flex .testimonial_page_item2 .wpmtst-testimonial-content.testimonial-content {padding-right: 40px;} div#form_page_otzyvy, div#form_page_portfolio, div#tekst_knopki_bl1_str_navesa, div#tekst_knopkil_v_shapke, div#user-city {display: none;} #cookie_notification {display: none; justify-content: space-between; align-items: flex-end; position: fixed; bottom: 15px; left: 50%; max-width: 1220px; width: 100%; transform: translateX(-50%); padding: 20px; background-color: #212121; border-radius: 4px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); z-index: 300;} #cookie_notification p {margin: 0; font-size: 12px; text-align: left; color: #fff; font-family: 'Roboto'; padding-right: 20px;} #cookie_notification.show{display: flex;} .kont_group_text {margin-bottom: 5px;} .cookie_accept {background-color: #2c2c2c; font-family: "Montserrat"; border-radius: 10px; border: 1px solid #fff; color: #fff; padding: 7px 15px 7px 15px;} .tekst_knopki_page_otzyvy {text-align: center; padding-bottom: 44px;} .tekst_knopki_page_otzyvy a {font-weight: 500; font-size: 16px; color: #2C75DE; background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 20px 40px; display: inline-block; line-height: 1.2; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopki_page_otzyvy a:hover {background: #2C75DE; color: #fff;} div#box_page_testimonial {position: relative;} div#box_page_testimonial:after {display: block; content: ""; height: 573px; width: 283px; background: url(images/box_page_testimonial_1.webp) 0 0 no-repeat; position: absolute; top: -155px; right: 0px;} .ikonka_soczsetej_v_shapke.whatsapp-icon { display: none;} div#box_page_testimonial nav.nav-links {margin: 0; text-align: left; position: relative; padding-top: 12px;} a.prev.page-numbers, a.next.page-numbers {text-indent: -9999px; display: block; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #2D78DA; background: #fff; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 0;} a.prev.page-numbers {right: 55px;} a.prev.page-numbers:before, a.next.page-numbers:before {content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(317deg); transform: rotate(317deg); margin: -3px 0 0 10px; width: 10px; height: 10px; border-color: #2D78DA; border-style: solid; border-width: 0 2px 2px 0; position: absolute; right: 16px; top: 16px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} a.prev.page-numbers:before {-webkit-transform: rotate(135deg); transform: rotate(135deg); right: 12px; top: 17px;} a.prev.page-numbers:hover, a.next.page-numbers:hover {border: 1px solid transparent; background: #2D78DA !important;} a.prev.page-numbers:hover:before, a.next.page-numbers:hover:before {border-color: #fff;} div#box_page_testimonial nav.nav-links span.current {width: 42px; height: 42px; border: none; background: #2C75DE; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0; padding: 0; color: #fff;} div#box_page_testimonial nav.nav-links a.page-numbers {width: 42px; height: 42px; display: inline-flex; justify-content: center; align-items: center; padding: 0; margin: 0; font-size: 16px; color: #212121; font-weight: 600; line-height: 1.3; border-radius: 50%;} div#box_page_testimonial nav.nav-links a.page-numbers:hover {background: #2C75DE; color: #fff;} .bl_page .box_bl_10 {padding: 0;} .strong-form-wait {display: none;} .strong-rating input[type=radio] {display: none !important;} .strong-rating input[type="radio"]:checked~.star svg .star_solid {display: none;} .strong-rating input[type="radio"]:checked+.star svg .star_solid {display: block;} .form-field.field-post_content, .form-field.field-dlya_chego_naves, .form-field.field-post_title {display: flex; flex-wrap: wrap; padding-bottom: 20px;} input#wpmtst_post_title {background: #FFFFFF; border: 1px solid #B1B1B1; border-radius: 12px; padding: 10px;} div#form_page_otzyvy form .form-field.field-post_title input, div#form_page_otzyvy form .form-field.field-dlya_chego_naves input, div#form_page_otzyvy form .form-field.field-post_content textarea {background: #FFFFFF; border: 1px solid #B1B1B1; border-radius: 12px; padding: 10px; width: 100%; outline: none;} div#form_page_otzyvy form .form-field.field-post_content textarea {height: 120px; outline: none;} div#form_page_otzyvy form .form-field.field-featured_image {padding-bottom: 20px;} div#form_page_otzyvy form .form-field.field-featured_image input {border: none; padding: 0;} div#form_page_otzyvy form .form-field.field-star_rating {padding-bottom: 20px;} div#form_page_otzyvy form .form-field.field-post_title>label, div#form_page_otzyvy form .form-field.field-featured_image>label, div#form_page_otzyvy form .form-field.field-dlya_chego_naves>label, div#form_page_otzyvy form .form-field.field-post_content>label, div#form_page_otzyvy form .form-field.field-star_rating>label {padding-bottom: 10px; display: block;} div#form_page_otzyvy form .form-field.wpmtst-submit {text-align: center;} div#form_page_otzyvy form .form-field.wpmtst-submit input {font-weight: 500; font-size: 16px; color: #2C75DE; background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 15px 20px; display: inline-block; line-height: 1.2; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} div#form_page_otzyvy form .form-field.wpmtst-submit input:hover {color: #fff; background: #2C75DE;} .bl_page .box_bl_7 {padding: 124px 0 125px;} div#portfolio_grid {display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(3, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px; --grid-row-gap: 24px;} .page-template-page-portfolio .box_bl_10 {padding-top: 124px;} .portfolio_page_portfolio_content {position: relative; padding: 20px; min-height: 300px;} .title_portfolio_page_portfolio {font-size: 24px; font-weight: 500; line-height: 1; padding-bottom: 20px;} .portfolio_page_portfolio_item {background: #FFFFFF; border-radius: 12px;} .wer_rew {display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; position: relative;} .harakteristiki_portfolio_page_portfolio {padding-bottom: 20px;} .tip_h_harakteristiki_portfolio_page_portfolio, .znachenie_h_harakteristiki_portfolio_page_portfolio {line-height: 1; font-size: 16px; color: #555555; background: #fff; position: relative; z-index: 9;} .wer_rew:after {display: block; content: ""; height: 7px; width: 100%; position: absolute; border-bottom: 2px dashed #B1B1B1;} .tip_h_harakteristiki_portfolio_page_portfolio {padding-right: 7px;} .znachenie_h_harakteristiki_portfolio_page_portfolio {padding-left: 7px;} .wer_rew:last-child {padding: 0;} .img_portfolio_page_portfolio {height: 187px;} .img_portfolio_page_portfolio img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px;} div#portfolio_box .tab_ind.tab_ind_bl2 {max-width: 174px;} .load-more-container {text-align: center; padding-top: 46px;} .load-more-btn {background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 10px 20px; color: #2C75DE; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .load-more-btn:hover {background: #2C75DE; border: 1px solid #2C75DE; color: #fff; box-shadow: inset 0px 0px 24px #8CBBFF;} div#box_page_portfolio {position: relative;} div#box_page_portfolio::before {display: block; content: ""; height: 412px; width: 140px; background: url(images/box_page_portfolio.webp) 0 0 no-repeat; position: absolute; top: -90px; left: 0px; pointer-events: none;} .wpcf7-submit.disable { opacity: 0.7; pointer-events: none;} .portfolio_box_top {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 24px;} .portfolio_box_top_item1 {width: 39%; background: #FFFFFF; border-radius: 12px; padding: 32px;} .portfolio_box_top_item2 {width: 59%; background: #FFFFFF; border-radius: 12px; padding: 32px;} .title_formy_page_kontakty {font-family: 'Montserrat'; font-size: 24px; line-height: 1.3; padding-bottom: 32px;} .title_formy_page_kontakty span {font-family: 'Montserrat'; font-weight: 600;} .portfolio_box_top_item1 .title_page {text-align: left; font-size: 24px; padding-bottom: 32px;} .tekst_page_kontakty {line-height: 1.6; padding-bottom: 78px;} .kont_group_title {font-size: 14px; line-height: 1; padding-bottom: 10px; opacity: 0.65; font-weight: 400;} .adres_page_kontakty, .vremya_rabotys_page_kontakty, .email_page_kontakty {padding-bottom: 32px;} .kont_group_text {font-size: 20px; font-weight: 500; line-height: 1;} a.kont_group_text:hover {text-decoration: underline;} .fofc_item_textarea textarea {background: #FFFFFF; border: 1px solid #B1B1B1; border-radius: 12px; margin: 0; width: 100%; height: 112px; padding: 14px; outline: none;} .portfolio_box_top_item2 .fofc {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 24px;} .fofc_item_textarea {padding-bottom: 20px;} .fofc_item_textarea label span {font-size: 16px; display: block; line-height: 1; padding-bottom: 12px;} .portfolio_box_top_item2 .fofc_text {padding-top: 16px;} .kontakty_bott {border-radius: 12px; overflow: hidden;} .fofc_flex .fofc_item {width: 100%; padding-bottom: 20px;} .box_response2 {display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;} .bl_response.active1 .box_response2 {display: -webkit-box; display: -ms-flexbox; display: flex; height: 260px;} .wpcf7-response-output, .bl_response.active1 .box_response1 {display: none;} .title_response {font-size: 36px; font-weight: 600; position: relative; color: #212121;} .text_response {font-size: 20px; color: #212121;} .canopy_calculator_flex {display: flex; justify-content: space-between; flex-wrap: wrap; background: #FFFFFF; border-radius: 12px; margin-bottom: 24px; padding: 24px 29px 24px 24px;} .item1_calculator_section, .item2_calculator_section, .item3_calculator_section {width: 32%;} .input_none {display: none;} .input_group_meta {display: flex; align-items: center; justify-content: space-between; padding-top: 10px;} .input_group label, .select_group label {display: block; margin-bottom: 10px; font-size: 16px; line-height: 1;} .input_group input {width: 100%; padding: 0; border: none;} .input_group input:focus {outline: none;} .select_group select:active, .select_group select:focus {outline: none;} .select_group select {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; padding: 11px 30px 11px 16px; border: 1px solid #B1B1B1; border-radius: 12px; font-size: 16px; color: #B1B1B1; position: relative; background: none;} .select_box {position: relative;} .select_box::after {content: ""; position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; background: url("images/arrow.svg") center/contain no-repeat; transform: translateY(-50%); pointer-events: none;} .flex_dimension_hint {display: flex; justify-content: space-between; margin-top: 5px;} .dimension-hint {font-size: 12px; color: #666;} .calculator-total {text-align: center; padding: 20px; background: #0073aa; color: white; border-radius: 5px;} .calculator-total h3 {margin: 0 0 10px 0; font-size: 18px;} .total-price {font-size: 32px; font-weight: 700; font-family: 'Montserrat';} .select_group, .input_group {padding-bottom: 24px;} .input_group:last-child, .select_group:last-child {padding-bottom: 0px;} .input_group_meta_item {font-size: 16px; line-height: 1; color: #B1B1B1;} .calculator_total_bott {background: #FFFFFF; border-radius: 12px; padding: 37px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;} .calc_total_bott_item2 {width: 100%; max-width: 398px;} button#calculate-btn {display: inline-block; font-weight: 500; font-size: 20px; color: #fff; border-radius: 12px; width: 100%; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; padding: 17px 30px 17px 70px; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border: 1px solid transparent;} button#calculate-btn:hover {background: #fff; color: #2C75DE; box-shadow: none; border: 1px solid #2C75DE;} button#calculate-btn:active {background: #2C75DE; color: #fff;} button#calculate-btn:after {display: block; content: ""; height: 24px; width: 24px; background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat; position: absolute; bottom: 19px; left: 100px;} button#calculate-btn:hover:after {background: url(images/knopka_1_1_go_bloka_hover.svg) 0 0 no-repeat;} button#calculate-btn:active:after {background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat;} .calc_total_title {font-size: 16px;} .tekst_kalkulyatora {font-size: 16px; line-height: 1.4;} .tekst_kalkulyatora span {font-weight: 600;} .calc_total_bott_item1 {padding-right: 26px; text-align: right;} .calc_total_bott_item3 {padding-left: 26px;} .price-table-wrap {width: 100%; overflow: hidden;} .price-row {display: grid; grid-template-columns: 3fr 1fr 1fr 1fr 1fr; align-items: center; border-bottom: 1px solid #B1B1B1; font-size: 20px; font-family: 'Montserrat'; background: #fff;} .price-col {padding: 16px 24px; text-align: center;} .price-header {background: #2C75DE; color: #fff; font-weight: 600; font-size: 20px; font-family: 'Montserrat'; border-radius: 12px;} .price-header .price-col {text-align: center;} .price-row .price-col:first-child {text-align: left;} .box_tabliczy_czen {position: relative;} .box_tabliczy_czen:before {display: block; content: ""; height: 573px; width: 283px; background: url(images/box_tabliczy_czen1.webp) 0 0 no-repeat; position: absolute; top: -300px; left: 0px; pointer-events: none;} .box_tabliczy_czen:after {display: block; content: ""; height: 533px; width: 219px; background: url(images/box_tabliczy_czen2.webp) 0 0 no-repeat; position: absolute; top: -250px; pointer-events: none; right: 0px;} .calc_total_bott_item3, .calc_total_bott_item1 {width: 31%;} .flex_page_catalog {display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(3, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px; --grid-row-gap: 24px; padding-bottom: 36px;} .flex_page_catalog .item_bl_5 {border-radius: 12px; background: #fff; height: 552px; position: relative;} .flex_filt_page_catalog {display: flex; flex-wrap: wrap; justify-content: space-between;} .item1_filt_page_catalog {width: 24%;} .item2_filt_page_catalog {width: 74%;} input[type=checkbox] {display: block; margin-right: 8px; width: 12px; height: 12px;} ul.list_filt_page_catalog {padding: 0; margin: 0; list-style: none;} .title_filt_page_catalog {background: #FFFFFF; border-radius: 12px; font-size: 20px; padding: 14px; line-height: 1; margin-bottom: 16px;} ul.list_filt_page_catalog label {display: flex; align-items: center; padding: 0 0 16px 0;} .show-more-terms {color: #2C75DE; text-decoration: underline; cursor: pointer;} .show-more-terms:hover {text-decoration: none;} ul.list_filt_page_catalog span {opacity: 0.5;} .box_filt_page_cat {padding-bottom: 24px;} .box_filtr_cat {padding-left: 14px;} .reset_filters_link {padding-left: 14px;} a.reset_filters {display: block; line-height: 1.2; font-weight: 500; color: #2C75DE; padding: 16px 10px; border-radius: 12px; border: 1px solid #2C75DE; text-align: center; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} a.reset_filters:hover {color: #fff; background-color: #2C75DE;} .list_filt_page_catalog li input:checked+span {opacity: 1;} .load-more {text-align: center;} button#loadMoreBtn, button#loadMoreBlogBtn {background: #FBFBFB; border: 1px solid #2C75DE; border-radius: 12px; padding: 10px 20px; color: #2C75DE; font-size: 16px; font-weight: 500; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} button#loadMoreBtn:hover, button#loadMoreBlogBtn:hover {background: #2C75DE; border: 1px solid #2C75DE; color: #fff; box-shadow: inset 0px 0px 24px #8CBBFF;} div#postsContainer .card_image a {height: 211px; } div#postsContainer .item_bl_5 {height: 468px;} div#postsContainer .read-more-btn {width: 100%; max-width: none; margin-top: 20px; position: inherit;} div#postsContainer .item_bl_5 {height: auto;} form#quizForm .contact-form .checkbox-group input#privacy {width: 15px; margin: 0px; padding: 0px; height: 15px; margin-top: 3px;} form#quizForm .contact-form .checkbox-group a {text-decoration: underline;} .archive .title_page, .archive .box_breadcrumb {text-align: left;} .archive .seo_tekst_11_go_bloka {padding-top: 84px; font-size: 16px;} div#box_page_catalog {position: relative;} div#box_page_catalog:before {display: block; content: ""; height: 573px; width: 283px; background: url(images/box_page_testimonial_1.webp) 0 0 no-repeat; position: absolute; top: -200px; right: 0px;} .str_navesa_flex_bl1 {display: flex; align-items: center; justify-content: space-between;} .str_navesa_item1_bl1 {width: 58%;} .str_navesa_item2_bl1 {width: 40%;} .str_navesa_item2_bl1 .page_title {font-size: 36px; font-family: 'Montserrat'; font-weight: 400; padding-bottom: 32px;} .str_navesa_item2_bl1 .page_title span {font-family: 'Montserrat'; font-weight: 600;} .single_content {font-size: 14px; line-height: 1.6; padding-bottom: 32px;} .meta_link_czena_bl1 {display: flex; align-items: center;} .czena_str_navesa_box {display: flex; align-items: end;} .czena_str_navesa span {color: #B1B1B1; line-height: 1.6;} .tekst_knopki_bl1_str_navesa a {display: inline-block; line-height: 1.2; text-transform: none; font-size: 16px; color: #fff; font-weight: 500; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px; padding: 16px 20px; margin: 0; min-width: 214px; width: 100%; text-align: center; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopki_bl1_str_navesa a:hover {background: #fff; color: #2C75DE; box-shadow: none; border: 1px solid #2C75DE;} .tekst_knopki_bl1_str_navesa {padding-right: 19px;} .czena_str_navesa .card_price {font-size: 24px; font-weight: 700; padding-right: 10px;} div#box_page_czeny {overflow: hidden;} .czena_str_navesa_box .card_old_price {font-size: 18px; margin-bottom: 2px;} .img_slajdera_str_navesa a {height: 420px; display: block;} .img_slajdera_str_navesa a img {width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 12px;} .vyvod_slajdera_str_navesa_slider .owl-next:before, .vyvod_slajdera_str_navesa_slider .owl-prev:before {content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(317deg); transform: rotate(317deg); margin: -3px 0 0 10px; width: 10px; height: 10px; border-color: #2D78DA; border-style: solid; border-width: 0 2px 2px 0; position: absolute; right: 16px; top: 16px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .vyvod_slajdera_str_navesa_slider .owl-prev:before {-webkit-transform: rotate(135deg); transform: rotate(135deg); left: 6px; top: 16px;} .vyvod_slajdera_str_navesa_slider .owl-next, .vyvod_slajdera_str_navesa_slider .owl-prev {position: absolute; display: block; width: 42px; height: 42px; left: 82px; z-index: 110; text-indent: -9999px; bottom: 24px; margin: auto; background-position: -7px -7px; border-radius: 50%; border: 1px solid #2D78DA; background: #fff; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .vyvod_slajdera_str_navesa_slider .owl-prev {left: 24px; right: auto;} .vyvod_slajdera_str_navesa_slider .owl-next:hover, .vyvod_slajdera_str_navesa_slider .owl-prev:hover {border: 1px solid transparent; background: #2D78DA;} .vyvod_slajdera_str_navesa_slider .owl-next:hover:before, .vyvod_slajdera_str_navesa_slider .owl-prev:hover:before {border-color: #fff;} .str_navesa_box_bl2 {background: #FFFFFF; border-radius: 12px; padding: 32px 24px;} .title_harakteristik_str_navesa {font-family: 'Montserrat'; font-size: 36px; padding-bottom: 32px;} .title_harakteristik_str_navesa span {font-weight: 600;} .str_navesa_bl_2 {max-width: 746px;} .str_navesa_bl_2 {max-width: 746px; margin-top: 68px;} .vyvod_harakteristik_str_navesa .wer_rew {padding-bottom: 21px;} .str_navesa_bl_3 {padding: 64px 0 124px;} .title_preimushhestv_str_navesa {text-align: center; font-size: 36px; font-family: 'Montserrat'; font-weight: 400; padding-bottom: 32px; line-height: 1.3;} .title_preimushhestv_str_navesa span {font-family: 'Montserrat'; font-weight: 600;} .vyvod_preimushhestv_str_navesa_item {background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(6px); border-radius: 12px; display: flex; align-items: center; padding: 20px;} .vyvod_preimushhestv_str_navesa_item .title_bl span {font-family: 'Montserrat'; font-weight: 600;} .tekst_preim_str_navesa {line-height: 1.4;} .vyvod_preimushhestv_str_navesa_item .title_preim_str_navesa {font-family: 'Montserrat'; font-weight: 600;} .ikonka_preim_str_navesa {width: 87px; height: 87px; margin-right: 10px;} .ikonka_preim_str_navesa img {width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 8px;} .vyvod_preimushhestv_str_navesa {display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(3, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px; --grid-row-gap: 24px; padding-bottom: 36px;} .title_preim_str_navesa_meta {max-width: 261px;} .str_navesa_bl_3 .tekst_knopki_3_go_bloka a {width: 100%; background: #fff; color: #2C75DE; box-shadow: none; border: 1px solid #2C75DE;} .tekst_knopki_str_navesa a:before, .tekst_knopki_o_nas a:before {display: block; content: ""; height: 24px; width: 24px; background: url(images/knopka_1_1_go_bloka_hover.svg) 0 0 no-repeat; margin-right: 15px;} .tekst_knopki_str_navesa a:hover:before, .tekst_knopki_o_nas a:hover:before {background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat;} .tekst_knopki_str_navesa a, .tekst_knopki_o_nas a {display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 20px; color: #2C75DE; border: 1px solid #2C75DE; border-radius: 12px; position: relative; padding: 17px 30px 17px 30px; background: #fff; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .tekst_knopki_str_navesa a:hover, .tekst_knopki_o_nas a:hover {background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; color: #fff;} .str_navesa_bl_3 .tekst_knopki_3_go_bloka a:hover {background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF; color: #fff;} .str_navesa_bl_3 .tekst_knopki_3_go_bloka a:hover:after {background: url(images/knopka_1_1_go_bloka.svg) 0 0 no-repeat;} .str_navesa_box_bl3 {position: relative;} .str_navesa_box_bl3:before {display: none; content: ""; height: 143px; width: 220px; background: url(images/str_navesa_box_bl3.webp) 0 0 no-repeat; position: absolute; top: -80px; right: -50px;} .fofc_item_hidden, div#form_page_portfolio .wpcf7-response-output, div#tekst_knopki_bl1_str_navesa .wpcf7-response-output, div#tekst_knopkil_v_shapke .wpcf7-response-output, .box_bl_10_mom, .portfolio_box_mob {display: none !important;} .tabs_item_box {opacity: 0; height: 0; overflow: hidden; transition: opacity 0.4s ease, height 0.4s ease; transform: translateY(10px);} .tabs_item_box.active {opacity: 1; height: auto; transform: translateY(0); overflow: visible;} .conta_bl2 {position: relative;} .tab_ind_bl2 {padding: 10px 20px; background: #f5f5f5; border-radius: 5px; cursor: pointer; transition: all 0.3s ease;} .tab_ind_bl2:hover {background: #e9e9e9;} .tab_ind_bl2.active {background: #007bff; color: white;} .fofc_title {font-family: 'Montserrat'; font-size: 24px; line-height: 1.2;} .fofc_title span {font-weight: 600;} .fofc_box_text .fofc_text {text-align: left;} .fofc_box_text {padding-bottom: 32px;} .fancybox-slide--html .fancybox-close-small {color: #fff !important; padding: 0 !important; right: 24px !important; top: 24px !important; background: #2C75DE; border-radius: 6px; width: 36px; height: 36px; opacity: 1; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid transparent;} button.fancybox-button.fancybox-close-small:hover {color: #2C75DE !important; background: #fff; border: 1px solid #2C75DE;} .modal_box {padding: 0 !important;} .modal {padding: 24px 24px 32px !important;} .modal input.wpcf7-form-control {padding: 14px 16px;} div#form_page_otzyvy .modal {padding: 74px 24px 32px !important;} div#form_page_otzyvy .modal .wpmtst-testimonial-success {font-size: 24px; font-weight: 500; text-align: center;} .footer_box_top.mob, .vyvod_soczsetej_v_podvale_mob, .fon_1_go_bloka_mob {display: none;} nav.menu_box ul.sub-menu {max-width: 350px; min-width: 350px; width: 100%; top: 32px !important; left: 35px !important;} .box_tablicza {position: relative; z-index: 999;} .price-table-container {width: 100%;} .price-table-scroll {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ccc #f5f5f5;} .price-table-wrap {min-width: 991px; width: 100%;} .price-row {display: flex;} .price-row:last-child {border-bottom: none;} .price-col {flex: 1; box-sizing: border-box;} .price-header {position: sticky; left: 0;} .price-table-scroll::-webkit-scrollbar {height: 8px;} .price-table-scroll::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 4px; margin: 4px;} .price-table-scroll::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: 4px;} .price-table-scroll::-webkit-scrollbar-thumb:hover {background: #a8a8a8;} .price-table-scroll {scrollbar-width: thin; scrollbar-color: #c1c1c1 #f1f1f1;} .price-col:first-child {position: sticky; left: 0; z-index: 1;} .price-header .price-col:first-child {z-index: 2;} .price-table-scroll {scroll-behavior: smooth;} .page-template-page-portfolio .container_page {z-index: 1; position: relative;} .page-template-page-o-nas .str_navesa_box_bl3:before {display: block; content: ""; height: 69px; width: 99px; background: url(images/str_navesa_box_bl3.webp) 0 0 no-repeat; position: absolute; top: -80px; right: -50px; background-size: 102px;} .text_1_go_bloka_o_nas {padding-bottom: 48px; text-align: center; max-width: 883px; margin: 0 auto; line-height: 1.6;} .page-template-page-o-nas .bl_page .box_bl_7 {padding: 0px 0 125px;} .page-template-page-o-nas .flex_bl_8 {position: relative;} div#str_o_nas_box .box_bl_7:before {display: block; content: ""; height: 286px; width: 228px; background: url(images/box_bl_5.webp) 0 0 no-repeat; position: absolute; top: -150px; right: 0px; left: auto;} .o_nas_bl_4 {position: relative; padding-bottom: 124px;} .o_nas_bl_4:before {display: block; content: ""; height: 286px; width: 228px; background: url(images/box_bl_5.webp) 0 0 no-repeat; position: absolute; top: -150px; right: 0px; left: auto;} .img_nashej_komandy {height: 367px;} .img_nashej_komandy img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px;} .vyvod_nashej_komandy_item {background: #FFFFFF; border-radius: 12px;} .meta_nashej_komandy {padding: 14px;} .imya_nashej_komandy {font-family: 'Montserrat'; font-size: 16px; font-weight: 700; padding-bottom: 10px;} .page-template-page-o-nas .owl-carousel .owl-nav.disabled {display: block;} .page-template-page-o-nas .str_navesa_bl_3 {padding: 0px 0 124px;} .page-template-page-o-nas .title_preimushhestv_str_navesa {padding-bottom: 36px;} .page-template-page-o-nas .flex_bl_8 {position: relative; z-index: 99;} .page-template-page-o-nas .box_bl_8:after {z-index: 0;} .page .bl_page .box_bl_7 {padding: 0px 0 125px;} .page .container_flex_bl_7 {max-width: 1170px;} .page .container_flex_bl_7 {font-size: 16px;} .cookie_accept:hover {background-color: #2d76df;} .vyvod_soczsetej_v_podvale_mob_item1 { display: none;} .knopka_2_1_go_bloka { display: none;} header .vyvod_soczsetej_v_shapke a, .vyvod_soczsetej_10_go_bloka a{ font-size: 0px; background-size: contain; background-repeat: no-repeat; } header .vyvod_soczsetej_v_shapke, .vyvod_soczsetej_10_go_bloka { gap: 5px; } header .vyvod_soczsetej_v_shapke a.tgs, .vyvod_soczsetej_10_go_bloka a.tgs{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3ccircle cx='12' cy='12' r='12' fill='%23039be5' opacity='1' data-original='%23039be5'%3e%3c/circle%3e%3cpath fill='%23ffffff' d='m5.491 11.74 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z' opacity='1' data-original='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); width: 35px; height: 35px; } header .vyvod_soczsetej_v_shapke a.vks, .vyvod_soczsetej_10_go_bloka a.vks{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3ccircle r='256' cx='256' cy='256' fill='%232787f5' shape='circle' transform='matrix(1,0,0,1,0,0)'%3e%3c/circle%3e%3cg transform='matrix(0.8200000000000004,0,0,0.8200000000000004,46.0799999999999,46.0799999999999)'%3e%3cpath fill='%232787f5' d='M0 245.333C0 129.682 0 71.856 35.928 35.928S129.682 0 245.333 0h21.333c115.651 0 173.477 0 209.405 35.928C512 71.856 512 129.682 512 245.333v21.333c0 115.651 0 173.477-35.929 209.405C440.144 512 382.318 512 266.667 512h-21.333c-115.651 0-173.477 0-209.405-35.928C0 440.144 0 382.318 0 266.667z' opacity='1' data-original='%232787f5' class=''%3e%3c/path%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M138.676 160h-37.342c-10.669 0-12.803 5.022-12.803 10.558 0 9.889 12.66 58.933 58.946 123.798 30.858 44.298 74.333 68.31 113.894 68.31 23.737 0 26.673-5.333 26.673-14.52v-33.48c0-10.667 2.249-12.796 9.764-12.796 5.539 0 15.034 2.769 37.188 24.127 25.319 25.313 29.493 36.669 43.734 36.669h37.342c10.67 0 16.004-5.333 12.927-15.858-3.368-10.49-15.456-25.71-31.497-43.75-8.704-10.284-21.759-21.358-25.715-26.896-5.538-7.119-3.956-10.284 0-16.611 0 0 45.496-64.075 50.243-85.827 2.373-7.911 0-13.724-11.293-13.724h-37.342c-9.494 0-13.872 5.022-16.246 10.558 0 0-18.989 46.276-45.89 76.336-8.704 8.701-12.66 11.47-17.408 11.47-2.373 0-5.809-2.769-5.809-10.678v-73.962c0-9.493-2.755-13.724-10.669-13.724h-58.68c-5.933 0-9.502 4.405-9.502 8.581 0 8.998 13.451 11.074 14.837 36.387v54.978c0 12.053-2.178 14.239-6.925 14.239-12.659 0-43.453-46.483-61.716-99.672C151.81 164.176 148.22 160 138.676 160z' clip-rule='evenodd' opacity='1' data-original='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); width: 35px; height: 35px; } header .vyvod_soczsetej_v_shapke a.mxs, .vyvod_soczsetej_10_go_bloka a.mxs{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='522' height='534' viewBox='0 0 522 534' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='522' height='534' rx='261' fill='url(%23paint0_linear_2409_10)'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M264.009 425.816C232.495 425.816 217.85 421.216 192.394 402.814C176.292 423.516 125.303 439.694 123.079 412.015C123.079 391.236 118.479 373.677 113.265 354.508C107.054 330.892 100 304.592 100 266.485C100 175.471 174.682 107 263.165 107C351.725 107 421.116 178.845 421.116 267.328C421.414 354.443 351.123 425.351 264.009 425.816ZM265.312 185.669C222.221 183.445 188.637 213.272 181.199 260.044C175.065 298.765 185.953 345.92 195.231 348.374C199.678 349.447 210.873 340.4 217.85 333.422C229.388 341.393 242.823 346.18 256.801 347.301C301.451 349.448 339.603 315.456 342.601 270.855C344.346 226.16 309.968 188.303 265.312 185.746L265.312 185.669Z' fill='white'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2409_10' x1='1.77214e-06' y1='496.295' x2='522' y2='37.7045' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.140557' stop-color='%2343C3FD'/%3e%3cstop offset='0.401922' stop-color='%233254ED'/%3e%3cstop offset='0.867345' stop-color='%238849E5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e "); width: 35px; height: 35px; } .str_navesa_bl_3dblock { margin: 40px 0; background: #ffffff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #f0f0f0; } .viewer-3d-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 350px; max-height: 600px; background: #f4f5f7; } .str_navesa_bl_3dblock .btn-3d-open:before, .str_navesa_bl_3dblock .btn-3d-open:after{display:none;} .inline-3d-container { width: 100%; height: 100%; } .str_navesa_bl_3dblock .btn-3d-open { right: 5px; left: auto; background-color: #fff; top: 5px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath d='M12 48c-2.209 0-4-1.789-4-4V20c0-6.617 5.383-12 12-12h24c2.209 0 4 1.789 4 4s-1.791 4-4 4H20c-2.205 0-4 1.793-4 4v24c0 2.211-1.791 4-4 4zm108-4V20c0-6.617-5.383-12-12-12H84c-2.209 0-4 1.789-4 4s1.791 4 4 4h24c2.205 0 4 1.793 4 4v24c0 2.211 1.791 4 4 4s4-1.789 4-4zm-72 72c0-2.211-1.791-4-4-4H20c-2.205 0-4-1.793-4-4V84c0-2.211-1.791-4-4-4s-4 1.789-4 4v24c0 6.617 5.383 12 12 12h24c2.209 0 4-1.789 4-4zm72-8V84c0-2.211-1.791-4-4-4s-4 1.789-4 4v24c0 2.207-1.795 4-4 4H84c-2.209 0-4 1.789-4 4s1.791 4 4 4h24c6.617 0 12-5.383 12-12z' fill='%23000000' opacity='1' data-original='%23000000'/%3e%3c/g%3e%3c/svg%3e"); background-size: 72%; background-position: center; background-repeat: no-repeat; padding: 0px; border-radius: 13px; } .inline-3d-container iframe { width: 100%; height: 100%; border: none; } .btn-expand-3d { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background: rgba(255, 255, 255, 0.8); border: none; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background 0.3s ease, transform 0.2s ease; color: #333333; } .btn-expand-3d:hover { background: #ffffff; transform: scale(1.05); } .instructions-3d-wrap { padding: 30px 20px 40px; text-align: center; background: #ffffff; } .instructions-3d-title { color: #212121; margin-bottom: 8px; text-align: center; font-size: 36px; font-family: 'Montserrat'; font-weight: 600; line-height: 1.3; } .instructions-3d-subtitle { font-size: 18px; color: #555; margin-bottom: 20px; } .instructions-3d-steps { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .step-3d-item { display: flex; align-items: center; gap: 15px; padding: 0 40px; position: relative; text-align: left; } .step-3d-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 40px; width: 1px; background-color: #e0e0e0; } .step-3d-icon { color: #444444; display: flex; align-items: center; justify-content: center; } .step-3d-text { font-size: 14px; color: #555555; line-height: 1.4; } @media (max-width: 1400px){ #cookie_notification {max-width: calc(100% - 180px);} } @media (min-width: 1250px) {.price-table-scroll { overflow-x: hidden; } .price-table-wrap { min-width: 100%; width: 100%; }} @media (max-width: 991px) {.price-table-scroll { overflow-x: auto; }} @media (max-width: 710px){#cookie_notification.show{display: block;text-align: left;} .cookie_accept {padding: 5px 12px 5px 12px; font-size: 10px;} input.math-answer-input { margin-bottom: 0px !important;font-size: 12px !important; width: 100px!important;} #cookie_notification p {padding-bottom: 10px; padding-right: 0px; font-size: 10px;} div#cookie_notification {max-width: 100%; bottom: 0px; border-radius: 10px 10px 0px 0px;}} @media (max-width: 480px) {.price-table-scroll { border-radius: 0; border-left: none; border-right: none; } } @media (max-width: 1450px) { .page .box_bl_7:before { display: none; } } @media (max-width: 1350px) { div#box_page_testimonial:after, .page-template-page-o-nas .str_navesa_box_bl3:before { display: none; } .tekst_knopki_page_otzyvy a { font-size: 14px; padding: 15px; } .str_navesa_box_bl3:before { right: 0; } .o_nas_bl_4:before { top: -97px; } .tabs.tabs_bl2 { padding: 0px 30px; } .box_bl_5 .flex_bl_5 { padding: 0px 30px; } .box_bl_9 { padding: 0 30px; padding-bottom: 120px; } } @media (max-width: 1280px) { .tekst_knopkil_v_shapke { max-width: fit-content;} .tekst_knopkil_v_shapke a { padding: 7px 20px;} .header_flex_item2 { width: 37%;} .header_flex_item1 { width: 60%;} } @media (max-width: 1250px) { .footer_box_top.web, div#box_page_catalog:before, .filters-container, div#str_o_nas_box .box_bl_7:before { display: none; } .footer_box_top.mob, .filters-container.active, .mobile-filter-toggle, .flex_filt_page_catalog { display: block; } .footer_box_top.mob .header_flex_item1 { width: 100%; } .footer_box_top.mob .header_flex_item1, .footer_box_top.mob .logo_flex_text, .footer_box_top.mob .vyvod_soczsetej_v_shapke, .footer_box_top.mob .header_flex_item2 { justify-content: center; } .footer_box_top.mob .tekst_knopkil_v_shapke { margin: 36px auto 36px; } .footer_box_top.mob .title_tel_foot { text-align: center; } .footer_box_top.mob .cont_box_mob { width: 100%; text-align: center; display: flex; justify-content: center; padding-bottom: 36px; } .grafik_raboty_tel_v_shapke:first-child { margin-right: 26px; } .footer_box_bott { margin-top: 36px; } .item1_filt_page_catalog, .item2_filt_page_catalog { width: 100%; } .mobile-filter-toggle { background: #fff; padding: 11px; border-radius: 6px; cursor: pointer; font-weight: 500; margin-bottom: 32px; border: 1px solid #2C75DE; color: #2C75DE; position: relative; } form#filtersForm { padding-bottom: 32px; } .filter-arrow { position: absolute; right: 14px; width: 20px; height: 20px; } .filter-arrow:before { content: ""; display: inline-block; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -3px 0 0 10px; width: 10px; height: 10px; border-color: #2D78DA; border-style: solid; border-width: 0 2px 2px 0; position: absolute; right: 4px; top: 4px; -webkit-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } span.filter-arrow.rotated:before { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: 9px; } .box_bl_8:after { z-index: 9; } .page-template-page-o-nas .video-preview-wrapper2 { height: 455px; } } @media (max-width: 1250px) { .header_flex_item1 { width: 55%;} .header_flex_item2 { width: 42%;} .footer_box_top.mob .header_flex_item1 { align-items: flex-start;} } @media (max-width: 1190px) { .item2_bl_10, .single .page_title br, .box_tabliczy_czen:after, .box_tabliczy_czen:before, .portfolio_box_web { display: none; } .portfolio_box_mob { display: block !important; } .item1_bl_10 { width: 100%; max-width: 770px; margin: 0 auto; } .box_bl_8:before { z-index: 0; } .item_bl_8 { z-index: 99; } .item_bl_6 { z-index: 99; } .box_bl_8:after { z-index: 9; } .flex_bl_9 { padding: 0 40px; } .slider .owl-prev { left: -25px; right: auto; } .slider .owl-next { right: -25px; } .footer_box_bott { display: block; text-align: center; } .footer_box_bott_item:first-child { padding-bottom: 24px; } .str_navesa_flex_bl1 { display: block; } .str_navesa_item1_bl1, .str_navesa_item2_bl1 { width: 70%; margin: 0 auto; } .str_navesa_item2_bl1 { padding-top: 48px; } .str_navesa_bl_2 { max-width: 100%; margin: 68px auto 0; width: 70%; } .bl_page { padding: 235px 0 124px; } .single .box_breadcrumb { padding-bottom: 48px; text-align: left;} .str_navesa_bl_3 .tekst_knopki_3_go_bloka a { width: auto; } .str_navesa_bl_3 .tekst_knopki_3_go_bloka a:after { left: 39px; } .box_tabliczy_czen:before { height: 392px; width: 283px; top: -215px; background-size: 200px; } .box_tabliczy_czen:after { height: 344px; width: 138px; background-size: 138px; } .calculator_total_bott { display: block; } .calc_total_bott_item3, .calc_total_bott_item1 { width: 100%; text-align: center; } .calc_total_bott_item2 { width: 100%; margin: 26px auto 26px; } .calculator_total_bott { margin-bottom: 96px; position: relative; } .calculator_total_bott:before { display: block; content: ""; height: 392px; width: 283px; background: url(images/box_tabliczy_czen1.webp) 0 0 no-repeat; position: absolute; top: -60px; left: -15px; background-size: 200px; } .calculator_total_bott:after { display: block; content: ""; height: 344px; width: 138px; background: url(images/box_tabliczy_czen2.webp) 0 0 no-repeat; position: absolute; top: -38px; right: -15px; background-size: 138px; } .calc_total_bott_item1 { padding-right: 0; } .tabs_caption.tabs_caption_bl2 { flex-wrap: wrap; gap: 20px; } .portfolio_page_portfolio_content .read-more-btn { position: initial; } .portfolio_box_top_item1 { width: 100%; } .portfolio_box_top_item1 { width: 100%; max-width: 636px; margin: 0 auto 24px; } .portfolio_box_top_item2, .portfolio_box_bott, .seo_tekst_box { width: 100%; max-width: 636px; margin: 0 auto; } } @media (max-width: 1090px) and (min-width: 991px) { .menu>li a { padding: 4px 5px; line-height: 1.2; } .tekst_knopkil_v_shapke a { padding: 7px 15px; font-size: 14px; } .header_flex_item2 { width: 42%; } .tekst_logo_v_shapke { font-size: 13px; width: 135px; } .step-3d-item { padding: 0 20px; } } @media (max-width: 991px) { .viewer-3d-wrap { aspect-ratio: 4 / 3; } .instructions-3d-title { font-size: 20px; } .instructions-3d-subtitle { font-size: 14px; } .step-3d-item svg { width: 30px; height: 30px; } .instructions-3d-steps { flex-direction: column; gap: 20px; } .step-3d-item { width: 100%; justify-content: center; padding: 0; } .step-3d-item:not(:last-child)::after { display: none; } .dnone-mob{display:none;} header .vyvod_soczsetej_v_shapke, header .email_gorod_v_shapke, header .tekst_knopkil_v_shapke, .home .box_bl_4, .vyvod_soczsetej_v_podvale, .box_bl_5:after, .box_bl_6:after, .box_bl_7:before, .str_navesa_box_bl3:before, .page-template-page-o-nas .box_bl_8:after { display: none; } .header_box_bott .menu, .box_bl_10_mom, nav.menu_box ul li a { display: block !important; } header .menu li { padding: 0; } nav.menu_box ul li a{text-align: center; padding: 0px;} header.header.home_menu { padding: 0; } header .header_box_bott { padding: 0; margin-top: 0; } .header_flex_item2 { width: 35%; } .header_box_top { padding: 0 50px; } .header_box { padding: 10px 0; } .grafik_raboty_v_shapke { font-size: 16px; font-weight: 500; } header nav.menu { display: none; background: #2b4556; margin-bottom: 10px; padding: 10px 0; } header .tel_v_shapke a { font-size: 16px; font-weight: 400; } header .menu ul li { display: block; } .menu ul li a { color: #ffffff; } .menu ul li>a:hover, .menu ul li:hover>a { color: #ffffff; text-decoration: underline; } .gallery { margin: 20px 0px !important; flex-wrap: wrap; } .gallery .gallery-item { width: 100% !important; } .video-preview-container { max-width: 100%; } .play-icon svg { width: 50px; height: 50px; } #dad_mobile_btn { position: absolute; top: 11px; right: 64px; width: 53px; height: 53px; box-sizing: border-box; cursor: pointer; background: rgba(44, 117, 222, 0.05); border: 1px solid #2C75DE; border-radius: 12px; z-index: 9999; } .dad_span_1, .dad_span_2, .dad_span_3 { position: absolute; width: 24px; height: 2px; transition: 0.3s; background: #2C75DE; right: 13px; } .dad_span_1 { top: 16px; } .dad_span_2 { top: 26px; } .dad_span_3 { top: 36px; } .mobile_btn .dad_span_1 { transform: rotate(45deg); top: 24px; } .mobile_btn .dad_span_2 { display: none; } .mobile_btn .dad_span_3 { top: 24px; transform: rotate(-45deg); } .tekst_logo_v_shapke { font-weight: 500; } .title_bl { font-size: 28px; padding-bottom: 24px; } .bl_1 { padding-top: 123px; height: 580px; } .text_1_go_bloka { font-size: 14px; } .knopka_1_1_go_bloka, .knopka_2_1_go_bloka { min-width: 306px; } .knopka_1_1_go_bloka a, .knopka_2_1_go_bloka a { font-size: 14px; } .knopka_1_1_go_bloka a { padding: 13px 30px 13px 70px; } .knopka_2_1_go_bloka a { padding: 13px 15px; } .knopka_1_1_go_bloka a:after { height: 14px; width: 14px; bottom: 17px; left: 92px; background-size: 14px !important; } .vyvod_preim_1_go_bloka_box { bottom: -145px; max-width: 636px; } .vyvod_preim_1_go_bloka { display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(2, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 24px; --grid-row-gap: 24px; } .box_bl_2:after { height: 189px; width: 152px; top: 24px; right: 0; left: auto; transform: scaleX(-1); background-size: 148px; } .box_bl_2 { padding: 259px 0 124px; } .tabs_caption.tabs_caption_bl2 { padding: 0 0 24px; justify-content: center; flex-wrap: wrap; gap: 20px; } #toTop { right: 10px; } .timer-unit { width: 148px; height: 94px; } .box_bl_3 .title_bl { font-size: 24px; padding-bottom: 32px; } .timer-value, span.timer-separator { font-size: 48px; } .tekst_knopki_3_go_bloka a { font-size: 14px; } .tekst_knopki_3_go_bloka a:after { height: 14px; width: 14px; bottom: 21px; left: 45px; background-size: 14px !important; } .box_schyotchik_bl_3 { padding-bottom: 32px; } .flex_bl_3 { padding: 42px 0 63px; } .home .box_bl_5 { padding: 118px 0px 124px; } .flex_box_bl_3 { z-index: 2; } .box_bl_3:before, .box_bl_3:after { } .box_bl_3:after { height: 469px; width: 231px; background-size: 230px; } .box_bl_5 .item_bl_5 { width: 450px; margin: 0 auto; } .bl_5_slider { padding: 0 50px; } .read-more-btn { position: initial; max-width: 100%; } .item_bl_5 { height: auto; } .meta_czena { padding: 20px 0; } .container_box { padding: 0 66px; } .box_bl_3:before { height: 420px; width: 179px; background-size: 179px; } .read-more-btn a { font-size: 16px; } .tekst_knopki_5_go_bloka { padding-top: 30px; } .box_bl_6 .title_bl { padding-bottom: 36px; } .flex_bl_6 { grid-template-columns: repeat(1, 1fr); --grid-column-gap: 14px; --grid-row-gap: 14px; } .box_bl_7:before { top: -320px; } .video-preview-wrapper2 { height: 358px; } .flex_bl_8 { grid-template-columns: repeat(2, 1fr); } .box_bl_8:after { top: 289px; z-index: 9; } .box_bl_9 .title_bl { padding-bottom: 32px; } .item1_bl_9 { width: 43%; height: 280px; } .item2_bl_9 { padding: 20px 0 0; width: 57%; } .strong_flex_bl9 { justify-content: space-between; } .item1_bl_10 { max-width: 636px; } .meta1_form_bl10 .title_bl { font-size: 36px; padding-bottom: 36px; line-height: 1.4; } .box_bl_10 { padding: 0 0 86px; } .box_bl_11 { padding: 0 0 98px; } .header_flex_item1, .logo_flex_text, .vyvod_soczsetej_v_shapke, .header_flex_item2 { width: auto; justify-content: flex-start; } header.header.home_menu .header_flex_item2 { justify-content: end; padding-right: 53px; width: 57%; } .timer-counter { gap: 10px; } nav.menu_box { position: fixed; display: block; right: -100vw; width: 100vw; top: 77px; height: 100vh; background: #fff; transition: .3s ease-in-out; z-index: 1000 !important; box-shadow: none; padding: 48px 65px 0 65px; } nav.menu_box.active { right: 0; transition: .3s ease-in-out; } ul#menu-glavnoe-menyu>li { padding: 7px 5px; margin-right: 0; } .gorod_v_shapke-mobile .city-selector {text-align: center;} .box_link_bl1.shapke-mobile {display: flex!important; flex-direction: column;} nav.menu_box {height: 90vh; overflow: auto; padding-bottom: 80px;} .gorod_v_shapke-mobile { display: block!important; margin-top: 10px; padding: 20px; font-family: 'Montserrat'; } .menu .sub-menu li a { padding: 12px 15px; } span.toog { content: ""; position: absolute; top: 17px; left: 7px; z-index: 2; display: inline-block; vertical-align: middle; transform: rotate(45deg); margin: -3px 0px 0px 10px; width: 10px; height: 10px; border-color: #1F2531; border-style: solid; border-width: 0px 2px 2px 0px; background-size: 10px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } span.toogs { content: ""; position: absolute; right: 0; top: 4px; width: 42px; height: 42px; } span.toogs.active span.toog { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } header .menu li ul.sub-menu, header .menu li ul.sub-menu li ul.sub-menu { opacity: 0; } header .menu li.menu-item-has-children:hover>ul.sub-menu, header .menu li ul.sub-menu li.menu-item-has-children:hover>ul.sub-menu { opacity: 1; display: none; } header .menu li ul.sub-menu, header .menu li ul.sub-menu li ul.sub-menu { max-height: initial; } header .menu li.menu-item-has-children:hover>ul.sub-menu { position: inherit; } header .menu li ul.sub-menu li span.toogs { right: 0; top: 5px; } header .menu li ul.sub-menu li { border-bottom: none; padding: 0px; } header .menu li ul.sub-menu li.menu-item-has-children:hover>ul.sub-menu { left: 0; padding-left: 0px !important; } .menu-item-has-children:before { display: none; } .burger_clik.mobile_btn { background: #2C75DE !important; } .mobile_btn .dad_span_1, .mobile_btn .dad_span_3 { background: #fff; } .fixed { position: fixed !important; top: 0px; left: 0; right: 0; background: #fff; z-index: 999; } #toTop { z-index: 99; } nav.menu_box ul.sub-menu { max-width: none; min-width: auto; top: 0px !important; left: 0px !important; } .bl_page { padding: 90px 0 124px; } .box_breadcrumb { padding-bottom: 48px; } .title_page { font-size: 28px; } .box_bl_10_mom { padding-top: 96px !important; } .page-template-page-faq .seo_tekst_11_go_bloka { padding-top: 86px; } .img_slajdera_str_navesa a { height: 358px; } .str_navesa_item2_bl1 .page_title { font-size: 28px; } .tekst_knopki_bl1_str_navesa a { min-width: 306px; } .str_navesa_bl_2 { margin: 48px auto 0; } .title_harakteristik_str_navesa { font-size: 24px; padding-bottom: 24px; } .str_navesa_box_bl2 { padding: 24px; } .str_navesa_bl_3 { padding: 48px 0; } .vyvod_preimushhestv_str_navesa { grid-template-columns: repeat(2, 1fr); --grid-column-gap: 20px; --grid-row-gap: 20px; padding-bottom: 32px; } .vyvod_preimushhestv_str_navesa_item .title_preim_str_navesa { font-size: 16px; } .str_navesa_bl_3 .tekst_knopki_3_go_bloka a:after { height: 14px; width: 14px; bottom: 17px; left: 48px; background-size: 14px !important; } .str_navesa_bl_3 .tekst_knopki_3_go_bloka a { padding: 13px 30px 13px 70px; } .title_preimushhestv_str_navesa { font-size: 28px; } .single .seo_tekst_11_go_bloka { padding-top: 86px; } .item1_calculator_section:first-child { width: 100%; padding-bottom: 32px; } .canopy_calculator_flex { padding: 24px; margin-bottom: 51px; } .item2_calculator_section, .item3_calculator_section { width: 48%; } .box_tablicza { z-index: 0; } div#portfolio_grid { grid-template-columns: repeat(2, 1fr) } .img_portfolio_page_portfolio { height: 286px; } .page-template-page-portfolio .box_bl_10 { padding-top: 86px; } .tekst_page_kontakty { font-size: 16px; } .tekst_knopki_str_navesa a { padding: 12px 30px 12px 30px; font-size: 14px; } .tekst_knopki_str_navesa a:before { height: 14px; width: 14px; margin-right: 10px; background-size: 14px; } .page-template-page-o-nas .video-preview-wrapper2 { height: 358px; } .text_1_go_bloka_o_nas { padding-bottom: 64px; } .page-template-page-o-nas .bl_page .box_bl_7 { padding: 0px 0 86px; } .page-template-page-o-nas .title_bl { font-size: 26px; padding-bottom: 36px; } .page-template-page-o-nas .box_bl_8 { padding: 0 0 86px; } .page-template-page-o-nas .title_preimushhestv_str_navesa { padding-bottom: 32px; } .page-template-page-o-nas .tekst_knopki_o_nas a { font-size: 14px; padding: 12px 30px 12px 30px; } .page-template-page-o-nas .str_navesa_bl_3 { padding: 0px 0 86px; } .tekst_knopki_o_nas a:before { height: 14px; width: 14px; margin-right: 10px; background-size: 14px; } .page-template-page-o-nas .title_preimushhestv_str_navesa { padding-bottom: 36px; } .img_nashej_komandy { height: 563px; } .vyvod_nashej_komandy .owl-prev { left: 15px; } .vyvod_nashej_komandy .owl-next { right: 15px; } } @media (max-width: 850px) { .unit_days, .swiper-button-prev:after, .swiper-button-next:after, div#swiper_bl_7 .swiper-button-prev, div#swiper_bl_7 .swiper-button-next { display: none; } .box_bl_7:before { z-index: 1; } div#swiper_bl_7 { padding: 0 60px; } div#swiper_bl_7 .swiper-button-prev { left: 40px; right: auto; } div#swiper_bl_7 .swiper-button-next { right: 40px; } .up { width: 40px; height: 40px; } .up:after { width: 10px; height: 10px; top: 20px; left: 4px; } .flex_page_catalog { grid-template-columns: repeat(2, 1fr); --grid-column-gap: 24px; --grid-row-gap: 30px; } } footer .vyvod_soczsetej_v_shapke a { font-size: 0px; width: 40px; height: 40px; background-size: contain; background-position: center; transition: 0.3s; background-repeat: no-repeat;} footer .vyvod_soczsetej_v_shapke a:hover { opacity: 0.8;} footer .vyvod_soczsetej_v_shapke { gap: 5px;} footer .vyvod_soczsetej_v_shapke a.tgs{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3ccircle cx='12' cy='12' r='12' fill='%23039be5' opacity='1' data-original='%23039be5'%3e%3c/circle%3e%3cpath fill='%23ffffff' d='m5.491 11.74 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z' opacity='1' data-original='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); width: 35px; height: 35px; } footer .vyvod_soczsetej_v_shapke a.vks{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3ccircle r='256' cx='256' cy='256' fill='%232787f5' shape='circle' transform='matrix(1,0,0,1,0,0)'%3e%3c/circle%3e%3cg transform='matrix(0.8200000000000004,0,0,0.8200000000000004,46.0799999999999,46.0799999999999)'%3e%3cpath fill='%232787f5' d='M0 245.333C0 129.682 0 71.856 35.928 35.928S129.682 0 245.333 0h21.333c115.651 0 173.477 0 209.405 35.928C512 71.856 512 129.682 512 245.333v21.333c0 115.651 0 173.477-35.929 209.405C440.144 512 382.318 512 266.667 512h-21.333c-115.651 0-173.477 0-209.405-35.928C0 440.144 0 382.318 0 266.667z' opacity='1' data-original='%232787f5' class=''%3e%3c/path%3e%3cpath fill='%23ffffff' fill-rule='evenodd' d='M138.676 160h-37.342c-10.669 0-12.803 5.022-12.803 10.558 0 9.889 12.66 58.933 58.946 123.798 30.858 44.298 74.333 68.31 113.894 68.31 23.737 0 26.673-5.333 26.673-14.52v-33.48c0-10.667 2.249-12.796 9.764-12.796 5.539 0 15.034 2.769 37.188 24.127 25.319 25.313 29.493 36.669 43.734 36.669h37.342c10.67 0 16.004-5.333 12.927-15.858-3.368-10.49-15.456-25.71-31.497-43.75-8.704-10.284-21.759-21.358-25.715-26.896-5.538-7.119-3.956-10.284 0-16.611 0 0 45.496-64.075 50.243-85.827 2.373-7.911 0-13.724-11.293-13.724h-37.342c-9.494 0-13.872 5.022-16.246 10.558 0 0-18.989 46.276-45.89 76.336-8.704 8.701-12.66 11.47-17.408 11.47-2.373 0-5.809-2.769-5.809-10.678v-73.962c0-9.493-2.755-13.724-10.669-13.724h-58.68c-5.933 0-9.502 4.405-9.502 8.581 0 8.998 13.451 11.074 14.837 36.387v54.978c0 12.053-2.178 14.239-6.925 14.239-12.659 0-43.453-46.483-61.716-99.672C151.81 164.176 148.22 160 138.676 160z' clip-rule='evenodd' opacity='1' data-original='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); width: 35px; height: 35px; } footer .vyvod_soczsetej_v_shapke a.mxs{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='522' height='534' viewBox='0 0 522 534' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='522' height='534' rx='261' fill='url(%23paint0_linear_2409_10)'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M264.009 425.816C232.495 425.816 217.85 421.216 192.394 402.814C176.292 423.516 125.303 439.694 123.079 412.015C123.079 391.236 118.479 373.677 113.265 354.508C107.054 330.892 100 304.592 100 266.485C100 175.471 174.682 107 263.165 107C351.725 107 421.116 178.845 421.116 267.328C421.414 354.443 351.123 425.351 264.009 425.816ZM265.312 185.669C222.221 183.445 188.637 213.272 181.199 260.044C175.065 298.765 185.953 345.92 195.231 348.374C199.678 349.447 210.873 340.4 217.85 333.422C229.388 341.393 242.823 346.18 256.801 347.301C301.451 349.448 339.603 315.456 342.601 270.855C344.346 226.16 309.968 188.303 265.312 185.746L265.312 185.669Z' fill='white'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2409_10' x1='1.77214e-06' y1='496.295' x2='522' y2='37.7045' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.140557' stop-color='%2343C3FD'/%3e%3cstop offset='0.401922' stop-color='%233254ED'/%3e%3cstop offset='0.867345' stop-color='%238849E5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e "); width: 35px; height: 35px; } .classleft-center h1 {text-align: left;} .classleft-center {text-align: left;} p#breadcrumbs a {text-decoration: underline;} .preimuch {margin-top: 49px; box-shadow: 0px 32px 24px -8px #00000003; border-radius: 16px; padding: 20px; background: #fff; gap: 32px; display: flex; flex-direction: column;} .preimuch p {color: #212121; font-size: 20px; font-weight: 400; display: flex; align-items: center; gap: 10px; line-height: 1.2;} .preimuch p:before {content: ""; background-color: #2C75DE; width: 40px; height: 40px; display: block; padding: 20px; background-repeat: no-repeat; background-position: center; border-radius: 8px; min-width: 40px;} .preimuch p.svg1:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3120_415)'%3e%3cpath d='M40 10L19.85 0L0 10V12.5H2.5V40H7.5V17.5H32.5V40H37.5V12.5H40V10ZM10 15V12.5H15V15H10ZM17.5 15V12.5H22.5V15H17.5ZM25 15V12.5H30V15H25Z' fill='white'/%3e%3cpath d='M15 22.5H12.5V20H10V27.5H17.5V20H15V22.5ZM15 32.5H12.5V30H10V37.5H17.5V30H15V32.5ZM25 32.5H22.5V30H20V37.5H27.5V30H25V32.5Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3120_415'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");} .preimuch p.svg2:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.99967 36.4924C5.99134 36.4924 5.12845 36.1319 4.41101 35.4111C3.69356 34.6902 3.33423 33.8225 3.33301 32.8082V7.01868C3.33301 6.00553 3.69234 5.13851 4.41101 4.41763C5.12967 3.69675 5.99256 3.3357 6.99967 3.33447H32.6663C33.6747 3.33447 34.5382 3.69553 35.2568 4.41763C35.9755 5.13974 36.3342 6.00675 36.333 7.01868V21.2029L29.6413 27.9266L25.7455 24.0121L17.9538 31.795L22.6288 36.4924H6.99967ZM17.9997 21.7555H28.9997V18.0713H17.9997V21.7555ZM17.9997 14.3871H28.9997V10.7029H17.9997V14.3871ZM29.6413 38.3345L23.133 31.795L25.7455 29.2161L29.6413 33.1305L37.433 25.3016L39.9997 27.9266L29.6413 38.3345ZM12.4997 21.7555C13.0191 21.7555 13.4548 21.5787 13.8068 21.225C14.1588 20.8713 14.3342 20.4341 14.333 19.9134C14.3318 19.3927 14.1558 18.9555 13.805 18.6018C13.4542 18.2482 13.0191 18.0713 12.4997 18.0713C11.9802 18.0713 11.5451 18.2482 11.1943 18.6018C10.8436 18.9555 10.6676 19.3927 10.6663 19.9134C10.6651 20.4341 10.8411 20.8719 11.1943 21.2268C11.5476 21.5818 11.9827 21.758 12.4997 21.7555ZM12.4997 14.3871C13.0191 14.3871 13.4548 14.2103 13.8068 13.8566C14.1588 13.5029 14.3342 13.0657 14.333 12.545C14.3318 12.0243 14.1558 11.5871 13.805 11.2334C13.4542 10.8797 13.0191 10.7029 12.4997 10.7029C11.9802 10.7029 11.5451 10.8797 11.1943 11.2334C10.8436 11.5871 10.6676 12.0243 10.6663 12.545C10.6651 13.0657 10.8411 13.5035 11.1943 13.8584C11.5476 14.2133 11.9827 14.3896 12.4997 14.3871Z' fill='white'/%3e%3c/svg%3e ");} .preimuch p.svg3:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.0001 38.3333C9.87508 38.3333 1.66675 30.125 1.66675 20C1.66675 9.87496 9.87508 1.66663 20.0001 1.66663C30.1251 1.66663 38.3334 9.87496 38.3334 20C38.3334 30.125 30.1251 38.3333 20.0001 38.3333ZM21.6667 9.16663H18.3334V20.69L25.0001 27.3566L27.3567 25L21.6667 19.31V9.16663Z' fill='white'/%3e%3c/svg%3e ");} .preimuch p.svg4:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3120_431)'%3e%3cpath d='M0.195312 16.3359C0.078125 17.2734 0 18.2266 0 19.1953C0 27.7109 4.66406 35.125 11.5703 39.0547L12.8594 36.3359V17.7656L11.4297 16.3359H0.195312ZM40 17.7656C40 16.3359 38.5703 14.9062 37.1406 14.9062H25.7109C26.4219 12.0469 27.1406 9.19531 27.1406 7.76562C27.1406 4.90625 25.7109 2.05469 25 1.33594C24.9844 1.32031 24.2891 0.625 22.8594 0.625C20.7188 0.625 20.7188 2.76562 20.7188 2.76562C20.7188 2.80469 20.0078 6.33594 20.0078 7.76562C20.0078 9.19531 17.1484 14.9062 15.7188 16.3359L14.2891 17.0469V37.0469L15.7188 37.7578H31.4297C34.2891 37.7578 35.7188 36.3281 35.7188 34.8984C35.7188 33.4687 34.2891 32.0391 32.8594 32.0391C35.7188 32.0391 37.1484 30.6094 37.1484 29.1797C37.1484 27.75 35.7188 26.3203 34.2891 26.3203C37.1484 26.3203 38.5781 24.8906 38.5781 23.4609C38.5781 22.0312 37.1484 20.6016 35.7188 20.6016C38.5703 20.625 40 19.1953 40 17.7656Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3120_431'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");} @media (max-width: 770px) { .btn-3d-open { font-size: 14px; } .fofc_item.math-captcha-wrap label span { font-size: 16px; } .container_box { padding: 0 60px; } .container_box p#breadcrumbs {text-align: center;} .classleft-center h1 {text-align: center;} .classleft-center {text-align: center;} .preimuch {display: none;} .tekst_v_podvale br, .tekst_preim_str_navesa br, div#box_page_portfolio::before { display: none; } .box_breadcrumb { padding-bottom: 48px; padding-top: 10px; } .bl_page { padding: 85px 0; } .tekst_knopki_page_otzyvy a { width: 100%; } .bl_page .box_bl_7 { padding: 69px 0 96px; } .video-preview-wrapper2 { height: auto; } .seo_tekst_11_go_bloka { padding-top: 86px; } div#testimonial_page_flex .testimonial_page_item1 .wpmtst-testimonial-image.testimonial-image { float: none !important; max-width: 100% !important; margin: 0 !important; height: 196px; } div#testimonial_page_flex .testimonial_page_item2 .wpmtst-testimonial-heading.testimonial-heading { background: none !important; padding-left: 0 !important; line-height: 1; padding-bottom: 8px; font-size: 16px; font-weight: 500; } .str_navesa_item1_bl1, .str_navesa_item2_bl1, .str_navesa_bl_2 { min-height: 110px; width: 100%; } .vyvod_preimushhestv_str_navesa { grid-template-columns: repeat(1, 1fr); } .single .container_box { padding: 0 15px; } div#box_page_blog .bl_page .container_box { padding: 0px;} .title_preim_str_navesa_meta { max-width: none; } div#portfolio_grid { grid-template-columns: repeat(1, 1fr); } .page-template-page-o-nas .video-preview-wrapper2 { height: 348px; } .o_nas_bl_4 { padding-bottom: 86px; } .vyvod_nashej_komandy { padding: 0 60px; } .img_nashej_komandy { height: auto; } .o_nas_bl_4:before { height: 237px; width: 177px; background-size: 177px; } .page .bl_page .box_bl_7 {padding: 0px 0 64px;} } @media (max-width: 700px) { .page-template-page-o-nas .box_bl_8:before, .o_nas_bl_4:before { display: none; } .header_box_top { padding: 0; } header.header.home_menu .header_flex_item2 { padding-right: 55px; width: auto; } #dad_mobile_btn { right: 15px; } #dad_mobile_btn { top: 21px; right: 16px; width: 36px; height: 36px; } .dad_span_1, .dad_span_2, .dad_span_3 { width: 18px; right: 8px; } .dad_span_1 { top: 8px; } .dad_span_2 { top: 16px; } .dad_span_3 { top: 24px; } .mobile_btn .dad_span_1 { transform: rotate(45deg); top: 16px; } .mobile_btn .dad_span_3 { top: 16px; transform: rotate(-45deg); } .header_flex_item1 { width: auto; } header.header.home_menu .header_flex_item2 { padding-right: 38px; } header .tel_v_shapke a { font-weight: 600; } .grafik_raboty_v_shapke { font-size: 10px; } nav.menu_box { padding: 48px 0px 0 0px; } .box_link_bl1 { display: block; } .knopka_1_1_go_bloka { margin-right: 0; } .knopka_1_1_go_bloka, .knopka_2_1_go_bloka { min-width: 328px; max-width: 328px; margin: 0 auto; } .knopka_1_1_go_bloka { padding-bottom: 16px; } .knopka_1_1_go_bloka a:after { left: 106px; } .bl_1 { padding-top: 100px; background-position: 50% 100% !important; } .box_title_bl1 .title_bl { padding-bottom: 16px; } .container_box { padding: 0 15px; } .title_bl { font-size: 20px; } .title_page { font-size: 22px; padding-bottom: 24px; } .box_bl_10_mom { padding-top: 64px !important; } .bl_page { padding: 86px 0; } div#testimonial_page_flex .testimonial_page_item1, div#testimonial_page_flex .testimonial_page_item2 { width: 100%; } div#testimonial_page_flex .dlya-chego-naves-field { font-size: 12px; } div#box_page_testimonial nav.nav-links span.current { width: 25px; height: 25px; font-size: 14px; } div#box_page_testimonial .strong-view.wpmtst-default .strong-content { margin: 0px auto 0; } .tekst_knopki_page_otzyvy { text-align: center; padding-bottom: 24px; } div#box_page_testimonial nav.nav-links a.page-numbers { width: 25px; height: 25px; } div#box_page_testimonial a.prev.page-numbers:before { right: 6px; top: 11px; } a.next.page-numbers:before { right: 9px; top: 11px; } a.prev.page-numbers { right: 35px; } a.prev.page-numbers:before, a.next.page-numbers:before { width: 6px; height: 6px; } div#testimonial_page_flex .testimonial_page_item2 .wpmtst-testimonial-content.testimonial-content { padding-right: 0; } div#testimonial_page_flex .testimonial_page_item2 { padding: 15px; } .strong-rating-wrapper>span { line-height: 15px !important; } .meta1_form_bl10 .title_bl { font-size: 20px; } .page-template-page-o-nas .video-preview-wrapper2 { height: auto; } } @media (max-width: 550px) { .tabs.tabs_bl2, .box_bl_5 .flex_bl_5 { padding: 0px 0px; } .fofc_item.math-captcha-wrap {margin-bottom: 20px!important;} .tekst_logo_v_shapke, .bl_1:after, .box_bl_7:before, .box_bl_8:before, .box_bl_8:after, .page-template-page-reviews .box_bl_7, .str_navesa_box_bl2 .wer_rew:after { display: none; } .fon_1_go_bloka_mob, .home .box_bl_4, .strong_flex_bl9, .fofc { display: block; } .fofc_item { width: 100%; } .vyvod_soczsetej_v_podvale_mob { display: block; position: fixed; bottom: 0; z-index: 99; left: 50%; transform: translate(-50%, -0%); } .vyvod_soczsetej_v_podvale_mob_item1 { background: #2CDE4D; box-shadow: inset 0px 0px 24px #D0FBD5; border-radius: 12px 12px 0px 0px; } .vyvod_soczsetej_v_podvale_mob_item2 { background: #4A9EFF; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px 12px 0px 0px; } .vyvod_soczsetej_v_podvale_mob_item2.vk { background-color: #0146ff; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px 12px 0px 0px; } .vyvod_soczsetej_v_podvale_mob_item2.max { background-color: #0146ff; box-shadow: inset 0px 0px 24px #8CBBFF; border-radius: 12px 12px 0px 0px; } .vyvod_soczsetej_v_podvale_mob_item3 { background: #FF8800; box-shadow: inset 0px 0px 24px #FFE292; border-radius: 12px 12px 0px 0px; } .vyvod_soczsetej_v_podvale_mob_flex { display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); grid-template-columns: repeat(4, 1fr); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; --grid-column-gap: 8px; } .vyvod_soczsetej_v_podvale_mob_flex a.ikonka_soczsetej_v_podvale { display: flex; justify-content: center; height: 42px; align-items: center; } .vyvod_soczsetej_v_podvale_mob_item1, .vyvod_soczsetej_v_podvale_mob_item2, .vyvod_soczsetej_v_podvale_mob_item3 { width: 70px; } .vyvod_soczsetej_v_podvale_mob_flex a img { width: 25px; height: 25px; } footer { padding: 0px 0 70px; } .vyvod_soczsetej_v_podvale_mob_item2.vk { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 548.358 548.358' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath d='M545.451 400.298c-.664-1.431-1.283-2.618-1.858-3.569-9.514-17.135-27.695-38.167-54.532-63.102l-.567-.571-.284-.28-.287-.287h-.288c-12.18-11.611-19.893-19.418-23.123-23.415-5.91-7.614-7.234-15.321-4.004-23.13 2.282-5.9 10.854-18.36 25.696-37.397 7.807-10.089 13.99-18.175 18.556-24.267 32.931-43.78 47.208-71.756 42.828-83.939l-1.701-2.847c-1.143-1.714-4.093-3.282-8.846-4.712-4.764-1.427-10.853-1.663-18.278-.712l-82.224.568c-1.332-.472-3.234-.428-5.712.144l-3.713.859-1.431.715-1.136.859c-.952.568-1.999 1.567-3.142 2.995-1.137 1.423-2.088 3.093-2.848 4.996-8.952 23.031-19.13 44.444-30.553 64.238-7.043 11.803-13.511 22.032-19.418 30.693-5.899 8.658-10.848 15.037-14.842 19.126-4 4.093-7.61 7.372-10.852 9.849-3.237 2.478-5.708 3.525-7.419 3.142-1.715-.383-3.33-.763-4.859-1.143-2.663-1.714-4.805-4.045-6.42-6.995-1.622-2.95-2.714-6.663-3.285-11.136-.568-4.476-.904-8.326-1-11.563-.089-3.233-.048-7.806.145-13.706.198-5.903.287-9.897.287-11.991 0-7.234.141-15.085.424-23.555.288-8.47.521-15.181.716-20.125.194-4.949.284-10.185.284-15.705s-.336-9.849-1-12.991a44.442 44.442 0 0 0-2.99-9.137c-1.335-2.95-3.289-5.232-5.853-6.852-2.569-1.618-5.763-2.902-9.564-3.856-10.089-2.283-22.936-3.518-38.547-3.71-35.401-.38-58.148 1.906-68.236 6.855-3.997 2.091-7.614 4.948-10.848 8.562-3.427 4.189-3.905 6.475-1.431 6.851 11.422 1.711 19.508 5.804 24.267 12.275l1.715 3.429c1.334 2.474 2.666 6.854 3.999 13.134 1.331 6.28 2.19 13.227 2.568 20.837.95 13.897.95 25.793 0 35.689-.953 9.9-1.853 17.607-2.712 23.127-.859 5.52-2.143 9.993-3.855 13.418-1.715 3.426-2.856 5.52-3.428 6.28-.571.76-1.047 1.239-1.425 1.427a21.387 21.387 0 0 1-7.71 1.431c-2.667 0-5.901-1.334-9.707-4-3.805-2.666-7.754-6.328-11.847-10.992-4.093-4.665-8.709-11.184-13.85-19.558-5.137-8.374-10.467-18.271-15.987-29.691l-4.567-8.282c-2.855-5.328-6.755-13.086-11.704-23.267-4.952-10.185-9.329-20.037-13.134-29.554-1.521-3.997-3.806-7.04-6.851-9.134l-1.429-.859c-.95-.76-2.475-1.567-4.567-2.427a30.301 30.301 0 0 0-6.567-1.854l-78.229.568c-7.994 0-13.418 1.811-16.274 5.428l-1.143 1.711c-.571.953-.859 2.475-.859 4.57 0 2.094.571 4.664 1.714 7.707 11.42 26.84 23.839 52.725 37.257 77.659 13.418 24.934 25.078 45.019 34.973 60.237 9.897 15.229 19.985 29.602 30.264 43.112 10.279 13.515 17.083 22.176 20.412 25.981 3.333 3.812 5.951 6.662 7.854 8.565l7.139 6.851c4.568 4.569 11.276 10.041 20.127 16.416 8.853 6.379 18.654 12.659 29.408 18.85 10.756 6.181 23.269 11.225 37.546 15.126 14.275 3.905 28.169 5.472 41.684 4.716h32.834c6.659-.575 11.704-2.669 15.133-6.283l1.136-1.431c.764-1.136 1.479-2.901 2.139-5.276.668-2.379 1-5 1-7.851-.195-8.183.428-15.558 1.852-22.124 1.423-6.564 3.045-11.513 4.859-14.846 1.813-3.33 3.859-6.14 6.136-8.418 2.282-2.283 3.908-3.666 4.862-4.142.948-.479 1.705-.804 2.276-.999 4.568-1.522 9.944-.048 16.136 4.429 6.187 4.473 11.99 9.996 17.418 16.56 5.425 6.57 11.943 13.941 19.555 22.124 7.617 8.186 14.277 14.271 19.985 18.274l5.708 3.426c3.812 2.286 8.761 4.38 14.853 6.283 6.081 1.902 11.409 2.378 15.984 1.427l73.087-1.14c7.229 0 12.854-1.197 16.844-3.572 3.998-2.379 6.373-5 7.139-7.851.764-2.854.805-6.092.145-9.712-.677-3.611-1.344-6.136-2.008-7.563z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); background-size: 23px; background-repeat: no-repeat; background-position: center; } .vyvod_soczsetej_v_podvale_mob_item2.max { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='765' height='761' viewBox='0 0 765 761' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M390.364 758.828C315.357 758.828 280.5 747.879 219.911 704.079C181.586 753.353 60.2245 791.861 54.932 725.979C54.932 676.522 43.9821 634.73 31.5722 589.105C16.7898 532.895 0 470.298 0 379.597C0 162.971 177.753 0 388.357 0C599.142 0 764.303 171.001 764.303 381.604C765.011 588.951 597.709 757.722 390.364 758.828ZM393.467 187.243C290.902 181.951 210.968 252.943 193.266 364.267C178.666 456.429 204.581 568.665 226.663 574.505C237.248 577.06 263.893 555.525 280.5 538.918C307.961 557.889 339.939 569.282 373.209 571.95C479.482 577.062 570.289 496.156 577.425 389.999C581.579 283.618 499.755 193.514 393.466 187.426L393.467 187.243Z' fill='white'/%3e%3c/svg%3e "); background-size: 23px; background-repeat: no-repeat; background-position: center; } .fon_1_go_bloka_mob img { width: 100%; height: 100%; } .bl_1 { padding-top: 110px; height: auto; background: none !important; position: relative; } .bl_1 .container_box { margin-bottom: -65px; } .vyvod_preim_1_go_bloka_box { bottom: -548px; max-width: 636px; } .vyvod_preim_1_go_bloka { grid-template-columns: repeat(1, 1fr); padding: 24px; } .vyvod_preim_1_go_bloka_box { bottom: -350px; max-width: 328px; } .box_bl_2 { padding: 400px 0 86px; } .fon_1_go_bloka_mob { position: relative; z-index: -1; } nav.menu_box { padding: 20px 0px 0 0px; } #toTop { bottom: 50px; } .box_bl_2 .title_bl { padding-bottom: 16px; } .owl-prev { left: 15px !important; } .owl-next { right: 15px !important; } .box_bl_3 .title_bl { font-size: 20px; } .timer-unit { width: 77px; height: 50px; } .timer-value, span.timer-separator { font-size: 24px; } .timer-label { font-size: 10px; } .box_schyotchik_bl_3 { padding-bottom: 24px; } .tekst_knopki_3_go_bloka a { padding: 13px 30px 13px 70px; } .tekst_knopki_3_go_bloka a:after { bottom: 17px; left: 47px; } .flex_bl_3 { padding: 24px; } .box_bl_3:before { height: 251px; width: 107px; background-size: 109px; } .box_bl_3:after { height: 288px; width: 142px; background-size: 142px; } .video-preview-container { margin: 0 auto; max-width: 328px; height: 184px; } .video-preview-wrapper { height: auto; } .box_bl_4 { padding: 86px 0 0 !important; } .box_bl_5 { padding: 86px 0px 100px !important; } .box_bl_4 .title_bl { z-index: 999; position: relative; } .tabs_item.tabs_item_bl2, .conta_bl2_slider { height: 184px; max-width: 328px; margin: 0 auto; } .card_image a { height: 237px; } .box_bl_5 .item_bl_5 { width: auto; } .card_title a, .card_price, .testimonial_name_bl9 { font-size: 16px; } .card_type span, .card_purpose span, .read-more-btn a, .tekst_knopki_5_go_bloka a { font-size: 14px; } .tekst_knopki_5_go_bloka { padding-top: 24px; } .box_bl_6 .title_bl { padding-bottom: 24px; } .title_rabot_6_go_bloka { font-size: 16px; padding-bottom: 8px; } .box_bl_6 { padding: 0 0 86px; } div#swiper_bl_7 { padding: 0; } .box_bl_7 { padding: 0 0 86px; } .flex_bl_8 { --grid-column-gap: 8px; --grid-row-gap: 8px; } .title_doveryayut_8_go_bloka { font-size: 40px; padding-bottom: 24px; } .item_bl_8 { padding: 14px; } .bl8_item1 .title_doveryayut_8_go_bloka:after, .bl8_item2 .title_doveryayut_8_go_bloka:after { height: 15px; width: 15px; top: 18px; left: 13px; background-size: 15px; } .tekst_doveryayut_8_go_bloka, .testimonial_purpose_bl9, .testimonial_excerpt_bl9, .testimonial_more { font-size: 12px; } .box_bl_8 { padding: 0 0 86px; } .box_bl_9 .title_bl { padding-bottom: 18px; } .flex_bl_9 { padding: 0; } .item1_bl_9 { width: 100%; height: 196px; } .testimonial_image_bl9 { height: 196px; } .item2_bl_9 { width: 100%; margin: 0; } .testimonial_excerpt_bl9 { padding-top: 14px; } .flex_bl_9 .owl-prev, .flex_bl_9 .owl-next { top: -203px; } .box_bl_9 { padding: 0 0 86px; } .meta1_form_bl10 .title_bl { font-size: 20px; padding-bottom: 32px; } .fofc_item:first-child { margin-bottom: 24px; } .fofc_item label span, .fofc_item_textarea label span { font-size: 12px; } .fofc { padding-bottom: 32px; } div#fofc_button input, .fofc_button input { font-size: 12px; padding: 14px 20px; } .fofc_text { font-size: 12px; } .vopros_11_go_bloka { font-size: 14px; } .item_bl_11:after, .item_bl_11:hover:after { height: 30px; width: 30px; background-size: 30px; top: 6px; } .item_bl_11 { margin-bottom: 14px; } .vopros_11_go_bloka { padding: 16px 60px 16px 14px; } .otvet_11_go_bloka { padding: 8px 60px 14px 14px; } .flex_bl_11 { padding-bottom: 24px; } .tekst_knopki_11_go_bloka a { font-size: 14px; } .seo_tekst_11_go_bloka { padding-top: 86px; font-size: 12px; } .box_bl_11 { padding: 0 0 64px; } .more_seo_tekst_11_go_bloka { font-size: 12px; padding-top: 14px; } .seo_title_page_otzyvy { font-size: 20px; } .flex_bl_3 { padding: 10px; } .bl_5_slider { padding: 0; } .bl_5_slider .owl-next, .bl_5_slider .owl-prev { top: -70px; } .item_bl_6 { height: auto; } .slider .owl-next, .slider .owl-prev { width: 32px; height: 32px; } .slider .owl-prev:before { left: 2px; top: 13px; } .slider .owl-next:before { width: 8px; height: 8px; right: 12px; top: 13px; } .slider .owl-prev:before { width: 8px; height: 8px; right: 12px; top: 14px; } .tabs_caption.tabs_caption_bl2 { gap: 12px; } .seo_text_short, button#loadMoreBtn, button#loadMoreBlogBtn { font-size: 12px; } .flex_page_catalog { grid-template-columns: repeat(1, 1fr); padding-bottom: 30px; } .title_filt_page_catalog { font-size: 16px; } .page-template-page-reviews .box_content { padding-bottom: 86px; } div#str_navesa_box .owl-next { right: auto !important; } .img_slajdera_str_navesa a { height: 184px; } div#str_navesa_box .owl-next, div#str_navesa_box .owl-prev { width: 32px; height: 32px; } div#str_navesa_box .owl-prev:before { width: 8px; height: 8px; right: 8px; top: 13px; left: auto; } div#str_navesa_box .owl-next:before { width: 8px; height: 8px; right: 12px; top: 13px; } .str_navesa_item2_bl1 { padding-top: 36px; } .str_navesa_item2_bl1 .page_title { font-size: 20px; padding-bottom: 20px; } .single_content { font-size: 12px; } .meta_link_czena_bl1 { flex-wrap: wrap; } .tekst_knopki_bl1_str_navesa { padding-right: 0; order: 2; width: 100%; margin-top: 24px; } .single_content { padding-bottom: 24px; } .str_navesa_bl_2 { margin: 24px auto 0; } .str_navesa_box_bl2 { padding: 24px 14px 24px 14px; } .title_harakteristik_str_navesa { font-size: 20px; padding-bottom: 20px; } .str_navesa_box_bl2 .wer_rew { display: block; } .vyvod_harakteristik_str_navesa .znachenie_h_harakteristiki_portfolio_page_portfolio { padding-left: 0; color: #212121; } .vyvod_harakteristik_str_navesa .tip_h_harakteristiki_portfolio_page_portfolio { padding-right: 0; padding-bottom: 10px; } .vyvod_harakteristik_str_navesa .wer_rew:last-child { padding: 0; } .str_navesa_bl_3 { padding: 64px 0; } .title_preimushhestv_str_navesa { font-size: 20px; padding-bottom: 20px; } .ikonka_preim_str_navesa { width: 48px; height: 48px; margin-right: 14px; } .vyvod_preimushhestv_str_navesa_item .title_preim_str_navesa { font-size: 14px; } .tekst_preim_str_navesa { font-size: 12px; } .vyvod_preimushhestv_str_navesa { --grid-row-gap: 8px; padding-bottom: 24px; } .single .meta1_form_bl10 { padding: 24px 15px 24px 15px; } .input_group label, .select_group label, .input_group_meta_item { font-size: 12px; } .select_group select { font-size: 14px; } .select_box::after { width: 14px; height: 14px; } .canopy_calculator_flex { padding: 34px 12px; margin-bottom: 24px; } .calculator_total_bott:before { height: 335px; width: 168px; top: -152px; left: -71px; background-size: 132px; } .calculator_total_bott:after { height: 272px; width: 90px; top: 107px; right: -15px; background-size: 119px; } .calculator_total_bott { margin-bottom: 86px; } .calculator_total_bott { padding: 20px; } button#calculate-btn { font-size: 14px; max-width: 326px; margin: 0 auto; } button#calculate-btn:after { height: 14px; width: 14px; bottom: 21px; left: 91px; background-size: 14px !important; } .total-price { font-size: 24px; } .tekst_kalkulyatora { font-size: 12px; } .price-header, .price-row { font-size: 16px; } .calc_total_bott_item2 { width: 100%; text-align: center; } .calc_total_bott_item2 { max-width: 300px; min-width: 300px; } .portfolio_page_portfolio_content { padding: 20px 14px; min-height: auto; } .harakteristiki_portfolio_page_portfolio .znachenie_h_harakteristiki_portfolio_page_portfolio { color: #212121; } .title_portfolio_page_portfolio { font-size: 16px; } .tip_h_harakteristiki_portfolio_page_portfolio, .znachenie_h_harakteristiki_portfolio_page_portfolio { font-size: 14px; } .tab_ind.tab_ind_bl2 { font-size: 12px; } .portfolio_box_top_item1 { padding: 24px 14px; } .portfolio_box_top_item1 .title_page { font-size: 20px; padding-bottom: 20px; } .tekst_page_kontakty { font-size: 12px; padding-bottom: 24px; } .kont_group_title { font-size: 12px; } .kont_group_text { font-size: 16px; } .adres_page_kontakty, .vremya_rabotys_page_kontakty, .email_page_kontakty { padding-bottom: 24px; } .title_formy_page_kontakty { font-size: 16px; padding-bottom: 48px; } .portfolio_box_top_item2 { padding: 32px 15px; } .fofc_item input { font-size: 12px; } .page-template-page-home .flex_bl_4 { z-index: 999; position: relative; } .page-template-page-o-nas .title_page { padding-bottom: 20px; } .text_1_go_bloka_o_nas { padding-bottom: 32px; font-size: 12px; } .page-template-page-o-nas .bl_page .box_bl_7, .page-template-page-o-nas .box_bl_8 { padding: 0px 0 64px; } .page-template-page-o-nas .title_bl { font-size: 20px; padding-bottom: 24px; } .page-template-page-o-nas .title_preimushhestv_str_navesa { padding-bottom: 24px; } .vyvod_nashej_komandy { padding: 0; } .imya_nashej_komandy {font-size: 12px; padding-bottom: 6px;} .dolzhnost_nashej_komandy {font-size: 10px;} .meta1_form_bl10 {padding: 24px 15px!important;} .tekst_preim_o_nas br {display: none;} .vyvod_preimushhestv_str_navesa_item {padding: 20px 14px;} .tekst_preim_o_nas {font-size: 12px;} .title_preim_str_navesa_meta, .title_preim_str_navesa_meta {max-width: 227px;} .vopros_11_go_bloka, .vopros_11_go_bloka:hover, .item_bl_11.active .vopros_11_go_bloka {background-size: 30px; background-position: 97% 50%;} div#form_page_portfolio .modal, div#tekst_knopki_bl1_str_navesa .modal, div#form_page_otzyvy .modal, div#tekst_knopkil_v_shapke .modal, div#user-city .modal{padding: 64px 24px 32px !important;} div#tekst_knopkil_v_shapke .fofc_item {margin: 0;} .fofc_title-activegorod {font-size: 14px;} .fofc_box_goroda {font-size: 12px;} } @media (max-width: 410px) { .box_bl_2:after, .title_bl br { display: none; } .vyvod_preim_1_go_bloka_box { bottom: -362px; } .tabs_item.tabs_item_bl2, .conta_bl2_slider { height: 184px; max-width: 328px; margin: 0 auto; } .flex_bl_9 .owl-prev { left: 0px !important; } .flex_bl_9 .owl-next { right: 0px !important; } .footer_box_top.mob .cont_box_mob { display: block; } footer .grafik_raboty_tel_v_shapke:first-child { margin: 0 0 36px; } .box_bl_3:before { background-size: 90px; } .card_content { padding: 14px; } .archive .seo_tekst_11_go_bloka { padding-top: 54px; } a.reset_filters { padding: 12px 10px; } .vyvod_harakteristik_str_navesa .tip_h_harakteristiki_portfolio_page_portfolio { padding-right: 0px; font-size: 10px; } .vyvod_harakteristik_str_navesa .znachenie_h_harakteristiki_portfolio_page_portfolio { padding-left: 0; font-size: 12px; } .vyvod_slajdera_str_navesa_slider .owl-next, .vyvod_slajdera_str_navesa_slider .owl-prev { left: 65px; } .img_portfolio_page_portfolio { height: 148px; } .meta_nashej_komandy {padding: 8px;} } .n-card[data-url="/naznachenie/dlja-1-mashiny/"] {background-image: url(/wp-content/themes/gotovaya/images/dewfe.webp);} .n-card[data-url="/naznachenie/dlja-2-mashin/"] {background-image: url(/wp-content/themes/gotovaya/images/fqweffqefr.webp);} .n-card[data-url="/naznachenie/dlja-3-i-bolee-mashin/"] {background-image: url(/wp-content/themes/gotovaya/images/qfer.webp);} .n-card[data-url="/naznachenie/dlja-besedki/"] {background-image: url(/wp-content/themes/gotovaya/images/besed.webp);} .n-card[data-url="/naznachenie/dlja-velosipeda/"] {background-image: url(/wp-content/themes/gotovaya/images/velosip.webp);} .n-card[data-url="/naznachenie/dlja-vhoda-krylca/"] {background-image: url(/wp-content/themes/gotovaya/images/ewrgqaer.webp);} .n-card[data-url="/naznachenie/dlja-gruzovika-gazeli/"] {background-image: url(/wp-content/themes/gotovaya/images/gruzov.webp);} .n-card[data-url="/naznachenie/dlja-kachelej/"] {background-image: url(/wp-content/themes/gotovaya/images/kacheli.webp);} .n-card[data-url="/naznachenie/dlja-mangala-barbekju/"] {background-image: url(/wp-content/themes/gotovaya/images/mangal.webp);} .n-card[data-url="/naznachenie/dlja-terrasy-verandy/"] {background-image: url(/wp-content/themes/gotovaya/images/teras.webp);} .n-card[data-url="/naznachenie/s-hozblokom/"] {background-image: url(/wp-content/themes/gotovaya/images/hozblocks.webp);} .n-card[data-url="/material-pokrytija/metallocherepica/"] {background-image: url(/wp-content/themes/gotovaya/images/metalcherpca.webp);} .n-card[data-url="/material-pokrytija/polikarbonat/"] {background-image: url(/wp-content/themes/gotovaya/images/pplkorb.webp);} .n-card[data-url="/material-pokrytija/profnastil/"] {background-image: url(/wp-content/themes/gotovaya/images/profnast.webp);} .n-card[data-url="/tip-konstrukcii/arochnye/"] {background-image: url(/wp-content/themes/gotovaya/images/dewfe.webp);} .n-card[data-url="/tip-konstrukcii/bez-ferm/"] {background-image: url(/wp-content/themes/gotovaya/images/123edwed.webp);} .n-card[data-url="/tip-konstrukcii/dvuskatnye/"] {background-image:url(/wp-content/themes/gotovaya/images/fqweffqefr.webp);} .n-card[data-url="/tip-konstrukcii/odnoskatnye/"] {background-image: url(/wp-content/themes/gotovaya/images/eqfweqf.webp);} .n-card[data-url="/tip-konstrukcii/poluarochnye/"] {background-image: url(/wp-content/themes/gotovaya/images/grtarsyhdtrjuki.webp);} .n-card[data-url="/tip-konstrukcii/so-smeshhjonnym-konkom/"] {background-image: url(/wp-content/themes/gotovaya/images/ferfaergwrth.webp);} .n-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap} .n-tab{line-height: 1.1;background:#fff;border:1px solid #8CBBFF;color:#2C75DE;padding:13px 24px;cursor:pointer;border-radius:5px;transition:0.3s;font-weight:500} .n-tab:hover,.n-tab.active{border-color:#2C75DE;background: #2c75deb3;color:#fff} .n-tab.active{background:#2C75DE} .n-grid{display:none;grid-template-columns:repeat(3,1fr);gap:20px} .n-grid.active{display:grid} .n-card{background-color:#fff;background-size:contain; background-position: 109% 50%;background-repeat: no-repeat;border-radius:12px;position:relative;height:100px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:0.3s;overflow:hidden} .n-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.08)} .n-title{font-size:20px;font-weight:600;color:#222;margin:0 0 10px;z-index:2;position:relative} .n-link{font-size:14px;color:#2C75DE;text-decoration:none;font-weight:400;z-index:2;position:relative} @media(max-width:1170px){.n-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:768px){.n-grid{grid-template-columns:repeat(1,1fr)}.n-title {font-size: 4vw;}} @media(max-width:520px){.n-card {height: 21vw;}} .quiz-container {background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgb(0 0 0 / 4%); width: 100%; overflow: hidden;} .progress-bar {height: 6px; background: #e0e0e0; position: relative;} .progress-fill {height: 100%; background: linear-gradient(90deg, #2c75de 0%, #90beff 100%); transition: width 0.3s ease; width: 0%;} .quiz-content {padding: 40px;} .step {display: none;} .step.active {display: block; animation: fadeIn 0.5s;} @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }} .step-title {font-size: 24px; font-weight: 600; color: #2d3748; margin-bottom: 0px;} .step-description {font-size: 16px; color: #718096; margin-bottom: 30px;} .options-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 30px;} .option-card {position: relative; cursor: pointer; border-radius: 12px; overflow: hidden; border: 2px solid transparent; transition: all 0.3s;} .option-card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15);} .option-card input {position: absolute; opacity: 0;} .option-card input:checked + .option-content {border-color: #2c75de;} .option-content {border: 3px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: all 0.3s;} .option-image {width: 100%; height: 150px; object-fit: cover;} .option-text {padding: 15px; background: #f7fafc; text-align: center; font-weight: 500; color: #2d3748;} .text-input-group {margin-bottom: 30px;} .text-input-group label {display: block; font-size: 16px; font-weight: 500; color: #2d3748; margin-bottom: 10px;} .text-input-group input {width: 100%; padding: 15px; border: 2px solid #e2e8f0; border-radius: 10px; font-size: 16px; transition: border-color 0.3s;} .text-input-group input:focus {outline: none; border-color: #2c75de;} .radio-group {display: flex; gap: 12px; margin-bottom: 30px; flex-wrap: wrap; justify-content: space-between;} .radio-option {width: calc(49% + 4px);} .radio-option {position: relative;} .radio-option input {position: absolute; opacity: 0;} .radio-option label {display: block; padding: 15px 20px; background: #f7fafc; border: 2px solid #e2e8f0; border-radius: 10px; cursor: pointer; transition: all 0.3s; font-weight: 500; color: #2d3748;} .radio-option input:checked + label {background: #2c75de; color: white; border-color: #2c75de;} .radio-option label:hover {border-color: #2c75de;} .contact-form {margin-bottom: 20px;} .contact-form input {width: 100%; padding: 15px; border: 2px solid #e2e8f0; border-radius: 10px; font-size: 16px; margin-bottom: 15px;} .checkbox-group {display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px;} .checkbox-group input {margin-top: 3px;} .checkbox-group label {font-size: 14px; color: #4a5568;} .buttons {display: flex; justify-content: space-between; gap: 15px;} .btn {padding: 15px 30px; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s;} .btn-prev {background: #e2e8f0; color: #4a5568;} .btn-prev:hover {background: #cbd5e0;} .btn-next, .btn-submit {color: white; flex: 1; background: #2C75DE; box-shadow: inset 0px 0px 24px #8CBBFF;} .btn-next:hover, .btn-submit:hover {box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);} .btn:disabled {opacity: 0.5; cursor: not-allowed;} .step-counter {text-align: center; color: #718096; font-size: 14px; margin-top: 20px;} .success-message {text-align: center; padding: 40px 0px;} .success-message h2 {color: #2c75de; font-size: 28px; text-align: center; margin-bottom: 15px;} .success-message p {color: #718096; font-size: 16px;} @media (max-width: 768px) { .quiz-content {padding: 25px; } .step-title {font-size: 20px; } .options-grid {grid-template-columns: 1fr; } } .text_blog {max-width: 850px; margin: 0 auto; color: #1D1D1D; line-height: 1.6;} .seo_text_full h1, .text_blog h1, .seo_text_full h2, .text_blog h2, .seo_text_full h3, .text_blog h3, .seo_text_full h4, .text_blog h4, .seo_text_full h5, .text_blog h5, .seo_text_full h6, .text_blog h6 {font-weight: 700; color: #1D1D1D; margin-top: 1.6em; margin-bottom: 0.6em;} .seo_text_full h3, .text_blog h3 { margin-top: 10px;} .seo_text_full h4, .text_blog h4 { margin-top: 10px;} .text_blog img.imgpostblogm {width: 100%; border-radius: 10px; height: 390px; object-fit: cover;} .seo_text_full img{border-radius: 10px; object-fit: cover;} .text_blog p, .seo_text_ful p {margin: 1em 0;} .text_blog a, .seo_text_ful a {color: #2C75DE; text-decoration: none; transition: 0.2s;} .text_blog a:hover, .seo_text_ful a:hover {color: #4A9EFF; text-decoration: underline;} .text_blog strong, .seo_text_ful strong { font-weight: 700; } .text_blog em, .seo_text_ful em { font-style: italic; } .text_blog u, .seo_text_ful u { text-decoration: underline; } .text_blog s, .seo_text_ful s { text-decoration: line-through; } .text_blog blockquote, .seo_text_ful blockquote {border-left: 4px solid #2C75DE; background: #F9F9F9; padding: 15px 20px; margin: 1.5em 0; color: #555555;} .text_blog blockquote footer, .seo_text_ful blockquote footer {margin-top: 10px; color: #1D1D1D; font-weight: 600;background: transparent; padding: 0px;} .text_blog .card, .seo_text_ful .card {border: 1px solid #D9D9D9; background: #FFFFFF; padding: 20px; border-radius: 8px; margin: 1.5em 0;} .text_blog .highlight, .seo_text_ful .highlight {background: #E9F1FF; border-left: 4px solid #4A9EFF; padding: 15px; border-radius: 4px;} .text_blog dl, .seo_text_ful dl { margin: 1em 0; } .text_blog dt, .seo_text_ful dt {font-weight: 700; color: #2C75DE; margin-top: 10px;} .text_blog dd, .seo_text_ful dd {margin-left: 15px; color: #1D1D1D;} .text_blog ul, .text_blog ol, .seo_text_ful ul, .seo_text_ful ol {padding-left: 25px; margin: 1em 0;} .text_blog ul li, .seo_text_ful ul li {margin: 6px 0; list-style: disc;} .text_blog ol li, .seo_text_ful ol li {margin: 6px 0;} .text_blog code, .seo_text_ful code {background: #F9F9F9; padding: 2px 5px; border-radius: 4px; font-size: 0.95em; border: 1px solid #D9D9D9;} .text_blog pre, .seo_text_ful pre {background: #1D1D1D; color: #FFFFFF; padding: 15px; border-radius: 6px; overflow-x: auto;} .text_blog pre code, .seo_text_ful pre code {background: none; border: none; color: #FFFFFF;} .text_blog table, .seo_text_ful table {width: 100%; border: none; margin: 1.5em 0; background: #FFFFFF;} .text_blog th, .seo_text_ful th {background: #2C75DE; color: #FFFFFF; padding: 10px;} .text_blog td, .seo_text_ful td {border: 1px solid #D9D9D9; padding: 10px;} .text_blog tr:nth-child(even), .seo_text_ful tr:nth-child(even) {background: #F9F9F9;} .text_blog figure, .seo_text_ful figure {margin: 1.5em 0; text-align: center;} .text_blog figure img, .seo_text_ful figure img {max-width: 100%; border-radius: 6px;} .text_blog figcaption, .seo_text_ful figcaption {margin-top: 8px; color: #555555; font-size: 0.9em;} .text_blog audio, .text_blog video, .seo_text_ful audio, .seo_text_ful video {margin: 15px 0; width: 100%; border-radius: 6px;} .text_blog video, .seo_text_ful video {height: auto;} .text_blog aside, .seo_text_ful aside {background: #F9F9F9; border: 1px solid #D9D9D9; padding: 20px; border-radius: 8px; margin: 2em 0;} .text_blog aside h4, .seo_text_ful aside h4 {margin-top: 0; color: #1D1D1D;} .text_blog kbd, .seo_text_ful kbd {background: #1D1D1D; color: #FFFFFF; padding: 3px 6px; border-radius: 4px; font-size: 0.85em; border: 1px solid #555555;} .text_blog small, .seo_text_ful small {color: #555555; font-size: 0.8em;} @media (max-width:991px){ } @media (max-width:991px) { .text_blog, .seo_text_ful { line-height: 1.3; } .seo_text_full h1, .text_blog h1 { font-size: 26px; } .seo_text_full h2, .text_blog h2 { font-size: 24px; } .seo_text_full h3, .text_blog h3 { font-size: 20px; } .seo_text_full h4, .text_blog h4 { font-size: 18px; } .seo_text_full h5, .text_blog h5 { font-size: 17px; } .seo_text_full h6, .text_blog h6 { font-size: 16px; } .seo_text_full h1, .text_blog h1, .seo_text_full h2, .text_blog h2, .seo_text_full h3, .text_blog h3, .seo_text_full h4, .text_blog h4, .seo_text_full h5, .text_blog h5, .seo_text_full h6, .text_blog h6 { margin-bottom: 12px; } .text_blog p, .seo_text_ful p {margin: 14px 0; font-size: 15px;} .text_blog blockquote, .seo_text_ful blockquote {padding: 12px 16px; margin: 20px 0;} .text_blog blockquote footer, .seo_text_ful blockquote footer {margin-top: 8px; font-size: 14px;} .text_blog .card, .seo_text_ful .card {padding: 16px; margin: 20px 0;} .text_blog .highlight, .seo_text_ful .highlight {padding: 12px;} .text_blog ul, .text_blog ol, .seo_text_ful ul, .seo_text_ful ol {padding-left: 20px;} .text_blog ul li, .text_blog ol li, .seo_text_ful ul li, .seo_text_ful ol li {margin: 5px 0; font-size: 15px;} .text_blog dt, .seo_text_ful dt {margin-top: 8px; font-size: 15px;} .text_blog dd, .seo_text_ful dd {margin-left: 10px; font-size: 15px;} .text_blog code, .seo_text_ful code {font-size: 14px; padding: 2px 4px;} .text_blog pre, .seo_text_ful pre {padding: 12px; font-size: 14px;} .text_blog table, .seo_text_ful table {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .text_blog th, .text_blog td, .seo_text_ful th, .seo_text_ful td {padding: 8px; font-size: 15px; white-space: nowrap;} .text_blog figure, .seo_text_ful figure {margin: 20px 0;} .text_blog figure img, .seo_text_ful figure img {max-width: 100%; height: auto; border-radius: 5px;} .text_blog figcaption, .seo_text_ful figcaption {margin-top: 6px; font-size: 14px;} .text_blog audio, .text_blog video, .seo_text_ful audio, .seo_text_ful video {width: 100%; margin: 12px 0;} .text_blog aside, .seo_text_ful aside {margin: 24px 0; padding: 16px;} .text_blog aside h4, .seo_text_ful aside h4 {font-size: 18px;} .text_blog kbd, .seo_text_ful kbd {font-size: 13px; padding: 3px 5px;} .text_blog small, .seo_text_ful small {font-size: 12px;} } .load-more-blog {text-align: center;margin-top: 30px;} .box_page_title.center h1.title_page { text-align: center;} .box_breadcrumb.center {text-align: center;} .card-post {display: flex;flex-direction: column;height: 100%;border: 1px solid #eee;border-radius: 8px; overflow: hidden;} .card-post__img-link {display: block;aspect-ratio: 3 / 2;overflow: hidden;background-color: #f0f0f0;border-radius: 12px;} .card-post a img{transition:0.3s;} .card-post__img {width: 100%;height: 100%;object-fit: cover;display: block;} .card-post__content .read-more-btn {position: static;} .card-post a:hover img {transform: scale(1.1);} .card-post__content {padding: 20px;display: flex;flex-direction: column;flex-grow: 1;} .post-other {margin-top: 40px;padding-top: 40px;border-top: 1px solid #dbdbdb;} .post-other .post-otherh2 {font-size: 36px;font-weight: 500; line-height: 1.2;margin-bottom: 20px;} .card-post__title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.2;padding: 0px;margin-bottom: 10px;font-size: 24px; font-weight: 500;} .card-post__excerpt {font-size: 14px;margin-bottom: 15px;flex-grow: 1;} .card-post__meta {font-size: 0.85rem;color: #666;margin-bottom: 15px;} .card-post__btn {display: inline-block;padding: 8px 16px;background-color: #0073aa;color: #fff;text-decoration: none;border-radius: 4px;width: fit-content;} .text_blog .tabs.tabs_bl2 {margin-bottom: 50px;} .form-group {margin-bottom: 20px; width: 100%;} .form-group label {display: block; margin-bottom: 5px; font-weight: 600;} #drop-area {border: 2px dashed #ccc; padding: 20px; text-align: center; cursor: pointer; transition: 0.3s; position: relative; min-height: 80px; display: flex; flex-direction: column; justify-content: center; border-radius: 10px;} .fofc_item input[type="radio"] {margin-bottom: 0px;} #drop-area:hover, #drop-area.highlight {border-color: #2C75DE; background: #f0f7ff;} #fileElem {display: none;} #gallery {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; justify-content: center;} .preview-item {position: relative; width: 60px; height: 60px;} .preview-item img {width: 100%; height: 100%; object-fit: cover; border-radius: 4px;} .remove-btn {position: absolute; top: -5px; right: -5px; background: red; color: white; border-radius: 50%; width: 16px; height: 16px; line-height: 14px; text-align: center; font-size: 12px; cursor: pointer; border: 1px solid #fff;} .fofc_item select {max-width: 100%; width: 100%; padding: 12px 14px; display: block; margin-bottom: 20px; outline: none; position: relative; text-align: left; font-size: 16px; border: 1px solid #989898; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0.0007505416870117188 97.1405029296875 451.8459777832031 257.56549072265625'%3e%3cg%3e%3cpath d='M225.923 354.706c-8.098 0-16.195-3.092-22.369-9.263L9.27 151.157c-12.359-12.359-12.359-32.397 0-44.751 12.354-12.354 32.388-12.354 44.748 0l171.905 171.915 171.906-171.909c12.359-12.354 32.391-12.354 44.744 0 12.365 12.354 12.365 32.392 0 44.751L248.292 345.449c-6.177 6.172-14.274 9.257-22.369 9.257z' fill='%23212121' opacity='1' data-original='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); background-size: 10px; background-repeat: no-repeat; background-position-x: calc(100% - 8px); background-position-y: 50%;} .fofc_item select::-ms-expand {display: none;} .contact-group {display: flex; gap: 15px; align-items: flex-end;} .phone-wrap {flex: 1;} .checklist .box_response2 {text-align: left;} .messenger-wrap {flex: 0 0 auto;} .radio-row {display: flex; gap: 10px; height: 40px; align-items: center;} .radio-row label {font-weight: normal; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 3px; margin: 0;} button[type="submit"] {width: 100%; padding: 12px; background: #2C75DE; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px;} button[type="submit"]:hover {background: #1b5lb2;} .form-policy {font-size: 12px; color: #777; margin-top: 10px; text-align: center;} .checklist {border-radius: 12px; padding: 58px 70px 58px; border: 1px solid #2f78df; background-color: #ffffff; position: relative;} .checklist .box_response1 { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; justify-content: flex-start;} .checklist_header { font-size: 36px; margin-bottom: 30px; font-family: 'Montserrat';} .checklist .fofc_text.privacy { width: 50%; text-align: left; padding-top: 0px;} .download-price__circle { display: block; text-align: center; position: absolute; right: 30px; top: 30px; background-color: #fff; box-shadow: 0 0 13.0208333333vw rgba(0, 0, 0, 0.25); border-radius: 300px; padding: 10px; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Montserrat'; } .download-price__circle img.pdf-circle{ animation: rotation 15s; linear infinite; position: absolute; } @keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .checklist .fofc_flex {display: flex; gap: 10px;} .checklist .fofc_flex .fofc_item { padding-bottom: 0px;} .checklist .fofc_flex .fofc_item select, .checklist .fofc_flex .fofc_item input { margin-bottom: 0px;} .checklist .wpcf7-submit { padding: 16px!important; width: 280px!important;} .checklist { background-image: url(/wp-content/themes/gotovaya/images/checklist.webp); background-repeat: no-repeat; background-position-x: calc(100% + 160px); background-size: 770px; background-position-y: 40px;} .checklist, .lidmagnit { grid-column-start: 1; grid-column-end: 4;} .lidmagnit {margin-top: 80px;margin-bottom: 80px; border-radius: 12px; padding: 30px; border: 1px solid #2f78df; background-color: #ffffff; text-align: center;} .lidmagnit .checklist_header {margin-bottom: 0px;} .lidmagnit .knopka_1_1_go_bloka a:after { left: 40px;} .knopka_2_1_go_bloka a:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 3.522000312805176 37.433998107910156 30.389999389648438'%3e%3cg%3e%3cpath d='M32.932 8.578H27.52v-.556c0-2.484-2.016-4.5-4.5-4.5h-8.607a4.501 4.501 0 0 0-4.5 4.5v.556H4.5a4.5 4.5 0 0 0-4.5 4.5v16.334c0 2.484 2.015 4.5 4.5 4.5h28.434c2.485 0 4.5-2.016 4.5-4.5V13.078a4.503 4.503 0 0 0-4.502-4.5zM18.715 29.244c-4.688 0-8.5-3.812-8.5-8.5 0-4.687 3.812-8.5 8.5-8.5 4.688 0 8.5 3.812 8.5 8.5 0 4.688-3.813 8.5-8.5 8.5zm4.5-8.5c0 2.479-2.02 4.5-4.5 4.5s-4.5-2.021-4.5-4.5c0-2.48 2.02-4.5 4.5-4.5s4.5 2.02 4.5 4.5z' fill='%238def9f' opacity='1' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); display: inline-block; content: ""; height: 24px; width: 24px; background-repeat: no-repeat; background-position: center; margin-right: 7px; margin-bottom: -5px;} .knopka_2_1_go_bloka a { padding-left: 30px; padding-right: 30px;} h2.title_bl.posts-popular { padding-bottom: 0px; margin-bottom: -30px;} .portfolio-card-slider { position: relative; overflow: hidden; } .portfolio-card-slider .swiper-slide a { width: 100%; } .portfolio-card-slider .swiper-slide { height: auto; } .portfolio-zoom-btn { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; pointer-events: none; /* Клик проходит сквозь кнопку на ссылку Fancybox */ box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .portfolio-zoom-btn svg { width: 20px; height: 20px; fill: #333; } .portfolio-card-slider .swiper-pagination { bottom: 10px !important; } .portfolio-card-slider .swiper-pagination-bullet { background: #fff; opacity: 0.7; } .portfolio-card-slider .swiper-pagination-bullet-active { background: #357be1; opacity: 1; } .portfolio_page_portfolio_item { position: relative; } .portfolio_page_portfolio_item { max-width: 100%; width: 100%; overflow: hidden; position: relative; } .img_portfolio_page_portfolio { width: 100%; height: 260px; position: relative; overflow: hidden; border-radius: 10px; } .img_portfolio_page_portfolio .swiper-slide { width: 100%; height: 100%; display: flex; } .img_portfolio_page_portfolio img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } @media (max-width:1180px) { .checklist{background-size: 57vw; background-position-y: 9vw;} } @media (max-width:1010px) { .checklist { padding: 30px;} .checklist { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;} .checklist .box_response1 { flex-direction: column; align-items: flex-start;} .checklist_header { font-size: 4vw; padding-right: 170px; line-height: 1.2;} .lidmagnit {grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 4;} .lidmagnit .checklist_header { padding-right: 0px;} } @media (max-width: 991px) { .post-other .post-otherh2 {font-size: 28px;} .card-post__title {font-size: 18px;} .box_bl_44 { padding: 130px 0 0px;} .lidmagnit .knopka_1_1_go_bloka a:after { left: auto; bottom: auto; position: relative; margin-right: 9px; width: 18px; height: 18px; background-size: contain !important;} .lidmagnit .knopka_1_1_go_bloka a {display: flex;justify-content: center; flex-direction: row-reverse;} } @media (max-width: 800px) { .checklist .fofc_flex { flex-direction: column;} .checklist .wpcf7-submit {padding: 23px!important; width: 370px!important;} .checklist .fofc_text.privacy { width: 55%;} .checklist { background-size: 57vw; background-position-y: 110%; background-position-x: calc(100% + 110px); } } @media (max-width: 700px) { .post-other .post-otherh2 {font-size: 20px;} .lidmagnit .knopka_1_1_go_bloka, .lidmagnit .knopka_2_1_go_bloka { min-width: 100%; max-width: 100%;} } @media (max-width: 684px) { .checklist { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 3;} .lidmagnit { grid-column-start: 1; grid-column-end: 2; grid-row-start: 6; grid-row-end: 6;padding: 20px; margin-bottom: 60px;} } @media (max-width: 540px) { .download-price__circle { bottom: 20px; top: auto; left: 10%;} .checklist_header {font-size: 24px; padding-right: 0px;} .checklist { padding-bottom: 40vw; background-size: 100vw;} .checklist .fofc_text.privacy { width: 100%;} .checklist .fofc_flex { width: 100%;} .checklist div#fofc_button { width: 100%;} .checklist div#fofc_button input { width: 100%!important;} .checklist .fofc_flex .fofc_item { margin-bottom: 10px;} .lidmagnit .box_link_bl1 a {padding: 10px 5px; width: 100%;} .knopka_2_1_go_bloka a:before {width: 18px; height: 18px; margin-bottom: -3px;} } html { overflow-x: hidden; } .fullw100 { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 80px; } .np26-promo, .np26-promo * { box-sizing: border-box; } :root { --np-blue: #0b63f6; --np-blue-dark: #0749d1; --np-ink: #081427; --np-muted: #667085; --np-line: #dce4ee; --np-soft: #f4f7fb; --np-white: #fff; } .np26-promo[hidden] { display: none !important; } .np26-promo__shell { position: relative; isolation: isolate; min-height: 650px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(151, 169, 190, .24); border-radius: 28px; background: #fff; box-shadow: 0 18px 54px rgba(28, 49, 77, .12); } .np26-promo__media { position: absolute; z-index: -2; inset: 0 0 0 48%; overflow: hidden; background: #eef5fc; } .np26-promo__media picture, .np26-promo__media img { display: block; width: 100%; height: 100%; } .np26-promo__media img { object-fit: cover; object-position: center center; } .np26-promo__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 8%, rgba(255,255,255,.68) 27%, rgba(255,255,255,.18) 55%, rgba(255,255,255,0) 78%), linear-gradient(0deg, rgba(255,255,255,.14), rgba(255,255,255,.02)); pointer-events: none; } .np26-promo__content { width: 62%; min-width: 0; min-height: 650px; padding: clamp(34px, 4.2vw, 64px); display: flex; flex-direction: column; justify-content: center; } .np26-promo__eyebrow { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; margin: 0 0 24px; padding: 10px 15px; border-radius: 999px; background: #eaf2ff; color: var(--np-blue-dark); font-weight: 600; font-size: 15px; font-family: 'Montserrat'; line-height: 1; } .np26-promo__eyebrow svg, .np26-promo__benefit svg, .np26-promo__cta svg, .np26-promo__microcopy svg, .np26-promo__legal svg { flex: 0 0 auto; width: 22px; height: 22px; } .np26-promo__title { max-width: 780px; margin: 0; font-size: clamp(36px, 3.8vw, 40px); line-height: 1.08; letter-spacing: -.035em; font-weight: 800; text-wrap: balance; overflow-wrap: normal; word-break: normal; hyphens: none; font-family: 'Montserrat'; } .np26-promo__accent { color: var(--np-blue); white-space: nowrap; } .np26-promo__benefits { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; } .np26-promo__benefit { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 12px 10px; border: 1px solid var(--np-line); border-radius: 12px; background: rgba(255,255,255,.88); box-shadow: 0 8px 24px rgba(31, 54, 84, .04); font-size: 16px; line-height: 1.3; font-weight: 560; font-family: 'Montserrat'; } .np26-promo__benefit svg { color: var(--np-blue); } .np26-promo__timer-label { margin: 28px 0 14px; color: #5f6b7c; font-size: 16px; line-height: 1.35; font-weight: 700; } .np26-promo__timer { display: grid; grid-template-columns: repeat(7, auto); justify-content: start; align-items: center; gap: 10px; font-variant-numeric: tabular-nums; } .np26-promo__time { width: clamp(104px, 10vw, 126px); min-height: 112px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid var(--np-line); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: 0 10px 28px rgba(30, 51, 78, .04); } .np26-promo__value { font-size: clamp(38px, 4vw, 54px); line-height: 1; letter-spacing: -.04em; font-weight: 520; } .np26-promo__unit { margin-top: 10px; color: #4e5a6c; font-size: 14px; line-height: 1; } .np26-promo__sep { transform: translateY(-8px); font-size: 31px; font-weight: 500; } .np26-promo__cta { width: fit-content; min-height: 72px; margin-top: 28px; padding: 16px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 0; border-radius: 13px; background: linear-gradient(135deg, #1674ff 0%, #0751e7 55%, #043fc5 100%); box-shadow: 0 15px 30px rgba(8, 86, 226, .27), inset 0 1px 0 rgba(255,255,255,.3); color: #fff; text-decoration: none; cursor: pointer; appearance: none; font: inherit; font-size: clamp(18px, 2vw, 24px); line-height: 1.15; font-weight: 780; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .np26-promo__cta svg:first-child { width: 29px; height: 29px; } .np26-promo__cta svg:last-child { width: 24px; height: 24px; margin-left: auto; } .np26-promo__cta:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(8, 86, 226, .34), inset 0 1px 0 rgba(255,255,255,.32); filter: saturate(1.05); } .np26-promo__cta:focus-visible { outline: 4px solid rgba(11, 99, 246, .24); outline-offset: 4px; } .np26-promo__microcopy, .np26-promo__legal { width: min(100%, 630px); display: flex; align-items: flex-start; gap: 11px; } .np26-promo__microcopy { margin-top: 20px; color: #1d2939; font-size: 15px; line-height: 1.45; } .np26-promo__microcopy svg { color: var(--np-blue); margin-top: -1px; } .np26-promo__legal { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--np-line); color: #697586; font-size: 12.5px; line-height: 1.5; } .np26-promo__legal svg { width: 20px; height: 20px; margin-top: 1px; } .np26-promo__expired { display: none; margin-top: 24px; padding: 16px 18px; border-radius: 12px; background: #f3f5f8; color: #384152; font-weight: 700; } .np26-promo.is-expired .np26-promo__timer-label, .np26-promo.is-expired .np26-promo__timer, .np26-promo.is-expired .np26-promo__cta, .np26-promo.is-expired .np26-promo__microcopy { display: none; } .np26-promo.is-expired .np26-promo__expired { display: block; } .np26-promo__shell, .np26-promo__content, .np26-promo__title, .np26-promo__benefits, .np26-promo__timer, .np26-promo__microcopy, .np26-promo__legal { min-width: 0; max-width: 100%; } .np26-promo img, .np26-promo svg, .np26-promo button { max-width: 100%; } @media (max-width: 1080px) { .np26-promo__shell, .np26-promo__content { min-height: 610px; } .np26-promo__content { width: 66%; padding: 42px; } .np26-promo__media { left: 50%; } .np26-promo__title { font-size: clamp(34px, 5vw, 52px); } .np26-promo__timer { gap: 8px; } .np26-promo__time { width: 99px; min-height: 105px; } } @media (max-width: 820px) { .np26-promo { padding: 18px 12px; } .np26-promo__shell { min-height: 0; border-radius: 22px; } .np26-promo__media { position: relative; inset: auto; z-index: 0; height: 270px; } .np26-promo__media img { object-position: center center; } .np26-promo__media::after { background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,.12) 44%, rgba(255,255,255,0) 72%); } .np26-promo__content { width: 100%; min-height: 0; padding: 0 24px 30px; margin-top: -30px; position: relative; z-index: 1; } .np26-promo__eyebrow { margin-bottom: 16px; } .np26-promo__title { font-size: clamp(32px, 8vw, 46px); } .np26-promo__benefits { margin-top: 22px; } .np26-promo__benefit { flex: 1 1 235px; } .np26-promo__timer { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .np26-promo__sep { display: none; } .np26-promo__time { width: auto; min-height: 96px; } .np26-promo__value { font-size: clamp(34px, 9vw, 46px); } .np26-promo__cta { width: 100%; } } @media (max-width: 520px) { .np26-promo__media { height: 210px; } .np26-promo__content { padding: 0 16px 24px; margin-top: -24px; } .np26-promo__eyebrow { padding: 9px 12px; font-size: 13px; } .np26-promo__eyebrow svg { width: 18px; height: 18px; } .np26-promo__title { font-size: clamp(29px, 9vw, 38px); line-height: 1.12; } .np26-promo__benefits { display: grid; grid-template-columns: 1fr; gap: 8px; } .np26-promo__benefit { min-height: 48px; font-size: 14px; } .np26-promo__timer-label { margin-top: 23px; font-size: 14px; } .np26-promo__timer { gap: 6px; } .np26-promo__time { min-height: 82px; padding: 8px 2px; border-radius: 11px; } .np26-promo__value { font-size: clamp(28px, 10vw, 38px); } .np26-promo__unit { margin-top: 7px; font-size: 11px; } .np26-promo__cta { min-height: 62px; margin-top: 22px; padding: 14px; gap: 8px; border-radius: 11px; font-size: 16px; } .np26-promo__cta svg:first-child { width: 23px; height: 23px; } .np26-promo__cta svg:last-child { width: 18px; height: 18px; } .np26-promo__microcopy { margin-top: 16px; font-size: 13px; } .np26-promo__legal { margin-top: 16px; padding-top: 14px; font-size: 11.5px; } } @media (max-width: 380px) { .np26-promo__content { padding-inline: 13px; } .np26-promo__title { font-size: 28px; } .np26-promo__time { min-height: 76px; } .np26-promo__value { font-size: 29px; } .np26-promo__unit { font-size: 10px; } .np26-promo__cta { padding-inline: 12px; gap: 8px; font-size: 15px; } .np26-promo__cta span { white-space: nowrap; } .np26-promo__cta svg:last-child { display: none; } } @media (prefers-reduced-motion: reduce) { .np26-promo__cta { transition: none; } } @media (max-width: 680px) { .np26-promo__title { text-wrap: pretty; } .np26-promo__timer { gap: 6px; } } /* ========================================================================== NG — редизайн главной страницы (page-glavna.php) Всё ниже работает только внутри body.ng-glavna, старый дизайн не трогаем. ========================================================================== */ body.ng-glavna { --ng-blue: #0b63f6; --ng-blue-dark: #0749d1; --ng-ink: #0f172a; --ng-muted: #667085; --ng-line: #e6eaf0; --ng-soft: #eaf2ff; } /* Гасим старые декоративные :before/:after (водяные знаки box*.webp) у блоков, чьи обёртки (box_bl_7, box_bl_8) переиспользуются под новый дизайн */ body.ng-glavna .box_bl_7:before, body.ng-glavna .box_bl_8:before, body.ng-glavna .box_bl_8:after { content: none; } /* --- Шапка --- */ body.ng-glavna header.header.home_menu { position: relative; width: 100%; background: #fff; box-shadow: 0 1px 0 rgba(15, 23, 42, .06); } body.ng-glavna .header_box { padding: 18px 0 0; } body.ng-glavna .header_box_bott { background: #fff; border-radius: 0; margin-top: 14px; padding: 10px 0 10px; border-top: 1px solid var(--ng-line); } body.ng-glavna header .tekst_logo_v_shapke { color: var(--ng-ink); font-weight: 500; } body.ng-glavna header .email_gorod_v_shapke { gap: 22px; margin-left: 28px; } body.ng-glavna header .email_v_shapke a { position: relative; padding-left: 24px; color: var(--ng-ink); font-weight: 500; } body.ng-glavna header .email_v_shapke a:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b63f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M3 6h18v12H3z'/%3e%3cpath d='m3 7 9 6 9-6'/%3e%3c/svg%3e") 0 0 no-repeat; background-size: contain; } body.ng-glavna header .city-selector span { display: none; } body.ng-glavna header .city-selector { display: flex; align-items: center; } body.ng-glavna header .city-selector a { position: relative; padding-left: 22px; color: var(--ng-ink) !important; font-weight: 500; border-bottom: none !important; } body.ng-glavna header .city-selector a:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b63f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e") 0 0 no-repeat; background-size: contain; } body.ng-glavna header .grafik_raboty_tel_v_shapke { position: relative; padding-left: 34px; } body.ng-glavna header .grafik_raboty_tel_v_shapke:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b63f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92Z'/%3e%3c/svg%3e") 0 0 no-repeat; background-size: contain; } body.ng-glavna header .grafik_raboty_v_shapke { color: var(--ng-muted); } body.ng-glavna header .tel_v_shapke a { color: var(--ng-ink); } body.ng-glavna header .vyvod_soczsetej_v_shapke a { width: 28px; height: 28px; } body.ng-glavna header .vyvod_soczsetej_v_shapke { gap: 8px; } body.ng-glavna header .tekst_knopkil_v_shapke a { background: var(--ng-blue); border-color: var(--ng-blue); color: #fff; } body.ng-glavna header .tekst_knopkil_v_shapke a:hover { background: var(--ng-blue-dark); border-color: var(--ng-blue-dark); } body.ng-glavna header .tekst_knopkil_v_shapke a:active { background: var(--ng-blue-dark); } body.ng-glavna nav.menu_box ul#menu-glavnoe-menyu > li > a { color: var(--ng-muted); font-weight: 500; transition: color .2s; } body.ng-glavna nav.menu_box ul#menu-glavnoe-menyu > li > a:hover { color: #fff; border-radius: 8px; } /* --- Хиро-блок --- */ body.ng-glavna .box_bl_1.ng-hero-wrap { position: relative; min-height: 570px; display: flex; align-items: center; padding: 64px 0; } body.ng-glavna .box_bl_1.ng-hero-wrap > .container_box { position: relative; z-index: 1; } body.ng-glavna .ng-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 46%); gap: 20px; align-items: center; max-width: none; } body.ng-glavna .ng-hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; display: block; } body.ng-glavna .ng-hero__badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 999px; background: var(--ng-soft); color: var(--ng-blue-dark); font-family: 'Montserrat'; font-weight: 600; font-size: 13px; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 22px; } body.ng-glavna .ng-hero__dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; display: inline-block; } body.ng-glavna .ng-hero__mobile-img { display: none; width: 100%; height: auto; object-fit: cover; border-radius: 16px; margin-bottom: 18px; } body.ng-glavna .ng-hero__title { font-family: 'Montserrat'; font-weight: 700; font-size: 34px; line-height: 1.2; color: var(--ng-ink); margin: 0 0 0; } body.ng-glavna .ng-hero__text { font-size: 17px; line-height: 1.6; color: var(--ng-muted); max-width: 440px; margin: 0 0 32px; } body.ng-glavna .ng-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; } body.ng-glavna .ng-hero__btn { display: inline-flex; align-items: center; gap: 10px; padding: 10px 15px; border-radius: 14px; font-family: 'Roboto'; font-weight: 700; font-size: 17px; transition: all .25s; border: 1.5px solid transparent; cursor: pointer; } body.ng-glavna .ng-hero__btn svg { flex-shrink: 0; } body.ng-glavna .ng-hero__btn-text { display: flex; flex-direction: column; line-height: 1.25; text-align: left; } body.ng-glavna .ng-hero__btn-text small { font-size: 12px; font-weight: 500; opacity: .85; } body.ng-glavna .ng-hero__btn--primary { background: var(--ng-blue); color: #fff; box-shadow: 0 14px 30px rgba(11, 99, 246, .28); } body.ng-glavna .ng-hero__btn--primary:hover { background: var(--ng-blue-dark); transform: translateY(-2px); box-shadow: 0 18px 34px rgba(11, 99, 246, .34); color: #fff; } body.ng-glavna .ng-hero__btn--secondary { background: #fff; color: var(--ng-blue); border-color: var(--ng-blue); } body.ng-glavna .ng-hero__btn--secondary:hover { background: var(--ng-soft); transform: translateY(-2px); } body.ng-glavna .ng-hero__facts { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 28px; } body.ng-glavna .ng-hero__fact { display: flex; align-items: center; gap: 10px; color: var(--ng-ink); font-size: 15px; font-weight: 400; line-height: 1.35; } body.ng-glavna .ng-hero__fact svg { width: 40px; height: 40px; background: #0b63f614; border-radius: 2000px; padding: 3px; flex-shrink: 0; } body.ng-glavna .ng-strip { margin-top: 100px; margin-bottom: -140px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; background: #fff; border: 1px solid var(--ng-line); border-radius: 18px; padding: 22px 10px; box-shadow: 0 20px 40px rgba(15, 23, 42, .05); flex-wrap: wrap; } body.ng-glavna .ng-strip__item { display: flex; align-items: flex-start; gap: 14px; flex: 1 1 0; min-width: 220px; padding: 0 20px; } body.ng-glavna .ng-strip__item:not(:first-child) { border-left: 1px solid var(--ng-line); } body.ng-glavna .ng-strip__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } body.ng-glavna .ng-strip__icon svg { width: 46px; height: 46px; } body.ng-glavna .ng-strip__body { display: flex; flex-direction: column; gap: 4px; } body.ng-glavna .ng-strip__title { font-family: 'Montserrat'; font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--ng-ink); } body.ng-glavna .ng-strip__sub { font-size: 13px; line-height: 1.4; color: var(--ng-muted); font-weight: 400; } body.ng-glavna .box_bl_1.ng-hero-wrap:after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, #fbfbfb, transparent); height: 100px; pointer-events: none; } @media (max-width: 1250px) { body.ng-glavna .ng-hero__title { font-size: 36px; } } @media (max-width: 991px) { body.ng-glavna .box_bl_1.ng-hero-wrap { min-height: 0; } body.ng-glavna .ng-hero { grid-template-columns: 1fr; max-width: 100%; } body.ng-glavna .ng-hero__media { order: -1; } body.ng-glavna .ng-hero__media img { max-height: 340px; } body.ng-glavna .ng-hero__text { max-width: 100%; } body.ng-glavna header .city-selector { justify-content: center; } body.ng-glavna .ng-strip { justify-content: flex-start; } body.ng-glavna .ng-strip__item { flex: 1 1 calc(50% - 20px); border-left: none; padding: 0; } } @media (max-width: 767px) { body.ng-glavna .box_bl_1.ng-hero-wrap { padding: 32px 0 40px; } body.ng-glavna .ng-hero__title { font-size: 28px; } body.ng-glavna .ng-hero__badge { font-size: 10px; padding: 8px 14px; display: block; } body.ng-glavna .ng-hero__dot { margin-bottom: 3px; } body.ng-glavna .ng-hero__actions { flex-direction: column; } body.ng-glavna .ng-hero__btn { width: 210px; justify-content: center; padding: 8px 12px; } body.ng-glavna .ng-hero__facts { gap: 16px; } body.ng-glavna .ng-strip { padding: 20px; gap: 20px; } } @media (max-width: 550px) { body.ng-glavna .box_bl_2 { padding: 230px 0 86px; } } @media (max-width: 480px) { body.ng-glavna .ng-hero__title { font-size: 22px; } body.ng-glavna .ng-strip__item { flex: 1 1 100%; } body.ng-glavna .box_bl_1.ng-hero-wrap { padding-top: 0; } body.ng-glavna .box_bl_1.ng-hero-wrap:after { display: none; } body.ng-glavna .ng-hero__media { display: none; } body.ng-glavna .ng-hero__mobile-img { display: block; height: 50vw; } body.ng-glavna header.header.home_menu { box-shadow: none; } body.ng-glavna .ng-hero__text { margin-bottom: 20px; } body.ng-glavna .ng-strip { margin-top: 30px; } body.ng-glavna .ng-hero__btn { width: 100%; } } /* --- Блок «Как проходит заказ» ([ng_order_steps]) --- */ body.ng-glavna .ng-order { position: relative; overflow: hidden; background: #FBFBFB; padding: 90px 0; } body.ng-glavna .ng-order:before, body.ng-glavna .ng-order:after { content: ""; position: absolute; top: -10%; width: 460px; height: 33%; background-repeat: no-repeat; background-size: contain; opacity: 0; transition: opacity 1s ease; pointer-events: none; z-index: 0; } body.ng-glavna .ng-order:before { left: -6%; background-position: left top; transform: rotate(-6deg); } body.ng-glavna .ng-order:after { right: -40px; background-position: right top; transform: rotate(6deg) scaleX(-1); } body.ng-glavna .ng-order.ng-order--loaded:before, body.ng-glavna .ng-order.ng-order--loaded:after { background-image: url('/wp-content/uploads/2026/08/fonto.png'); opacity: .4; } body.ng-glavna .ng-order__inner { position: relative; z-index: 1; } body.ng-glavna .ng-order__head { text-align: center; max-width: 760px; margin: 0 auto; } body.ng-glavna .ng-order__eyebrow { display: inline-block; color: var(--ng-blue); font-family: 'Montserrat'; font-weight: 700; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; } body.ng-glavna .ng-order__title { font-family: 'Montserrat'; font-weight: 700; font-size: 34px; line-height: 1.25; color: var(--ng-ink); margin: 0 0 16px; text-align: center; } body.ng-glavna .ng-order__accent { color: var(--ng-blue); } body.ng-glavna .ng-order__subtitle { font-size: 16px; line-height: 1.5; color: var(--ng-muted); } body.ng-glavna .ng-order__badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--ng-soft); color: var(--ng-blue-dark); font-family: 'Montserrat'; font-weight: 600; font-size: 10px; } body.ng-glavna .ng-order__badge svg { width: 14px; height: 14px; flex-shrink: 0; } body.ng-glavna .ng-order__steps { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-top: 52px; } body.ng-glavna .ng-order__step { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ng-line); border-radius: 18px; padding: 26px 22px 24px; box-shadow: 0 20px 40px rgba(15, 23, 42, .05); } body.ng-glavna .ng-order__step:not(:last-child):before { content: ""; position: absolute; top: 101px; left: 100%; width: 30px; height: 2px; background: var(--ng-line); } body.ng-glavna .ng-order__step:not(:last-child):after { content: ""; position: absolute; top: 102px; left: calc(100% - 3px); margin-left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--ng-blue); box-shadow: 31px 0 0 var(--ng-blue); transform: translateY(-50%); z-index: 2; } body.ng-glavna .ng-order__step:nth-child(3) { border: 2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--ng-blue), #9cc6ff) border-box; } body.ng-glavna .ng-order__num { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 26px; padding: 0 8px; border-radius: 8px; background: var(--ng-blue); color: #fff; font-family: 'Montserrat'; font-weight: 700; font-size: 13px; margin-bottom: 0; } body.ng-glavna .ng-order__icon { width: 100px; height: 100px; border-radius: 50%; background: var(--ng-soft); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } body.ng-glavna .ng-order__icon svg { width: 100%; height: 60%; } body.ng-glavna .ng-order__step-title { font-family: 'Montserrat'; font-weight: 700; font-size: 17px; color: var(--ng-ink); margin-bottom: 8px; } body.ng-glavna .ng-order__step-text { font-size: 13.5px; line-height: 1.5; color: var(--ng-muted); } body.ng-glavna .ng-order__step .ng-order__badge { margin-top: 14px; } body.ng-glavna .ng-order__cta { margin-top: 25px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; background: #fff; border: 1px solid var(--ng-line); border-radius: 18px; padding: 28px 32px; box-shadow: 0 20px 40px rgba(15, 23, 42, .05); } body.ng-glavna .ng-order__cta-left { display: flex; align-items: center; gap: 18px; } body.ng-glavna .ng-order__cta-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--ng-soft); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } body.ng-glavna .ng-order__cta-icon svg { width: 38px; height: 38px; } body.ng-glavna .ng-order__cta-title { font-family: 'Montserrat'; font-weight: 700; font-size: 19px; color: var(--ng-ink); margin-bottom: 4px; } body.ng-glavna .ng-order__cta-text { font-size: 14px; color: var(--ng-muted); margin-bottom: 10px; } body.ng-glavna .ng-order__cta-actions { display: flex; gap: 14px; flex-wrap: wrap; } body.ng-glavna .ng-order__cta-actions .ng-hero__btn { padding: 14px 24px; } @media (max-width: 1180px) { body.ng-glavna .ng-order__steps { grid-template-columns: repeat(3, 1fr); } body.ng-glavna .ng-order__step:not(:last-child):before, body.ng-glavna .ng-order__step:not(:last-child):after { display: none; } body.ng-glavna .ng-order__cta-actions { flex-direction: column; } } @media (max-width: 767px) { body.ng-glavna .ng-order { padding: 56px 0; } body.ng-glavna .ng-order__title { font-size: 26px; } body.ng-glavna .ng-order__steps { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 36px; } body.ng-glavna .ng-order__cta { padding: 22px; } body.ng-glavna .ng-order__cta-actions { width: 100%; } body.ng-glavna .ng-order__cta-actions .ng-hero__btn { flex: 1 1 auto; justify-content: center; width: auto; font-size: 15px; } body.ng-glavna .ng-video-card__meta { display: contents; pointer-events: none; line-height: 1.2em; } body.ng-glavna .ng-video-card__meta span:last-child { padding-right: 30px; } } @media (max-width: 460px) { body.ng-glavna .ng-order__title { font-size: 22px; } body.ng-glavna .ng-order__steps { grid-template-columns: 1fr; } body.ng-glavna .ng-order__cta-left { flex-direction: column; text-align: center; } } /* --- Блок «Посмотрите, как выглядят наши навесы» (video_otzyv CPT) --- */ body.ng-glavna .ng-video-otzyvy { background: #f8f8f8; padding: 90px 0; padding-top: 0; } body.ng-glavna .ng-video-otzyvy__head { text-align: center; max-width: 760px; margin: 0 auto; } body.ng-glavna .ng-video-otzyvy__eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ng-muted); font-family: 'Montserrat'; font-weight: 700; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; } body.ng-glavna .ng-video-otzyvy__dot { width: 4px; height: 4px; border-radius: 50%; background: currentColor; display: inline-block; } body.ng-glavna .ng-video-otzyvy__title { font-family: 'Montserrat'; font-weight: 700; font-size: 32px; line-height: 1.3; color: var(--ng-ink); margin: 0 0 16px; text-align: center; } body.ng-glavna .ng-video-otzyvy__accent { color: var(--ng-blue); } body.ng-glavna .ng-video-otzyvy__subtitle { font-size: 16px; line-height: 1.5; color: var(--ng-muted); } body.ng-glavna .ng-video-otzyvy__checks { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: 20px; } body.ng-glavna .ng-video-otzyvy__check { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--ng-ink); } body.ng-glavna .ng-video-otzyvy__check svg { flex-shrink: 0; } body.ng-glavna .ng-video-otzyvy__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 25px; } body.ng-glavna .ng-video-otzyvy__divider { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 6px 2px 4px; margin-bottom: -15px; } body.ng-glavna .ng-video-otzyvy__divider-title { font-family: 'Montserrat'; font-weight: 700; font-size: 17px; color: var(--ng-ink); } body.ng-glavna .ng-video-otzyvy__divider-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ng-blue); font-weight: 700; font-size: 15px; transition: color .2s; } body.ng-glavna .ng-video-otzyvy__divider-link:hover { color: var(--ng-blue-dark); } body.ng-glavna .ng-video-card__media { position: relative; aspect-ratio: 5 / 3; border-radius: 16px; overflow: hidden; background: var(--ng-soft); cursor: pointer; } body.ng-glavna .ng-video-card__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: var(--ng-soft); } body.ng-glavna .ng-video-card__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, .68) 100%); pointer-events: none; } body.ng-glavna .ng-video-card__duration { position: absolute; right: 12px; bottom: 12px; padding: 4px 8px; border-radius: 6px; background: rgba(15, 23, 42, .55); color: #fff; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; } body.ng-glavna .ng-video-card__duration:empty { display: none; } body.ng-glavna .ng-video-card__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: #fff; color: var(--ng-ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(15, 23, 42, .25); transition: transform .2s; z-index: 2; } body.ng-glavna .ng-video-card__play svg { margin-left: 2px; } body.ng-glavna .ng-video-card__media:hover .ng-video-card__play { transform: translate(-50%, -50%) scale(1.08); } body.ng-glavna .ng-video-card__info { position: absolute; left: 14px; right: 14px; bottom: 12px; color: #fff; } body.ng-glavna .ng-video-card__name { font-family: 'Montserrat'; font-weight: 700; font-size: 17px; line-height: 1.3; } body.ng-glavna .ng-video-card__purpose { font-size: 13px; opacity: .9; margin-top: 2px; } body.ng-glavna .ng-video-card__address { display: flex; align-items: center; gap: 5px; font-size: 12px; opacity: .85; margin-top: 6px; } body.ng-glavna .ng-video-card__address svg { flex-shrink: 0; } body.ng-glavna .ng-video-card--featured { grid-column: 1 / -1; } body.ng-glavna .ng-video-card--featured .ng-video-card__media { aspect-ratio: 2.1 / 1; } body.ng-glavna .ng-video-card--featured .ng-video-card__play { width: 64px; height: 64px; } body.ng-glavna .ng-video-card--featured .ng-video-card__info { left: 22px; right: 22px; bottom: 20px; } body.ng-glavna .ng-video-card--featured .ng-video-card__duration { right: 18px; bottom: 18px; font-size: 13px; padding: 5px 10px; } body.ng-glavna .ng-video-card__tag { display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 6px; background: var(--ng-blue); color: #fff; font-family: 'Montserrat'; font-weight: 700; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; } body.ng-glavna .ng-video-card--featured .ng-video-card__name { font-size: 22px; } body.ng-glavna .ng-video-card__meta { display: flex; align-items: center; gap: 8px; font-size: 13px; opacity: .9; margin-top: 4px; } body.ng-glavna .ng-video-card__meta-dot { opacity: .7; } body.ng-glavna .ng-video-otzyvy__more { margin-top: 40px; text-align: center; } body.ng-glavna .ng-video-otzyvy__more-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 14px; border: 1px solid #c1c1c1; background: #fff; color: var(--ng-ink); font-family: 'Roboto'; font-weight: 700; font-size: 15px; cursor: pointer; transition: all .2s; } body.ng-glavna .ng-video-otzyvy__more-btn:hover { border-color: var(--ng-blue); color: var(--ng-blue); } body.ng-glavna .ng-video-otzyvy__more-btn[disabled] { opacity: .6; cursor: default; } body.ng-glavna .ng-video-otzyvy__more-icon--spinner { display: none; } body.ng-glavna .ng-video-otzyvy__more-btn.is-loading .ng-video-otzyvy__more-icon--default { display: none; } body.ng-glavna .ng-video-otzyvy__more-btn.is-loading .ng-video-otzyvy__more-icon--spinner { display: inline-block; animation: ng-spin .8s linear infinite; } body.ng-glavna .ng-video-otzyvy__count { margin-top: 14px; font-size: 13px; color: var(--ng-muted); } @keyframes ng-spin { to { transform: rotate(360deg); } } @media (max-width: 991px) { body.ng-glavna .ng-video-otzyvy__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } body.ng-glavna .ng-video-card--featured .ng-video-card__media { aspect-ratio: 16 / 9; } } @media (max-width: 600px) { body.ng-glavna .ng-video-otzyvy { padding: 56px 0; padding-top: 0; } body.ng-glavna .ng-video-otzyvy__title { font-size: 24px; } body.ng-glavna .ng-video-otzyvy__checks { gap: 14px 20px; margin-top: 16px; } body.ng-glavna .ng-video-otzyvy__grid { grid-template-columns: 1fr; margin-top: 32px; } body.ng-glavna .ng-video-card--featured .ng-video-card__media { aspect-ratio: 4 / 3; } body.ng-glavna .ng-video-card--featured .ng-video-card__name { font-size: 18px; } body.ng-glavna .ng-video-otzyvy__divider { display: none; } } @media (max-width: 480px) { body.ng-glavna .ng-video-otzyvy__eyebrow { font-size: 10px; gap: 4px; } body.ng-glavna .ng-video-otzyvy__check { font-size: 12px; } } /* --- Подпись мастера (fio_mastera_10_go_bloka) — в угол, компактнее, линия слева через :before --- */ body.ng-glavna .fio_mastera_10_go_bloka { left: 24px; bottom: 24px; top: auto; right: auto; transform: none; text-align: left; min-width: 0; max-width: 260px; background: #fff; border: none; backdrop-filter: none; border-radius: 12px; padding: 16px 20px 16px 26px; box-shadow: 0 15px 35px rgba(15, 23, 42, .18); display: flex; flex-direction: column-reverse; gap: 4px; } body.ng-glavna .fio_mastera_10_go_bloka:before { content: ""; position: absolute; top: 14px; bottom: 14px; width: 3px; border-radius: 2px; background: var(--ng-blue); margin-left: -10px; } body.ng-glavna .fio_mastera_10_go_bloka p { font-size: 13px; color: var(--ng-muted); } body.ng-glavna .fio_mastera_10_go_bloka span { font-size: 20px; color: var(--ng-ink); font-weight: 700; } /* --- Блок «Факты, которые легко проверить» (box_bl_8) --- */ body.ng-glavna .ng-trust { position: relative; background: #fff; padding: 90px 0; } body.ng-glavna .ng-trust__head { text-align: center; max-width: 720px; margin: 0 auto; } body.ng-glavna .ng-trust__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px; background: var(--ng-soft); border: 1px solid var(--ng-line); color: var(--ng-blue-dark); font-family: 'Montserrat'; font-weight: 600; font-size: 14px; box-shadow: 0 8px 20px rgba(11, 99, 246, .08); margin-bottom: 22px; } body.ng-glavna .ng-trust__title { font-family: 'Montserrat'; font-weight: 800; font-size: 38px; line-height: 1.2; color: var(--ng-ink); margin: 0 0 14px; } body.ng-glavna .ng-trust__accent { color: var(--ng-blue); } body.ng-glavna .ng-trust__subtitle { font-size: 16px; line-height: 1.5; color: var(--ng-muted); } body.ng-glavna .ng-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; } body.ng-glavna .ng-trust__card { background: #fff; border: 1px solid var(--ng-line); border-radius: 18px; padding: 28px 22px; box-shadow: 0 20px 40px rgba(15, 23, 42, .05); } body.ng-glavna .ng-trust__icon { width: 88px; height: 88px; object-fit: contain; display: block; margin-bottom: 20px; } body.ng-glavna .ng-trust__card-title { font-family: 'Montserrat'; font-weight: 800; font-size: 24px; color: var(--ng-blue); margin-bottom: 6px; line-height: 1.2; } body.ng-glavna .ng-trust__card-sub { font-size: 14px; color: var(--ng-ink); margin-bottom: 10px; } body.ng-glavna .ng-trust__card-text { font-size: 13px; color: var(--ng-muted); margin-bottom: 16px; line-height: 1.4; } body.ng-glavna .ng-trust__card-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ng-blue); font-weight: 700; font-size: 14px; transition: gap .2s; } body.ng-glavna .ng-trust__card-link:hover { gap: 10px; } body.ng-glavna .ng-trust__note { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--ng-line); color: var(--ng-muted); font-size: 13px; } body.ng-glavna .ng-trust__note svg { width: 22px; height: 22px; color: var(--ng-blue); flex-shrink: 0; } body.ng-glavna .ng-trust__cta { margin-top: 28px; background: #fff; border: 1px solid var(--ng-line); border-radius: 20px; padding: 24px; box-shadow: 0 20px 40px rgba(15, 23, 42, .05); } body.ng-glavna .ng-trust__cta-top { display: grid; grid-template-columns: 300px 1fr auto; gap: 28px; align-items: center; } body.ng-glavna .ng-trust__cta-photo { width: 100%; height: 170px; object-fit: cover; border-radius: 16px; display: block; } body.ng-glavna .ng-trust__cta-title { font-family: 'Montserrat'; font-weight: 800; font-size: 22px; color: var(--ng-ink); margin-bottom: 8px; } body.ng-glavna .ng-trust__cta-text { font-size: 14px; color: var(--ng-muted); margin-bottom: 12px; } body.ng-glavna .ng-trust__cta-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--ng-soft); color: var(--ng-blue-dark); font-size: 12px; font-weight: 600; } body.ng-glavna .ng-trust__cta-actions { display: flex; flex-direction: column; gap: 12px; min-width: 260px; } body.ng-glavna .ng-trust__cta-actions .ng-hero__btn { justify-content: center; padding: 16px 24px; } body.ng-glavna .ng-trust__perks { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--ng-line); flex-wrap: wrap; } body.ng-glavna .ng-trust__perk { display: flex; align-items: center; gap: 12px; flex: 1 1 0; min-width: 200px; } body.ng-glavna .ng-trust__perk img { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; } body.ng-glavna .ng-trust__perk span { font-size: 14px; font-weight: 600; color: var(--ng-ink); line-height: 1.3; } @media (max-width: 1100px) { body.ng-glavna .ng-trust__grid { grid-template-columns: repeat(2, 1fr); } body.ng-glavna .ng-trust__cta-top { grid-template-columns: 1fr; } body.ng-glavna .ng-trust__cta-media { order: -1; } body.ng-glavna .ng-trust__cta-actions { flex-direction: row; min-width: 0; } } @media (max-width: 767px) { body.ng-glavna .ng-trust { padding: 56px 0; } body.ng-glavna .ng-trust__title { font-size: 26px; } body.ng-glavna .ng-trust__grid { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; } body.ng-glavna .ng-trust__cta { padding: 18px; } body.ng-glavna .ng-trust__perks { flex-direction: column; align-items: flex-start; } body.ng-glavna .ng-trust__cta-actions { flex-direction: column; } } /* --- Попап «Гарантия на навес — по договору» (#ng-warranty-modal, открывается через fancybox) --- */ body.ng-glavna .ng-modal { max-width: 900px; padding: 40px; border-radius: 20px; } body.ng-glavna .ng-modal__title { font-family: 'Montserrat'; font-weight: 700; font-size: 30px; line-height: 1.25; color: var(--ng-ink); margin: 0 0 0; padding-right: 40px; padding-bottom: 5px; } body.ng-glavna .ng-modal__subtitle { font-size: 18px; color: #48618a; margin-bottom: 20px; } body.ng-glavna .ng-modal__body { display: grid; grid-template-columns: 1.3fr 1fr; gap: 36px; align-items: center; } body.ng-glavna .ng-modal__media img { width: 100%; height: 100%; border-radius: 16px; display: block; object-fit: cover; } body.ng-glavna .ng-modal__stat-num { display: block; font-family: 'Montserrat'; font-weight: 800; font-size: 50px; color: var(--ng-blue); line-height: 1.1; } body.ng-glavna .ng-modal__stat-label { display: block; font-family: 'Montserrat'; font-weight: 700; font-size: 24px; color: var(--ng-ink); margin-top: 4px; } body.ng-glavna .ng-modal__stat-sub { display: block; font-size: 16px; color: var(--ng-muted); margin-top: 0; } body.ng-glavna .ng-modal__checklist { margin-top: 24px; display: flex; flex-direction: column; gap: 14px; } body.ng-glavna .ng-modal__check { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--ng-ink); font-weight: 500; } body.ng-glavna .ng-modal__check svg { color: var(--ng-blue); flex-shrink: 0; } body.ng-glavna .ng-modal__actions { display: flex; gap: 16px; margin-top: 32px; } body.ng-glavna .ng-modal__actions .ng-hero__btn { flex: 1 1 0; justify-content: center; } @media (max-width: 700px) { body.ng-glavna .ng-modal { max-width: 900px; padding: 20px; border-radius: 20px; } body.ng-glavna .ng-modal__body { grid-template-columns: 1fr; } body.ng-glavna .ng-modal__media img { max-height: 220px; } body.ng-glavna .ng-modal__title { font-size: 24px; padding-right: 50px; } body.ng-glavna .ng-modal__stat-num { font-size: 40px; } body.ng-glavna .ng-modal__actions { flex-direction: column; } body.ng-glavna .ng-modal__req-grid { grid-template-columns: 1fr; } } /* --- Попап «Официальные реквизиты» (#ng-requisites-modal) --- */ body.ng-glavna .ng-modal__req-head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; } body.ng-glavna .ng-modal--contract .ng-modal__req-head { margin-bottom: 0; } body.ng-glavna .ng-modal--contract .ng-modal__req-head .ng-modal__title { font-size: 24px; } body.ng-glavna .ng-modal--contract .ng-modal__req-head .ng-modal__subtitle { font-size: 14px; } body.ng-glavna .ng-modal__req-icon { width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ng-blue); fill: var(--ng-blue); } body.ng-glavna .ng-modal__req-icon svg { width: 100%; height: 100%; } body.ng-glavna .ng-modal__req-head .ng-modal__title { margin: 0 0 4px; } body.ng-glavna .ng-modal__req-head .ng-modal__subtitle { margin: 0; font-size: 15px; color: var(--ng-muted); } body.ng-glavna .ng-modal__req-name { font-family: 'Montserrat'; font-weight: 600; font-size: 22px; color: var(--ng-ink); margin-bottom: 5px; } body.ng-glavna .ng-modal__req-badge { display: inline-block; padding: 6px 10px; border-radius: 9px; background: var(--ng-soft); color: var(--ng-blue-dark); font-size: 13px; font-weight: 400; margin-bottom: 24px; } body.ng-glavna .ng-modal__req-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; } body.ng-glavna .ng-modal__req-field { border: 1px solid var(--ng-line); border-radius: 14px; padding: 12px 15px; } body.ng-glavna .ng-modal__req-address { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border: 1px solid var(--ng-line); border-radius: 14px; padding: 12px 15px; margin-bottom: 16px; } body.ng-glavna .ng-modal__req-label { font-size: 13px; color: var(--ng-muted); margin-bottom: 6px; } body.ng-glavna .ng-modal__req-value { font-family: 'Montserrat'; font-weight: 600; font-size: 16px; color: #33405d; margin-bottom: 5px; } body.ng-glavna .ng-modal__req-address .ng-modal__req-value { margin-bottom: 0; font-size: 16px; } body.ng-glavna .ng-modal__copy { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0; color: var(--ng-blue); font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'Roboto'; } body.ng-glavna .ng-modal__copy:hover { color: var(--ng-blue-dark); } body.ng-glavna .ng-modal__copy--icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: transparent; justify-content: center; margin-top: 2px; } body.ng-glavna .ng-modal__copy.is-copied { color: #16a34a; } body.ng-glavna .ng-modal__req-note { display: flex; align-items: center; gap: 10px; background: var(--ng-soft); border-radius: 12px; padding: 14px 16px; color: var(--ng-blue-dark); font-size: 14px; font-weight: 500; margin-bottom: 24px; } body.ng-glavna .ng-modal__req-note svg { flex-shrink: 0; } body.ng-glavna .ng-modal__req-footer { text-align: center; margin-top: 16px; font-size: 13px; color: var(--ng-muted); } @media (max-width: 700px) { body.ng-glavna .ng-modal__req-icon { display: none; } body.ng-glavna .ng-modal__req-name { font-size: 18px; } body.ng-glavna .ng-modal__req-grid { grid-template-columns: 1fr; } body.ng-glavna .ng-modal__req-address .ng-modal__req-value { font-size: 12px; margin-right: -20px; } body.ng-glavna .ng-modal__req-footer { line-height: 1.1; font-size: 12px; } body.ng-glavna .ng-modal__req-note { font-size: 12px; line-height: 1.2; gap: 7px; } } /* --- Попап «Изучите договор до подписания» (#ng-contract-modal, PDF-вьюер на pdf.js) --- */ body.ng-glavna .ng-modal--contract { max-width: 1100px; } body.ng-glavna .ng-modal__contract-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 24px; } body.ng-glavna .ng-modal__contract-tags { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 40px; } body.ng-glavna .ng-modal__contract-tag { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--ng-line); font-size: 13px; color: var(--ng-ink); font-weight: 500; white-space: nowrap; } body.ng-glavna .ng-modal__contract-tag svg { color: var(--ng-blue); flex-shrink: 0; } body.ng-glavna .ng-modal__contract-body { display: grid; grid-template-columns: 1.7fr 1fr; gap: 28px; align-items: start; } body.ng-glavna .ng-modal__pdf { border: 1px solid var(--ng-line); border-radius: 16px; overflow: hidden; background: #f7f8fa; height: 100%; } body.ng-glavna .ng-modal__pdf-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--ng-line); background: #fff; } body.ng-glavna .ng-modal__pdf-page { font-size: 14px; color: var(--ng-ink); font-weight: 600; font-variant-numeric: tabular-nums; } body.ng-glavna .ng-modal__pdf-zoom { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ng-muted); } body.ng-glavna .ng-modal__pdf-btn { width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--ng-line); background: #fff; color: var(--ng-ink); font-size: 16px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .2s; } body.ng-glavna .ng-modal__pdf-btn:hover { border-color: var(--ng-blue); color: var(--ng-blue); } body.ng-glavna .ng-modal__pdf-fullscreen { margin-left: 4px; } body.ng-glavna .ng-modal__pdf-viewport { height: 59vh; overflow-y: auto; overflow-x: auto; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 20px; } body.ng-glavna .ng-modal__pdf-viewport canvas { flex-shrink: 0; box-shadow: 0 4px 16px rgba(15, 23, 42, .08); border-radius: 4px; } body.ng-glavna .ng-modal__pdf-placeholder { padding: 60px 16px; color: var(--ng-muted); font-size: 14px; text-align: center; } body.ng-glavna .ng-modal__pdf-placeholder a { color: var(--ng-blue); font-weight: 600; } body.ng-glavna .ng-modal--contract:fullscreen .ng-modal__pdf, body.ng-glavna .ng-modal__pdf:fullscreen { background: #fff; } body.ng-glavna .ng-modal__pdf:fullscreen .ng-modal__pdf-viewport { height: calc(100vh - 53px); } body.ng-glavna .ng-modal__side-heading { font-family: 'Montserrat'; font-weight: 700; font-size: 16px; color: var(--ng-ink); margin-bottom: 0; } body.ng-glavna .ng-modal__term { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--ng-line); } body.ng-glavna .ng-modal__term:last-of-type { border-bottom: none; } body.ng-glavna .ng-modal__term-icon { width: 36px; height: 36px; border-radius: 10px; background: var(--ng-soft); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ng-blue); } body.ng-glavna .ng-modal__term-title { font-size: 14.5px; font-weight: 600; color: var(--ng-ink); } body.ng-glavna .ng-modal__term-sub { font-size: 13px; color: var(--ng-muted); margin-top: 2px; } body.ng-glavna .ng-modal__warranty-box { display: flex; align-items: center; gap: 14px; background: var(--ng-soft); border-radius: 14px; padding: 16px 18px; margin: 18px 0; } body.ng-glavna .ng-modal__warranty-box svg { width: 60px; height: 60px; color: var(--ng-blue); flex-shrink: 0; } body.ng-glavna .ng-modal__warranty-num { font-family: 'Montserrat'; font-weight: 800; font-size: 20px; color: var(--ng-blue); } body.ng-glavna .ng-modal__warranty-label { font-size: 13.5px; color: var(--ng-ink); font-weight: 600; } body.ng-glavna .ng-modal__warranty-sub { font-size: 12px; color: var(--ng-muted); margin-top: 2px; } body.ng-glavna .ng-modal__contract-cta { width: 100%; justify-content: center; margin-top: 4px; } body.ng-glavna .ng-modal__contract-note { text-align: center; font-size: 12px; color: var(--ng-muted); margin: 10px 0 16px; } body.ng-glavna .ng-modal__download { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--ng-blue); padding-bottom: 16px; border-bottom: 1px solid var(--ng-line); margin-bottom: 16px; } body.ng-glavna .ng-modal__download:hover { color: var(--ng-blue-dark); } body.ng-glavna .ng-modal__contract-footer-label { font-size: 12px; color: var(--ng-muted); } body.ng-glavna .ng-modal__contract-footer-name { font-size: 14px; font-weight: 600; color: var(--ng-ink); margin: 2px 0 6px; } body.ng-glavna .ng-modal__inline-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ng-blue); font-size: 14px; font-weight: 600; } body.ng-glavna .ng-modal__inline-link:hover { color: var(--ng-blue-dark); } @media (max-width: 1093px) { body.ng-glavna .ng-modal__contract-tags { margin-top: -10px; } } @media (max-width: 900px) { body.ng-glavna .ng-modal__contract-body { grid-template-columns: 1fr; } body.ng-glavna .ng-modal__pdf-viewport { height: 420px; } } @media (max-width: 700px) { body.ng-glavna .ng-modal--contract .ng-modal__req-icon { display: none; } body.ng-glavna .ng-modal__contract-tags { gap: 8px; } body.ng-glavna .ng-modal__contract-tag { font-size: 12px; padding: 7px 10px; } body.ng-glavna .ng-modal__pdf-viewport { height: 340px; padding: 14px; } } /* ========================================================================== Попапы из footer.php (fancybox-контент) — глобальные, живут на каждой странице сайта и по умолчанию нигде не скрывались, поэтому висели видимыми прямо в подвале. Скрываем, fancybox сам показывает их при открытии. НЕ скоуплено на body.ng-glavna — footer общий для всего сайта. ========================================================================== */ #podbor.modal_box.fancybox-content, div#form_page_otzyvy, div#form_page_portfolio, div#tekst_knopki_bl1_str_navesa, div#tekst_knopkil_v_shapke, div#user-city { display: none; } .fofc_item.ng-podbor-upload { margin-top: -25px; margin-bottom: 20px; } .fofc_item.ng-podbor-upload div#gallery { justify-content: flex-start; pointer-events: none; } .fofc_item.ng-podbor-upload div#gallery button.ng-podbor-gallery__remove { display: none; } .ng-podbor-gallery { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .ng-podbor-gallery__item { position: relative; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; background: #f2f2f2; } .ng-podbor-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; } .ng-podbor-gallery__item.is-broken { display: flex; align-items: center; justify-content: center; font-size: 9px; line-height: 1.2; text-align: center; color: #666; padding: 4px; word-break: break-word; } .ng-podbor-gallery__remove { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; border: none; font-size: 13px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } /* --- Страница «Отзывы» (archive-otzyvy.php) --- */ body.ng-glavna .bl_page { padding-top: 20px; } .tekst_knopki_page_otzyvy { text-align: left; } .post-type-archive-otzyvy .container_box { padding: 0; }