/* Start:/local/templates/serptop/assets/styles/css/index.css?171388072194045*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;-webkit-filter:var(--carousel-button-svg-filter, none);filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;-webkit-transform-origin:top left;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;-ms-scroll-chaining:none;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{-webkit-animation:fancybox-rotate 2s linear infinite;animation:fancybox-rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:fancybox-dash 1.5s ease-in-out infinite;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{-webkit-animation:.15s ease backwards fancybox-fadeIn;animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{-webkit-animation:.15s ease both fancybox-fadeOut;animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{-webkit-animation:.15s ease both fancybox-fadeIn;animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{-webkit-animation:.1s ease both fancybox-fadeOut;animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{-webkit-animation:.2s ease both fancybox-zoomInUp;animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{-webkit-animation:.15s ease both fancybox-zoomOutDown;animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{-webkit-animation:.15s ease both fancybox-throwOutUp;animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{-webkit-animation:.15s ease both fancybox-throwOutDown;animation:.15s ease both fancybox-throwOutDown}@-webkit-keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-fadeOut{to{opacity:0}}@-webkit-keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
@charset "UTF-8";
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
	margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: Clear Sans, sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
*, ::before, ::after{
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
*{
	scrollbar-color: initial;
	scrollbar-width: initial;
}
@font-face {
    font-family: Clear Sans;
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/serptop/assets/fonts/ClearSans-Light.woff) format("woff");
  }
@font-face {
    font-family: Clear Sans;
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/serptop/assets/fonts/ClearSans.woff) format("woff");
  }
@font-face {
    font-family: Clear Sans;
    font-weight: 500;
    font-display: swap;
    src: url(/local/templates/serptop/assets/fonts/ClearSans-Medium.woff) format("woff");
  }
body{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.visual_editor_stylesbody ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.container{
	width: 100%;
}
@media (min-width: 640px){
	.container{
		max-width: 640px;
	}
}
@media (min-width: 768px){
	.container{
		max-width: 768px;
	}
}
@media (min-width: 1024px){
	.container{
		max-width: 1024px;
	}
}
@media (min-width: 1280px){
	.container{
		max-width: 1280px;
	}
}
@media (min-width: 1548px){
	.container{
		max-width: 1548px;
	}
}
.prose{
	color: #374151;
	max-width: 65ch;
}
.prose [class~="lead"]{
	color: #4b5563;
	font-size: 1.25em;
	line-height: 1.6;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
.prose a{
	color: #111827;
	text-decoration: underline;
	font-weight: 500;
}
.prose strong{
	color: #111827;
	font-weight: 600;
}
.prose ol[type="A"]{
	--list-counter-style: upper-alpha;
}
.prose ol[type="a"]{
	--list-counter-style: lower-alpha;
}
.prose ol[type="A" s]{
	--list-counter-style: upper-alpha;
}
.prose ol[type="a" s]{
	--list-counter-style: lower-alpha;
}
.prose ol[type="I"]{
	--list-counter-style: upper-roman;
}
.prose ol[type="i"]{
	--list-counter-style: lower-roman;
}
.prose ol[type="I" s]{
	--list-counter-style: upper-roman;
}
.prose ol[type="i" s]{
	--list-counter-style: lower-roman;
}
.prose ol[type="1"]{
	--list-counter-style: decimal;
}
.prose ol > li{
	position: relative;
	padding-left: 1.75em;
}
.prose ol > li::before{
	content: counter(list-item, var(--list-counter-style, decimal)) ".";
	position: absolute;
	font-weight: 400;
	color: #6b7280;
	left: 0;
}
.prose ul > li{
	position: relative;
	padding-left: 1.75em;
}
.prose ul > li::before{
	content: "";
	position: absolute;
	background-color: #d1d5db;
	border-radius: 50%;
	width: 0.375em;
	height: 0.375em;
	top: calc(0.875em - 0.1875em);
	left: 0.25em;
}
.prose hr{
	border-color: #e5e7eb;
	border-top-width: 1px;
	margin-top: 3em;
	margin-bottom: 3em;
}
.prose blockquote{
	font-weight: 400;
	font-style: normal;
	color: #111827;
	border-left-width: 0.25rem;
	border-left-color: #e5e7eb;
	quotes: "\201C""\201D""\2018""\2019";
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding-left: 1.75rem;
	font-size: 1rem;
	margin: 2.5rem 0px 2.5rem;
	border-left: 2px solid #00A552;
}
.prose blockquote p:first-of-type::before{
	content: open-quote;
}
.prose blockquote p:last-of-type::after{
	content: close-quote;
}
.prose h1{
	color: #111827;
	font-weight: 800;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: 0.8888889em;
	line-height: 1.1111111;
}
.prose h2{
	color: #262F34;
	font-weight: 400;
	font-size: 2.5rem;
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.3333333;
	margin: 5.5rem 0px 2.5rem;
}
.prose h3{
	color: #111827;
	font-weight: 600;
	font-size: 1.25em;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	line-height: 1.6;
}
.prose h4{
	color: #111827;
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.5;
}
.prose figure figcaption{
	color: #6b7280;
	font-size: 0.875em;
	line-height: 1.4285714;
	margin-top: 0.8571429em;
}
.prose code{
	color: #111827;
	font-weight: 600;
	font-size: 0.875em;
}
.prose code::before{
	content: "`";
}
.prose code::after{
	content: "`";
}
.prose a code{
	color: #111827;
}
.prose pre{
	color: #e5e7eb;
	background-color: #1f2937;
	overflow-x: auto;
	font-size: 0.875em;
	line-height: 1.7142857;
	margin-top: 1.7142857em;
	margin-bottom: 1.7142857em;
	border-radius: 0.375rem;
	padding-top: 0.8571429em;
	padding-right: 1.1428571em;
	padding-bottom: 0.8571429em;
	padding-left: 1.1428571em;
}
.prose pre code{
	background-color: transparent;
	border-width: 0;
	border-radius: 0;
	padding: 0;
	font-weight: 400;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}
.prose pre code::before{
	content: none;
}
.prose pre code::after{
	content: none;
}
.prose table{
	width: 100%;
	table-layout: auto;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 0.875em;
	line-height: 1.7142857;
}
.prose thead{
	color: #111827;
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-color: #d1d5db;
}
.prose thead th{
	vertical-align: bottom;
	padding-right: 0.5714286em;
	padding-bottom: 0.5714286em;
	padding-left: 0.5714286em;
}
.prose tbody tr{
	border-bottom-width: 1px;
	border-bottom-color: #e5e7eb;
}
.prose tbody tr:last-child{
	border-bottom-width: 0;
}
.prose tbody td{
	vertical-align: top;
	padding-top: 0.5714286em;
	padding-right: 0.5714286em;
	padding-bottom: 0.5714286em;
	padding-left: 0.5714286em;
}
.prose{
	font-size: 1rem;
	line-height: 1.75;
}
.prose p{
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	font-size: 1.125rem;
	margin: 1.5rem 0px 1.5rem;
	color: #262F34;
	opacity: 0.9;
}
.prose img{
	margin-top: 2em;
	margin-bottom: 2em;
	margin: 2.5rem 0px 2.5rem;
}
.prose video{
	margin-top: 2em;
	margin-bottom: 2em;
}
.prose figure{
	margin-top: 2em;
	margin-bottom: 2em;
}
.prose figure > *{
	margin-top: 0;
	margin-bottom: 0;
}
.prose h2 code{
	font-size: 0.875em;
}
.prose h3 code{
	font-size: 0.9em;
}
.prose ol{
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.prose ul{
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.prose li{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.prose > ul > li p{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.prose > ul > li > *:first-child{
	margin-top: 1.25em;
}
.prose > ul > li > *:last-child{
	margin-bottom: 1.25em;
}
.prose > ol > li > *:first-child{
	margin-top: 1.25em;
}
.prose > ol > li > *:last-child{
	margin-bottom: 1.25em;
}
.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.prose hr + *{
	margin-top: 0;
}
.prose h2 + *{
	margin-top: 0;
}
.prose h3 + *{
	margin-top: 0;
}
.prose h4 + *{
	margin-top: 0;
}
.prose thead th:first-child{
	padding-left: 0;
}
.prose thead th:last-child{
	padding-right: 0;
}
.prose tbody td:first-child{
	padding-left: 0;
}
.prose tbody td:last-child{
	padding-right: 0;
}
.prose > :first-child{
	margin-top: 0;
}
.prose > :last-child{
	margin-bottom: 0;
}
.prose blockquote p{
	font-size: 1rem;
}
.prose-mobile h2{
	margin: 3.5rem 0px 2.5rem;
	font-size: 1.75rem;
}
.prose-mobile blockquote{
	padding-left: 0.75rem;
}
/* Кастомный чекбокс/свитчер */
.toggle-checkbox:checked{
	left: auto;
	right: 1px;
}
/* Кнопки */
.button{
	--tw-bg-opacity: 1;
	background-color: rgba(38, 47, 52, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.visual_editor_styles.button ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.button:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 165, 82, var(--tw-bg-opacity));
}
/* Курсоры */
html {
    cursor: url("/images/template/cursor-default.svg") 12 12, default;
    transition: cursor 0.3s;
  }
a,
button,
.cursor-pointer {
    cursor: url("/images/template/cursor-pointer.svg") 12 12, pointer !important;
  }
.cursor-loop {
    cursor: url("/local/templates/serptop/assets/img/about/cursor-loop.svg") 50 50, auto;
  }
/* Страница услуги */
.service-gallery{
	width: calc(100vw - 16px);
}
@media (min-width: 640px){
	.service-gallery{
		width: calc(100vw - ((100vw - 584px) / 2));
	}
}
@media (min-width: 768px){
	.service-gallery{
		width: calc(100vw - ((100vw - 712px) / 2));
	}
}
@media (min-width: 1024px){
	.service-gallery{
		width: calc(100vw - ((100vw - 968px) / 2));
	}
}
@media (min-width: 1280px){
	.service-gallery{
		width: calc(100vw - ((100vw - 1224px) / 2 + 300px));
	}
}
@media (min-width: 1548px){
	.service-gallery{
		width: calc(100vw - ((100vw - 1492px) / 2 + 300px));
	}
}
/* Статья в блоге */
.blog-article:hover .blog-article-title{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.visible{
	visibility: visible;
}
.\!visible{
	visibility: visible !important;
}
.static{
	position: static;
}
.fixed{
	position: fixed;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.sticky{
	position: -webkit-sticky;
	position: sticky;
}
.inset-0{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.right-4{
	right: 1rem;
}
.top-0{
	top: 0px;
}
.left-0{
	left: 0px;
}
.-top-6{
	top: -1.5rem;
}
.left-px{
	left: 1px;
}
.top-px{
	top: 1px;
}
.bottom-px{
	bottom: 1px;
}
.top-100{
	top: 25rem;
}
.right-0{
	right: 0px;
}
.bottom-0{
	bottom: 0px;
}
.-bottom-9{
	bottom: -2.25rem;
}
.-left-22{
	left: -5.5rem;
}
.-bottom-8{
	bottom: -2rem;
}
.-left-20{
	left: -5rem;
}
.left-\[48\.3\%\]{
	left: 48.3%;
}
.top-\[42\%\]{
	top: 42%;
}
.left-\[24\.9\%\]{
	left: 24.9%;
}
.top-\[35\.4\%\]{
	top: 35.4%;
}
.left-\[43\.5\%\]{
	left: 43.5%;
}
.top-\[60\%\]{
	top: 60%;
}
.left-\[28\.9\%\]{
	left: 28.9%;
}
.top-\[87\.7\%\]{
	top: 87.7%;
}
.left-\[45\.5\%\]{
	left: 45.5%;
}
.top-\[46\.5\%\]{
	top: 46.5%;
}
.left-\[56\.5\%\]{
	left: 56.5%;
}
.top-\[89\.5\%\]{
	top: 89.5%;
}
.left-\[63\.1\%\]{
	left: 63.1%;
}
.top-\[82\%\]{
	top: 82%;
}
.left-\[30\%\]{
	left: 30%;
}
.top-\[28\.8\%\]{
	top: 28.8%;
}
.left-\[43\.7\%\]{
	left: 43.7%;
}
.top-\[52\.1\%\]{
	top: 52.1%;
}
.left-\[5\.2\%\]{
	left: 5.2%;
}
.top-\[36\.1\%\]{
	top: 36.1%;
}
.left-\[54\.2\%\]{
	left: 54.2%;
}
.top-\[71\.1\%\]{
	top: 71.1%;
}
.top-\[91px\]{
	top: 91px;
}
.left-0\.5{
	left: 0.125rem;
}
.z-10{
	z-index: 10;
}
.z-20{
	z-index: 20;
}
.order-first{
	order: -9999;
}
.order-3{
	order: 3;
}
.order-1{
	order: 1;
}
.order-2{
	order: 2;
}
.col-span-full{
	grid-column: 1 / -1;
}
.col-start-2{
	grid-column-start: 2;
}
.row-start-1{
	grid-row-start: 1;
}
.row-end-2{
	grid-row-end: 2;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.mt-6{
	margin-top: 1.5rem;
}
.mt-12{
	margin-top: 3rem;
}
.mt-16{
	margin-top: 4rem;
}
.mt-10{
	margin-top: 2.5rem;
}
.mt-4{
	margin-top: 1rem;
}
.mt-8{
	margin-top: 2rem;
}
.ml-1{
	margin-left: 0.25rem;
}
.mt-14{
	margin-top: 3.5rem;
}
.ml-4{
	margin-left: 1rem;
}
.-mb-px{
	margin-bottom: -1px;
}
.mt-7{
	margin-top: 1.75rem;
}
.ml-auto{
	margin-left: auto;
}
.-mt-30{
	margin-top: -7.5rem;
}
.-mt-14{
	margin-top: -3.5rem;
}
.mt-auto{
	margin-top: auto;
}
.-mt-px{
	margin-top: -1px;
}
.mb-4{
	margin-bottom: 1rem;
}
.mt-11{
	margin-top: 2.75rem;
}
.ml-10{
	margin-left: 2.5rem;
}
.mr-3{
	margin-right: 0.75rem;
}
.-mt-3{
	margin-top: -0.75rem;
}
.-ml-3{
	margin-left: -0.75rem;
}
.mt-3{
	margin-top: 0.75rem;
}
.ml-3{
	margin-left: 0.75rem;
}
.mt-2{
	margin-top: 0.5rem;
}
.ml-6{
	margin-left: 1.5rem;
}
.ml-8{
	margin-left: 2rem;
}
.mb-6{
	margin-bottom: 1.5rem;
}
.ml-2{
	margin-left: 0.5rem;
}
.mb-3{
	margin-bottom: 0.75rem;
}
.mb-14{
	margin-bottom: 3.5rem;
}
.mb-12{
	margin-bottom: 3rem;
}
.-mt-40{
	margin-top: -10rem;
}
.mb-5{
	margin-bottom: 1.25rem;
}
.\!mt-8{
	margin-top: 2rem !important;
}
.-ml-6{
	margin-left: -1.5rem;
}
.mt-20{
	margin-top: 5rem;
}
.-ml-4{
	margin-left: -1rem;
}
.mb-0{
	margin-bottom: 0px;
}
.block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.inline{
	display: inline;
}
.flex{
	display: flex;
}
.table{
	display: table;
}
.table-caption{
	display: table-caption;
}
.table-cell{
	display: table-cell;
}
.grid{
	display: grid;
}
.contents{
	display: contents;
}
.hidden{
	display: none;
}
.\!hidden{
	display: none !important;
}
.h-\[614px\]{
	height: 614px;
}
.h-px{
	height: 1px;
}
.h-80{
	height: 20rem;
}
.h-full{
	height: 100%;
}
.h-0\.5{
	height: 0.125rem;
}
.h-0{
	height: 0px;
}
.h-7{
	height: 1.75rem;
}
.h-4{
	height: 1rem;
}
.h-2\.5{
	height: 0.625rem;
}
.h-2{
	height: 0.5rem;
}
.h-52{
	height: 13rem;
}
.h-30{
	height: 7.5rem;
}
.h-\[21px\]{
	height: 21px;
}
.h-96{
	height: 24rem;
}
.h-\[600px\]{
	height: 600px;
}
.h-3\.5{
	height: 0.875rem;
}
.h-3{
	height: 0.75rem;
}
.h-8{
	height: 2rem;
}
.h-40{
	height: 10rem;
}
.h-\[10px\]{
	height: 10px;
}
.h-\[372px\]{
	height: 372px;
}
.h-105{
	height: 26.25rem;
}
.h-6{
	height: 1.5rem;
}
.h-\[560px\]{
	height: 560px;
}
.h-\[58px\]{
	height: 58px;
}
.h-5{
	height: 1.25rem;
}
.h-12{
	height: 3rem;
}
.h-\[18px\]{
	height: 18px;
}
.h-\[10\]{
	height: 10;
}
.h-\[22px\]{
	height: 22px;
}
.h-84{
	height: 11.5rem;
}
.max-h-25{
	max-height: 6.25rem;
}
.max-h-100{
	max-height: 25rem;
}
.max-h-\[420px\]{
	max-height: 420px;
}
.max-h-\[260px\]{
	max-height: 260px;
}
.max-h-\[100\%\]{
	max-height: 100%;
}
.min-h-\[427px\]{
	min-height: 427px;
}
.min-h-screen{
	min-height: 100vh;
}
.w-\[1049px\]{
	width: 1049px;
}
.w-44{
	width: 11rem;
}
.w-full{
	width: 100%;
}
.w-6{
	width: 1.5rem;
}
.w-8{
	width: 2rem;
}
.w-4{
	width: 1rem;
}
.w-14{
	width: 3.5rem;
}
.w-36{
	width: 9rem;
}
.w-\[262px\]{
	width: 262px;
}
.w-75{
	width: 18.75rem;
}
.w-\[14px\]{
	width: 14px;
}
.w-2\.5{
	width: 0.625rem;
}
.w-2{
	width: 0.5rem;
}
.w-px{
	width: 1px;
}
.w-1\/3{
	width: 33.333333%;
}
.w-2\/3{
	width: 66.666667%;
}
.w-5{
	width: 1.25rem;
}
.w-\[calc\(100\%\+250px\)\]{
	width: calc(100% + 250px);
}
.w-\[276px\]{
	width: 276px;
}
.w-\[1192px\]{
	width: 1192px;
}
.w-1\/2{
	width: 50%;
}
.w-\[110px\]{
	width: 110px;
}
.w-12{
	width: 3rem;
}
.w-\[10px\]{
	width: 10px;
}
.w-\[18px\]{
	width: 18px;
}
.w-1\.5{
	width: 0.375rem;
}
.w-1{
	width: 0.25rem;
}
.w-32{
	width: 8rem;
}
.w-10{
	width: 2.5rem;
}
.max-w-xs{
	max-width: 20rem;
}
.max-w-\[270px\]{
	max-width: 270px;
}
.max-w-inner-container{
	max-width: 74.625rem;
}
.max-w-\[344px\]{
	max-width: 344px;
}
.max-w-lg{
	max-width: 32rem;
}
.max-w-full{
	max-width: 100%;
}
.max-w-sm{
	max-width: 24rem;
}
.max-w-\[252px\]{
	max-width: 252px;
}
.max-w-none{
	max-width: none;
}
.max-w-\[276px\]{
	max-width: 276px;
}
.flex-1{
	flex: 1 1 0%;
}
.flex-shrink-0{
	flex-shrink: 0;
}
.-translate-y-full{
	--tw-translate-y: -100%;
	-webkit-transform: var(--tw-transform);
	        transform: var(--tw-transform);
}
.-translate-y-0{
	--tw-translate-y: 0px;
	-webkit-transform: var(--tw-transform);
	        transform: var(--tw-transform);
}
.translate-y-25{
	--tw-translate-y: 6.25rem;
	-webkit-transform: var(--tw-transform);
	        transform: var(--tw-transform);
}
.rotate-180{
	--tw-rotate: 180deg;
	-webkit-transform: var(--tw-transform);
	        transform: var(--tw-transform);
}
.transform{
	-webkit-transform: var(--tw-transform);
	        transform: var(--tw-transform);
}
.cursor-pointer{
	cursor: pointer;
}
.select-none{
	-webkit-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.resize{
	resize: both;
}
.list-disc{
	list-style-type: disc;
}
.appearance-none{
	-webkit-appearance: none;
	        appearance: none;
}
.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-4{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-8{
	grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-rows-3{
	grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-col{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.items-center{
	align-items: center;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.gap-6{
	gap: 1.5rem;
}
.gap-x-8{
	-webkit-column-gap: 2rem;
	        column-gap: 2rem;
}
.gap-y-8{
	row-gap: 2rem;
}
.gap-y-10{
	row-gap: 2.5rem;
}
.gap-x-1{
	-webkit-column-gap: 0.25rem;
	        column-gap: 0.25rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.75rem * var(--tw-space-x-reverse));
	margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-22 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(5.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(5.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-25 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(6.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(6.25rem * var(--tw-space-y-reverse));
}
.space-x-9 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(2.25rem * var(--tw-space-x-reverse));
	margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-30 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(7.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(7.5rem * var(--tw-space-y-reverse));
}
.self-start{
	align-self: flex-start;
}
.self-stretch{
	align-self: stretch;
}
.justify-self-start{
	justify-self: start;
}
.justify-self-end{
	justify-self: end;
}
.overflow-auto{
	overflow: auto;
}
.overflow-hidden{
	overflow: hidden;
}
.overflow-x-auto{
	overflow-x: auto;
}
.overflow-y-auto{
	overflow-y: auto;
}
.overflow-x-hidden{
	overflow-x: hidden;
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.whitespace-nowrap{
	white-space: nowrap;
}
.rounded-full{
	border-radius: 9999px;
}
.rounded-3xl{
	border-radius: 1.5rem;
}
.rounded{
	border-radius: 0.25rem;
}
.border{
	border-width: 1px;
}
.border-b{
	border-bottom-width: 1px;
}
.border-t{
	border-top-width: 1px;
}
.border-b-4{
	border-bottom-width: 4px;
}
.border-b-2{
	border-bottom-width: 2px;
}
.border-cyanGreen{
	--tw-border-opacity: 1;
	border-color: rgba(0, 165, 82, var(--tw-border-opacity));
}
.border-cyan{
	--tw-border-opacity: 1;
	border-color: rgba(120, 122, 123, var(--tw-border-opacity));
}
.border-white{
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-white\/20{
	border-color: rgba(255, 255, 255, 0.2);
}
.border-white\/40{
	border-color: rgba(255, 255, 255, 0.4);
}
.border-gainsboro{
	--tw-border-opacity: 1;
	border-color: rgba(220, 220, 220, var(--tw-border-opacity));
}
.border-transparent{
	border-color: transparent;
}
.border-white\/10{
	border-color: rgba(255, 255, 255, 0.1);
}
.border-cyanBlue{
	--tw-border-opacity: 1;
	border-color: rgba(38, 47, 52, var(--tw-border-opacity));
}
.bg-cyanBlue{
	--tw-bg-opacity: 1;
	background-color: rgba(38, 47, 52, var(--tw-bg-opacity));
}
.bg-white{
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-cyanGreen{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 165, 82, var(--tw-bg-opacity));
}
.bg-transparent{
	background-color: transparent;
}
.bg-cyan{
	--tw-bg-opacity: 1;
	background-color: rgba(120, 122, 123, var(--tw-bg-opacity));
}
.bg-white\/10{
	background-color: rgba(255, 255, 255, 0.1);
}
.bg-opacity-8{
	--tw-bg-opacity: 0.08;
}
.bg-opacity-12{
	--tw-bg-opacity: 0.12;
}
.bg-opacity-10{
	--tw-bg-opacity: 0.1;
}
.object-contain{
	-o-object-fit: contain;
	   object-fit: contain;
}
.object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}
.p-5{
	padding: 1.25rem;
}
.px-4{
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-14{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
.py-25{
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.px-7{
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}
.py-10{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.px-8{
	padding-left: 2rem;
	padding-right: 2rem;
}
.px-22{
	padding-left: 5.5rem;
	padding-right: 5.5rem;
}
.py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.pt-14{
	padding-top: 3.5rem;
}
.pb-4{
	padding-bottom: 1rem;
}
.pt-0\.5{
	padding-top: 0.125rem;
}
.pt-0{
	padding-top: 0px;
}
.pb-14{
	padding-bottom: 3.5rem;
}
.pb-25{
	padding-bottom: 6.25rem;
}
.pt-6{
	padding-top: 1.5rem;
}
.pr-4{
	padding-right: 1rem;
}
.pt-\[23px\]{
	padding-top: 23px;
}
.pb-\[26px\]{
	padding-bottom: 26px;
}
.pb-2{
	padding-bottom: 0.5rem;
}
.pt-25{
	padding-top: 6.25rem;
}
.pt-10{
	padding-top: 2.5rem;
}
.pb-6{
	padding-bottom: 1.5rem;
}
.pb-10{
	padding-bottom: 2.5rem;
}
.pt-8{
	padding-top: 2rem;
}
.pb-8{
	padding-bottom: 2rem;
}
.pb-50{
	padding-bottom: 12.5rem;
}
.pl-7{
	padding-left: 1.75rem;
}
.pt-4{
	padding-top: 1rem;
}
.pb-1{
	padding-bottom: 0.25rem;
}
.pl-5{
	padding-left: 1.25rem;
}
.pb-0\.5{
	padding-bottom: 0.125rem;
}
.pb-0{
	padding-bottom: 0px;
}
.pt-5{
	padding-top: 1.25rem;
}
.pr-6{
	padding-right: 1.5rem;
}
.pt-50{
	padding-top: 12.5rem;
}
.pt-20{
	padding-top: 5rem;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.align-middle{
	vertical-align: middle;
}
.text-h1-mobile{
	font-size: 2.4375rem;
	line-height: 1.2;
}
.text-sm{
	font-size: .875rem;
	line-height: 1.3;
}
.text-2xl{
	font-size: 1.75rem;
	line-height: 1.2;
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.4;
}
.text-6xl{
	font-size: 3.875rem;
	line-height: 1.2;
}
.text-xl{
	font-size: 1.5rem;
	line-height: 1.3;
}
.text-\[34px\]{
	font-size: 34px;
}
.text-\[30px\]{
	font-size: 30px;
}
.font-medium{
	font-weight: 500;
}
.\!font-normal{
	font-weight: 400 !important;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}
.capitalize{
	text-transform: capitalize;
}
.italic{
	font-style: italic;
}
.text-cyanGreen{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.text-cyanBlue{
	--tw-text-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-text-opacity));
}
.text-cyan{
	--tw-text-opacity: 1;
	color: rgba(120, 122, 123, var(--tw-text-opacity));
}
.text-darkGray{
	--tw-text-opacity: 1;
	color: rgba(165, 165, 165, var(--tw-text-opacity));
}
.text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gainsboro{
	--tw-text-opacity: 1;
	color: rgba(220, 220, 220, var(--tw-text-opacity));
}
.\!text-cyan{
	--tw-text-opacity: 1 !important;
	color: rgba(120, 122, 123, var(--tw-text-opacity)) !important;
}
.text-white\/60{
	color: rgba(255, 255, 255, 0.6);
}
.\!text-white{
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.underline{
	text-decoration: underline;
}
.\!no-underline{
	text-decoration: none !important;
}
.placeholder-cyan::-webkit-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(120, 122, 123, var(--tw-placeholder-opacity));
}
.placeholder-cyan:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(120, 122, 123, var(--tw-placeholder-opacity));
}
.placeholder-cyan::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(120, 122, 123, var(--tw-placeholder-opacity));
}
.placeholder-white\/60::-webkit-input-placeholder{
	color: rgba(255, 255, 255, 0.6);
}
.placeholder-white\/60:-ms-input-placeholder{
	color: rgba(255, 255, 255, 0.6);
}
.placeholder-white\/60::placeholder{
	color: rgba(255, 255, 255, 0.6);
}
.shadow{
	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur{
	--tw-blur: blur(8px);
	-webkit-filter: var(--tw-filter);
	        filter: var(--tw-filter);
}
.drop-shadow{
	--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
	-webkit-filter: var(--tw-filter);
	        filter: var(--tw-filter);
}
.invert{
	--tw-invert: invert(100%);
	-webkit-filter: var(--tw-filter);
	        filter: var(--tw-filter);
}
.filter{
	-webkit-filter: var(--tw-filter);
	        filter: var(--tw-filter);
}
.\!filter{
	-webkit-filter: var(--tw-filter) !important;
	        filter: var(--tw-filter) !important;
}
.transition-colors{
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.transition{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.duration-200{
	transition-duration: 200ms;
}
.duration-500{
	transition-duration: 500ms;
}
.duration-300{
	transition-duration: 300ms;
}
.ease-in{
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in-out{
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.scrollbar{
	--scrollbar-track: initial;
	--scrollbar-thumb: initial;
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
	overflow: overlay;
}
.scrollbar.overflow-x-hidden{
	overflow-x: hidden;
}
.scrollbar.overflow-y-hidden{
	overflow-y: hidden;
}
.scrollbar::-webkit-scrollbar-track{
	background-color: var(--scrollbar-track);
}
.scrollbar::-webkit-scrollbar-thumb{
	background-color: var(--scrollbar-thumb);
}
.scrollbar{
	scrollbar-width: auto;
}
.scrollbar::-webkit-scrollbar{
	width: 16px;
	height: 16px;
}
.scrollbar-thin{
	--scrollbar-track: initial;
	--scrollbar-thumb: initial;
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
	overflow: overlay;
}
.scrollbar-thin.overflow-x-hidden{
	overflow-x: hidden;
}
.scrollbar-thin.overflow-y-hidden{
	overflow-y: hidden;
}
.scrollbar-thin::-webkit-scrollbar-track{
	background-color: var(--scrollbar-track);
}
.scrollbar-thin::-webkit-scrollbar-thumb{
	background-color: var(--scrollbar-thumb);
}
.scrollbar-thin{
	scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar{
	width: 8px;
	height: 8px;
}
/* Яндекс карта */
/* Фон для иконки инстаграмма */
.instagram-bg:hover {
    background-image: url("/local/templates/serptop/assets/img/article/instagram_bg.png");
    background-size: cover;
  }
/* Фон для формы в модальном окне */
.callback-modal-bg {
    background: linear-gradient(0deg, rgba(38, 47, 52, 0.9), rgba(38, 47, 52, 0.9)), url("/local/templates/serptop/assets/img/callback-modal/bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
/* Фон для успешной отправки формы в модальном */
.success-modal-bg {
    background: linear-gradient(0deg, rgba(38, 47, 52, 0.9), rgba(38, 47, 52, 0.9)), url("/local/templates/serptop/assets/img/success-modal/bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
/* Слайдер услуг на главной */
.js-services-link{
	position: relative;
	max-width: 250px;
	cursor: pointer;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
    cursor: url("/images/template/cursor-pointer.svg") 12 12, pointer;
}
.js-services-link.active{
	cursor: default;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.visual_editor_styles.js-services-link.active ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
.js-services-link.active::before{
	content: "";
	position: absolute;
	content: "";
	top: 0px;
	content: "";
	left: -1.75rem;
	content: "";
	bottom: 0px;
	content: "";
	width: 0.25rem;
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(0, 165, 82, var(--tw-bg-opacity));
}
@media screen and (min-width: 1280px) {
    .js-services-splide .splide__slide::before{
		content: "";
		position: absolute;
	}
    .js-services-splide .splide__slide::before{
		content: "";
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}
    .js-services-splide .splide__slide::before{
		content: "";
		background-color: rgba(38, 47, 52, 0.5);
	}
    .js-services-splide .splide__slide::before{
		content: "";
		transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
		transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}
    .js-services-splide .splide__slide::before{
		content: "";
		transition-duration: 300ms;
	}

    .js-services-splide .splide__slide.is-active::before{
		content: "";
		background-color: transparent;
	}

    .js-services-splide .splide__slide a{
		display: none;
	}

    .js-services-splide .splide__slide.is-active a{
		display: inline;
	}
  }
/* Слайдер проектов */
@media screen and (min-width: 1280px) {
    .js-projects-splide .splide__slide::before{
		content: "";
		position: absolute;
	}
    .js-projects-splide .splide__slide::before{
		content: "";
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}
    .js-projects-splide .splide__slide::before{
		content: "";
		background-color: rgba(38, 47, 52, 0.5);
	}

    .js-projects-splide .splide__slide.is-active::before{
		content: "";
		display: none;
	}
  }
/* Анимации */
[data-aos=img-animation] {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
.aos-animate[data-aos=img-animation] {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
[data-aos] {
    visibility: hidden;
  }
[data-aos].aos-animate {
    visibility: visible;
  }
/* order.css */
.c-form .required-field {
    color: #f00;
  }
.c-form .form-group {
    position: relative;
  }
.c-form .invalid-tooltip {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
.c-form .invalid-feedback--radio,
.c-form .invalid-tooltip--radio {
    display: block;
  }
.form-group .invalid-feedback {
    position: absolute;
    width: 100%;
    font-size: 10px;
    bottom: -24px;
  }
.form-group--result {
    display: none;
  }
.c-form .required-field {
    display: none;
  }
/* tippy.js */
.tippy-box[data-theme~=light]{
	min-width: 384px;
	border-radius: 0.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	--tw-shadow: 6px 12px 15px rgba(0, 0, 0, 0.25);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tippy-box[data-theme~=light] p{
	font-size: 1.125rem;
	line-height: 1.4;
	--tw-text-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-text-opacity));
}
.tippy-box[data-theme~=light] a{
	margin-top: 1rem;
	display: inline-block;
	border-bottom-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgba(38, 47, 52, var(--tw-border-opacity));
	padding-bottom: 0.125rem;
	font-size: .875rem;
	line-height: 1.3;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-text-opacity));
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.tippy-box[data-theme~=light] a:hover{
	--tw-border-opacity: 1;
	border-color: rgba(0, 165, 82, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.category-active::after{
	content: "";
	position: absolute;
	content: "";
	left: 0px;
	content: "";
	bottom: -0.125rem;
	content: "";
	height: 1px;
	content: "";
	width: 4.5rem;
	content: "";
	background-color: currentColor;
}
.visual_editor_styles ul{
	display: none;
	list-style-position: outside;
	list-style-type: disc;
}
.visual_editor_styles ul > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.visual_editor_styles ul{
	padding-left: 1.25rem;
	font-size: 1.125rem;
	line-height: 1.4;
	--tw-text-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-text-opacity));
}
.visual_editor_styles ul *::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.visual_editor_styles ul::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
@media (min-width: 1280px){
	.visual_editor_styles ul{
		display: block;
	}
}
.visual_editor_styles ul li *::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.visual_editor_styles ul li::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.visual_editor_styles.text-white ul li {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
.\!visual_editor_styles.\!text-white ul li {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
.show-more-services__dropdown-link::after {
    content: "";
    margin-left: 1rem;
    background-image: url("/images/template/dropdown-btn.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 1rem;
    width: 1rem;
  }
.show-more-services__dropdown-link__active::after {
    background-image: url("/images/template/dropdown-btn-active.png");
  }
.contacts__map-container {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
.has-scroll-smooth {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
/*[asscroll-container] {
    overflow-x: hidden;
  }*/
[asscroll-container] {
    overflow: hidden !important;
  }
.default-scrollbar__hidden::-webkit-scrollbar {
    display: none;
  }
.service-gallery-splide{
	width: calc(100vw - 17px);
}
@media (min-width: 640px){
	.service-gallery-splide{
		width: calc(100vw - ((100vw - 584px) / 2));
	}
}
@media (min-width: 768px){
	.service-gallery-splide{
		width: calc(100vw - ((100vw - 712px) / 2));
	}
}
@media (min-width: 1024px){
	.service-gallery-splide{
		width: calc(100vw - ((100vw - 968px) / 2));
	}
}
@media (min-width: 1280px){
	.service-gallery-splide{
		width: calc(100vw - ((100vw - 1224px) / 2 + 300px));
	}
}
@media (min-width: 1548px){
	.service-gallery-splide{
		width: calc(100vw - ((100vw - 1492px) / 2 + 300px));
	}
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.marker\:text-cyanGreen *::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.marker\:text-cyanGreen::marker{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.before\:absolute::before{
	content: "";
	position: absolute;
}
.before\:inset-0::before{
	content: "";
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.before\:top-0::before{
	content: "";
	top: 0px;
}
.before\:left-0::before{
	content: "";
	left: 0px;
}
.before\:-mt-px::before{
	content: "";
	margin-top: -1px;
}
.before\:mr-2::before{
	content: "";
	margin-right: 0.5rem;
}
.before\:mr-8::before{
	content: "";
	margin-right: 2rem;
}
.before\:block::before{
	content: "";
	display: block;
}
.before\:h-90::before{
	content: "";
	height: 22.5rem;
}
.before\:h-45::before{
	content: "";
	height: 11.25rem;
}
.before\:h-175::before{
	content: "";
	height: 43.75rem;
}
.before\:h-0\.5::before{
	content: "";
	height: 0.125rem;
}
.before\:h-0::before{
	content: "";
	height: 0px;
}
.before\:w-full::before{
	content: "";
	width: 100%;
}
.before\:w-44::before{
	content: "";
	width: 11rem;
}
.before\:bg-cyanBlue::before{
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(38, 47, 52, var(--tw-bg-opacity));
}
.before\:bg-cyanGreen::before{
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(0, 165, 82, var(--tw-bg-opacity));
}
.before\:bg-white::before{
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.before\:bg-opacity-85::before{
	content: "";
	--tw-bg-opacity: 0.85;
}
.before\:content-\[\'-\'\]::before{
	content: '-';
}
.after\:absolute::after{
	content: "";
	position: absolute;
}
.after\:left-0::after{
	content: "";
	left: 0px;
}
.after\:-bottom-0\.5::after{
	content: "";
	bottom: -0.125rem;
}
.after\:-bottom-0::after{
	content: "";
	bottom: 0px;
}
.after\:mt-2::after{
	content: "";
	margin-top: 0.5rem;
}
.after\:ml-2::after{
	content: "";
	margin-left: 0.5rem;
}
.after\:block::after{
	content: "";
	display: block;
}
.after\:h-px::after{
	content: "";
	height: 1px;
}
.after\:w-full::after{
	content: "";
	width: 100%;
}
.after\:w-18::after{
	content: "";
	width: 4.5rem;
}
.after\:max-w-full::after{
	content: "";
	max-width: 100%;
}
.after\:bg-cyanBlue::after{
	content: "";
	--tw-bg-opacity: 1;
	background-color: rgba(38, 47, 52, var(--tw-bg-opacity));
}
.after\:bg-current::after{
	content: "";
	background-color: currentColor;
}
.after\:content-\[\'\/\'\]::after{
	content: '/';
}
.focus-within\:placeholder-cyanBlue:focus-within::-webkit-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-placeholder-opacity));
}
.focus-within\:placeholder-cyanBlue:focus-within:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-placeholder-opacity));
}
.focus-within\:placeholder-cyanBlue:focus-within::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-placeholder-opacity));
}
.focus-within\:placeholder-white:focus-within::-webkit-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.focus-within\:placeholder-white:focus-within:-ms-input-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.focus-within\:placeholder-white:focus-within::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}
.focus-within\:outline-none:focus-within{
	outline: 2px solid transparent;
	outline-offset: 2px;
}
.group:hover .group-hover\:text-white{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyanGreen{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.group:hover .group-hover\:visual_editor_styles.group-hover\:text-white ul li {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
.hover\:border-cyanGreen:hover{
	--tw-border-opacity: 1;
	border-color: rgba(0, 165, 82, var(--tw-border-opacity));
}
.hover\:bg-\[\#3B5794\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(59, 87, 148, var(--tw-bg-opacity));
}
.hover\:bg-\[\#0277FF\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(2, 119, 255, var(--tw-bg-opacity));
}
.hover\:bg-\[\#28A4E3\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(40, 164, 227, var(--tw-bg-opacity));
}
.hover\:bg-\[\#4CAF50\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(76, 175, 80, var(--tw-bg-opacity));
}
.hover\:bg-\[\#00ACEE\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 172, 238, var(--tw-bg-opacity));
}
.hover\:bg-\[\#5F3684\]:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(95, 54, 132, var(--tw-bg-opacity));
}
.hover\:bg-cyanGreen:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(0, 165, 82, var(--tw-bg-opacity));
}
.hover\:text-cyanGreen:hover{
	--tw-text-opacity: 1;
	color: rgba(0, 165, 82, var(--tw-text-opacity));
}
.hover\:text-cyanBlue:hover{
	--tw-text-opacity: 1;
	color: rgba(38, 47, 52, var(--tw-text-opacity));
}
.hover\:\!text-cyanGreen:hover{
	--tw-text-opacity: 1 !important;
	color: rgba(0, 165, 82, var(--tw-text-opacity)) !important;
}
.hover\:text-white:hover{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:opacity-50:hover{
	opacity: 0.5;
}
.hover\:opacity-100:hover{
	opacity: 1;
}
.hover\:text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
@media (min-width: 640px){
	.sm\:prose-tablet h2{
		margin: 3.5rem 0px 2.5rem;
		font-size: 2rem;
	}
	.sm\:prose-tablet blockquote{
		padding-left: 0.75rem;
	}
	.sm\:right-7{
		right: 1.75rem;
	}
	.sm\:col-span-3{
		grid-column: span 3 / span 3;
	}
	.sm\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.sm\:col-start-2{
		grid-column-start: 2;
	}
	.sm\:col-start-3{
		grid-column-start: 3;
	}
	.sm\:col-end-7{
		grid-column-end: 7;
	}
	.sm\:col-end-8{
		grid-column-end: 8;
	}
	.sm\:mt-4{
		margin-top: 1rem;
	}
	.sm\:mt-16{
		margin-top: 4rem;
	}
	.sm\:mr-6{
		margin-right: 1.5rem;
	}
	.sm\:mt-0{
		margin-top: 0px;
	}
	.sm\:mt-6{
		margin-top: 1.5rem;
	}
	.sm\:ml-auto{
		margin-left: auto;
	}
	.sm\:mt-12{
		margin-top: 3rem;
	}
	.sm\:mt-25{
		margin-top: 6.25rem;
	}
	.sm\:mt-10{
		margin-top: 2.5rem;
	}
	.sm\:ml-10{
		margin-left: 2.5rem;
	}
	.sm\:mt-14{
		margin-top: 3.5rem;
	}
	.sm\:mb-16{
		margin-bottom: 4rem;
	}
	.sm\:block{
		display: block;
	}
	.sm\:flex{
		display: flex;
	}
	.sm\:hidden{
		display: none;
	}
	.sm\:h-90{
		height: 22.5rem;
	}
	.sm\:w-1\/2{
		width: 50%;
	}
	.sm\:w-auto{
		width: auto;
	}
	.sm\:max-w-none{
		max-width: none;
	}
	.sm\:grid-cols-intro-about{
		grid-template-columns: repeat(3, minmax(0, auto));
	}
	.sm\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sm\:grid-rows-2{
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}
	.sm\:flex-row{
		flex-direction: row;
	}
	.sm\:items-center{
		align-items: center;
	}
	.sm\:justify-between{
		justify-content: space-between;
	}
	.sm\:gap-x-16{
		-webkit-column-gap: 4rem;
		        column-gap: 4rem;
	}
	.sm\:gap-x-6{
		-webkit-column-gap: 1.5rem;
		        column-gap: 1.5rem;
	}
	.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}
	.sm\:space-x-10 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(2.5rem * var(--tw-space-x-reverse));
		margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.sm\:space-y-30 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(7.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(7.5rem * var(--tw-space-y-reverse));
	}
	.sm\:space-x-6 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(1.5rem * var(--tw-space-x-reverse));
		margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
	.sm\:justify-self-start{
		justify-self: start;
	}
	.sm\:px-7{
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}
	.sm\:py-16{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.sm\:py-30{
		padding-top: 7.5rem;
		padding-bottom: 7.5rem;
	}
	.sm\:px-10{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.sm\:px-18{
		padding-left: 4.5rem;
		padding-right: 4.5rem;
	}
	.sm\:pb-16{
		padding-bottom: 4rem;
	}
	.sm\:pb-30{
		padding-bottom: 7.5rem;
	}
	.sm\:pt-16{
		padding-top: 4rem;
	}
	.sm\:pt-30{
		padding-top: 7.5rem;
	}
	.sm\:pr-4{
		padding-right: 1rem;
	}
	.sm\:pb-55{
		padding-bottom: 13.75rem;
	}
	.sm\:pt-10{
		padding-top: 2.5rem;
	}
	.sm\:pl-22{
		padding-left: 5.5rem;
	}
	.sm\:pb-5{
		padding-bottom: 1.25rem;
	}
	.sm\:pb-14{
		padding-bottom: 3.5rem;
	}
	.sm\:text-4xl{
		font-size: 2.5rem;
		line-height: 1.2;
	}
	.sm\:text-3xl{
		font-size: 2rem;
		line-height: 1.2;
	}
	.sm\:before\:h-40::before{
		content: "";
		height: 10rem;
	}
	.sm\:after\:w-44::after{
		content: "";
		width: 11rem;
	}
}
@media (min-width: 768px){
	.md\:mt-0{
		margin-top: 0px;
	}
	.md\:ml-auto{
		margin-left: auto;
	}
	.md\:flex-row{
		flex-direction: row;
	}
	.md\:items-center{
		align-items: center;
	}
}
@media (min-width: 1024px){
	.lg\:order-none{
		order: 0;
	}
	.lg\:order-1{
		order: 1;
	}
	.lg\:order-2{
		order: 2;
	}
	.lg\:col-span-5{
		grid-column: span 5 / span 5;
	}
	.lg\:col-span-7{
		grid-column: span 7 / span 7;
	}
	.lg\:col-start-1{
		grid-column-start: 1;
	}
	.lg\:col-start-5{
		grid-column-start: 5;
	}
	.lg\:col-end-4{
		grid-column-end: 4;
	}
	.lg\:col-end-13{
		grid-column-end: 13;
	}
	.lg\:mt-55{
		margin-top: 13.75rem;
	}
	.lg\:mt-0{
		margin-top: 0px;
	}
	.lg\:mt-22{
		margin-top: 5.5rem;
	}
	.lg\:ml-36{
		margin-left: 9rem;
	}
	.lg\:ml-25{
		margin-left: 6.25rem;
	}
	.lg\:mb-0{
		margin-bottom: 0px;
	}
	.lg\:mt-25{
		margin-top: 6.25rem;
	}
	.lg\:mt-8{
		margin-top: 2rem;
	}
	.lg\:mt-10{
		margin-top: 2.5rem;
	}
	.lg\:mb-16{
		margin-bottom: 4rem;
	}
	.lg\:mr-5{
		margin-right: 1.25rem;
	}
	.lg\:ml-30{
		margin-left: 7.5rem;
	}
	.lg\:block{
		display: block;
	}
	.lg\:flex{
		display: flex;
	}
	.lg\:hidden{
		display: none;
	}
	.lg\:h-auto{
		height: auto;
	}
	.lg\:h-7{
		height: 1.75rem;
	}
	.lg\:h-8{
		height: 2rem;
	}
	.lg\:h-110{
		height: 27.5rem;
	}
	.lg\:w-7{
		width: 1.75rem;
	}
	.lg\:w-8{
		width: 2rem;
	}
	.lg\:w-1\/2{
		width: 50%;
	}
	.lg\:max-w-\[225px\]{
		max-width: 225px;
	}
	.lg\:max-w-\[275px\]{
		max-width: 275px;
	}
	.lg\:cursor-auto{
		cursor: auto;
	}
	.lg\:grid-cols-12{
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	.lg\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.lg\:flex-row{
		flex-direction: row;
	}
	.lg\:gap-x-8{
		-webkit-column-gap: 2rem;
		        column-gap: 2rem;
	}
	.lg\:gap-y-10{
		row-gap: 2.5rem;
	}
	.lg\:space-y-8 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
	}
	.lg\:border-none{
		border-style: none;
	}
	.lg\:bg-transparent{
		background-color: transparent;
	}
	.lg\:px-36{
		padding-left: 9rem;
		padding-right: 9rem;
	}
	.lg\:py-12{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.lg\:px-14{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
	.lg\:pt-8{
		padding-top: 2rem;
	}
	.lg\:pb-0{
		padding-bottom: 0px;
	}
	.lg\:pb-8{
		padding-bottom: 2rem;
	}
	.lg\:text-5xl{
		font-size: 3rem;
		line-height: 1.2;
	}
	.lg\:text-cyanBlue{
		--tw-text-opacity: 1;
		color: rgba(38, 47, 52, var(--tw-text-opacity));
	}
	.lg\:hover\:text-white:hover{
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

  .lg\:hover\:text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }
}
@media (min-width: 1280px){
	.xl\:prose{
		color: #374151;
		max-width: 65ch;
	}
	.xl\:prose [class~="lead"]{
		color: #4b5563;
		font-size: 1.25em;
		line-height: 1.6;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
	}
	.xl\:prose a{
		color: #111827;
		text-decoration: underline;
		font-weight: 500;
	}
	.xl\:prose strong{
		color: #111827;
		font-weight: 600;
	}
	.xl\:prose ol[type="A"]{
		--list-counter-style: upper-alpha;
	}
	.xl\:prose ol[type="a"]{
		--list-counter-style: lower-alpha;
	}
	.xl\:prose ol[type="A" s]{
		--list-counter-style: upper-alpha;
	}
	.xl\:prose ol[type="a" s]{
		--list-counter-style: lower-alpha;
	}
	.xl\:prose ol[type="I"]{
		--list-counter-style: upper-roman;
	}
	.xl\:prose ol[type="i"]{
		--list-counter-style: lower-roman;
	}
	.xl\:prose ol[type="I" s]{
		--list-counter-style: upper-roman;
	}
	.xl\:prose ol[type="i" s]{
		--list-counter-style: lower-roman;
	}
	.xl\:prose ol[type="1"]{
		--list-counter-style: decimal;
	}
	.xl\:prose ol > li{
		position: relative;
		padding-left: 1.75em;
	}
	.xl\:prose ol > li::before{
		content: counter(list-item, var(--list-counter-style, decimal)) ".";
		position: absolute;
		font-weight: 400;
		color: #6b7280;
		left: 0;
	}
	.xl\:prose ul > li{
		position: relative;
		padding-left: 1.75em;
	}
	.xl\:prose ul > li::before{
		content: "";
		position: absolute;
		background-color: #d1d5db;
		border-radius: 50%;
		width: 0.375em;
		height: 0.375em;
		top: calc(0.875em - 0.1875em);
		left: 0.25em;
	}
	.xl\:prose hr{
		border-color: #e5e7eb;
		border-top-width: 1px;
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.xl\:prose blockquote{
		font-weight: 400;
		font-style: normal;
		color: #111827;
		border-left-width: 0.25rem;
		border-left-color: #e5e7eb;
		quotes: "\201C""\201D""\2018""\2019";
		margin-top: 1.6em;
		margin-bottom: 1.6em;
		padding-left: 1.75rem;
		font-size: 1rem;
		margin: 2.5rem 0px 2.5rem;
		border-left: 2px solid #00A552;
	}
	.xl\:prose blockquote p:first-of-type::before{
		content: open-quote;
	}
	.xl\:prose blockquote p:last-of-type::after{
		content: close-quote;
	}
	.xl\:prose h1{
		color: #111827;
		font-weight: 800;
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 0.8888889em;
		line-height: 1.1111111;
	}
	.xl\:prose h2{
		color: #262F34;
		font-weight: 400;
		font-size: 2.5rem;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 1.3333333;
		margin: 5.5rem 0px 2.5rem;
	}
	.xl\:prose h3{
		color: #111827;
		font-weight: 600;
		font-size: 1.25em;
		margin-top: 1.6em;
		margin-bottom: 0.6em;
		line-height: 1.6;
	}
	.xl\:prose h4{
		color: #111827;
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 1.5;
	}
	.xl\:prose figure figcaption{
		color: #6b7280;
		font-size: 0.875em;
		line-height: 1.4285714;
		margin-top: 0.8571429em;
	}
	.xl\:prose code{
		color: #111827;
		font-weight: 600;
		font-size: 0.875em;
	}
	.xl\:prose code::before{
		content: "`";
	}
	.xl\:prose code::after{
		content: "`";
	}
	.xl\:prose a code{
		color: #111827;
	}
	.xl\:prose pre{
		color: #e5e7eb;
		background-color: #1f2937;
		overflow-x: auto;
		font-size: 0.875em;
		line-height: 1.7142857;
		margin-top: 1.7142857em;
		margin-bottom: 1.7142857em;
		border-radius: 0.375rem;
		padding-top: 0.8571429em;
		padding-right: 1.1428571em;
		padding-bottom: 0.8571429em;
		padding-left: 1.1428571em;
	}
	.xl\:prose pre code{
		background-color: transparent;
		border-width: 0;
		border-radius: 0;
		padding: 0;
		font-weight: 400;
		color: inherit;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
	}
	.xl\:prose pre code::before{
		content: none;
	}
	.xl\:prose pre code::after{
		content: none;
	}
	.xl\:prose table{
		width: 100%;
		table-layout: auto;
		text-align: left;
		margin-top: 2em;
		margin-bottom: 2em;
		font-size: 0.875em;
		line-height: 1.7142857;
	}
	.xl\:prose thead{
		color: #111827;
		font-weight: 600;
		border-bottom-width: 1px;
		border-bottom-color: #d1d5db;
	}
	.xl\:prose thead th{
		vertical-align: bottom;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
	}
	.xl\:prose tbody tr{
		border-bottom-width: 1px;
		border-bottom-color: #e5e7eb;
	}
	.xl\:prose tbody tr:last-child{
		border-bottom-width: 0;
	}
	.xl\:prose tbody td{
		vertical-align: top;
		padding-top: 0.5714286em;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
	}
	.xl\:prose{
		font-size: 1rem;
		line-height: 1.75;
	}
	.xl\:prose p{
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		font-size: 1.125rem;
		margin: 1.5rem 0px 1.5rem;
		color: #262F34;
		opacity: 0.9;
	}
	.xl\:prose img{
		margin-top: 2em;
		margin-bottom: 2em;
		margin: 2.5rem 0px 2.5rem;
	}
	.xl\:prose video{
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.xl\:prose figure{
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.xl\:prose figure > *{
		margin-top: 0;
		margin-bottom: 0;
	}
	.xl\:prose h2 code{
		font-size: 0.875em;
	}
	.xl\:prose h3 code{
		font-size: 0.9em;
	}
	.xl\:prose ol{
		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}
	.xl\:prose ul{
		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}
	.xl\:prose li{
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.xl\:prose > ul > li p{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}
	.xl\:prose > ul > li > *:first-child{
		margin-top: 1.25em;
	}
	.xl\:prose > ul > li > *:last-child{
		margin-bottom: 1.25em;
	}
	.xl\:prose > ol > li > *:first-child{
		margin-top: 1.25em;
	}
	.xl\:prose > ol > li > *:last-child{
		margin-bottom: 1.25em;
	}
	.xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}
	.xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}
	.xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}
	.xl\:prose ul ul, .xl\:prose ul ol, .xl\:prose ol ul, .xl\:prose ol ol{
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}
	.xl\:prose hr + *{
		margin-top: 0;
	}
	.xl\:prose h2 + *{
		margin-top: 0;
	}
	.xl\:prose h3 + *{
		margin-top: 0;
	}
	.xl\:prose h4 + *{
		margin-top: 0;
	}
	.xl\:prose thead th:first-child{
		padding-left: 0;
	}
	.xl\:prose thead th:last-child{
		padding-right: 0;
	}
	.xl\:prose tbody td:first-child{
		padding-left: 0;
	}
	.xl\:prose tbody td:last-child{
		padding-right: 0;
	}
	.xl\:prose > :first-child{
		margin-top: 0;
	}
	.xl\:prose > :last-child{
		margin-bottom: 0;
	}
	.xl\:prose blockquote p{
		font-size: 1rem;
	}

  .xl\:cursor-arrow {
    cursor: url("/local/templates/serptop/assets/img/cursor.svg") 50 50, auto;
  }

  .xl\:-top-8{
		top: -2rem;
	}

  .xl\:left-\[calc\(\(100vw-1224px\)\/2\)\]{
		left: calc((100vw - 1224px) / 2);
	}

  .xl\:top-auto{
		top: auto;
	}

  .xl\:-bottom-8{
		bottom: -2rem;
	}

  .xl\:z-10{
		z-index: 10;
	}

  .xl\:order-last{
		order: 9999;
	}

  .xl\:order-none{
		order: 0;
	}

  .xl\:col-span-1{
		grid-column: span 1 / span 1;
	}

  .xl\:col-span-2{
		grid-column: span 2 / span 2;
	}

  .xl\:col-start-2{
		grid-column-start: 2;
	}

  .xl\:col-start-1{
		grid-column-start: 1;
	}

  .xl\:col-start-5{
		grid-column-start: 5;
	}

  .xl\:col-end-4{
		grid-column-end: 4;
	}

  .xl\:col-end-5{
		grid-column-end: 5;
	}

  .xl\:col-end-13{
		grid-column-end: 13;
	}

  .xl\:my-37\.5{
		margin-top: 9.375rem;
		margin-bottom: 9.375rem;
	}

  .xl\:ml-14{
		margin-left: 3.5rem;
	}

  .xl\:mt-28{
		margin-top: 7rem;
	}

  .xl\:ml-75{
		margin-left: 18.75rem;
	}

  .xl\:mt-3{
		margin-top: 0.75rem;
	}

  .xl\:mt-22{
		margin-top: 5.5rem;
	}

  .xl\:mt-10{
		margin-top: 2.5rem;
	}

  .xl\:mt-0{
		margin-top: 0px;
	}

  .xl\:mt-14{
		margin-top: 3.5rem;
	}

  .xl\:ml-auto{
		margin-left: auto;
	}

  .xl\:mt-9{
		margin-top: 2.25rem;
	}

  .xl\:mt-8{
		margin-top: 2rem;
	}

  .xl\:mr-0{
		margin-right: 0px;
	}

  .xl\:-ml-18{
		margin-left: -4.5rem;
	}

  .xl\:-ml-32{
		margin-left: -8rem;
	}

  .xl\:mt-16{
		margin-top: 4rem;
	}

  .xl\:mb-8{
		margin-bottom: 2rem;
	}

  .xl\:mt-20{
		margin-top: 5rem;
	}

  .xl\:mt-12{
		margin-top: 3rem;
	}

  .xl\:ml-11{
		margin-left: 2.75rem;
	}

  .xl\:mt-2{
		margin-top: 0.5rem;
	}

  .xl\:ml-7{
		margin-left: 1.75rem;
	}

  .xl\:mt-32{
		margin-top: 8rem;
	}

  .xl\:mt-30{
		margin-top: 7.5rem;
	}

  .xl\:ml-36{
		margin-left: 9rem;
	}

  .xl\:-ml-8{
		margin-left: -2rem;
	}

  .xl\:ml-8{
		margin-left: 2rem;
	}

  .xl\:mb-4{
		margin-bottom: 1rem;
	}

  .xl\:block{
		display: block;
	}

  .xl\:inline{
		display: inline;
	}

  .xl\:flex{
		display: flex;
	}

  .xl\:grid{
		display: grid;
	}

  .xl\:hidden{
		display: none;
	}

  .xl\:h-\[350px\]{
		height: 350px;
	}

  .xl\:h-\[450px\]{
		height: 450px;
	}

  .xl\:h-auto{
		height: auto;
	}

  .xl\:h-100{
		height: 25rem;
	}

  .xl\:h-\[440px\]{
		height: 440px;
	}

  .xl\:h-\[700px\]{
		height: 700px;
	}

  .xl\:h-\[78px\]{
		height: 78px;
	}

  .xl\:h-140{
		height: 35rem;
	}

  .xl\:h-50{
		height: 12.5rem;
	}

  .xl\:max-h-28{
		max-height: 7rem;
	}

  .xl\:min-h-\[500px\]{
		min-height: 500px;
	}

  .xl\:min-h-\[665px\]{
		min-height: 665px;
	}

  .xl\:min-h-\[450px\]{
		min-height: 450px;
	}

  .xl\:w-2\/3{
		width: 66.666667%;
	}

  .xl\:w-1\/3{
		width: 33.333333%;
	}

  .xl\:w-50{
		width: 12.5rem;
	}

  .xl\:w-\[calc\(100\%\+250px\)\]{
		width: calc(100% + 250px);
	}

  .xl\:w-auto{
		width: auto;
	}

  .xl\:w-\[378px\]{
		width: 378px;
	}

  .xl\:w-1\/4{
		width: 25%;
	}

  .xl\:w-3\/4{
		width: 75%;
	}

  .xl\:w-\[151px\]{
		width: 151px;
	}

  .xl\:max-w-inner-container{
		max-width: 74.625rem;
	}

  .xl\:max-w-\[276px\]{
		max-width: 276px;
	}

  .xl\:max-w-none{
		max-width: none;
	}

  .xl\:max-w-article-container{
		max-width: 61.875rem;
	}

  .xl\:max-w-xl{
		max-width: 36rem;
	}

  .xl\:flex-shrink-0{
		flex-shrink: 0;
	}

  .xl\:translate-y-30{
		--tw-translate-y: 7.5rem;
		-webkit-transform: var(--tw-transform);
		        transform: var(--tw-transform);
	}

  .xl\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

  .xl\:grid-cols-12{
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

  .xl\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

  .xl\:flex-row{
		flex-direction: row;
	}

  .xl\:items-end{
		align-items: flex-end;
	}

  .xl\:justify-between{
		justify-content: space-between;
	}

  .xl\:gap-8{
		gap: 2rem;
	}

  .xl\:gap-x-8{
		-webkit-column-gap: 2rem;
		        column-gap: 2rem;
	}

  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}

  .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(3.5rem * var(--tw-space-x-reverse));
		margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
	}

  .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
	}

  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]){
		--tw-space-x-reverse: 0;
		margin-right: calc(2rem * var(--tw-space-x-reverse));
		margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
	}

  .xl\:space-y-50 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(12.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(12.5rem * var(--tw-space-y-reverse));
	}

  .xl\:space-y-30 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(7.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(7.5rem * var(--tw-space-y-reverse));
	}

  .xl\:self-start{
		align-self: flex-start;
	}

  .xl\:border-b{
		border-bottom-width: 1px;
	}

  .xl\:border-none{
		border-style: none;
	}

  .xl\:py-37\.5{
		padding-top: 9.375rem;
		padding-bottom: 9.375rem;
	}

  .xl\:pt-25{
		padding-top: 6.25rem;
	}

  .xl\:pt-30{
		padding-top: 7.5rem;
	}

  .xl\:pb-6{
		padding-bottom: 1.5rem;
	}

  .xl\:pb-37\.5{
		padding-bottom: 9.375rem;
	}

  .xl\:pt-8{
		padding-top: 2rem;
	}

  .xl\:pt-37\.5{
		padding-top: 9.375rem;
	}

  .xl\:pr-7{
		padding-right: 1.75rem;
	}

  .xl\:pt-50{
		padding-top: 12.5rem;
	}

  .xl\:pb-50{
		padding-bottom: 12.5rem;
	}

  .xl\:pt-6{
		padding-top: 1.5rem;
	}

  .xl\:pb-5{
		padding-bottom: 1.25rem;
	}

  .xl\:pt-4{
		padding-top: 1rem;
	}

  .xl\:pb-8{
		padding-bottom: 2rem;
	}

  .xl\:pb-22{
		padding-bottom: 5.5rem;
	}

  .xl\:pb-90{
		padding-bottom: 22.5rem;
	}

  .xl\:pt-12{
		padding-top: 3rem;
	}

  .xl\:pt-2{
		padding-top: 0.5rem;
	}

  .xl\:pb-10{
		padding-bottom: 2.5rem;
	}

  .xl\:pt-22{
		padding-top: 5.5rem;
	}

  .xl\:pb-17{
		padding-bottom: 4.25rem;
	}

  .xl\:pl-32{
		padding-left: 8rem;
	}

  .xl\:pl-8{
		padding-left: 2rem;
	}

  .xl\:pt-60{
		padding-top: 15rem;
	}

  .xl\:pb-0{
		padding-bottom: 0px;
	}

  .xl\:text-6xl{
		font-size: 3.875rem;
		line-height: 1.2;
	}

  .xl\:text-5xl{
		font-size: 3rem;
		line-height: 1.2;
	}

  .xl\:text-base{
		font-size: 1rem;
		line-height: 1.4;
	}

  .xl\:text-lg{
		font-size: 1.125rem;
		line-height: 1.4;
	}

  .xl\:text-\[42px\]{
		font-size: 42px;
	}

  .xl\:text-4xl{
		font-size: 2.5rem;
		line-height: 1.2;
	}

  .xl\:text-2xl{
		font-size: 1.75rem;
		line-height: 1.2;
	}

  .xl\:text-xl{
		font-size: 1.5rem;
		line-height: 1.3;
	}

  .xl\:text-cyanBlue{
		--tw-text-opacity: 1;
		color: rgba(38, 47, 52, var(--tw-text-opacity));
	}

  .xl\:text-white{
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity));
	}

  .xl\:line-clamp-2{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

  .visual_editor_styles.xl\:text-white ul li {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  }

  .xl\:before\:h-155::before{
		content: "";
		height: 38.75rem;
	}

  .xl\:before\:h-165::before{
		content: "";
		height: 40.75rem;
	}

  .xl\:before\:h-60::before{
		content: "";
		height: 15rem;
	}

  .xl\:before\:h-55::before{
		content: "";
		height: 13.75rem;
	}
}
@media (min-width: 1548px){
	.\32xl\:left-\[calc\(\(100vw-1492px\)\/2\)\]{
		left: calc((100vw - 1492px) / 2);
	}
	.\32xl\:ml-50{
		margin-left: 12.5rem;
	}
	.\32xl\:mt-8{
		margin-top: 2rem;
	}
	.\32xl\:mt-10{
		margin-top: 2.5rem;
	}
	.\32xl\:ml-60{
		margin-left: 15rem;
	}
	.\32xl\:ml-5{
		margin-left: 1.25rem;
	}
	.\32xl\:block{
		display: block;
	}
	.\32xl\:space-y-6 > :not([hidden]) ~ :not([hidden]){
		--tw-space-y-reverse: 0;
		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
	}
	.\32xl\:pt-14{
		padding-top: 3.5rem;
	}
	.\32xl\:pb-8{
		padding-bottom: 2rem;
	}
	.\32xl\:pl-25{
		padding-left: 6.25rem;
	}
	.\32xl\:pr-18{
		padding-right: 4.5rem;
	}
	.\32xl\:text-lg{
		font-size: 1.125rem;
		line-height: 1.4;
	}
	.\32xl\:text-5xl{
		font-size: 3rem;
		line-height: 1.2;
	}
}

/* End */


/* Start:/local/templates/serptop/template_styles.css?176190765431021*/
/*region grid*/

/*.grid {

   list-style-type: none;
   padding: 0;
   margin: 0 auto;
   width: 100%;
   max-width: 1140px;
   position: relative;
   margin-top: -30px;

   z-index: 999;
   -webkit-clip-path: ellipse(90% 50% at 50% 50%);
   clip-path: ellipse(90% 50% at 50% 50%)
}*/

.cookie-banner {
    position: fixed;
    bottom: 0px;
    right: 0;
    margin: 10px;
    background: white;
    box-shadow: 0px 0px 20px 0px #33333333;
    color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1000;
    max-width: 511px;
}

.cookie-banner__inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.cookie-banner__close {
    cursor: pointer;
}

.cookie-banner button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    color: white;
    border: none;
    padding: 0 24px;
    cursor: pointer;
    width: fit-content;
}

.cookie-banner p {
    margin: 0;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 130%;
    color: #1C1C1C;
}

.cookie-banner.hidden {
    display: none;
}

@media (max-width: 510px) {
    .cookie-banner {
        width: auto;
    }

    .cookie-banner button {
        width: 100%;
    }
}

.grid-sizer {
    width: 195px
}

.grid__item {
    width: 195px;
    height: 175px;
    margin: 3px;
    float: left;
    text-align: center;
    position: relative
}

.grid__item--nursery .grid__desc {
    top: 35%
}

.grid__item--nursery .nursery-image {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.grid__item:nth-child(7) {
    margin-left: 4px;
    margin-right: 4px
}

.grid__item:nth-child(8) {
    margin-left: 4px;
    margin-right: 5px
}

.grid__item--2 {
    width: 295px
}

.grid__item--3 {
    width: 395px
}

.grid__link {
    font-size: 2.4rem;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    display: block;
    height: 100%;
    width: 100%
}

.grid__link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(255, 255, 255, .7);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.grid__link:hover {
    color: #1a1a1a
}

.grid__link:hover:before {
    opacity: 1
}

.grid__link:active,
.grid__link:focus {
    color: #fff
}

.grid__desc {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px
}

.grid__image {
    width: 100%
}

.grid--inner {
    clear: both;
    overflow: hidden;
    margin: 40px 0;
    -webkit-clip-path: none;
    clip-path: none
}

.grid--inner .grid-item {
    float: left;
    position: relative;
    overflow: hidden
}

/*.grid--inner .grid-item:before {
    content: '\f00e';
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    font-size: 3rem;
    line-height: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}*/

.grid--inner .grid-item--w-1-1 {
    width: -webkit-calc(8.3333% - 5px);
    width: calc(8.3333% - 5px)
}

.grid--inner .grid-item--w-1-2 {
    width: -webkit-calc(16.6666% - 5px);
    width: calc(16.6666% - 5px)
}

.grid--inner .grid-item--w-1-3 {
    width: -webkit-calc(25% - 5px);
    width: calc(25% - 5px)
}

.grid--inner .grid-item--w-1-4 {
    width: -webkit-calc(33.3333% - 5px);
    width: calc(33.3333% - 5px)
}

.grid--inner .grid-item--w-1-5 {
    width: -webkit-calc(41.6666% - 5px);
    width: calc(41.6666% - 5px)
}

.grid--inner .grid-item--w-1-6 {
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px)
}

.grid--inner .grid-item--w-1-7 {
    width: -webkit-calc(58.3333% - 5px);
    width: calc(58.3333% - 5px)
}

.grid--inner .grid-item--w-1-8 {
    width: -webkit-calc(66.6666% - 5px);
    width: calc(66.6666% - 5px)
}

.grid--inner .grid-item--w-1-9 {
    width: -webkit-calc(75% - 5px);
    width: calc(75% - 5px)
}

.grid--inner .grid-item--w-1-10 {
    width: -webkit-calc(83.3333% - 5px);
    width: calc(83.3333% - 5px)
}

.grid--inner .grid-item--w-1-11 {
    width: -webkit-calc(91.6666% - 5px);
    width: calc(91.6666% - 5px)
}

.grid--inner .grid-item--w-1-12 {
    width: -webkit-calc(100% - 5px);
    width: calc(100% - 5px)
}

.grid--inner .grid-item--h-1-1,
.grid--inner .grid-item--h-2-2,
.grid--inner .grid-item--h-3-3 {
    min-height: -webkit-calc(485px - 5px);
    /* 480px */
    min-height: calc(485px - 5px)
        /* 480px */
}

.grid--inner .grid-item--h-1-2 {
    min-height: -webkit-calc(240px - 5px);
    min-height: calc(240px - 5px)
}

.grid--inner .grid-item--h-1-3 {
    min-height: -webkit-calc(160px - 5px);
    min-height: calc(160px - 5px)
}

.grid--inner .grid-item--h-2-3 {
    min-height: -webkit-calc(320px - 5px);
    min-height: calc(320px - 5px)
}

.grid--inner .grid-item__image {
    position: absolute;
    top: -1000px;
    bottom: -1000px;
    left: -1000px;
    right: -1000px;
    margin: auto
}

.grid--inner .grid-item__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    z-index: 100;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.grid--inner .grid-item__content:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.grid--inner .grid-item__title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 10px;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease
}

.grid--inner .grid-item__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150
}

.grid--inner .grid-item__image {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.grid--inner .grid-item:hover:before {
    opacity: 1;
    visibility: visible
}

.grid--inner .grid-item .grid-item__image {
    transition: transform 0.5s;
}

.grid--inner .grid-item:hover .grid-item__image {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.grid.grid--inner img {
    max-width: unset;
}

/*endregion*/

/*region list-icons*/
.list-icons {
    list-style-type: none;
    padding: 0;
    margin: 40px 0;
    font-size: 0
}

.list-icons__figure {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center
}

.list-icons__icon {
    margin: 0 0 20px
}

.list-icons__icon+.list-icons__title {
    font-weight: 700;
    text-transform: uppercase
}

.list-icons__icon+.list-icons__desc {
    text-transform: none
}

.list-icons__icon+.list-icons__desc:first-letter {
    text-transform: uppercase
}

.list-icons__title {
    display: block;
    line-height: 1.2;
    margin-bottom: 10px
}

.list-icons__desc {
    display: block;
    text-transform: uppercase
}

.list-icons__title+.list-icons__desc {
    text-transform: none
}

.list-icons--2-of-4 .list-icons__figure:first-child {
    margin-left: 25%
}

.list-icons--3-of-4 .list-icons__figure:first-child {
    margin-left: 12.5%
}

.list-icons--3-of-3 .list-icons__figure {
    width: 33.3333%
}

li.list-icons__figure::before {
    content: unset !important;
}

li.list-icons__figure {
    padding-left: 0 !important;
}

.center-block {
    margin-left: auto !important;
    margin-right: auto !important;
}

.list-icons__icon img {
    max-width: 100px;
}

.list-icons__desc {
    font-size: 1rem;
}

.list-icons__icon+.list-icons__desc {
    text-align: left;
    font-size: 0.9rem;
}

@media (min-width: 1000px) {
    li.list-icons__figure {
        margin-right: 3rem;

    }

    .list-icons__figure .list-icons__icon img {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .list-icons__figure {
        width: calc(25% - 3rem);
    }
}

@media (max-width: 500px) {
    .list-icons__figure {
        width: 100%;
    }

    .list-icons--2-of-4 .list-icons__figure:first-child {
        margin-left: 0;
    }
}

/*endregion*/

/*region bootstrap-old*/
.row {
    margin-left: -15px;
    margin-right: -15px
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

/*endregion*/

/*region tiles*/
.tiles-item {
    position: relative;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 2rem
}

.tiles-item__image {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    height: 100%;
    width: 100%;
    right: -100%;
    margin: auto !important;
}

.tiles-item__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: auto;
    width: 130px;
    background-color: #565655;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transition: width .3s ease, background-color .3s ease;
    -o-transition: width .3s ease, background-color .3s ease;
    transition: width .3s ease, background-color .3s ease
}

.tiles-item__title {
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 10px;
    font-size: 0.875rem;
    line-height: 1.2;
    text-align: left;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.tiles-item__title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff
}

.tiles-item__title a {
    color: #fff
}

.tiles-item__link {
    text-decoration: none !important;
}

.tiles-item__title a:before {
    content: attr(data-title);
    display: block;
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.tiles-item:hover .tiles-item__content {
    width: 100%;
    background-color: rgba(86, 86, 85, .5)
}

.tiles-item:hover .tiles-item__title {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 0;
    color: transparent
}

.tiles-item:hover .tiles-item__title,
.tiles-item:hover .tiles-item__title a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.tiles-item:hover .tiles-item__title a:before {
    opacity: 1
}

/*endregion*/

.table-responsive {
    max-width: 100%;
    overflow: auto;
}

.blog__mobile-section-menu .category-active {
    text-decoration: underline;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}


.custom-scroll::-webkit-scrollbar {
    width: 3px;

}

.custom-scroll::-webkit-scrollbar-track {
    background-color: #DCDCDC;
    border-radius: 100px;
}

.custom-scroll::-webkit-scrollbar-thumb {

    background-color: #00A552;
    border-radius: 100px;
}

a.ss-link {
    text-decoration: none;
    color: #262F34;
    font-weight: 400;
    /* cursor: default!important; */
    cursor: url(/images/template/cursor-default.svg) 12 12, default !important;
}

.hover\:bg-\[\#FF0000\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 0, 0, var(--tw-bg-opacity))
}


@media (min-width: 1024px) {
    .lg\:ml-auto {
        margin-left: auto;
    }
}
/* End */
/* /local/templates/serptop/assets/styles/css/index.css?171388072194045 */
/* /local/templates/serptop/template_styles.css?176190765431021 */