/* Calendar-page-only native core critical subset; original shared full core remains unchanged. */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; border-width: 1px 0px 0px; border-style: solid none none; border-color: currentcolor; border-image: none; opacity: 0.25; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
.h1, h1 { font-size: 2.5rem; }
}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
.h2, h2 { font-size: 2rem; }
}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
.h3, h3 { font-size: 1.75rem; }
}
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
a { color: var(--bs-link-color); text-decoration: underline; }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgb(108, 117, 125); text-align: left; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) {
legend { font-size: 1.5rem; }
}
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
summary { display: list-item; cursor: pointer; }
[hidden] { display: none !important; }







@media (prefers-reduced-motion: reduce) {

}










@media (min-width: 576px) {




}
@media (min-width: 768px) {




}
@media (min-width: 992px) {




}
@media (min-width: 1200px) {




}
@media (min-width: 1400px) {




}
































@media (min-width: 576px) {



}
@media (min-width: 768px) {



}
@media (min-width: 992px) {



}
@media (min-width: 1200px) {



}
@media (min-width: 1400px) {



}











@media (min-width: 576px) {




}


@media (prefers-reduced-motion: reduce) {

}



@media (prefers-reduced-motion: reduce) {

}
















@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}





@media (prefers-reduced-motion: reduce) {

}
















@media (min-width: 576px) {



}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}




@media (max-width: 575.98px) {




}
@media (max-width: 767.98px) {




}
@media (max-width: 991.98px) {




}
@media (max-width: 1199.98px) {




}
@media (max-width: 1399.98px) {




}



@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}


@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}
@keyframes placeholder-wave { 
  100% { mask-position: -200% 0%; }
}
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
a { background-color: transparent; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; }
.fancybox-container { backface-visibility: hidden; height: 100%; left: 0px; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; touch-action: manipulation; transform: translateZ(0px); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { inset: 0px; position: absolute; }
.fancybox-outer { overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s, visibility 0.25s; visibility: hidden; z-index: 99997; }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s, visibility; visibility: visible; }
.fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; top: 0px; user-select: none; }
.fancybox-toolbar { right: 0px; top: 0px; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: none; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ""; display: inline-block; font-size: 0px; height: 100%; vertical-align: middle; width: 0px; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0px; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }
.fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px; max-width: 100%; overflow: auto; padding: 44px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background:  0% 0% / 100% 100% no-repeat transparent; left: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity; user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing; }
.fancybox-container [data-selectable="true"] { cursor: text; }
.fancybox-image, .fancybox-spaceball { background: transparent; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0px; width: 100%; }
.fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); }
.fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); }
.fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); }
.fancybox-iframe, .fancybox-video { background: transparent; border: 0px; display: block; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
.fancybox-iframe { left: 0px; position: absolute; top: 0px; }
.fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; }
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0px; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); }
.fancybox-button:hover { color: rgb(255, 255, 255); }
.fancybox-button:focus { outline: none; }
.fancybox-button.fancybox-focus { outline: dotted 1px; }
.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; outline: none; }
.fancybox-button div { height: 100%; }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }
.fancybox-button svg path { fill: currentcolor; stroke-width: 0; }
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; }
.fancybox-progress { background: rgb(255, 82, 104); height: 2px; left: 0px; position: absolute; right: 0px; top: 0px; transform: scaleX(0); transform-origin: 0px center; transition-property: transform; transition-timing-function: linear; z-index: 99998; }
.fancybox-close-small { background: transparent; border: 0px; border-radius: 0px; color: rgb(204, 204, 204); cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }
.fancybox-close-small:hover { color: rgb(255, 255, 255); opacity: 1; }
.fancybox-slide--html .fancybox-close-small { color: currentcolor; padding: 10px; right: 0px; top: 0px; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }
.fancybox-navigation .fancybox-button div { padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left { left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: env(safe-area-inset-right); }
.fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.035) 82.85%, rgba(0, 0, 0, 0.02) 88%, transparent); bottom: 0px; color: rgb(238, 238, 238); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0px; text-align: center; z-index: 99996; }
@supports (padding:max(0px)) {
.fancybox-caption { padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)); }
}
.fancybox-caption--separate { margin-top: -50px; }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; }
.fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.fancybox-loading { animation: 1s linear 0s infinite normal none running a; background: transparent; border-width: 4px; border-style: solid; border-color: rgb(136, 136, 136) rgb(136, 136, 136) rgb(255, 255, 255); border-image: none; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.7; padding: 0px; position: absolute; top: 50%; width: 50px; z-index: 99999; }
@keyframes a { 
  100% { transform: rotate(1turn); }
}
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); }
@media (max-height: 576px) {
.fancybox-slide { padding-left: 6px; padding-right: 6px; }
.fancybox-slide--image { padding: 6px 0px; }
.fancybox-close-small { right: -6px; }
.fancybox-slide--image .fancybox-close-small { background: rgb(78, 78, 78); color: rgb(242, 244, 246); height: 36px; opacity: 1; padding: 6px; right: 0px; top: 0px; width: 36px; }
.fancybox-caption { padding-left: 12px; padding-right: 12px; }
@supports (padding:max(0px)) {
.fancybox-caption { padding-left: max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)); }
}
}
.fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; }
.fancybox-share p { margin: 0px; padding: 0px; }
.fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; }
.fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: rgb(59, 89, 152); }
.fancybox-share__button--fb:hover { background: rgb(52, 78, 134); }
.fancybox-share__button--pt { background: rgb(189, 8, 29); }
.fancybox-share__button--pt:hover { background: rgb(170, 7, 25); }
.fancybox-share__button--tw { background: rgb(29, 161, 242); }
.fancybox-share__button--tw:hover { background: rgb(13, 149, 232); }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: rgb(255, 255, 255); }
.fancybox-share__input { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 215, 215); border-image: none; border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: none; padding: 10px 15px; width: 100%; }
.fancybox-thumbs { background: rgb(221, 221, 221); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0px; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow: auto hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; }
.fancybox-thumbs__list a { backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50% center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid rgb(255, 82, 104); inset: 0px; content: ""; opacity: 0; position: absolute; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: 0.5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }
@media (max-width: 576px) {
.fancybox-thumbs { width: 110px; }
.fancybox-show-thumbs .fancybox-inner { right: 110px; }
.fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}
@font-face { font-family: Onest-Thin; src: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Thin.woff2") format("woff2"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Thin.woff") format("woff"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Thin.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: Onest-Regular; src: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Regular.woff2") format("woff2"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Regular.woff") format("woff"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: Onest-Bold; src: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Bold.woff2") format("woff2"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Bold.woff") format("woff"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: Onest-ExtraBold; src: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-ExtraBold.woff2") format("woff2"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-ExtraBold.woff") format("woff"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-ExtraBold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: Onest-Black; src: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Black.woff2") format("woff2"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Black.woff") format("woff"), url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/fonts/Onest-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
:root { --menu-height: 67px; --menu-drop-left: 260px; --menu-drop-right: 940px; --menu-drop-height: 616px; --orange: #F86922; --dark: #383838; --grey: #757575; --light: #DEDEDE; --violet: #7B48E8; }
body { font-family: Onest-Light, Arial, sans-serif; font-weight: 300; }
.page-blog__content p, .page-blog li, .page-blog cite, .an-warr__desc, .an-meas__text, .an-comp__desc, .an-del__desc, .an-vis__item-desc, .an-vis__desc, .an-mess__desc, .an-priv__desc, .an-proc__item-desc, .an-proc__desc, .an-car__desc, .res__item-desc, .teh__item-desc, .order__item-desc, .an-res__block-desc, .an-treat__block-desc, .an-adv__block-desc, .an-screen__block-item, .table td, .card__desc, .card__time, .header__bottom-text, .header__mob-mail, .header__mob-text, .header__mob-city, .offer__form-review-title, .how__desc, .contract__desc, .product__text, .reviews__content, .contacts__subtext, .contacts__city, .category__form-desc, .footer__contacts-text, .footer__contacts-link, .footer__contacts-logo, .footer__nav-link, .thanks__desc, .thanks__subtitle, .info__contacts-link, .info__contacts-small, .info__ans-person-desc, .info__ans-desc, .offer__desc, .feedback__thank-desc, .feedback__letter, .orders__title-desc, .banner__desc, .thanks__manager-btn, .banner__manager-btn, .specialists__desc, .exp__item-num, .exp__desc, .warranty__item-desc, .warranty__list .warranty__item::before, .form-inline__desc, .advantages__block-desc, .advantages__title-desc, .about__content, .sales__text, .sales__prop-min p, .sales__prop-sec p, .sales__desc, .services__desc, .screen__desc, .drop__link, .header__content-text--desc, .privacy p, .--link, .--notify, .--pagination-link { font-family: Onest-Regular, Arial, sans-serif; font-weight: 400; }
.an-meas__decor-text, .an-card-5 .card__name, .card__price, .--medium, .slider-pag .slick-dots > li > button, .reviews__date, .works__slide-nav, .contacts__link, .contacts__text, .category__desc, .footer__top-link, .info__contacts-text, .feedback__date, .warranty__download-size, .advantages__gallery-title, .about__more, .services__name, .services__subtitle, .screen__slide-desc, .screen__form-title, .header__content-text--link, .header__content-link, .default-form-input, .default-btn { font-family: Onest-Medium, Arial, sans-serif; font-weight: 500; }
.page-blog__content h2, .page-blog__content h3, .page-blog__content h4, .page-blog__content h5, .page-blog__content h6, .page-blog__content b, .page-blog__content strong, .an-cert__box-desc, .an-cert__title, .an-warr__title, .an-meas__title, .an-comp__title, .an-del__title, .an-vis__item-title, .an-priv__subtitle, .an-card-5 .card__price, .an-proc__item-title, .an-proc__title, .an-step__item-title::before, .an-step__item-title, .an-step__title, .an-plane__item-title, .res__item-title, .teh__item-title, .order__item-title, .an-res__block-title, .an-res__title, .an-treat__block-title, .an-adv__block-title, .an-adv__block::before, .an-adv__title, .an-screen__block-item b, .an-screen__form-title, .table th, .card__title, .card__name, .star__rating, .how__link, .how__name, .how__title, .templates__title, .contract__name, .contract__title, .product__desc-item b, .product__desc-title, .product__text--medium, .reviews__name, .reviews__num, .category__form-link, .category__form-tel, .category__desc b, .category__subitem, .category__title, .footer__contacts-phone, .footer__contacts-text b, .footer__contacts-email, .footer__contacts-logo b, .footer__nav-title, .popup-form__title, .thanks__title, .info__contacts-title, .info__ans-person, .info__ans-name, .info__ans-title, .info__title, .offer__bold, .offer__title, .feedback__name, .feedback__title, .orders__title-text, .banner__title, .specialists__name, .specialists__title, .exp__item-desc, .exp__title, .warranty__item-title, .warranty__title, .warranty__suptitle, .exp__subtitle, .form-inline__title, .advantages__block-title, .advantage__title-text, .sales__text span, .sales__text b, .sales__prop-text, .services__title, .screen__slide-desc b, .screen__block-title, .screen__block-suptitle, .drop__title, .header__nav-title, .header__dropdown-link .header__top-text, .--title-sm, .--title, .--bold { font-family: Onest-Bold, Arial, sans-serif; font-weight: 700; }
.sales__title, .drop__prev-text { font-family: Onest-ExtraBold, Arial, sans-serif; font-weight: 800; }
.--hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; height: 1px; width: 100%; background-color: rgb(222, 222, 222); opacity: 1 !important; }
.--notify { font-size: 13px; color: var(--grey); text-align: center; line-height: 1.275; }
.--link { color: var(--violet); border-bottom: 1px solid var(--violet); }
.--link:hover { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.default-btn { position: relative; overflow-x: hidden; background-color: var(--violet); color: rgb(255, 255, 255); border-radius: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 20px 24px; min-width: 263px; width: auto; text-align: center; text-transform: uppercase; transition: 0.3s ease-in-out; letter-spacing: 0.04em; font-size: 14px; user-select: none; line-height: 1.275; display: flex; align-items: center; justify-content: center; }
.default-btn svg { margin-right: 10px; }
.default-btn:hover { background: rgb(148, 100, 249); box-shadow: rgb(180, 146, 255) 0px 0px 17px, rgba(255, 255, 255, 0.31) 0px 0px 19px inset; }
.default-btn:active { transform: scale(0.95); }
.default-btn--white { background-color: rgb(255, 255, 255); color: var(--violet); }
.default-btn--white:hover { background: rgb(238, 238, 238); box-shadow: rgba(255, 255, 255, 0.44) 0px 0px 17px; }




.default-form-parent-input { position: relative; margin-bottom: 16px; }
.default-form-parent-input--name::before { pointer-events: none; content: ""; position: absolute; width: 16px; height: 16px; left: 20px; top: 50%; transform: translateY(-50%); background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/icons/light-name.svg"); }
.default-form-parent-input--phone::before { pointer-events: none; content: ""; position: absolute; width: 16px; height: 16px; left: 20px; top: 50%; transform: translateY(-50%); background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/icons/light-phone.svg"); }
.default-form-input { width: 100%; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 8px; padding: 20px 20px 20px 46px; font-size: 14px; line-height: 1; letter-spacing: 0.08em; color: var(--dark); }
.default-form-input::placeholder { color: rgb(146, 146, 146); }
textarea.default-form-input { padding-left: 20px; min-height: 110px; resize: none; line-height: 1.275; }
.--flare { position: absolute; top: 0px; height: 100%; width: 45px; transform: skewX(-45deg); left: -150%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4)); animation: 3s linear 0s infinite normal none running flareAnimation; }
.--flare.--flare-delay-2 { animation-delay: 2s; }
@keyframes flareAnimation { 
  0% { left: -150%; }
  100% { left: 150%; }
}
h1, h2, h3, h4, h5, h6 { margin: 0px; }
* hr { margin: 0px; padding: 0px; }
* p { margin: 0px; padding: 0px; }
* ol, * ul, * li { padding: 0px; margin: 0px; list-style: none; }
* button { font-family: inherit; outline: none; cursor: pointer; }
* input, * textarea { font-family: inherit; outline: none; }
*, ::after, ::before { box-sizing: border-box; }
* a { display: inline-block; text-decoration: none; color: inherit; }
body { color: rgb(0, 0, 0); margin: 0px; }
.container { max-width: 1240px; padding: 0px 40px; margin: 0px auto; }
#menu-toggle { display: none; }
.header__hamburger { display: none; z-index: 5; height: 24px; }
.header__hamburger span { display: block; position: relative; width: 36px; height: 4px; border-radius: 4px; background-color: var(--dark); margin-top: 6px; transition: 0.3s ease-in-out; }
.header__hamburger span.top-bun { margin-top: 0px; }
#menu-toggle:checked ~ .header__hamburger .top-bun { transform: rotate(-45deg); margin-top: 10px; }
#menu-toggle:checked ~ .header__hamburger .bottom-bun { opacity: 0; transform: rotate(45deg); }
#menu-toggle:checked ~ .header__hamburger .meat { transform: rotate(45deg); margin-top: -4px; }
#menu-toggle:checked ~ .header__hamburger .nav { top: 0px; transform: scale(1); }
.header .container { padding: 0px; }
.header { position: fixed; top: 0px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; transition: 0.3s ease-in-out; width: 100%; z-index: 9999; }
.header.sticky { margin-top: -82px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 30px; }
.header.sticky .header__content-box { box-shadow: none; }
.header__top { background-color: var(--dark); color: rgb(255, 255, 255); }
.header__top-box { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.header__top-item-lang { padding: 0px; position: relative; }
.header__top-item-lang::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 1px; background-color: rgb(83, 81, 81); }
#header__top-lang:hover .header__dropdown { display: block; }
span.header__top-item-link { height: 40px; }
.header__dropdown { display: none; width: 180px; position: absolute; top: 40px; padding-bottom: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px -1px 24px; border-radius: 8px; z-index: 55; }
.header__dropdown-link .header__top-text { color: var(--dark); transition: 0.3s ease-in-out; }
.header__dropdown-link:hover .header__top-text { color: var(--violet); }
.header__top-item-link { padding: 11px 17px 11px 16px; cursor: pointer; }
.header__top-item { height: 40px; padding-top: 11px; padding-bottom: 11px; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding-inline: 16px; position: relative; }
.header__top-item:first-child { padding-left: 0px; padding-right: 17px; }
.header__top-item:first-child::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 1px; background-color: rgb(83, 81, 81); }
.header__top-item:nth-child(2) { padding-right: 17px; }
.header__top-item:nth-child(2)::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 1px; background-color: rgb(83, 81, 81); }
.header__top-item:nth-child(3) { padding-right: 17px; }
.header__top-item:nth-child(3)::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 1px; background-color: rgb(83, 81, 81); }
.header__top-item:last-child { padding-right: 0px; margin-left: auto; }
.header__top-text { font-size: 14px; line-height: 1; }
.header__top-text.arrow { position: relative; padding-right: 20px; }
.header__top-text.arrow::after { position: absolute; content: ""; width: 16px; height: 16px; right: 0px; top: 0px; bottom: 2px; margin-top: auto; margin-bottom: auto; background: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/icons/drop-arrow-icon.svg") center center / cover no-repeat; }
.header__top-item-link { display: flex; -webkit-box-align: center; align-items: center; }
.header__top-icon { margin-right: 7px; }
.header__top-link { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.header__top-link:hover { border-bottom: 1px solid rgb(255, 255, 255); }
.header__content { margin-top: 42px; transition: 0.3s ease-in-out; }
.header__content-box { padding-inline: 12px; height: var(--menu-height); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 30px; transition: 0.3s ease-in-out; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; }
.header__content-list { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.header__content-list .header__content-link { padding-inline: 12px; }
.header__content-link { cursor: pointer; color: rgb(51, 51, 51); font-size: 14px; position: relative; line-height: 1.4; padding-top: 24px; padding-bottom: 24px; transition: 0.3s ease-in-out; }
.header__content-link.arrow { padding-right: 34px; }
.header__content-link.arrow .header__content-icon { position: absolute; right: 12px; top: 0px; bottom: 4px; margin-block: auto; }
.header__content-link:hover { color: var(--violet); }
.header__content-link:hover path { stroke: var(--violet); }
.header__content-link path { transition: 0.3s ease-in-out; }
.header__content-block { display: flex; -webkit-box-align: center; align-items: center; }
.header__content-block:first-child { margin-right: 24px; margin-left: 22px; }
.header__nav-title { font-size: 20px; line-height: 1.4; color: var(--orange); transition: 0.3s ease-in-out; }
.header__nav-title:hover { opacity: 0.8; }
.header__content-contact { line-height: 0; }
.header__content-contact .header__content-icon:nth-child(1) { margin-right: 6px; }
.header__content-contact .header__content-icon:nth-child(2) { margin-right: 14px; }
.header__content-text.link { font-size: 14px; }
.header__content-text--link { font-size: 16px; line-height: 1; letter-spacing: 0.4px; transition: 0.3s ease-in-out; }
.header__content-text--link:hover { color: var(--violet); }
.header__content-text--desc { font-size: 14px; color: rgb(43, 184, 74); position: relative; padding-left: 14px; margin-top: 2px; line-height: 1; }
.header__content-text--desc::before { position: absolute; content: ""; border-radius: 50%; left: 0px; top: 0px; bottom: 0px; margin-block: auto; width: 8px; height: 8px; background-color: rgb(43, 184, 74); }
.header__content-btn { font-size: 13px; letter-spacing: 0.04em; border-radius: 6px; padding: 15px; min-width: 186px; }
.header__content-btn:hover { box-shadow: rgb(180, 146, 255) 0px 0px 12px, rgba(255, 255, 255, 0.31) 0px 0px 15px inset; }
.header__content-btn:active { transform: scale(0.95); }
.header__content-hr { min-width: 1px; height: 100%; background-color: rgb(223, 223, 223); }
.toggle, [id^="drop"] { display: none !important; }
nav ul ul { display: none; position: absolute; top: var(--menu-height); left: 0px; width: 100%; background-color: rgb(250, 245, 253); }
nav ul li:hover > ul { display: inherit; }
nav ul ul li { width: var(--menu-drop-left); display: list-item; }
nav ul ul li a { width: 100%; }
nav ul ul ul { top: 0px; left: auto; right: 0px; background-color: rgb(250, 245, 253); }
@media (max-width: 1024px) {
.toggle + a { display: none; }
.toggle { padding: 14px 20px; color: rgb(51, 51, 51); font-size: 17px; text-decoration: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: flex !important; }
[id^="drop"]:checked ~ ul { display: block; }
[id^="drop"]:checked ~ .header__content-link .header__content-icon { transform: rotate(0deg) scale(1.5) !important; }
.drop__prev-checkbox:checked ~ .drop__prev-text .header__content-icon { transform: rotate(0deg) scale(1.5) !important; }
nav ul li { display: block; width: 100%; }
nav ul ul .toggle, nav ul ul a { padding: 0px 40px; }
nav ul ul ul a { padding: 0px 80px; }
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a { padding: 14px 20px; color: rgb(51, 51, 51); font-size: 17px; }
nav ul ul { float: none; position: static; color: rgb(255, 255, 255); }
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li { display: block; width: 100%; }
nav ul ul ul li { position: static; }
}
.drop__block-right { width: 100%; padding: 32px 52px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.drop__title { font-size: 40px; line-height: 1.275; color: rgb(33, 33, 33); display: block !important; }
.drop__item { width: 248px; margin-right: 32px; }
.drop__item:last-child { margin-right: 0px; }
.drop__list { margin-top: 38px; position: relative; display: flex; max-width: 808px; }
.drop__link { display: block; width: fit-content; color: var(--violet); font-size: 16px; line-height: 1.5; border-bottom: 1px dashed var(--violet); margin-bottom: 16px; }
.drop__link:last-child { margin-bottom: 0px; }
.drop__link:hover { border-bottom: 1px dashed rgba(0, 0, 0, 0); }
.drop__wrapper { margin-top: 38px; position: relative; width: auto; display: block !important; }
.drop__wrapper li { width: auto; display: flex !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.drop__btn { margin-right: 24px; }
.drop__btn:last-child { margin-right: 0px; }
.header__mob-content { display: none; padding-bottom: 20px; }
.drop__prev-text { font-size: 14px; padding-right: 24px; line-height: 1.275; color: var(--dark); transition: 0.3s ease-in-out; }
.drop__prev-text svg { min-width: 20px; margin-right: 14px; }
.drop__prev-text:hover { color: var(--violet); }
.drop__prev-text:hover svg:first-child path { fill: var(--violet); }
.drop__prev-text:hover .header__content-icon path { stroke: var(--violet); }
.drop__prev-text svg path { transition: 0.3s ease-in-out; }
.drop__prev-text { display: flex; -webkit-box-align: center; align-items: center; padding-top: 9px; padding-bottom: 9px; }
label.drop__prev-text span { padding-right: 14px; }
.drop__prev-item { border-right: 1px solid rgba(123, 72, 232, 0.11); padding-left: 24px; }
.drop__prev-item:first-child { padding-top: 24px; }
.drop__prev-item:last-child { padding-bottom: 24px; }
.drop__prev-list { overflow: auto; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; height: var(--menu-drop-height); }
.drop__block-right { height: var(--menu-drop-height); overflow: hidden auto; border-bottom-right-radius: 26px; }
.drop__block-wrap { border-bottom-right-radius: 26px; width: calc(100% - var(--menu-drop-left)); }
.main { max-width: 100%; position: relative; overflow: hidden; }
.thanks__manager-btn { user-select: none; pointer-events: none; position: absolute; left: 30px; bottom: 150px; padding: 15px; color: rgb(255, 255, 255); font-size: 16px; letter-spacing: 0.008em; background-color: var(--orange); box-shadow: rgba(255, 255, 255, 0.47) 0px 1px 14px inset; border-radius: 10px; }
.offer__form-btn { line-height: 1.28; min-width: 100%; }
.popup-form__btn { min-height: 60px; }
.thanks { display: none; padding: 0px; border-radius: 24px; position: relative; }
.thanks__box { width: 965px; height: 531px; background: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/thanks-bg.jpg.webp") center center / cover no-repeat rgb(255, 255, 255); border-radius: 24px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding-left: 200px; }
.thanks__title { font-size: 36px; line-height: 1.275; color: var(--dark); max-width: 362px; }
.thanks__subtitle { margin-top: 4px; font-size: 24px; line-height: 1.5; color: rgb(74, 74, 74); max-width: 300px; }
.thanks__desc { margin-top: 24px; font-size: 16px; line-height: 1.5; color: var(--grey); max-width: 300px; }
.thanks__btn { margin-top: 32px; max-width: 250px; }
.fancybox-button.fancybox-close-small { display: none; }
.thanks__close, .popup-form__close { position: absolute; right: -8px; top: -8px; transform: translate(100%, -100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(0, 0, 0, 0); padding: 0px; line-height: 0; }
.thanks__video-preview { width: 120px; height: 120px; max-width: 120px; max-height: 120px; object-fit: cover; border-radius: 50%; display: block; }
.thanks__video { position: relative; }
.thanks__video-wrap { position: absolute; right: 100px; top: calc(50% - 60px); transform: translateY(-50%); display: block; line-height: 0; }
.thanks__video-btn { position: absolute; inset: 0px; margin: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; line-height: 0; background: rgba(0, 0, 0, 0); border-radius: 24px; }
.thanks__video:hover .thanks__video-preview { filter: brightness(0.8); }
.thanks__video-preview { transition: 0.3s ease-in-out; }
#popup-form-contract { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-1.jpg.webp"); }
#popup-form-cost { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-2.jpg.webp"); }
#popup-form-question { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-3.jpg.webp"); }
#popup-form-request { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-4.jpg.webp"); }
#popup-form-order { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-4.jpg.webp"); }
#popup-form-call { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-5.jpg.webp"); }
.popup-form__title { font-size: 20px; line-height: 1.275; color: var(--dark); text-align: center; max-width: 85%; margin: 0px auto 28px; }
.popup-form { display: none; overflow: visible; position: relative; padding: 62px 54px; max-width: 456px; background-color: rgb(255, 255, 255); border-radius: 24px; }
.popup-form--bg { max-width: 100%; width: 916px; background-position: right center; background-repeat: no-repeat; background-size: cover; }
.popup-form--bg .popup-form__box { max-width: 348px; }
.popup-form__notify { margin-top: 16px; }
.popup-form__btn { width: 100%; }
.fancybox-slide--html { padding: 20px 0px; }
.footer__top { display: flex; -webkit-box-pack: start; justify-content: flex-start; padding-top: 34px; padding-bottom: 34px; }
.footer__top-item { margin-right: 26px; }
.footer__top-item:last-child { margin-right: 0px; }
.footer__top-link { font-size: 14px; color: var(--grey); transition: 0.3s ease-in-out; line-height: 1.275; }
.footer__top-link:hover { color: var(--violet); }
.footer__nav { margin-top: 34px; display: grid; grid-template-columns: 3fr 2fr 2fr; margin-bottom: 18px; }
.footer__wrap-nav { margin-right: 48px; }
.footer__wrap-nav:last-child { margin-right: 0px; }
.footer__nav-title { font-size: 16px; color: var(--dark); line-height: 1.5; margin-bottom: 4px; }
.footer__nav-sublist { margin-bottom: 12px; }
a.footer__nav-title { transition: 0.3s ease-in-out; }
a.footer__nav-title:hover { color: var(--violet); }
.footer__nav-link { font-size: 14px; line-height: 1.5; color: var(--dark); transition: 0.3s ease-in-out; }
.footer__nav-link:hover { color: var(--violet); }
.footer__nav-subitem { margin-top: 2px; display: flex; -webkit-box-align: center; align-items: center; }
.footer__nav-sublist { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.footer__nav-list.--col-1 .footer__nav-subitem { width: 100%; }
.footer__nav-list.--col-2 .footer__nav-subitem { width: 46%; }
.footer__nav-list.--col-3 .footer__nav-subitem { width: 29.8%; }
.footer__contacts { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.footer__contacts { padding-top: 34px; padding-bottom: 34px; }
.footer__contacts-logo { color: var(--violet); font-size: 18px; line-height: 1.275; }
.footer__contacts-link { margin-top: 4px; color: var(--grey); font-size: 14px; line-height: 1.275; border-bottom: 1px solid rgba(0, 0, 0, 0); }
.footer__contacts-link:hover { border-bottom: 1px solid var(--grey); }
.footer__contacts-block:nth-child(2) { display: flex; -webkit-box-align: center; align-items: center; }
.footer__contacts-block:nth-child(2) svg { margin-right: 12px; margin-bottom: 2px; }
.footer__contacts-email { font-size: 14px; color: var(--dark); line-height: 1.275; border-bottom: 1px solid rgba(0, 0, 0, 0); }
.footer__contacts-email:hover { border-bottom: 1px solid var(--dark); }
.footer__contacts-text { font-size: 14px; line-height: 1.275; color: var(--dark); }
.footer__contacts-phone { font-size: 14px; line-height: 1.275; color: var(--dark); margin-right: 8px; }
.footer__contacts-wrap-phone { display: flex; -webkit-box-align: center; align-items: center; margin-top: -4px; }
.footer__contacts-icon { display: block; }
.footer__contacts-block:nth-child(4) .footer__contacts-text:nth-child(1) { margin-bottom: 6px; }
.footer__contacts-block:nth-child(3) { padding-top: 10px; position: relative; padding-left: 36px; }
.footer__contacts-block:nth-child(3)::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0px; width: 24px; height: 24px; background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/icons/torch-icon.svg"); }
.footer__contacts-block:nth-child(4) { position: relative; padding-left: 36px; }
.footer__contacts-block:nth-child(4)::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0px; width: 24px; height: 24px; background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/icons/map-icon.svg"); }
.offer__form-review-wrap { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 24px 0px; }
.offer__form-review-title { color: var(--dark); font-size: 20px; }
#popup-form-review { max-width: 560px; width: 560px; }
.offer__star .offer-star-active { display: none; }
.offer__star .offer-star-disable { display: block; }
.offer__star:hover .offer-star-active { display: block; }
.offer__star:hover .offer-star-disable { display: none; }
.offer__star-icon { height: auto; }
#star-1:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
#star-1:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
#star-2:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-active, #star-2:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
#star-2:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-disable, #star-2:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
#star-3:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-active, #star-3:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-active, #star-3:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
#star-3:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-disable, #star-3:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-disable, #star-3:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
#star-4:checked ~ .offer__star-wrap [for="star-4"] .offer__star-icon .offer-star-active, #star-4:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-active, #star-4:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-active, #star-4:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
#star-4:checked ~ .offer__star-wrap [for="star-4"] .offer__star-icon .offer-star-disable, #star-4:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-disable, #star-4:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-disable, #star-4:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
#star-5:checked ~ .offer__star-wrap [for="star-5"] .offer__star-icon .offer-star-active, #star-5:checked ~ .offer__star-wrap [for="star-4"] .offer__star-icon .offer-star-active, #star-5:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-active, #star-5:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-active, #star-5:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
#star-5:checked ~ .offer__star-wrap [for="star-5"] .offer__star-icon .offer-star-disable, #star-5:checked ~ .offer__star-wrap [for="star-4"] .offer__star-icon .offer-star-disable, #star-5:checked ~ .offer__star-wrap [for="star-3"] .offer__star-icon .offer-star-disable, #star-5:checked ~ .offer__star-wrap [for="star-2"] .offer__star-icon .offer-star-disable, #star-5:checked ~ .offer__star-wrap [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-2"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
[for="star-2"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-3"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
[for="star-3"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-3"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-active { display: block; }
[for="star-3"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-4"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
[for="star-4"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-4"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-active { display: block; }
[for="star-4"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-4"]:hover ~ [for="star-3"] .offer__star-icon .offer-star-active { display: block; }
[for="star-4"]:hover ~ [for="star-3"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-5"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-active { display: block; }
[for="star-5"]:hover ~ [for="star-1"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-5"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-active { display: block; }
[for="star-5"]:hover ~ [for="star-2"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-5"]:hover ~ [for="star-3"] .offer__star-icon .offer-star-active { display: block; }
[for="star-5"]:hover ~ [for="star-3"] .offer__star-icon .offer-star-disable { display: none; }
[for="star-5"]:hover ~ [for="star-4"] .offer__star-icon .offer-star-active { display: block; }
[for="star-5"]:hover ~ [for="star-4"] .offer__star-icon .offer-star-disable { display: none; }
.offer__star { cursor: pointer; }
.offer__star-wrap { direction: rtl; display: flex; -webkit-box-align: center; align-items: center; }
.offer__star { padding-right: 8px; }
.star__rating { margin-left: 16px; min-width: 25px; font-size: 16px; color: var(--dark); }
.header__mob-block { display: flex; -webkit-box-align: center; align-items: center; margin-top: 16px; }
.header__mob-block svg { margin-right: 18px; }
.header__mob-city { color: var(--dark); font-size: 14px; line-height: 1.275; }
.header__mob-text { color: var(--dark); font-size: 12px; line-height: 1.5; margin-block: 2px; }
.header__mob-text.grey { color: var(--grey); }
.header__mob-mail { color: var(--dark); font-size: 14px; line-height: 1.275; }
.header__bottom-link { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }
.header__bottom-wrap { display: flex; -webkit-box-pack: center; justify-content: center; }
.header__bottom-btn { padding: 14px 18px; min-width: auto; }
.header__bottom-text { margin-top: auto; color: var(--grey); font-size: 12px; line-height: 1.5; }
.header__bottom-link:nth-child(1) svg { margin-top: 5px; }
.header__bottom-link { padding: 0px 16px; position: relative; }
.header__bottom-link::after { position: absolute; content: ""; right: 0px; width: 1px; height: 16px; background-color: var(--light); top: 50%; transform: translateY(-50%); }
.header__bottom-link:nth-child(3)::after { content: none; }
.header__bottom-link:last-child { padding: 0px; }
.header__bottom-link:last-child::after { content: none; }
.header__bottom-btn { height: 100%; }
.header__bottom { display: none; background-color: rgb(255, 255, 255); box-shadow: rgb(234, 234, 234) 0px 1px 0px inset; padding: 12px; position: fixed; z-index: 40; bottom: 0px; left: 0px; right: 0px; margin-right: auto; margin-left: auto; }
.footer__mob-nav { display: none; }
.thanks__video-wrap.mob { display: none; }
.fancybox-slide--video .fancybox-content { background: rgba(0, 0, 0, 0); }
@media (max-height: 678px) {
.thanks__close, .popup-form__close { right: 0px; top: 0px; }
}
@media (max-width: 1240px) {
.header__top-box { padding: 0px 20px; }
.header__content-text--link { font-size: 14px; }
.header__content-text--desc { margin-top: 6px; font-size: 12px; }
.header__content-text--desc::before { width: 6px; height: 6px; top: -2px; }
.header__content-icon svg { max-width: 32px; height: auto; }
.header__nav-title { font-size: 18px; }
.header__content-block:first-child { margin-left: 0px; }
.header__content-box { padding-inline: 20px; }
.header__content-list .header__content-link { padding-inline: 8px; }
.header__content-link.arrow { padding-right: 26px; }
.header__content-link.arrow .header__content-icon { right: 6px; }
.header__top-item { display: none; }
.header__top-item:nth-child(2) { display: flex; }
.header__top-item:nth-child(2)::after { content: none; }
.header__top-box { -webkit-box-pack: justify; justify-content: space-between; }
.header__top-item-lang::after { content: none; }
:root { --menu-drop-right: 764px; }
}
@media (max-width: 1024px) {
.--desktop { display: none !important; }
}
@media (max-width: 1080px) {
.header__content-box { padding-inline: 10px; }
.header__content-wrap-text { margin-right: 6px; }
.header__content-contact .header__content-icon:nth-child(1) { margin-right: 0px; }
}
@media (max-width: 1240px) {
.header__top-box { padding: 0px 10px; }
.header__content { margin-top: 0px; }
.header.sticky { margin-top: -40px; }
.header__content .container { max-width: none; }
}
@media (max-width: 1024px) {
.header__content-box { padding-inline: 20px; }
.header__content-block:nth-child(2) { -webkit-box-ordinal-group: 4; order: 3; }
.header__content-block:nth-child(3) { display: none; }
.header__content-block:nth-child(4) { margin-right: 32px; }
.header__content-block:nth-child(5) { margin-right: 32px; }
.drop__list { min-width: 100%; }
.footer__mob-nav { display: block; }
.footer__contacts { flex-wrap: wrap; }
.footer__contacts-block { width: 50%; }
.footer__contacts-block:nth-child(3) { padding-top: initial; }
.footer__contacts-block:nth-child(n+3) { margin-top: 16px; }
}
@media (max-width: 768px) {
.container { padding: 0px 30px; }
}
@media (max-width: 640px) {
.container { padding: 0px 20px; }
:root { --menu-height: 60px; }
}
@media (max-width: 360px) {
.container { padding: 0px 15px; }
}
@media (max-width: 340px) {
.container { padding: 0px 10px; }
}
@media (min-width: 1024px) and (max-height: 720px) {
.drop__prev-item:first-child { padding-top: 12px; }
.drop__prev-item:last-child { padding-bottom: 12px; }
.drop__prev-item { padding-left: 0px; }
.drop__prev-text { padding: 6px 16px; }
:root { --menu-drop-height: 535px; }
.drop__block-right { padding: 16px 24px; }
.drop__title { font-size: 32px; }
.drop__list { margin-top: 24px; }
}
@media (max-width: 1240px) {
.drop__title { font-size: 28px; }
.drop__link { font-size: 14px; }
.footer__nav-title { font-size: 15px; }
.footer__nav-link { font-size: 13px; }
.footer__top { padding-top: 24px; padding-bottom: 24px; }
.footer__nav { margin-top: 24px; }
.footer__contacts { padding-top: 24px; padding-bottom: 24px; }
}
@media (max-width: 1140px) {
.footer__nav-title { font-size: 14px; }
.footer__nav-link { font-size: 12px; }
}
@media (max-width: 1024px) {
.header__bottom-link { padding: 0px 40px; }
.header__bottom-btn { min-width: 220px; }
.header__bottom { display: block; }
.header__hamburger { display: block; }
.header__content { position: relative; }
.header__mob-menu { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0px 20px; width: 340px; position: absolute; z-index: 55; top: var(--menu-height); background-color: rgb(255, 255, 255); right: 0px; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.07) 0px 30px 30px; transition: 0.3s ease-in-out; }
.header .header__mob-menu { min-height: calc(100vh - (var(--menu-height) + 40px)); max-height: calc(100vh - (var(--menu-height) + 40px)); overflow: hidden scroll; }
.header.sticky .header__mob-menu { min-height: calc(100vh - var(--menu-height)); max-height: calc(100vh - var(--menu-height)); }
#menu-toggle:checked ~ .header__mob-menu { transform: translateX(0%); }
.header__content-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.header__content-item { width: 100%; }
.header__content-link { font-size: 16px; width: 100%; padding: 24px 16px !important; }
.header__content-link { border-bottom: 1px solid rgb(233, 233, 233); }
.header__content-item:last-child .header__content-link { border-bottom: 0px; }
.header__content-link .header__content-icon, .drop__prev-text .header__content-icon { transition: 0.3s ease-in-out; transform: rotate(-90deg) scale(1.5); }
.header__content-link .header__content-icon path, .drop__prev-text .header__content-icon path { stroke: var(--grey); }
.drop__prev-list { background: rgba(0, 0, 0, 0); height: auto; }
.drop__prev-item { border-right: 0px; padding: 0px; }
.drop__prev-item:first-child { padding: 0px; }
.drop__prev-item:last-child { padding: 0px; }
.drop__prev-text { border-bottom: 1px solid rgb(233, 233, 233); font-size: 16px !important; padding: 20px 0px !important; }
.header__content-link { padding: 20px 0px !important; }
.drop__prev-text { font-family: Onest-Medium, Arial, sans-serif; font-weight: 500; }
.drop__block-wrap { width: auto; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
.drop__list { background: rgba(0, 0, 0, 0); }
.drop__block-right { padding: 0px; height: auto; border-radius: 0px; }
.drop__list { margin-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.drop__title { display: none !important; }
.drop__item { margin-right: 0px; width: 100%; }
.drop__link { font-size: 16px; width: 100%; border-bottom: 1px solid rgb(233, 233, 233); color: var(--dark); font-family: Onest-Medium, Arial, sans-serif; font-weight: 500; padding: 20px 0px; margin-bottom: 0px; }
.drop__link:hover { border-bottom: 1px solid rgb(233, 233, 233); color: var(--violet); }
.drop__prev-text .header__content-icon { margin-left: auto; }
.drop__wrapper { display: none !important; }
.drop__list { display: block !important; }
.drop__prev-text { cursor: pointer; }
.header__content-block:first-child { margin-right: 0px; }
.header__mob-content { display: block; }
.header__mob-content { margin-top: 30px; }
.header__mob-content .header__content-block:nth-child(2) { margin-top: 12px; margin-bottom: 24px; }
.header__mob-content .header__content-block:nth-child(2) .header__content-btn { width: 100%; }
.header__content-block:first-child { margin-right: auto; }
}
@media (max-width: 640px) {
.header__content-block:nth-child(5) { display: none; }
.header__content-block:first-child { margin-right: 0px; }
.header__content-block:nth-child(4) { margin-right: 0px; }
.header__content-wrap-text { margin-right: 0px; }
}
@media (max-width: 480px) {
.header__mob-menu { width: 100%; }
.header__hamburger { height: 19px; }
.header__hamburger span { width: 28px; height: 3px; border-radius: 3px; margin-top: 5px; }
#menu-toggle:checked ~ .header__hamburger .top-bun { margin-top: 8px; }
#menu-toggle:checked ~ .header__hamburger .meat { margin-top: -3px; }
}
@media (max-width: 380px) {
.header__content-text--link { font-size: 12px; }
.header__content-text--desc { font-size: 10px; padding-left: 10px; }
.header__content-text--desc::before { width: 5px; height: 5px; top: -2px; }
}
@media (max-width: 360px) {
.header__content-box { padding-inline: 10px; }
.header__top-box { padding: 0px; }
.header__mob-menu { padding: 0px 10px; }
}
@media (max-width: 1024px) {
.header__top-box { user-select: none; }
}
@media (max-width: 678px) {
.header__bottom-link { padding: 0px 32px; }
.header__bottom-btn { min-width: 200px; }
}
@media (max-width: 580px) {
.header__bottom-link { padding: 0px 24px; }
.header__bottom-btn { min-width: auto; font-size: 12px; padding: 12px; margin-top: 4px; margin-bottom: 4px; }
.header__bottom-link { padding: 0px 24px; }
.header__bottom-btn { font-size: 12px; margin-top: 6px; margin-bottom: 6px; border-radius: 6px; }
.header__bottom { padding: 8px 32px 8px 8px; }
}
@media (max-width: 480px) {
.header__bottom-link { padding: 0px 16px; }
.header__bottom-btn { font-size: 10px; margin-top: 6px; margin-bottom: 6px; }
.header__bottom { padding-right: 24px; }
}
@media (max-width: 400px) {
.header__bottom-text { font-size: 10px; }
}
@media (max-width: 380px) {
.header__bottom { padding: 6px 22px 6px 6px; }
.header__bottom-btn { font-size: 8px; margin-top: 8px; margin-bottom: 8px; }
}
@media (max-width: 360px) {
.header__bottom { padding: 4px 16px 4px 4px; }
.header__bottom-link { padding: 0px 12px; }
}
@media (max-width: 340px) {
.header__bottom { padding-right: 14px; }
.header__bottom-link { padding: 0px 10px; }
}
@media (max-width: 678px) {
.footer__contacts-block { width: 100%; }
.footer__contacts-block:nth-child(2) { margin-top: 0px; }
.footer__contacts-block { margin-top: 20px; }
.footer__contacts-block:nth-child(1) { -webkit-box-ordinal-group: 6; order: 5; padding-left: 36px; }
}
@media (max-width: 480px) {
.footer__contacts-block:nth-child(1) { padding-left: 0px; max-width: fit-content; margin-right: auto; margin-left: auto; text-align: center; }
.footer__top { -webkit-box-pack: justify; justify-content: space-between; }
.footer__top-item { margin-right: 0px; }
}
@media (max-width: 1024px) {
body { padding-bottom: 76px; }
}
@media (max-width: 580px) {
body { padding-bottom: 68px; }
}
@media (max-width: 380px) {
body { padding-bottom: 62px; }
}
@media (max-width: 380px) {
body { padding-bottom: 58px; }
}
@media (max-width: 1024px) {
.offer__form-btn { min-width: auto; width: 480px; max-width: 100%; margin: 0px auto; }
}
@media (max-width: 480px) {
.offer__form-btn { font-size: 12px; }
}
@media (max-width: 580px) {
.popup-form { max-width: 100%; }
}
@media (max-width: 768px) {
.fancybox-slide--html { padding: 30px; }
}
@media (max-width: 640px) {
.fancybox-slide--html { padding: 20px; }
}
@media (max-width: 360px) {
.fancybox-slide--html { padding: 15px; }
}
@media (max-width: 340px) {
.fancybox-slide--html { padding: 10px; }
}
@media (max-width: 480px) {
.popup-form { padding: 64px 32px 32px; }
.popup-form__title { font-size: 18px; margin-bottom: 24px; }
.thanks__close, .popup-form__close { right: 16px; top: 16px; }
}
@media (max-width: 420px) {
.popup-form { padding: 64px 24px 24px; border-radius: 20px; }
.--notify { font-size: 12px; }
}
@media (max-width: 360px) {
.popup-form { padding: 60px 20px 20px; }
}
@media (max-width: 1024px) {
#popup-form-review { width: 456px; max-width: 456px; }
.offer__star-icon { max-width: 28px; }
.star__rating { margin-left: 8px; }
.offer__star { padding-right: 4px; }
.offer__form-review-title { font-size: 18px; }
.thanks__box { width: 579px; height: 345.15px; max-width: 100%; }
.thanks__desc { background-color: rgb(255, 255, 255); }
.thanks__title { font-size: 28px; }
.thanks__subtitle { font-size: 16px; }
.thanks__desc { margin-top: 8px; font-size: 14px; }
.thanks__btn { margin-top: 16px; }
.thanks__manager-btn { bottom: 120px; font-size: 14px; padding: 8px; border-radius: 4px; display: none; }
.thanks__video-preview { width: 120px; height: 120px; }
.thanks__video-btn { max-width: 46px; height: auto; }
.thanks__video-wrap { inset: auto auto 20px 50px; transform: none; }
}
@media (max-width: 580px) {
#popup-form-review { width: 100%; max-width: 100%; }
.offer__form-review-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.offer__form-review-title { margin-bottom: 12px; }
.thanks__box { background: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/thanks-bg-mob.jpg.webp") center center / cover no-repeat; }
.thanks__desc { background-color: rgba(0, 0, 0, 0); }
.thanks__box { width: 100%; height: 700px; -webkit-box-align: start; align-items: flex-start; }
#thanks { width: 100%; }
.thanks__content { text-align: center; }
.thanks__box { padding: 62px 32px; }
.thanks__btn { margin-left: 80px; margin-top: 26px; }
.thanks__video-wrap { bottom: auto; left: 50px; top: 212px; }
.thanks__video-preview { width: 80px; height: 80px; }
.thanks__subtitle { max-width: none; }
.thanks__desc { max-width: none; }
.thanks__title { max-width: none; }
.thanks__content { max-width: 380px; }
.thanks__manager-btn { bottom: 40px; left: 40px; font-size: 16px; padding: 8px; border-radius: 4px; display: block; }
.thanks__video-wrap.mob { display: block; position: static; }
.thanks__video-wrap.desk { display: none; }
.thanks__item { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 24px; }
.thanks__btn { margin-left: 20px; margin-top: 0px; }
.thanks__title { font-size: 24px; }
}
@media (max-width: 480px) {
.thanks__box { padding: 62px 24px; }
.thanks__box { height: 600px; }
.thanks__btn { max-width: 240px; min-width: 240px; }
.thanks__video-preview { width: 76px; height: 76px; }
.thanks__content { max-width: 100%; }
}
@media (max-width: 420px) {
.thanks__btn { font-size: 12px; max-width: 200px; min-width: 200px; }
.thanks__subtitle { font-size: 15px; }
.thanks__title { font-size: 20px; }
.thanks__box { padding: 56px 20px; }
.thanks__item { margin-top: 16px; }
.thanks__manager-btn { left: 20px; bottom: 30px; }
.thanks__box { height: 540px; }
.thanks__manager-btn { font-size: 14px; border-radius: 6px; }
}
@media (max-width: 380px) {
.thanks__box { padding: 56px 15px; }
.thanks__item { margin-top: 16px; }
}
@media (max-width: 360px) {
.thanks__btn { margin-left: 10px; }
.thanks__video-preview { width: 64px; height: 64px; }
.thanks__video-btn { max-width: 42px; }
}
@media (max-width: 1024px) {
#popup-form-contract { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-mob-1.jpg.webp"); padding-bottom: 220px; }
#popup-form-cost { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-mob-2.jpg.webp"); padding-bottom: 220px; }
#popup-form-question { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-3.jpg.webp"); background-size: auto 200px; background-position: right bottom; padding-bottom: 220px; }
#popup-form-request, #popup-form-order { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-mob-4.jpg.webp"); padding-bottom: 260px; }
#popup-form-call { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/popup-bg-mob-5.jpg.webp"); padding-bottom: 260px; }
.popup-form--bg { width: initial; background-position: right bottom; background-size: contain; }
.thanks__close, .popup-form__close { top: 16px; right: 16px; transform: none; }
.thanks__close path, .popup-form__close path { stroke: rgb(117, 117, 117); }
}
@media (min-width: 1025px) {
.popup-form--bg.popup-form { padding-top: 96px; padding-bottom: 96px; }
}
@media (max-width: 480px) {
#popup-form-call { padding-bottom: 240px; }
#popup-form-request, #popup-form-order { padding-bottom: 240px; }
#popup-form-cost { padding-bottom: 200px; }
#popup-form-contract { padding-bottom: 200px; }
}
@media (max-width: 420px) {
#popup-form-call { padding-bottom: 220px; }
#popup-form-request, #popup-form-order { padding-bottom: 220px; }
#popup-form-cost { padding-bottom: 180px; }
#popup-form-contract { padding-bottom: 180px; }
}
@media (max-width: 380px) {
#popup-form-call { padding-bottom: 200px; }
#popup-form-request, #popup-form-order { padding-bottom: 200px; }
#popup-form-cost { padding-bottom: 160px; }
#popup-form-contract { padding-bottom: 160px; }
}
.--flare { position: absolute; top: 0px; height: 100%; width: 45px; transform: skewX(-45deg); left: -150%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4)); animation: 3s linear 0s infinite normal none running flareAnimation; }
@keyframes flareAnimation { 
  0% { left: -150%; }
  100% { left: 150%; }
}
.--flare { position: absolute; top: 0px; height: 100%; width: 45px; transform: skewX(-45deg); left: -150%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4)); animation: 3s linear 0s infinite normal none running flareAnimation; }
@keyframes flareAnimation { 
  0% { left: -150%; }
  100% { left: 150%; }
}






























@media (max-width: 1199px) {




}
@media (max-width: 999px) {




}
@media (max-width: 899px) {




}
@media (max-width: 799px) {









}





@media (max-width: 799px) {






}

@media (max-width: 399px) {


}

@media (max-width: 799px) {

}


@media (max-width: 1099px) {

}
@media (max-width: 1024px) {

}

#popup-form-out { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/go_out_right.jpg.webp"); width: 964px; height: 529px; background-size: auto; padding: 0px; }
.popup-form-out-inner { width: 100%; height: 100%; background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/go_out_left.jpg.webp"); background-size: auto; background-position: left center; background-repeat: no-repeat; padding: 62px 54px; border-radius: 24px; }
#popup-form-out .popup-form__box { max-width: 360px; float: right; }
#popup-form-out .popup-form__title { font-size: 28px; line-height: 35.7px; margin-bottom: 4px; }
.popup-form__sub_title { font-weight: 400; color: rgb(74, 74, 74); font-size: 20px; line-height: 26px; text-align: center; margin-bottom: 17px; }
.popup-form__sub_text { font-weight: 400; color: rgb(117, 117, 117); font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 17px; }
@media (min-width: 1025px) {
#popup-form-out { padding: 0px; }
.popup-form-out-inner { padding: 96px 157px 96px 54px; }
}
@media (max-width: 1024px) {

}
@media (max-width: 699px) {
#popup-form-out .popup-form__box { max-width: 300px; float: none; margin: 0px auto; }
#popup-form-out { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/go_out_right_mob.jpg"); background-position: left top; width: 320px; height: 600px; }
.popup-form-out-inner { background-image: url("https://surgut.totobi.ru/wp-content/themes/adv-agency/assets/images/popups/go_out_left_mob.jpg.webp"); background-position: center bottom; padding: 62px 10px; }
#popup-form-out .popup-form__title { font-size: 18px; line-height: 24px; margin-bottom: 1px; }
.popup-form__sub_title { font-size: 15px; line-height: 24px; margin-bottom: 12px; }
.popup-form__sub_text { font-size: 15px; line-height: 24px; }
}





.header__content-block.header__content-contact .telegram span, .header__content-block.header__content-contact .telegram p { display: none; }
.header__bottom-link.telegram span { display: none; }
.header__bottom-link.telegram img { max-width: 22px; margin-top: 5px; }
.footer__contacts-wrap-phone .telegram span, .footer__contacts-wrap-phone .telegram p, .info__contacts .telegram span, .info__contacts .telegram p { display: none; }

/* Calendar page only: keep the native 45px flare and timing, move it on the compositor. */
.header .--flare {
  left: 0;
  width: 100%;
  background-size: 45px 100%;
  background-repeat: no-repeat;
  transform-origin: 0 50%;
  transform: translateX(-150%) skewX(-45deg);
  animation-name: calendarHeaderFlare;
}
@keyframes calendarHeaderFlare {
  0% { transform: translateX(-150%) skewX(-45deg); }
  100% { transform: translateX(150%) skewX(-45deg); }
}