img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} /*# sourceURL=https://repconnect.ru/wp-includes/blocks/heading/style.min.css */ .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://repconnect.ru/wp-includes/blocks/paragraph/style.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }body { margin: 0; } html { scroll-behavior: smooth; position: relative; } * { box-sizing: border-box; } p,pre,span,h1,h2,h3,h4 { margin: 0; } input:focus, textarea:focus{ outline: none; } button { cursor: pointer; } iframe[scrolling="no"]{ position: fixed; top: 0px; } @font-face { font-family: Monts-reg; src: url(/wp-content/themes/repconnect/assets/fonts/static/Montserrat-Regular.ttf); } @font-face { font-family: Monts-bold; src: url(/wp-content/themes/repconnect/assets/fonts/static/Montserrat-Bold.ttf); } @font-face { font-family: Druk; src: url(/wp-content/themes/repconnect/assets/fonts/DrukCyr-Medium.ttf); } .grecaptcha-badge { display: none !important; } :root { --linear1: linear-gradient(90deg, rgba(255,184,0,1) 0%, rgba(253,199,59,1) 100%); --blur-color: rgba(59, 89, 123, 0.3); --blur-value: blur(10px); } body.stop { overflow: hidden; }input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @keyframes scroll-anim { 0%{ transform: scale(1) translateY(100px); opacity: 0; } 100%{ opacity: 1; transform: scale(1) translateY(0px); } } .wpcf7-response-output { display: none; }.wpcf7 p br { display: none; } #wpcf7-f43-o1 p { display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 10px; } .head { position: absolute; margin-top: 10px; position: absolute; margin-top: 10px; margin: 10px auto; width: 100%; } .polticonf { color: white !important; } .mail-ok { position: fixed; bottom: 50px; right: -200px; opacity: 0; display: flex; justify-content: center; align-items: center; padding: 7% 2%; color: white; background: rgba(59, 89, 123, 0.7); backdrop-filter: var(--blur-value); border: 1px white solid; border-radius: 30px; transition: 0.4s; flex-flow: column; } .mail-ok p:nth-child(1){ color: #FFB906; font-weight: 600; font-size: 18; font-family: Monts-bold,sans-serif; text-align: center; } .mail-ok p:nth-child(2){ font-size: 16px; font-family: Monts-reg,sans-serif; text-align: center; } .mail-ok.completed { opacity: 1; right: 50px; } .input-error { border: 2px red solid !important; box-shadow: 0 0 5px red;; } .lazy-image { opacity: 0; /* Начальное значение прозрачности равно 0 */ transition: opacity 0.3s ease-in-out; /* Плавное изменение прозрачности в течение 0.3 секунд */ } .lazy-image.loaded { opacity: 1; /* Когда изображение загружено, прозрачность устанавливается на 1 */ } .scroll-anim { opacity: 0; } .scroll-anim.visible { opacity: 1; animation: scroll-anim 0.6s; } @keyframes scroll-anim2 { 0%{ transform: scale(1) translate(-150px); opacity: 0; } 100%{ opacity: 1; transform: scale(1) translate(0px); } } .scroll-anim2 { opacity: 0; } .scroll-anim2.visible { opacity: 1; animation: scroll-anim2 0.6s; } @keyframes scroll-anim3 { 0%{ transform: scale(1) translate(150px); opacity: 0; } 100%{ opacity: 1; transform: scale(1) translate(0px); } } .scroll-anim3 { opacity: 0; } .scroll-anim3.visible { opacity: 1; animation: scroll-anim3 0.6s; } .header { background-image: none; padding-top: 165px; background-repeat: no-repeat; background-size: cover; background-position: center; } .wrapper { width: 1120px; margin: auto; height: 100%; } .header-content { display: flex; justify-content: space-between; align-items: center; } .header__logo { } .header__geo { display: flex; column-gap: 9px; align-items: center; font-family: Monts-reg, sans-serif; } .header__geo img { width: 29px; height: 29px; } .header__geo-text { display: flex; flex-flow: column; color: white; font-size: 12px; } .header__geo-text a { color: white; } .header__callback { display: flex; justify-content: space-between; font-family: Monts-reg, sans-serif; align-items: center; color: white; } .header__callback-media { display: flex; column-gap: 7px; margin: 0 10px 0 50px; } .header__callback-media a:nth-child(1) .media { width: 60px; height: 40px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/whatsapp-header.svg); background-size: 100% 100%; } .header__callback-media a:nth-child(2) .media { width: 60px; height: 40px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/telegram-header.svg); background-size: 100% 100%; } .header__callback-media a:nth-child(3) .media { width: 60px; height: 40px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/vk-header.svg); background-size: 100% 100%; } .header__callback-number { display: flex; flex-flow: column; justify-content: center; align-items: center; } .header__callback-getans { font-size: 12px; width: 140px; } .header__callback-number p:nth-child(1) a { font-size: 18px; font-family: Monts-bold, sans-serif; color: white; text-decoration: none; } .header__callback-number p:nth-child(2) { font-size: 12px; color: white; text-decoration: none; } .header-nav { width: 100%; height: 45px; border-top: 1px rgba(255, 255, 255, 0.7) solid; border-bottom: 1px rgba(255, 255, 255, 0.7) solid; background: linear-gradient(93deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); margin-top: 25px; backdrop-filter: var(--blur-value); } .header-nav ul { display: flex; width: 100%; justify-content: space-between; align-items: center; list-style: none; margin: 0; padding: 0; height: 100%; } .header-nav ul li a { color: white; text-decoration: none; font-size: 14px; font-family: Monts-reg, sans-serif; position: relative; } .header-nav ul li a:hover::after { content: ' ' ; width: 100%; height: 15%; background: var(--linear1); position: absolute; transform: rotate(180deg); top: 20px; left: 0px; animation: borderBottom 0.5s; } @keyframes borderBottom { 0% { width: 1%; left: 50% } 100% { width:100%; left:0;} } .header-info-content { display: flex; justify-content: space-between; align-items: center; margin-top: 82px; } .header__info-left { display: flex; flex-flow: column; row-gap: 15px; } .header__info-left h1 { font-size: 67px; color: white; font-family: Monts-bold,sans-serif; width: 672px; } .header__info-left .header__info-left-subtext { font-size: 13px; color: white; font-family: Monts-reg,sans-serif; position: relative; } .header__info-left .header__info-left-subtext::before { content: ""; position: absolute; width: 100%; height: 70px; background: radial-gradient(#000000bf, transparent); border-radius: 50%; filter: blur(55px); top: -150%; left: 0; } .header__info-left-buttons { display: flex; column-gap: 7px; z-index: 2; } .header__info-left-buttons button:nth-child(1) { background: var(--linear1); border-radius: 30px; width: 225px; height: 62px; display: flex; justify-content: center; align-items: center; color: black; font-family: Monts-reg,sans-serif; font-size: 16px; border: none; text-transform: uppercase; cursor: pointer; } .header__info-left-buttons button:nth-child(2) { background-color: #D9D9D9; border-radius: 30px; width: 300px; height: 62px; display: flex; justify-content: center; align-items: center; color: black; font-family: Monts-reg,sans-serif; font-size: 16px; border: none; text-transform: uppercase; cursor: pointer; } .header__info-left-buttons button:hover { border: 2px #222 solid; } .header__info-left-buttons p { color: #262626; font-size: 16px; } .header__info-right { display: flex; flex-wrap: wrap; column-gap: 3px; row-gap: 2px; justify-content: flex-end; } .header__info-right-card { background-color: var(--blur-color); backdrop-filter:var(--blur-value); width: 190px; height: 115px; display: flex; flex-flow: column-reverse; align-items: center; justify-content: flex-start; padding-bottom: 11px; color: white; font-size: 14px; font-family: Monts-reg,sans-serif; border-radius: 17px; border-top: 1.2px rgba(255, 255, 255, 0.8) solid; border-right: 1.2px rgba(255, 255, 255, 1) solid; border-bottom: 1.2px rgba(255, 255, 255, 0.7) solid; border-left: 1.2px rgba(255, 255, 255, 0.5) solid; text-align: center; } .header__info-right-card-circle { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border-top:1.2px rgba(255, 255, 255, 0.8) solid; border-right:1.2px rgba(255, 255, 255, 1) solid; border-bottom:1.2px rgba(255, 255, 255, 0.7) solid; border-left:1.2px rgba(255, 255, 255, 0.5) solid; } .header-calc { padding: 130px 0 53px; } .header-calc-content { display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 10px; } .header-calc-inp { width: 360px; height: 65px; display: flex; justify-content: center; align-items: center; background-color:var(--blur-color); backdrop-filter:var(--blur-value); border: 1px #FDC63B solid; border-radius: 30px; padding-left: 25px; font-size: 16px; color: white; font-family: Monts-reg,sans-serif; } .header-calc-inp::placeholder { font-size: 16px; color: white; font-family: Monts-reg,sans-serif; } .header-calc-btn { width: 360px; height: 65px; display: flex; justify-content: center; align-items: center; background: var(--linear1); border: 1px #FDC63B solid; border-radius: 30px; font-size: 16px; color: #262626; font-family: Monts-reg,sans-serif; } .section1 { padding: 35px 0 55px; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .section1-content::before { content: ''; position: absolute; width: 100%; top: 0; left: 0; height: 150px; background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); z-index: 0; } .block-title { width: 144px; height: 33px; display: flex; justify-content: center; align-items: center; color: white; border: 1px white solid ; font-size: 14px; font-family: Monts-reg, sans-serif; margin: 0 auto 20px; z-index: 1; position: relative; } .block-title-big { font-size: 70px; text-align: center; color: white; font-family: Monts-reg, sans-serif; margin-bottom: 48px; z-index: 1; position: relative; } .section1-content { display: flex; justify-content: space-between; align-items: center; } .section1__left { padding: 45px 45px 48px 33px; display: flex; flex-flow: column; row-gap: 28px; background-color: var(--blur-color); backdrop-filter: var(--blur-value); border-radius: 30px; border: 1px white solid; width: 500px; height: 626px; } .section1__left-card { display: flex; align-items: center; justify-content: start; column-gap: 35px; } .section1__left-card-circle { display: flex; justify-content: center; align-items: center; min-width: 50px; min-height: 50px; border-radius: 50%; border-top: 1.2px rgba(255, 255, 255, 0.8) solid; border-right: 1.2px rgba(255, 255, 255, 1) solid; border-bottom: 1.2px rgba(255, 255, 255, 0.7) solid; border-left: 1.2px rgba(255, 255, 255, 0.5) solid; } .section1__left-card-text { display: flex; flex-flow: column; row-gap: 4px; color: white; font-family: Monts-reg,sans-serif; font-weight: 600; } .section1__left-card-title { font-size: 14px; } .section1__left-card-desc { font-size: 10px; } .section1__right { padding: 33px 33px 56px 33px; display: flex; flex-flow: column; row-gap: 25px; align-items: flex-start; background-color: white; border-radius: 30px; width: 550px; height: 626px; } .section1__right-title { font-family: Monts-reg, sans-serif; font-size: 25px; color: #262626; font-weight: 600; } .section1__right-cards { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 20px; } .section1__right-cards-card { width: 150px; height: 83px; max-width: 150px; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1), 0 6px 4px rgba(0, 0, 0, 0.15); display: flex; justify-content: center; align-items: center; border-radius: 20px; background-color: white; } .section1__right-cards-card img { width: 100%; height: 100%; } .section1__right-btn { width: 100%; position: relative; min-height: 65px; display: flex; justify-content: center; align-items: center; color: #262626; font-family: Monts-reg,sans-serif; font-size: 18px; border-radius: 30px; background: var(--linear1); border: none; font-weight: 600; position: relative; } .section1__right-btn::after { content: 'Свяжемся с вами в течение 5 минут'; position: absolute; top: 75px; left: 50%; transform: translate(-50%); font-family: Monts-reg,sans-serif; text-align: center; font-size: 14px; width: 100%; } .section2 { padding: 35px 0 55px; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center; } .section2-content { display: flex; justify-content: space-between; align-items: center; column-gap: 40px; } .section2__left { display: flex; flex-flow: column; row-gap: 10px; } .section2__left-card { background: var(--blur-color); backdrop-filter: var(--blur-value); width: 580px; height: 250px; padding: 45px 30px 15px 45px; border-radius: 30px; color: white; border: 1px #BCBCBC solid; } .section2__left-card-title { margin-bottom: 35px; font-size: 18px; font-family: Monts-bold,sans-serif; font-weight: 600; } .section2__left-card p { font-size: 16px; font-family: Monts-reg,sans-serif; } .section2__left-card span { color: #FFB906; font-size: 17px; font-family: Monts-bold,sans-serif; margin: 20px 0 13px; display: block; } .section2__left-card a { color: white; text-decoration: underline 1px white solid; text-align: end; font-size: 12px; display: block; } .section2__right { background: var(--blur-color); backdrop-filter: var(--blur-value); padding: 38px 54px 25px 54px ; border-radius: 30px; border: 1px #BCBCBC solid; } .section2__right-title { font-size: 40px; font-family: Monts-reg,sans-serif; font-weight: 900; color: white; text-align: center; width: 100%; } .section2__right form p{ display: flex; flex-flow: column; row-gap: 15px; margin-top: 55px; } .section2__right-input { width: 390px; height: 80px; background-color: #D9D9D9; border-radius: 30px; padding-left: 22px; color: #262626; font-size: 14px; font-family: Monts-reg,sans-serif; font-weight: 200; border: none; } textarea.section2__right-input { padding: 8% 0 0 15px; resize: none; } .section2__right-btn { color: #262626; font-size: 18px; font-weight: 600; display: flex; justify-content: center; align-items: center; font-family: Monts-reg,sans-serif; background: var(--linear1); box-shadow: inset 0 4px 4px rgba(255, 255, 255, 0.3); margin-top: 25px; border: none; width: 390px; height: 80px; border-radius: 30px; } .section2__right-aftertext { display: block; font-size: 12px; font-family: Monts-reg,sans-serif; color: white; font-weight: 100; text-align: center; width: 85%; margin: auto; margin-top: 15px; } .section3 { padding: 35px 0 55px; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .section3-content { } .section3__cards { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; row-gap: 60px; } .section3__cards-card { border-radius: 30px; border: 1px rgba(255, 255, 255, 0.7) solid; background: var(--blur-color); backdrop-filter: var(--blur-value); padding: 40px 40px 15px 48px; width: 530px; height: 205px; color: white; display: grid; } .section3__cards-card-title { font-size: 18px; font-family: Monts-bold,sans-serif; font-weight: 600; } .section3__cards-card-desc { font-size: 14px; font-family: Monts-reg,sans-serif; margin: 20px 0 0 0; } .section3__cards-card-form { color: #FFB906; font-size: 18px; font-family: Monts-bold,sans-serif; display: block; text-decoration: none; align-self: flex-end; } .section3__cards-card-moreinfo { color: white; text-decoration: underline 1px white solid; text-align: end; font-size: 12px; display: block; margin-top: 2px; font-family: Monts-reg,sans-serif; align-self: flex-end; } .section4 { padding: 35px 0 55px; background-image:none; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .section5 { padding: 35px 0 55px; background-image: none; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .section5-content, .section4-content { position: relative; } .section4 .wrapper { width: 1260px; } .section4 .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { } .section4 .swiper-container { width: 100%; height: 100%; position: relative; overflow-x: hidden; } .section4 .swiper-slide { min-width: 400px; min-height: 160px; min-width: 400px; min-height: 160px; text-align: center; display: flex !important; justify-content: center; height: auto !important; align-items: center; border-radius: 50%; transition-duration: 1s; position: relative; opacity: 0; transition: 1s; transform: scale(0); } .section4 .swiper-slide.active { z-index: 2; opacity: 1; transform: scale(1); min-width: 600px; min-height: 160px; min-width: 600px; min-height: 160px; } .section4 .swiper-slide.active-left, .section4 .swiper-slide.active-right { transform: scale(0.7); /* Масштабирование слайдов слева и справа */ z-index: 1; opacity: 0.5; } .review-more{ display: none; } .review-more.visible{ display: inline; } .section4 .swiper-slide img { width: 100%; max-height: 100%; } .section4 .swiper-button-next { position: absolute; top: 50%; right: -50px; left: initial; background: none; width: 50px !important; background-size: 100% 100%; } .section4 .swiper-button-next::after, .swiper-button-prev::after { display: none; } .section4 .swiper-button-prev { position: absolute; top: 50%; left: -50px; right: initial; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/prev.svg); width: 50px !important; background-size: 100% 100%; } .section4 .swiper-pagination { position: relative; margin-top: 50px !important; } .section4 .swiper-pagination-bullet{ width: 21px;height: 21px; background-color: #D9D9D9; border-radius: 50%; opacity: 0.8; } .section4 .swiper-pagination-bullet-active { width: 21px;height: 21px; background: var(--linear1); border-radius: 50%; opacity: 1; } .section4 .swiper-slide-img { background: white; width: 100%; height: 100%; padding: 15px 10%;; font-family: sans-serif,sans-serif; display: grid; grid-template: 32px 1fr max-content/1fr; } .swiper-slide-name { display: flex; column-gap: 15px; align-items: center; height: fit-content; } .review-icon { width: 32px; height: 32px; background: red; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: white; } .review-modal .modal-content{ width: 540px; color: white; } .review-name { display: flex; flex-flow: column; align-items: flex-start; } .review-name span:nth-child(1){ font-weight: 600; font-size: 14px; font-family: Monts-reg,sans-serif; } .review-name span:nth-child(2){ color: #969696; font-size: 12px; font-weight: 600; font-family: Monts-reg,sans-serif; } .section4 .swiper-slide-text p{ font-size: 13px; text-align: start; /* margin-top: 34px; */ align-self: end; font-family: sans-serif,sans-serif; } .swiper-slide-estimation { display: flex; column-gap: 8px; align-items: center; margin: 20px 0 5px; align-self: flex-end; } .swiper-slide-estimation img { width: 54px !important; } .swiper-slide-estimation span { color: #969696; font-size: 10px; } .review-modal .swiper-slide-estimation img { width: 75px !important; } .review-modal .swiper-slide-estimation span { font-weight: 900; color: #969696; font-size: 12px; font-family: monts-reg,sans-serif; } .section5 .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .section5 .swiper-container { width: 100%; height: 100%; position: relative; overflow-x: hidden; } .section5 .swiper-slide { min-width: 250px; min-height: 350px; text-align: center; display: flex !important; justify-content: center; height: auto !important; align-items: center; overflow: hidden; transition-duration: 1s; position: relative; } .section5 .swiper-slide p { text-align: center; font-size: 14px; font-family: Monts-reg,sans-serif; font-weight: 600; color: white; line-height: 18px; position: absolute; bottom: 17px; left: 50%; transform: translate(-50%); z-index: 2; display: block; width: 100%; text-shadow: 0 0 1px black ; } .section5 .swiper-slide-img { width: 100%; height: 100%;; } .section5 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .section5 .swiper-button-next { position: absolute; top: 50%; right: -80px; left: initial; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/next.svg); width: 50px !important; background-size: 100% 100%; } .section5 .swiper-button-next::after, .swiper-button-prev::after { display: none; } .section5 .swiper-button-prev { position: absolute; top: 50%; left: -80px; right: initial; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/prev.svg); width: 50px !important; background-size: 100% 100%; } .section5 .swiper-pagination { position: relative; margin-top: 50px !important; } .section5 .swiper-pagination-bullet{ width: 21px;height: 21px; background-color: #D9D9D9; border-radius: 50%; opacity: 0.8; } .section5 .swiper-pagination-bullet-active { width: 21px;height: 21px; background: var(--linear1); border-radius: 50%; opacity: 1; } .footer { padding: 35px 0 120px; background-image: url(/wp-content/themes/repconnect/assets/imgs/fon-footer.webp); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .foot { position: absolute; width: 100%; margin: auto; bottom: 0%; } .footer-content { position: relative; display: flex; column-gap: 2%; } .footer-content .map { /* width: 100%; */ height: 450px; z-index: 1; margin-bottom: 45px; display: flex; flex-grow: 1; border-radius: 30px; } .footer-content .map iframe { width: 100%; height: 450px; margin-bottom: 45px; box-sizing: border-box; border: none; } .footer__info { z-index: 2; /* position: absolute; */ width: 223px; padding: 18px 12px; display: flex; flex-flow: column; row-gap: 11px; top: 0; left: 0; background: rgba(59, 89, 123, 0.7); backdrop-filter: var(--blur-value); border-radius: 30px; } .footer__info-addinfo h3 { font-family: Druk,sans-serif; font-size: 21px; font-weight: 100; color: white; margin-bottom: 3px; letter-spacing: 1px; } .footer__info-addinfo p, .footer__info-addinfo a { font-family: Monts-reg,sans-serif; font-size: 14px; color: white; text-decoration: none; } .footer__info-btn { margin-top: 7px; width: 100%; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #D9D9D9; border-radius: 30px; border: none; font-family: Monts-bold,sans-serif; font-size: 12px; } .footer-footer { position: relative; display: flex; padding-top: 30px; justify-content: space-between; align-items: center; } .footer-footer::before { content: ''; top: 0; left: 0; width: 100%; height: 2px; background-color: white;; position: absolute; } .footer-footer-mediaicons { display: flex; width: 75px; justify-content: space-between; align-items: center; margin-top: 10px; margin-left: 10px; } .footer-footer a { color: white; text-decoration: underline 1px white solid; font-size: 12px; font-family: Monts-reg,sans-serif; } .modal { display: none; justify-content: center; align-items: center; opacity: 0; transition: 0.4s; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0;left: 0; z-index: 100; } .modal.opened { display: flex; opacity: 1; animation: modal 0.4s; } @keyframes modal { 0%{ transform: scale(1); opacity: 0; } 20% { opacity: 1; } 50%{ transform: scale(1.3); } 100%{ transform: scale(1); } } .modal-content { padding: 50px 60px 20px; background: var(--blur-color); backdrop-filter: var(--blur-value); border: 1px white solid; border-radius: 30px; } .modal-content-title { margin-bottom: 40px; /* margin-bottom: 35px; */ font-size: 18px; font-family: Monts-bold,sans-serif; font-weight: 600; color: white; text-align: center; } .modal-content form p{ display: flex; flex-flow: column; row-gap: 15px ; } .modal-content .form { display: flex; flex-flow: column; row-gap: 15px ; } .wpcf7-spinner { display: none; } .modal-inp { width: 390px; height: 80px; background-color: #D9D9D9; border-radius: 30px; padding-left: 22px; color: #262626; font-size: 14px; font-family: Monts-reg,sans-serif; font-weight: 200; border: none; } .modal-btn { border-radius: 30px; width: 390px; height: 80px; display: flex; justify-content: center; align-items: center; color: black; font-family: Monts-reg,sans-serif; font-size: 16px; border: none; text-transform: uppercase; cursor: pointer; font-weight: 600; } .modal-btn.grey { background-color: #D9D9D9; } .modal-btn.yellow { background: var(--linear1); } .modal-aftertext { font-family: Monts-reg,sans-serif; font-size: 12px; color: white; font-weight: 100; display: block; width: 345px; text-align: center; /* margin: auto; */ margin-top: 15px; } #about-recs .modal-text { font-family: Monts-reg,sans-serif; font-size: 14px; color: white; margin-bottom: 30px; line-height: 25px; } .modal-subtitle { font-family: Monts-reg,sans-serif; font-size: 19px; color: white; font-weight: 600; } #about-recs .modal-content { width: 780px; padding: 50px 120px 20px 60px; } #about-recs .modal-content-title { text-align: start; } #invite-to-team .modal-content ul li{ color: white; font-family: Monts-reg,sans-serif; font-size: 14px; } #invite-to-team .modal-content-title { text-align: start; } #invite-to-team .modal-subtitle { margin-bottom: 20px; } #invite-to-team .modal-aftertext { font-family: Monts-bold,sans-serif; font-size: 14px; color: white; font-weight: 400; width: 100%; text-align: start; } .services-modal { } .services-modal .modal-content { width: 850px; } .services-modal .modal-content-title { text-align: start; } .services-modal .modal-strongText { font-family: Monts-reg,sans-serif; font-size: 22px; color: white; margin-bottom: 30px; line-height: 45px; font-weight: 600; } .modal-prices { display: flex; flex-flow: column; row-gap: 20px; width: 100%; } .modal-prices-oldprice { width: 100%; display: flex; justify-content: space-between; align-items: center; font-family: Monts-bold,sans-serif; font-size: 24px; color: white; opacity: 0.6; } .modal-prices-oldprice p:nth-child(2) { text-decoration: line-through 2px white solid; } .modal-prices-newprice { width: 100%; display: flex; justify-content: space-between; align-items: center; font-family: Monts-bold,sans-serif; font-size: 24px; color: white; } .header__menu { display: none; flex-flow: column; justify-content: space-between; width: 30px; height: 19px; align-items: center; } .header__menu div { width: 100%; height: 3px; background-color: white; } .header__mobilemenu { /* display: none; */ display: flex; justify-content: space-between; align-items: center; flex-flow: column; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.89); padding: 40px 20px; position: fixed; top: 0; left: 0; z-index: 1000; max-width: 0%; padding: 0; overflow: hidden; transition: 0.4s; } .header__mobilemenu.opened { padding: 40px 20px; max-width: 100%; animation: burger 0.4s; } @keyframes burger { 0%{ max-width: 0%; padding: 0; } 100%{ padding: 40px 20px; max-width: 100%; } } .header__mobilemenu .wrapper { display: flex; justify-content: space-between; align-items: center; flex-flow: column; height: 100%; } .mobilemenu-logo { display: flex; justify-content: space-between; align-items: center; font-family: Monts-bold,sans-serif; font-size: 25px; color: white; width: 100%; } .mobilemenu-logo img { width: 195px; } .mobilemenu-nav { width: 100%; } .mobilemenu-nav ul{ margin: 0; padding: 0; color: white; font-size: 18px; font-family: 'Monts-reg',sans-serif; list-style-type: none; width: 100%; display: flex; flex-flow: column; row-gap: 8px; } .mobilemenu-nav ul li a{ color: white; text-decoration: none; } .mobilemenu-callback { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; row-gap: 25px; color: white; } .mobilemenu-callback-getans { max-width: 50%; color: white; font-size: 14px; font-family: 'Monts-reg',sans-serif; } .mobilemenu-callback-media { display: flex; column-gap: 10px; } .media { } .mobilemenu-callback-media a:nth-child(1) .media { width: 50px; height: 40px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/whatsapp-header.svg); background-size: 100% 100%; } .mobilemenu-callback-media a:nth-child(2) .media { width: 50px; height: 40px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/telegram-header.svg); background-size: 100% 100%; } .mobilemenu-callback-number a { display: block; width: 100%; font-size: 35px; font-family: Monts-reg,sans-serif; color: white; } @media (max-width: 1280px){.section4 .wrapper { width: 1120px; } .section5 .swiper-button-next, .section5 .swiper-button-prev { display: none; }} @media (max-width:1140px){.wrapper { width: 900px; } .section4 .wrapper { width: 900px; } .header__callback-getans { display: none; } .header__info-left h1 { width: 512px; font-size: 50px; z-index: 1; } .header__info-left-buttons button:nth-child(1) { width: 200px; } .header__info-left-buttons button:nth-child(2) { width: 275px; } .header-calc-inp { width: 290px; }.header-calc-btn { width: 290px; } .block-title-big { font-size: 50px; }.section1__left { padding: 45px 5px 48px 33px; display: flex; flex-flow: column; row-gap: 28px; width: 400px; height: 650px; }.section1__right { width: 450px; height: 650px; } .section1__right-cards { row-gap: 10px; } .section1__right-cards-card { width: 180px; height: 95px; max-width: none; } .section1__right-cards-card:nth-child(8) ~ .section1__right-cards-card { display: none; } .section2__left-card { width: 490px; height: 310px; padding: 45px 40px 15px 45px; }.section2__right { padding: 38px 20px 25px 20px; }.section2__right-input { width: 330px; height: 60px; }.section2__right-btn { width: 330px; height: 60px; }.section3__cards-card { padding: 40px 15px 15px 15px; width: 430px; height: 205px; }.section3__cards-card-desc { font-size: 13px; } .section4 .swiper-slide.active { z-index: 2; opacity: 1; transform: scale(1); min-width: 500px; min-height: 140px; min-width: 450px; min-height: 140px; }} @media (max-width: 940px){.header__callback-media a:nth-child(1) .media { width: 40px; height: 35px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/whatsapp-header.svg); background-size: 100% 100%; } .header__callback-media a:nth-child(2) .media { width: 40px; height: 35px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/telegram-header.svg); background-size: 100% 100%; } .header__callback-media a:nth-child(3) .media { width: 40px; height: 35px; border-radius: 90px; background: url(/s/img/wp-content/themes/repconnect/assets/imgs/icons/vk-header.svg); background-size: 100% 100%; } textarea.section2__right-input { padding: 4% 0 0 15px; resize: none; } .wrapper { width: 760px; } .section4 .wrapper { width: 760px; } .header__logo { width: 250px; } .header__logo img{ width: 100%; } .header__geo-text { font-size: 10px; }.header__callback-media { margin: 0 10px 0 30px; } .header__info-left { row-gap: 25px; }.header__info-left-buttons { order: 2; } /* .header__info-right { justify-content: flex-start; max-width: 575px; } */ .header-calc { padding: 70px 0 53px; } .header__info-right { justify-content: flex-start; max-width: 100%; }.header__info-right-card { width: 185px; height: 115px; } .header-calc-inp { width: 350px; }.header-calc-btn { width: 350px; } .section1-content { flex-flow: column; row-gap: 30px; } .section1__right-cards-card:nth-child(8) ~ .section1__right-cards-card { display: flex; } .section1__right { width: 100%; padding: 33px 90px 56px 90px; } .section1__left { width: 100%; } .section2-content { flex-flow: column; row-gap: 40px; } .section2__left-card { width: 600px; } .section2__right { padding: 38px 20px 25px 20px; width: 600px; } .section2__right-input { width: 100%; }.section2__right-btn { width: 100%; } .section3__cards-card { padding: 40px 50px 30px 50px; width: 100%; height: 205px; } .section3__cards { row-gap: 20px; }} @media (max-width: 780px){.wpcf7-form-control-wrap { position: relative; width: 100%; } .wpcf7-form input { position: relative; width: 100%; } .header-nav{ display: none; } .header { background-image: none; padding-top: 100px; background-repeat: no-repeat; background-size: cover; background-position: center; } .header-info-content { margin-top: 20px; } .section4 .swiper-slide { all: unset; height: calc((100% - 10px) / 2) !important; width: 100% !important; max-height: calc((100% - 10px) / 2) !important; } .section4 .swiper-wrapper { height: 400px; width: 100% !important; } .section4 .swiper-slide-img { background: white; width: 100%; height: 100%; padding: 10px 5%; font-family: sans-serif; display: grid; } .section4 .swiper-slide.active { all: unset; height: calc((100% - 10px) / 2) !important; width: 100% !important; max-height: calc((100% - 10px) / 2) !important; } .section4 .swiper-slide.active-left, .section4 .swiper-slide.active-right { all: unset; height: calc((100% - 10px) / 2) !important; width: 100% !important; max-height: calc((100% - 10px) / 2) !important; }.footer { padding: 35px 0 90px; background-image: url(/wp-content/themes/repconnect/assets/imgs/fon-footer.webp); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .swiper-slide-img { width: 100%; } .section4 .swiper-pagination { position: relative; margin-top: 20px !important; }.section4 .swiper-slide img { width: 100%; max-height: 100%; border-radius: 20px; } .section5 .swiper-slide { max-width: 250px; max-height: 350px; } .section5 .swiper-container { width: 250px; height: 100%; position: relative; overflow-x: hidden; margin: auto; } .wrapper { width: 550px; } .section4 .wrapper { width: 550px; } .header__geo { display: none; } .header__callback { display: none; } .header__menu { display: flex; } .header-calc-inp { width: 100%; } .header-calc-btn { width: 100%; }.section1__right { width: 100%; padding: 33px 70px 56px 70px; height: auto; }.section1__right-cards { justify-content: space-around; } #about-recs .modal-content { width: 560px; padding: 30px 20px 20px 20px; } #invite-to-team .modal-content { width: 560px; padding: 30px 20px 20px 20px; } .services-modal .modal-content { width: 560px; } .scroll-anim.visible { opacity: 1; animation: none; } .scroll-anim2.visible { opacity: 1; animation: none; } .scroll-anim3.visible { opacity: 1; animation: none; } .scroll-anim { opacity: 1; } .scroll-anim2 { opacity: 1; } .scroll-anim3 { opacity: 1; } .modal.opened { display: flex; opacity: 1; animation: none; } .footer-content { margin-bottom: 45px; }} @media (max-width: 560px){.review-modal .modal-content{ width: 430px; color: white; } .mail-ok { position: fixed; top: -400px; right: 50%; transform: translate(50%); width: 290px; padding: 4%; height: max-content; } .mail-ok.completed { right: 50%; top: 10px; } .mail-ok p:nth-child(1){ color: #FFB906; font-weight: 600; font-size: 18; font-family: Monts-bold,sans-serif; text-align: center; } .mail-ok p:nth-child(2){ font-size: 16px; font-family: Monts-reg,sans-serif; text-align: center; } .modal-content-title { font-size: 12px; }.modal-aftertext { font-size: 11px; }.modal-btn { width: 300px; } .modal-inp { width: 300px; }.modal-subtitle { font-family: Monts-reg,sans-serif; font-size: 12px; color: white; font-weight: 600; }#invite-to-team .modal-content { width: 370px; padding: 30px 20px 20px 20px; } #invite-to-team .modal-content ul li { font-size: 9px; } #about-recs .modal-text { font-size: 9px; } #about-recs .modal-content { width: 370px; padding: 30px 20px 20px 20px; } .services-modal .modal-strongText { font-family: Monts-reg,sans-serif; font-size: 12px; color: white; margin-bottom: 30px; line-height: 22px; font-weight: 600; }.services-modal .modal-content-title { text-align: start; margin-bottom: 12px; font-size: 16px; }.services-modal .modal-content { width: 370px; padding: 30px 20px; } .wrapper { width: 430px; } .section4 .wrapper { width: 430px; } .header__info-left h1 { width: 100%; font-size: 42px; z-index: 1; }.header__info-left-buttons { order: 2; flex-flow: column; row-gap: 16px; }.header__info-left-buttons button { width: 100% !important; } .section1__right { padding: 33px 20px 56px 20px; height: auto; } .section1__right-cards-card { width: 115px; height: 70px; max-width: none; } .section2__left-card { width: 100%; padding: 40px 15px 15px; } .section3__cards-card { padding: 40px 25px 20px 25px; width: 100%; height: 205px; } .section2__right { padding: 38px 20px 25px 20px; width: 100%; } .footer-content { position: relative; display: flex; flex-flow: column; margin-bottom: 55px; }.footer-content .map { height: 300px; padding-bottom: 0; margin-bottom: 45px; border-radius: 30px; } .footer-content .map iframe { height: 300px; padding-bottom: 0; margin-bottom: 45px; } .footer__info { position: relative; order: 2; width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; row-gap: 5px; padding: 16px; justify-content: space-between; border: 1px white solid; display: grid; grid-template: 1fr 1fr / 1fr 1fr 1fr; } .footer__info-addinfo { display: flex; flex-flow: column; } .footer__info-addinfo h3 { font-family: Monts-reg,sans-serif; font-size: 11px; color: white; } .footer__info-addinfo p, .footer__info-addinfo a { font-family: Monts-reg,sans-serif; text-decoration: none; font-size: 8px; color: white; }.footer__info-btn { height: 28px; grid-column: 1 / 4; } .footer-footer a { font-size: 7px; } .footer-footer .logo-foot{ width: 110px; } .footer-footer iframe{ transform: scale(0.5); }} @media (max-width: 460px){.review-modal .modal-content{ width: 380px; color: white; font-size: 13px; padding: 20px; } .modal-content .form { display: flex; flex-flow: column; row-gap: 15px; width: 300px; align-items: center; } .section4 .swiper-wrapper { height: 480px; width: 100% !important; row-gap: 0px; } .wrapper { width: 375px; } .section4 .wrapper { width: 375px; }.header__info-left h1 { font-size: 29px; } .section1__right-title { font-size: 13px; }.section2__left { width: 100%; } .section1__right-cards-card { width: 95px; height: 55px; } .section2__left-card { width: 100%; padding: 20px 10px 12px; display: grid; height: 150px; } .section2__left-card-title { margin-bottom: 18px; font-size: 11px; } .section2__left-card span { color: #FFB906; font-size: 9px; font-family: Monts-bold,sans-serif; margin: 8px 0 7px; display: block; }.section2__left-card p { font-size: 8px; font-family: Monts-reg,sans-serif; } .section3__cards-card { padding: 15px; width: 100%; height: 130px; }.section3__cards-card-title { font-size: 13px; } .section3__cards-card-desc { margin-top: 3%; font-size: 8px; }.section3__cards-card-form { font-size: 13px; }.section3__cards-card-moreinfo { font-size: 10px; } .footer__info-addinfo h3 { letter-spacing: initial; } .footer-footer img { width: 120px; } .footer-footer-mediaicons { margin: initial ; } .footer-footer-mediaicons img{ width: initial ; }} @media (max-width: 420px){.review-modal .modal-content{ width: 290px; color: white; } .header-calc-btn { font-size: 13px; } .modal-content .form { display: flex; flex-flow: column; row-gap: 15px; width: 275px; align-items: center; } .footer-footer .logo-foot{ width: 95px; } .footer-footer .logo-foot{ transform: scale(0.8); } .services-modal .modal-content { width: 290px; padding: 30px 20px; } .modal-btn { width: 250px; height: 40px; } .modal-inp { width: 250px; height: 40px; } #get-consult .modal-content, #feedback .modal-content, #get-object .modal-content { padding: 50px 20px 20px; } .modal-aftertext { width: 250px; font-size: 10px; } #about-recs .modal-content { width: 290px; padding: 30px 20px 20px 20px; }#about-recs .modal-text { font-size: 9px; line-height: 13px; }.modal-subtitle { font-size: 11px; }#invite-to-team .modal-content ul li { font-size: 7px; } .modal-content-title { font-size: 10px; } .modal-prices-oldprice { font-size: 16px; } .modal-prices-newprice { font-size: 16px; } .wrapper { width: 290px; } .section4 .wrapper { width: 290px; }.header__logo { width: 180px; } .header__info-right-card { width: 143px; height: 90px; }.header__info-right-card p { font-size: 10px; } .header__info-right-card-circle { width: 29px; height: 29px; } .header__info-right-card-circle img { max-width: 65%; width: 100%; }.block-title-big { font-size: 42px; }.section1__left { padding: 25px 0 25px 25px; height: auto; }.section1__left-card-title { font-size: 10px; } .section1__left-card-desc { font-size: 7px; }.section1__right { padding: 20px 17px 35px 17px; } .section1__right-cards-card { width: 74px; height: 45px; }.section1__right-btn { min-height: 33px; }.section1__right-btn::after { top: 45px; font-size: 10px; } .section2__left-card a { font-size: 9px; } .footer__info-addinfo h3 { font-size: 8px; }.footer__info-addinfo p,.footer__info-addinfo a { font-size: 6px; }.footer-footer img { width: 90px; }.footer-footer a { font-size: 7px; display: block; width: 80px; }.footer-footer-mediaicons img { width: 15px; }.footer-footer-mediaicons { margin: initial; margin-left: 10px; }}body { background-color: #002E57; } .politicinfo { padding-top: 165px; font-family: Monts-bold,sans-serif; font-weight: 600; color: white; padding-bottom: 150px; } .politicinfo h1{ font-size: 48px; margin-top: 70px; } .politicinfo h2{ font-size: 24px; margin-top: 60px; } .politicinfo p{ font-size: 20px; margin: 5px 0; }