/* ! import */

@font-face
	{
		font-family: 'Ultima Pro';
		src: local('Ultima Pro'), local('UltimaPro'),
			url('/lib/fonts/UltimaPro.woff2') format('woff2'),
			url('/lib/fonts/UltimaPro.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

/* @font-face
	{
		font-family: 'Ultima Pro';
		src: local('Ultima Pro Italic'), local('UltimaPro-Italic'),
			url('/lib/fonts/UltimaPro-Italic.woff2') format('woff2'),
			url('/lib/fonts/UltimaPro-Italic.woff') format('woff');
		font-weight: normal;
		font-style: italic;
	} */

@font-face
	{
		font-family: 'Ultima Pro';
		src: local('Ultima Pro Bold'), local('UltimaPro-Bold'),
			url('/lib/fonts/UltimaPro-Bold.woff2') format('woff2'),
			url('/lib/fonts/UltimaPro-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
	}

/* @font-face
	{
		font-family: 'Ultima Pro';
		src: local('Ultima Pro Bold Italic'), local('UltimaPro-BoldItalic'),
			url('/lib/fonts/UltimaPro-BoldItalic.woff2') format('woff2'),
			url('/lib/fonts/UltimaPro-BoldItalic.woff') format('woff');
		font-weight: bold;
		font-style: italic;
	} */

@font-face
	{
		font-family: 'Ultima Pro';
		src: local('Ultima Pro Black'), local('UltimaProBlack'),
			url('/lib/fonts/UltimaProBlack.woff2') format('woff2'),
			url('/lib/fonts/UltimaProBlack.woff') format('woff');
		font-weight: 900;
		font-style: normal;
	}

/* ! variables */

:root
	{
		--font: 16px/1.3 'Ultima Pro', sans-serif;
		--font-monospace: 87.5%/1.3 monospace;
		--font-weight-normal: 400;
		--font-weight-bold: 700;
		--font-size-big: 106.25%;
		--font-size-normal: 100%;
		--font-size-medium: 93.75%;
		--font-size-small: 81.25%;
		--font-size-tiny: 75%;

		--color-black: 0, 0, 0;
		--color-white: 255, 255, 255;
		--color-red: #f00;
		--color-dark: 25, 23, 27;
		--color-light: 255, 255, 255;
		--color-decoration: 51, 51, 51;
		--color-box: rgba(var(--color-dark), .05);
		--color-disabled: #a9a9a9;

		--link-font-color: #007bb6;
		--link-hover-font-color: #279fd9;
		--link-text-decoration: underline;
		--link-underline-thickness: 1px;
		--link-underline-offset: 2px;
		--link-underline-skip: none;
		--link-underline-color: unset;
		--link-external-icon: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 5"%3e%3cpath d="M6 0H1.5l1.52 1.53C2.44 2.58 1.29 3.75 0 4.5c0 0 2.7 0.15 4.34-1.65L6 4.5V0z" fill="rgba(0, 0, 0, .5)"/%3e%3c/svg%3e');

		--article-margin: 1.25em;
		--article-list-indent: 2.5em;
		--article-decoration-width: 1px;
		--article-headings-font-family: unset;
		--article-headings-font-weight: 900;
		--article-headings-font-color: #007bb6;
		--article-h1-font-size: 50px;
		--article-h2-font-size: 24px;
		--article-h3-font-size: 125%;
		--article-h4-font-size: 112.5%;
		--article-p-font-size: 100%;
		--article-table-padding: .25em .5em;
		--article-table-font-size: 100%;
		--article-small-font-size: 87.5%;
		--article-small-font-color: rgba(var(--color-dark), .5);
		--article-image-caption-align: center;
		--article-image-caption-color: var(--article-small-font-color);

		--gap: 40px;
		--gap-small: 20px;
		--gap-tiny: 10px;

		--corner: 8px;
		--corner-small: 10px;
		--corner-tiny: 2px;

		--transition-duration: 0s;
		--transition-timing-function: ease;

		--body-background-color: rgba(var(--color-light), 1);

		--header-height: 90px;
		--header-background-color: #fff;
		--header-shadow: 0 0 2px rgba(0, 0, 0, .15);

		--main-width: 1360px;
		--aside-width: 300px;

		--footer-font-size: var(--font-size-tiny);
		--footer-font-color: #828282;
		--footer-background-color: #ebebeb;

		--logo-top: 29px;
		--logo-left: var(--gap);
		--logo-width: 119px;
		--logo-height: 32px;

		--langs-top: -1px;
		--langs-right: 110px;
		--langs-left: unset;
		--langs-width: 50px;
		--langs-height: 50px;
		--langs-font-size: 16px;
		--langs-font-weight: 400;
		--langs-font-color: var(--link-font-color);
		--langs-background-color: #fff;
		--langs-border-width: 0;
		--langs-border-color: unset;
		--langs-border-radius: 50%;
		--langs-hover-font-color: #fff;
		--langs-hover-background-color: #007bb6;
		--langs-hover-border-color: unset;

		--menu-top: 21px;
		--menu-right: 0;
		--menu-left: 160px;
		--menu-width: unset;
		--menu-height: 48px;
		--menu-items-padding: 28px;
		--menu-items-justify: unset;
		--menu-font-size: 14px;
		--menu-font-weight: unset;
		--menu-font-color: #19171b;
		--menu-background-color: #fff;
		--menu-border-radius: 5px;
		--menu-hover-font-color: #007bb6;
		--menu-hover-background-color: unset;
		--menu-drop-hover-font-color: #19171b;
		--menu-drop-hover-background-color: #fff;
		--menu-active-font-color: #007bb6;
		--menu-active-background-color: rgba(var(--color-light), 1);
		--menu-popup-items-padding: .65em;
		--menu-popup-font-size: 14px;
		--menu-popup-font-weight: unset;
		--menu-popup-line-height: 1.25;
		--menu-popup-font-color: #19171b;
		--menu-popup-hover-font-color: #007bb6;
		--menu-popup-hover-background-color: unset;
		--menu-popup-active-font-color: #007bb6;
		--menu-popup-active-background-color: unset;

		--submenu-items-padding: .5em;
		--submenu-font-size: var(--font-size-medium);
		--submenu-font-weight: unset;
		--submenu-line-height: 1.25;
		--submenu-font-color: rgba(var(--color-dark), .75);
		--submenu-hover-font-color: rgba(var(--color-dark), 1);
		--submenu-hover-background-color: var(--link-hover-font-color);
		--submenu-active-font-color: rgba(var(--color-dark), 1);
		--submenu-active-background-color: unset;

		--btn-padding: .95em;
		--btn-font-size: var(--font-size-normal);
		--btn-font-weight: unset;
		--btn-line-height: 1.25;
		--btn-border-width: 0;
		--btn-font-color: rgba(var(--color-light), 1);
		--btn-background-color: var(--link-font-color);
		--btn-border-color: unset;
		--btn-hover-font-color: rgba(var(--color-light), 1);
		--btn-hover-background-color: var(--link-hover-font-color);
		--btn-hover-border-color: unset;
		--btn-active-font-color: rgba(var(--color-light), 1);
		--btn-active-background-color: #005a86;
		--btn-active-border-color: unset;
		--btn-disabled-font-color: rgba(var(--color-light), 1);
		--btn-disabled-background-color: var(--color-disabled);
		--btn-disabled-border-color: unset;
		--btn-light-border-width: var(--article-decoration-width);
		--btn-light-font-color: var(--link-font-color);
		--btn-light-border-color: var(--link-font-color);
		--btn-light-hover-font-color: var(--link-hover-font-color);
		--btn-light-hover-border-color: var(--link-hover-font-color);
		--btn-light-active-font-color: #fff;
		--btn-light-active-border-color: #005a86;
		--btn-light-disabled-font-color: var(--color-disabled);
		--btn-light-disabled-border-color: var(--color-disabled);

		--nav-height: 32px;
		--nav-gap: 0px;
		--nav-font-size: var(--font-size-normal);
		--nav-font-weight: unset;
		--nav-border-width: 0;
		--nav-color: rgba(var(--color-dark), 1);
		--nav-background-color: unset;
		--nav-border-color: unset;
		--nav-hover-font-color: #007bb6;
		--nav-hover-background-color: unset;
		--nav-hover-border-color: unset;
		--nav-active-font-color: #007bb6;
		--nav-active-background-color: unset;
		--nav-active-border-color: unset;
		--nav-disabled-font-color: var(--color-disabled);
		--nav-disabled-background-color: var(--color-box);
		--nav-disabled-border-color: unset;

		--form-width: 630px;
		--form-gap: 40px;
		--form-gap-small: 20px;
		--form-shadow-size: 25px;
		--form-background-color: var(--color-box);
		--form-title-font-size: 50px;
		--form-description-font-size: 16px;
		--form-label-font-size: var(--article-small-font-size);
		--form-label-color: var(--article-small-font-color);
		--form-input-height: 60px;
		--form-input-padding: 1em;
		--form-input-font-size: var(--font-size-normal);
		--form-input-background-color: rgba(var(--color-light), 1);
		--form-input-border-width: var(--article-decoration-width);
		--form-input-border-color: #19171b;
		--form-input-focus-border-color: #19171b;
		--form-checkbox-background-color: var(--color-box);
		--form-checkbox-icon: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"%3e%3cpolygon points="5.12 11.67 0.22 6.78 1.78 5.22 4.88 8.33 10.12 1.34 11.88 2.66" fill="%2306f"/%3e%3c/svg%3e');

		--breadcrumbs-top: 90px;
		--breadcrumbs-height: 30px;
		--breadcrumbs-font-size: 14px;
		--breadcrumbs-icon: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 8"%3e%3cpolygon points="0.75 7.75 4.5 4 0.75 0.25 0 1 3 4 0 7" fill="rgba(25, 23, 27, 1)"/%3e%3c/svg%3e');
	}

@media (max-width: 1023px)
	{
		:root
			{
				--header-height: 80px;
				--logo-top: 24px;
				--langs-top: 0px;
				--langs-right: 130px;
				--menu-top: 15px;
				--menu-right: 40px;
				--menu-left: unset;
				--menu-width: 50px;
				--menu-height: 50px;
				--menu-button-width: 24px;
				--menu-button-height: 15px;
				--menu-button-lines-weight: 3px;
				--menu-button-lines-color: #007bb6;
				--menu-hover-font-color: #79cbf2;
				--menu-hover-background-color: #fff;
				--menu-active-font-color: var(--link-hover-font-color);
				--menu-active-background-color: unset;
				--menu-open-background-color: #fff;
				--menu-font-color: #007bb6;
				--menu-font-size: 22px;
				--menu-font-weight: 900;
				--menu-popup-items-padding: .65em;
				--menu-popup-font-size: 20px;
				--menu-popup-font-weight: 700;
				--menu-drop-hover-font-color: #79cbf2;
				--breadcrumbs-top: 80px;
			}
	}

@media (max-width: 640px)
	{
		:root
			{
				--gap: 12px;
				--header-height: 80px;
				--menu-right: 12px;
				--submenu-items-padding: .75em;
				--article-h1-font-size: 30px;
				--breadcrumbs-top: 80px;
			}
	}

@media (max-width: 340px)
	{
		:root
			{
				--langs-right: 116px;
			}
	}

/* ! reset */

*:where(:not(html, iframe, img, svg, audio, video):not(svg *, symbol *)) {all: unset; display: revert; cursor: revert;}
*, *::before, *::after {box-sizing: border-box;}
table {width: 100%; border-collapse: collapse;}
ol, ul {list-style: none;}
img {max-width: 100%;}
video {background-color: rgba(var(--color-black), 1);}
::placeholder {color: var(--color-disabled);}

body
	{
		position: relative;
		font: var(--font-weight-normal) var(--font);
		color: rgba(var(--color-dark), 1);
		background-color: var(--body-background-color);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-tap-highlight-color: transparent;
		-webkit-text-size-adjust: 100%;
	}

header, nav, aside, footer
	{
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

/* ! motion */

@media (prefers-reduced-motion: reduce)
	{
		*
			{
				transition: none !important;
			}
	}

/* ! print */

.print
	{
		display: none;
	}

@media print
	{
		header, nav, aside, footer, audio, video, .no-print
			{
				display: none !important;
			}
		*
			{
				--color-dark: 0, 0, 0;
				--color-light: 255, 255, 255;
				--color-decoration: 0, 0, 0;
				--body-background-color: white;
			}
		.print
			{
				display: revert;
			}
	}

/* ! links */

a
	{
		color: var(--link-font-color);
		text-decoration: var(--link-text-decoration);
		text-decoration-color: var(--link-underline-color);
		text-decoration-thickness: var(--link-underline-thickness);
		text-decoration-skip-ink: var(--link-underline-skip);
		text-underline-offset: var(--link-underline-offset);
		transition: color var(--transition-duration) var(--transition-timing-function);
	}

a:active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		a:hover
			{
				color: var(--link-hover-font-color);
			}
	}

article a[href^='http']:not(.btn)::after
	{
		content: '';
		position: absolute;
		width: 6px;
		height: 5px;
		background-image: var(--link-external-icon);
	}

/* ! spaces */

article :is(h1, h2, h3, h4, div, p, pre, address, ul, ol, blockquote, hr, table, form, iframe, audio, video)
	{
		margin-top: var(--article-margin);
	}

article :first-child, article :is(div div, table table), article :is(ul, ol) :is(ul, ol)
	{
		margin-top: 0;
	}

/* ! texts */

article :is(h1, h2, h3, h4)
	{
		font-family: var(--article-headings-font-family);
		font-weight: var(--article-headings-font-weight);
		color: var(--article-headings-font-color);
	}

article h1
	{
		font-size: var(--article-h1-font-size);
		clear: both;
	}

article h2
	{
		font-size: var(--article-h2-font-size);
		clear: both;
	}

article h3
	{
		font-size: var(--article-h3-font-size);
	}

article h4
	{
		font-size: var(--article-h4-font-size);
	}

article p, article li
	{
		font-size: var(--article-p-font-size);
	}

article :is(pre, code)
	{
		font: var(--font-monospace);
	}

article pre
	{
		overflow: auto;
		max-width: 100%;
		padding: var(--article-table-padding);
		border: var(--article-decoration-width) dashed rgba(var(--color-decoration), 1);
		white-space: pre;
	}

article :is(ol, ul, blockquote)
	{
		list-style: revert;
		padding-left: var(--article-list-indent);
	}

article :is(b, strong)
	{
		font-weight: var(--font-weight-bold);
	}

article :is(i, em, address, cite)
	{
		font-style: italic;
	}

article u
	{
		text-decoration: underline;
	}

article s
	{
		text-decoration: line-through;
	}

article :is(sub, sup)
	{
		position: relative;
		font-size: 62.5%;
		top: .25em;
	}

article sup
	{
		top: -.5em;
	}

article small
	{
		font-size: var(--article-small-font-size);
		color: var(--article-small-font-color);
	}

/* ! objects */

article :is(iframe, audio, video)
	{
		display: block;
		position: relative;
		width: 100%;
	}

article hr
	{
		display: block;
		border-top: var(--article-decoration-width) solid rgba(var(--color-decoration), 1);
	}

/* ! images */

article img
	{
		border-radius: var(--corner-tiny);
	}

article img.pic
	{
		padding: 5px;
		background-color: rgba(var(--color-white), 1);
		box-shadow: 0 2.5px 5px rgba(var(--color-black), .25);
	}

article img.flip-h
	{
		transform: scaleX(-1);
	}

article img.flip-v
	{
		transform: scaleY(-1);
	}

article img.flip-h.flip-v
	{
		transform: scale(-1, -1);
	}

article :is(img, ins)[style*='float: left']
	{
		margin-right: 1em;
		margin-bottom: .5em;
	}

article :is(img, ins)[style*='float: right']
	{
		margin-left: 1em;
		margin-bottom: .5em;
	}

article ins.image-caption
	{
		display: table;
		text-align: var(--article-image-caption-align);
		max-width: 100%;
	}

article ins.image-caption span
	{
		font-size: var(--font-size-tiny);
		color: var(--article-image-caption-color);
		display: table-caption;
		caption-side: bottom;
	}

@media (max-width: 640px)
	{
		article ins
			{
				margin: 0 auto !important;
			}
		article img[style*='float']
			{
				display: block;
			}
		article :is(img, ins)[style*='float']
			{
				float: none !important;
				width: auto !important;
				margin: 0 auto var(--article-margin) !important;
			}
	}

@media print
	{
		article img.pic
			{
				padding: 0;
				box-shadow: none;
			}
	}

/* ! tables */

article table
	{
		font-size: var(--article-table-font-size);
	}

article :is(td, th)
	{
		border: var(--article-decoration-width) solid rgba(var(--color-decoration), 1);
		padding: var(--article-table-padding);
	}

article th
	{
		font-weight: var(--font-weight-bold);
		color: rgba(var(--color-light), 1);
		background-color: rgba(var(--color-decoration), 1);
	}

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

/* ! boxes */

article .box
	{
		position: relative;
		padding: var(--gap-small);
		color: rgba(var(--color-dark), 1);
		background-color: var(--color-box);
		border-radius: var(--corner);
	}

/* ! columns */

article :is(.box2col, .box3col, .box4col)
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gap);
	}

article .box3col
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

article .box4col
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

article :is(.box2col, .box3col, .box4col)>div
	{
		position: relative;
		min-width: 0;
	}

@media (max-width: 640px)
	{
		article :is(.box2col, .box3col, .box4col)
			{
				grid-template-columns: 1fr;
				gap: var(--article-margin);
			}
	}

/* ! flex */

.flex
	{
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
	}

.flex.small-gap
	{
		gap: var(--gap-small);
	}

.flex.tiny-gap
	{
		gap: var(--gap-tiny);
	}

.flex.center
	{
		justify-content: center;
	}

.flex.space
	{
		justify-content: space-evenly;
	}

.flex.sides
	{
		justify-content: space-between;
		align-items: center;
	}

@media (max-width: 640px)
	{
		.flex.mobile-center
			{
				justify-content: center;
			}
	}

/* ! margin */

.margin
	{
		margin-top: var(--gap);
		margin-bottom: var(--gap);
	}

.margin-top
	{
		margin-top: var(--gap);
	}

.margin-bottom
	{
		margin-bottom: var(--gap);
	}

/* ! header */

header
	{
		position: absolute;
		left: 0;
		right: 0;
		background-color: var(--header-background-color);
		box-shadow: var(--header-shadow);
		z-index: 30;
	}

header .wrapper
	{
		position: relative;
		height: var(--header-height);
		margin: 0 auto;
		padding: 0 var(--gap);
		max-width: var(--main-width);
	}

header .logo
	{
		display: block;
		position: absolute;
		top: var(--logo-top);
		left: var(--logo-left);
		text-decoration: unset;
		color: unset;
	}

header .logo :is(svg, img)
	{
		display: block;
		width: var(--logo-width);
		height: var(--logo-height);
	}

header .logo b
	{
		position: absolute;
		color: transparent;
		clip-path: circle(0);
	}

@media (max-width: 640px)
	{
		header
			{
				position: fixed;
			}
	}

/* ! main */

main
	{
		display: grid;
		position: relative;
		grid-template-columns: 1fr;
		gap: var(--gap);
		margin: 0 auto;
		padding: calc(var(--header-height) + var(--gap)) var(--gap) var(--gap);
		max-width: var(--main-width);
		background-color: rgba(var(--color-light), 1);
		z-index: 10;
	}

.content-page main
	{
		grid-template-columns: auto var(--aside-width);
	}

@media (max-width: 1023px)
	{
		.content-page main
			{
				grid-template-columns: 1fr;
			}
	}

@media print
	{
		main
			{
				grid-template-columns: 1fr !important;
				width: 980px !important;
				padding: 0 !important;
			}
	}

/* ! article */

article
	{
		position: relative;
		min-width: 0;
	}

.error-page article
	{
		padding: var(--article-margin) 0 calc(var(--article-margin) * 2);
	}

/* ! aside */

aside
	{
		position: relative;
		min-width: 0;
	}

aside .wrapper
	{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: var(--gap-small);
	}

/* ! footer */

footer
	{
		position: relative;
		font-size: var(--footer-font-size);
		color: var(--footer-font-color);
		background-color: var(--footer-background-color);
		z-index: 20;
	}

footer.fixed
	{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
	}

footer a
	{
		color: var(--footer-font-color);
	}

footer .wrapper
	{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin: 0 auto;
		padding: var(--gap);
		max-width: var(--main-width);
	}

@media (max-width: 640px)
	{
		footer .wrapper
			{
				flex-wrap: wrap;
				flex-direction: column;
				gap: var(--gap);
				text-align: center;
			}
	}

/* ! langs */

.langs
	{
		position: relative;
		margin: 0 auto;
		max-width: var(--main-width);
	}

.langs ul
	{
		display: flex;
		gap: var(--nav-gap);
		position: absolute;
		top: var(--langs-top);
		right: var(--langs-right);
		left: var(--langs-left);
	}

.langs a
	{
		display: block;
		width: var(--langs-width);
		height: var(--langs-height);
		font-size: var(--langs-font-size);
		font-weight: var(--langs-font-weight);
		line-height: var(--langs-height);
		text-align: center;
		text-decoration: none;
		color: var(--langs-font-color);
		border: var(--langs-border-width) solid var(--langs-border-color);
		border-radius: var(--langs-border-radius);
		background-color: var(--langs-background-color);
		transition: color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	}

.langs a:active
	{
		color: var(--langs-hover-font-color);
		border-color: var(--langs-hover-border-color);
		background-color: var(--langs-hover-background-color);
		transition: none;
	}

@media (hover: hover)
	{
		.langs a:hover
			{
				color: var(--langs-hover-font-color);
				border-color: var(--langs-hover-border-color);
				background-color: var(--langs-hover-background-color);
			}
	}

.langs .active
	{
		display: none;
	}

/* ! menu */

.main-menu
	{
		position: absolute;
		top: var(--menu-top);
		right: var(--menu-right);
		left: var(--menu-left);
		width: var(--menu-width);
		font-size: var(--menu-font-size);
		background-color: var(--menu-background-color);
		z-index: 10;
	}

.main-menu .button
	{
		display: none;
	}

.main-menu>ul
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: var(--menu-items-justify);
		align-items: center;
		margin: 0 auto;
		padding: 0 calc(var(--gap) - var(--menu-items-padding));
		max-width: var(--main-width);
	}

.main-menu>ul>li
	{
		position: relative;
		transition: background-color var(--transition-duration) var(--transition-timing-function);
	}

.main-menu>ul>li.popup:hover
	{
		background-color: var(--menu-drop-hover-background-color);
	}

.main-menu>ul>li.active
	{
		background-color: var(--menu-active-background-color);
	}

.main-menu>ul>li>a
	{
		display: block;
		padding: 0 var(--menu-items-padding);
		font-weight: var(--menu-font-weight);
		line-height: var(--menu-height);
		color: var(--menu-font-color);
		text-decoration: none;
		white-space: nowrap;
		transition: color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	}

.main-menu>ul>li.popup>a
	{
		padding-right: calc(var(--menu-items-padding) - 4px);
	}

.main-menu>ul>li.popup:hover>a
	{
		color: var(--menu-drop-hover-font-color);
	}

.main-menu>ul>li.active>a
	{
		color: var(--menu-active-font-color);
	}

.main-menu>ul>li:active>a:active
	{
		color: var(--menu-hover-font-color);
		background-color: var(--menu-hover-background-color);
		transition: none;
	}

@media (hover: hover)
	{
		.main-menu>ul>li:hover>a:hover
			{
				color: var(--menu-hover-font-color);
				background-color: var(--menu-hover-background-color);
			}
	}

.main-menu>ul>li>a>svg
	{
		width: 8px;
		height: 5px;
		margin: 0 0 0 .25em;
		vertical-align: middle;
		fill: currentColor;
	}

.main-menu>ul>li>ul
	{
		position: absolute;
		overflow: hidden;
		top: var(--menu-height);
		left: 0;
		max-height: 0;
		min-width: 100%;
		background-color: var(--menu-drop-hover-background-color);
		border-radius: var(--menu-border-radius);
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		transition: max-height var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function);
		opacity: 0;
		z-index: 10;
	}

.main-menu>ul>li.round>ul
	{
		border-radius: var(--menu-border-radius);
		border-top-left-radius: 0;
	}

.main-menu>ul>li:hover>ul
	{
		max-height: 1000px;
		transition: max-height 1s var(--transition-timing-function) var(--transition-duration), opacity 0s var(--transition-duration);
		opacity: 1;
	}

.main-menu>ul>li>ul>li:first-child
	{
		margin-top: var(--gap-tiny);
	}

.main-menu>ul>li>ul>li:last-child
	{
		margin-bottom: var(--gap-tiny);
	}

.main-menu>ul>li>ul>li>a
	{
		display: block;
		padding: var(--menu-popup-items-padding) calc(var(--menu-items-padding) * 2) var(--menu-popup-items-padding) var(--menu-items-padding);
		font-size: var(--menu-popup-font-size);
		font-weight: var(--menu-popup-font-weight);
		line-height: var(--menu-popup-line-height);
		color: var(--menu-popup-font-color);
		text-decoration: none;
		white-space: nowrap;
		transition: none;
	}

.main-menu>ul>li>ul>li.active>a
	{
		color: var(--menu-popup-active-font-color);
		background-color: var(--menu-popup-active-background-color);
	}

.main-menu>ul>li>ul>li:active>a
	{
		color: var(--menu-popup-hover-font-color);
		background-color: var(--menu-popup-hover-background-color);
	}

@media (hover: hover)
	{
		.main-menu>ul>li>ul>li:hover>a
			{
				color: var(--menu-popup-hover-font-color);
				background-color: var(--menu-popup-hover-background-color);
			}
	}

@media (max-width: 1023px)
	{
		.main-menu
			{
				text-align: center;
				background-color: transparent;
				border-radius: var(--menu-border-radius);
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
			}
		.main-menu .button
			{
				display: flex;
				justify-content: center;
				align-items: center;
				width: var(--menu-width);
				height: var(--menu-height);
				cursor: pointer;
			}
		.main-menu .button b
			{
				position: absolute;
				color: transparent;
				clip-path: circle(0);
			}
		.main-menu .button span
			{
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				width: var(--menu-button-width);
				height: var(--menu-button-height);
			}
		.main-menu .button span::before, .main-menu .button span i, .main-menu .button span::after
			{
				content: '';
				height: var(--menu-button-lines-weight);
				background-color: var(--menu-button-lines-color);
				border-radius: var(--menu-border-radius);
				transition: transform var(--transition-duration) var(--transition-timing-function);
			}
		.main-menu>ul
			{
				display: none;
			}
		.main-menu.open
			{
				background-color: var(--menu-background-color);
			}
		.main-menu.open .button span i
			{
				display: none;
			}
		.main-menu.open .button span::before
			{
				transform: translateY(calc((var(--menu-button-height) - var(--menu-button-lines-weight)) / 2)) rotate(45deg);
			}
		.main-menu.open .button span::after
			{
				transform: translateY(calc(-1 * (var(--menu-button-height) - var(--menu-button-lines-weight)) / 2)) rotate(-45deg);
			}
		.main-menu.open>ul
			{
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				overflow: auto;
				position: absolute;
				top: var(--menu-height);
				right: 0;
				min-width: 200px;
				padding: var(--gap-tiny) 0;
				background-color: var(--menu-background-color);
				border-radius: var(--menu-border-radius);
				border-top-right-radius: 0;
				z-index: 100;
			}
		.main-menu.open>ul>li
			{
				width: 100%;
				background-color: transparent !important;
				transition: none;
			}
		.main-menu.open>ul>li.open
			{
				background-color: var(--menu-open-background-color) !important;
			}
		.main-menu.open>ul>li>a
			{
				padding: var(--menu-popup-items-padding) var(--gap);
				line-height: var(--menu-popup-line-height);
				transition: none;
			}
		.main-menu.open>ul>li.popup.active:hover>a
			{
				color: var(--menu-active-font-color);
			}
		.main-menu.open>ul>li.popup.active:active>a:active
			{
				color: var(--menu-hover-font-color);
				transition: none;
			}
		@media (hover: hover)
			{
				.main-menu.open>ul>li.popup.active:hover>a:hover
					{
						color: var(--menu-hover-font-color);
					}
			}
		.main-menu.open>ul>li>a>svg
			{
				margin-right: calc(-1 * (8px + .25em));
				transition: transform .125s var(--transition-timing-function);
			}
		.main-menu.open>ul>li.open>a>svg
			{
				transform: rotate(-180deg);
			}
		.main-menu.open>ul>li>ul
			{
				display: none;
				position: static;
				max-height: unset;
				background-color: transparent;
				border-radius: 0;
				opacity: 1;
			}
		.main-menu.open>ul>li.open>ul
			{
				display: block;
			}
		.main-menu.open>ul>li.open>ul>li
			{
				margin: 0;
			}
		.main-menu.open>ul>li.open>ul>li>a
			{
				padding: var(--menu-popup-items-padding) var(--gap-small);
				white-space: unset;
			}
	}

@media (max-width: 640px)
	{
		.main-menu.open
			{
				border-radius: 0;
			}
		.main-menu.open>ul
			{
				position: fixed;
				right: 0;
				bottom: 0;
				left: 0;
				min-width: unset;
				padding: calc(var(--gap) * 2) 0;
				border-radius: 0;
			}
		.main-menu.open>ul>li>a
			{
				white-space: unset;
			}
	}

/* ! breadcrumbs */

.breadcrumbs
	{
		position: absolute;
		overflow: hidden;
		top: var(--breadcrumbs-top);
		right: 0;
		left: 0;
		height: var(--breadcrumbs-height);
		margin: 0 auto;
		padding: 0 var(--gap);
		max-width: var(--main-width);
		font-size: var(--breadcrumbs-font-size);
		line-height: var(--breadcrumbs-height);
		z-index: 20;
	}

.breadcrumbs li
	{
		display: inline;
		white-space: nowrap;
	}

.breadcrumbs a
	{
		color: #19171b;
		text-decoration: none;
	}

.breadcrumbs a:active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.breadcrumbs a:hover
			{
				color: var(--link-hover-font-color);
			}
	}

.breadcrumbs li + li::before
	{
		content: '';
		display: inline-block;
		width: 5px;
		height: 8px;
		margin: 0 .25em;
		background-image: var(--breadcrumbs-icon);
		vertical-align: middle;
	}

.breadcrumbs [aria-current='page']
	{
		color: #828282;
	}

.breadcrumbs .share
	{
		position: absolute;
		right: var(--gap);
		top: 3px;
	}

.breadcrumbs .share a
	{
		background: none !important;
		color: #007bb6;
	}

.breadcrumbs .share a:hover
	{
		color: #279fd9;
	}

/* ! pages */

.pages
	{
		display: flex;
		margin-top: var(--gap);
		gap: var(--nav-gap);
		text-align: center;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.pages>a, .pages>span
	{
		min-width: var(--nav-height);
		padding: 0 var(--gap-tiny);
		font-size: var(--nav-font-size);
		font-weight: var(--nav-font-weight);
		line-height: var(--nav-height);
		color: var(--nav-color);
		text-decoration: none;
		border: var(--nav-border-width) solid var(--nav-border-color);
		border-radius: 100px;
		background-color: var(--nav-background-color);
		transition: color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	}

.pages svg
	{
		width: 7px;
		height: 12px;
		fill: currentColor;
	}

.pages>span
	{
		color: var(--nav-active-font-color);
		border-color: var(--nav-active-border-color);
		background-color: var(--nav-active-background-color);
	}

.pages b
	{
		font-weight: var(--font-weight-normal);
	}

.pages a:active
	{
		color: var(--nav-hover-font-color);
		border-color: var(--nav-hover-border-color);
		background-color: var(--nav-hover-background-color);
		transition: none;
	}

@media (hover: hover)
	{
		.pages a:hover
			{
				color: var(--nav-hover-font-color);
				border-color: var(--nav-hover-border-color);
				background-color: var(--nav-hover-background-color);
				transition: none;
			}
	}

.pages .dots
	{
		padding: 0;
	}

@media (max-width: 640px)
	{
		.pages
			{
				justify-content: center;
				margin-top: var(--article-margin);
			}
		.pages :is(.prev, .next)
			{
/* 				display: none; */
			}
	}

@media print
	{
		.pages
			{
				display: none;
			}
	}

/* ! sitemap */

.sitemap>ul
	{
		padding-left: 0;
		list-style: none;
		font-weight: var(--font-weight-bold);
	}

.sitemap>ul>li:not(:last-child)
	{
		margin: .75em 0;
	}

.sitemap ul ul
	{
		list-style: square;
		padding-left: 1.75em;
		font-weight: var(--font-weight-normal);
	}

.sitemap ul ul li
	{
		margin: .25em 0;
	}

/* ! social */

.social
	{
		--size: 32px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--nav-gap);
		max-width: 100%;
	}

.social a
	{
		overflow: hidden;
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		color: rgba(var(--color-white), 1);
	}

.social a svg
	{
		display: block;
		width: 100%;
		height: 100%;
		fill: currentColor;
	}

.social .facebook {background: linear-gradient(to top, #0062e0 0%, #19afff 100%);}
.social .twitter {background: #1d9bf0;}
.social .instagram {background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.social .youtube {background: #ea3223;}

/* ! buttons */

* .btn
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: var(--btn-padding) var(--gap-small);
		font-size: var(--btn-font-size);
		font-weight: var(--btn-font-weight);
		line-height: var(--btn-line-height);
		color: var(--btn-font-color);
		background-color: var(--btn-background-color);
		border: var(--btn-border-width) solid var(--btn-border-color);
		border-radius: var(--corner-small);
		text-align: center;
		text-decoration: none;
		vertical-align: top;
		transition: color var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
	}

@media (hover: hover)
	{
		* .btn:hover
			{
				color: var(--btn-hover-font-color);
				background-color: var(--btn-hover-background-color);
				border-color: var(--btn-hover-border-color);
			}
	}

* .btn:active
	{
		color: var(--btn-active-font-color);
		background-color: var(--btn-active-background-color);
		border-color: var(--btn-active-border-color);
		transition: none;
	}

* .btn.disabled
	{
		color: var(--btn-disabled-font-color);
		background-color: var(--btn-disabled-background-color);
		border-color: var(--btn-disabled-border-color);
		cursor: default;
	}

* .btn.light
	{
		padding: calc(var(--btn-padding) - var(--btn-light-border-width)) var(--gap-small);
		color: var(--btn-light-font-color);
		background-color: transparent !important;
		border: var(--btn-light-border-width) solid var(--btn-light-border-color);
	}

@media (hover: hover)
	{
		* .btn.light:hover
			{
				color: var(--btn-light-hover-font-color);
				border-color: var(--btn-light-hover-border-color);
			}
	}

* .btn.light:active
	{
		color: var(--btn-light-active-font-color);
		border-color: var(--btn-light-active-border-color);
		transition: none;
	}

* .btn.light.disabled
	{
		color: var(--btn-light-disabled-font-color);
		border-color: var(--btn-light-disabled-border-color);
		cursor: default;
	}

* .btn.rounded
	{
		border-radius: 100px;
	}

/* ! file */

.file
	{
		display: table;
		position: relative;
		height: 44px;
	}

.file + .file
	{
		margin-top: var(--gap-tiny);
	}

.file div
	{
		display: table-cell;
		vertical-align: middle;
		padding-left: 50px;
	}

.file ins
	{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 42px;
		border: 1px solid rgba(var(--color-decoration), 1);
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.file ins b
	{
		display: block;
		position: absolute;
		overflow: hidden;
		right: -1px;
		top: -1px;
		width: 9px;
		height: 9px;
		border-left: 1px solid rgba(var(--color-decoration), 1);
		border-bottom: 1px solid rgba(var(--color-decoration), 1);
		background-color: rgba(var(--color-light), 1);
		box-shadow: 1px -1px rgba(var(--color-light), 1);
	}

.file ins b::after
	{
		content: '';
		position: absolute;
		right: -3px;
		top: 3px;
		width: 17px;
		border-bottom: 1px solid rgba(var(--color-decoration), 1);
		transform: rotate(45deg);
	}

.file ins i
	{
		display: block;
		position: absolute;
		right: -9px;
		bottom: 6px;
		padding: 0 2px;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		color: rgba(var(--color-decoration), 1);
		border: 1px solid rgba(var(--color-decoration), 1);
		background-color: rgba(var(--color-light), 1);
		text-transform: uppercase;
	}

/* ! video */

.video
	{
		height: auto;
		border-radius: var(--corner-small);
		aspect-ratio: 16/9;
	}

/* ! share */

.share
	{
		--size: 24px;
		display: block;
		position: relative;
		overflow: hidden;
		width: 0;
		height: var(--size);
		padding-right: 20px;
		color: var(--link-font-color);
		background-color: rgba(var(--color-light), 1);
	}

.share:hover
	{
		width: auto;
		color: var(--link-hover-font-color);
	}

.share>svg
	{
		display: block;
		position: absolute;
		width: 15px;
		height: 16px;
		right: 0;
		top: 4px;
		fill: currentColor;
	}

.share a
	{
		display: block;
		float: right;
		overflow: hidden;
		margin-right: var(--nav-gap);
		width: var(--size);
		height: var(--size);
		border-radius: var(--corner-tiny);
		color: rgba(var(--color-white), 1);
	}

.share a svg
	{
		display: block;
		width: 100%;
		height: 100%;
		fill: currentColor;
	}

.share .facebook {background: #1877f2;}
.share .twitter {background: #1d9bf0;}
.share .telegram {background: #26a4e3;}

@media print
	{
		.share
			{
				display: none;
			}
	}

/* ! scroller */

.scroller
	{
		--arrow-width: 40px;
		position: relative;
		transform: translateZ(0);
	}

.scroller .content
	{
		position: relative;
		overflow: hidden;
	}

.scroller .content>div
	{
		display: flex;
		position: relative;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

.scroller .content>div::-webkit-scrollbar
	{
		display: none;
	}

.scroller.steps .content>div
	{
		overflow: hidden;
	}

.scroller .content>div img
	{
		border-radius: 0;
	}

.scroller :is(.left, .right)
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(-1 * var(--arrow-width));
		width: var(--arrow-width);
		color: var(--link-font-color);
		transition: color var(--transition-duration) var(--transition-timing-function);
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
		z-index: 10;
	}

.scroller .right
	{
		right: calc(-1 * var(--arrow-width));
		left: auto;
	}

.scroller :is(.left, .right):active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.scroller :is(.left, .right):hover
			{
				color: var(--link-hover-font-color);
			}
	}

.scroller :is(.left, .right) svg
	{
		width: 20px;
		height: 40px;
		fill: currentColor;
	}

.scroller .disabled
	{
		color: var(--color-disabled) !important;
		cursor: default;
	}

.scroller.fade .content::before, .scroller.fade .content::after
	{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 40px;
		background: linear-gradient(to right, rgba(var(--color-light), 1) 0%, rgba(var(--color-light), 0) 100%);
		z-index: 10;
	}

.scroller.fade .content::after
	{
		right: 0;
		left: auto;
		background: linear-gradient(to right, rgba(var(--color-light), 0) 0%, rgba(var(--color-light), 1) 100%);
	}

@media (max-width: 640px)
	{
		.scroller
			{
				margin-left: calc((var(--arrow-width) + 20px) / 2);
				margin-right: calc((var(--arrow-width) + 20px) / 2);
			}
	}

@media print
	{
		.scroller :is(.left, .right)
			{
				display: none !important;
			}
	}

/* ! slider */

.slider
	{
		position: relative;
		overflow: hidden;
		transform: translateZ(0);
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

article .slider
	{
		border-radius: var(--corner);
	}

.slider .content
	{
		display: flex;
		position: relative;
		overflow: hidden;
	}

.slider .content img
	{
		display: block;
		border-radius: 0;
	}

.slider .slide
	{
		position: relative;
	}

.slider .slide::after
	{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
	}

.slider :is(.prev, .next)
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -30px;
		width: 60px;
		height: 60px;
		color: rgba(var(--color-white), .75);
		transition: color var(--transition-duration) var(--transition-timing-function);
		cursor: pointer;
		z-index: 10;
	}

.slider .next
	{
		right: 0;
		left: auto;
	}

.slider :is(.prev, .next):active
	{
		color: rgba(var(--color-white), 1);
		transition: none;
	}

@media (hover: hover)
	{
		.slider :is(.prev, .next):hover
			{
				color: rgba(var(--color-white), 1);
			}
	}

.slider :is(.prev, .next) svg
	{
		width: 20px;
		height: 40px;
		fill: currentColor;
	}

.slider .pager
	{
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		font-size: 0;
		text-align: center;
		z-index: 10;
	}

.slider .pager i
	{
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: 0 3px;
		border-radius: 50%;
		background-color: rgba(var(--color-white), .5);
	}

.slider .pager i.active
	{
		background-color: rgba(var(--color-white), 1);
	}

@media (max-width: 640px)
	{
		.slider :is(.prev, .next)
			{
				display: none !important;
			}
	}

@media print
	{
		.slider :is(.prev, .next, .pager)
			{
				display: none !important;
			}
	}

/* ! scene */

.scene
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(var(--color-black), .85);
		transition: opacity .4s ease-in-out;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
		opacity: 0;
		z-index: 1001;
	}

.scene .content
	{
		transition: opacity .4s ease-in-out;
		opacity: 0;
		z-index: 10;
	}

.scene .content div
	{
		position: relative;
	}

.scene .content span
	{
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 10px 25%;
		font-size: 12px;
		line-height: 1.25;
		color: rgba(var(--color-white), 1);
		text-align: center;
		z-index: 10;
	}

.scene .content i
	{
		display: inline-block;
		padding: .25em .5em;
		background-color: rgba(var(--color-black), .5);
		border-radius: var(--corner-small);
	}

.scene .content img
	{
		display: block;
		max-width: calc(100vw - 120px);
		max-height: calc(100vh - 80px);
		box-shadow: 0 0 25px rgba(var(--color-black), .25);
		border-radius: var(--corner-small);
	}

.scene :is(.prev, .next, .close)
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -30px;
		width: 60px;
		height: 60px;
		color: rgba(var(--color-white), .75);
		transition: color var(--transition-duration) var(--transition-timing-function), opacity .4s ease-in-out;
		cursor: pointer;
		opacity: 0;
		z-index: 10;
	}

.scene .next
	{
		right: 0;
		left: auto;
	}

.scene .close
	{
		top: 0;
		left: auto;
		right: 0;
		margin-top: 0;
		width: 32px;
		height: 32px;
	}

.scene :is(.prev, .next, .close):active
	{
		color: rgba(var(--color-white), 1);
		transition: none;
	}

@media (hover: hover)
	{
		.scene :is(.prev, .next, .close):hover
			{
				color: rgba(var(--color-white), 1);
			}
	}

.scene :is(.prev, .next, .close) svg
	{
		width: 20px;
		height: 40px;
		fill: currentColor;
	}

.scene .close svg
	{
		width: 12px;
		height: 12px;
	}

@media (min-width: 1600px)
	{
		.scene :is(.prev, .next)
			{
				width: 120px;
			}
		.scene .content img
			{
				max-width: calc(100vw - 240px);
			}
	}

@media (max-width: 840px)
	{
		.scene .content img
			{
				max-height: 100vh;
			}
	}

@media (max-width: 640px)
	{
		.scene :is(.prev, .next)
			{
				display: none;
			}
		.scene .content img
			{
				max-width: 100vw;
				border-radius: 0;
			}
		.scene .content span
			{
				font-size: 11px;
				padding-left: 10%;
				padding-right: 10%;
			}
	}

@media print
	{
		.scene
			{
				display: none;
			}
	}

/* ! gallery */

.gallery
	{
		position: relative;
		overflow: hidden;
		background-color: rgba(var(--color-black), 1);
		border-radius: var(--corner-small);
		transform: translateZ(0);
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.gallery .wrapper
	{
		position: relative;
		overflow: hidden;
	}

.gallery .content
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		transition: opacity .4s ease-in-out;
		z-index: 10;
	}

.gallery .content div
	{
		position: relative;
		cursor: pointer;
	}

.gallery .content span
	{
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 10px 25%;
		font-size: 12px;
		line-height: 1.25;
		color: rgba(var(--color-white), 1);
		text-align: center;
		z-index: 10;
	}

.gallery .content span i
	{
		display: inline-block;
		padding: .25em .5em;
		background-color: rgba(var(--color-black), .5);
		border-radius: var(--corner-small);
		font-style: normal;
	}

.gallery .content img
	{
		display: block;
		border-radius: 0;
	}

.gallery .content img.scale
	{
		transform: scale(1.15);
	}

.gallery :is(.prev, .next)
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -30px;
		width: 60px;
		height: 60px;
		color: rgba(var(--color-white), .75);
		transition: color var(--transition-duration) var(--transition-timing-function), opacity .4s ease-in-out;
		cursor: pointer;
		opacity: 0;
		z-index: 10;
	}

.gallery .next
	{
		right: 0;
		left: auto;
	}

.gallery :is(.prev, .next):active
	{
		color: rgba(var(--color-white), 1);
		transition: none;
	}

@media (hover: hover)
	{
		.gallery :is(.prev, .next):hover
			{
				color: rgba(var(--color-white), 1);
			}
	}

.gallery .disabled
	{
		opacity: 0 !important;
		cursor: default;
	}

.gallery :is(.prev, .next) svg
	{
		width: 20px;
		height: 40px;
		fill: currentColor;
	}

.gallery .thumbs
	{
		position: relative;
		overflow: hidden;
		height: 50px;
		margin: 10px 0;
	}

.gallery .thumbs::before, .gallery .thumbs::after
	{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 10px;
		background: linear-gradient(to right, rgba(var(--color-black), 1) 0%, rgba(var(--color-black), 0) 100%);
		z-index: 10;
	}

.gallery .thumbs::after
	{
		left: auto;
		right: 0;
		background: linear-gradient(to right, rgba(var(--color-black), 0) 0%, rgba(var(--color-black), 1) 100%);
	}

.gallery .thumbs>div
	{
		position: relative;
		overflow: auto;
		font-size: 0;
		white-space: nowrap;
		height: 100px;
	}

.gallery .thumbs>div>*
	{
		display: inline-block !important;
		margin-left: 10px;
		opacity: .5;
		transition: opacity .4s ease-in-out;
		cursor: pointer;
	}

.gallery .thumbs>div>*:last-child
	{
		margin-right: 10px;
	}

.gallery .thumbs>div>*.active
	{
		opacity: 1;
	}

@media (hover: hover)
	{
		.gallery .thumbs>div>*:hover
			{
				opacity: 1;
			}
	}

.gallery .thumbs img
	{
		display: block;
		height: 50px;
	}

@media (max-width: 640px)
	{
		.gallery :is(.prev, .next, .content span)
			{
				display: none !important;
			}
	}

@media print
	{
		.gallery :is(.thumbs, .prev, .next, .content span)
			{
				display: none !important;
			}
		.gallery :is(.content, .content img)
			{
				width: 100% !important;
				height: auto !important;
				max-height: unset !important;
				transform: scale(1) !important;
			}
	}

/* ! loader */

.loader
	{
		--size: 32px;
		--weight: 2px;
		position: absolute;
		top: 50%;
		left: 50%;
		width: var(--size);
		height: var(--size);
		margin-left: calc(-1 * var(--size) / 2);
		margin-top: calc(-1 * var(--size) / 2) !important;
		border-width: var(--weight);
		border-style: solid;
		border-color: transparent rgba(var(--color-white), .75);
		border-radius: 50%;
		transition: opacity .125s ease-in-out;
		animation: load .8s infinite linear;
		opacity: 0;
		z-index: 7;
	}

@keyframes load
	{
		0% {transform: rotate(0deg)}
		100% {transform: rotate(360deg)}
	}

/* ! faq */

.faq
	{
		border-top: 1px solid rgba(var(--color-decoration), .25);
		border-bottom: 1px solid rgba(var(--color-decoration), .25);
	}

.faq + .faq
	{
		margin-top: 0;
		border-top: none;
	}

.faq .label
	{
		position: relative;
		padding: var(--gap-tiny) 2em var(--gap-tiny) 0;
		color: var(--link-font-color);
		transition: color var(--transition-duration) var(--transition-timing-function);
		-webkit-user-select: none;
		user-select: none;
		cursor: pointer;
	}

.faq .label:active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.faq .label:hover
			{
				color: var(--link-hover-font-color);
			}
	}

.faq .label[aria-expanded='true']
	{
		border-bottom: 1px solid rgba(var(--color-decoration), .25);
	}

.faq .label::after
	{
		content: '+';
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 20px;
		margin-top: -10px;
	}

.faq .label[aria-expanded='true']::after
	{
		content: '−';
	}

.faq .content
	{
		display: none;
		position: relative;
		padding: var(--article-margin) 0 var(--article-margin);
		font-size: 87.5%;
	}

.faq [aria-expanded='true'] + .content
	{
		display: block;
	}

/* ! cut */

.cut
	{
		position: relative;
		overflow: hidden;
		max-height: 300px;
	}

.cut.show
	{
		max-height: unset;
	}

.cut.hide::after
	{
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100px;
		background: linear-gradient(to bottom, rgba(var(--color-light), 0) 0%, rgba(var(--color-light), 1) 100%);
		z-index: 10;
	}

.more
	{
		display: none;
		color: var(--link-font-color);
		text-decoration: underline;
		text-decoration-style: dashed;
		text-decoration-thickness: var(--link-underline-thickness);
		text-decoration-skip-ink: var(--link-underline-skip);
		text-underline-offset: var(--link-underline-offset);
		transition: color var(--transition-duration) var(--transition-timing-function);
		cursor: pointer;
	}

.more.show
	{
		display: inline-block;
	}

.more:active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.more:hover
			{
				color: var(--link-hover-font-color);
			}
	}

@media print
	{
		.more.show, .cut.hide::after
			{
				display: none;
			}
		.cut
			{
				max-height: unset;
			}
	}

/* ! stop */

.stop-sign
	{
		--size: 200px;
		display: block;
		position: relative;
		width: var(--size);
		height: calc(var(--size) / 2.5);
		margin: calc(var(--gap) + var(--size) / 3.333333) auto calc(var(--gap) + var(--size) / 3.333333) !important;
		color: rgba(var(--color-white), 1);
		background-color: var(--color-red);
		box-shadow: inset 0 calc(var(--size) / 2.5) var(--color-red);
		font-family: Verdana, sans-serif;
		font-size: calc(var(--size) / 2.5);
		line-height: calc(var(--size) / 2.5);
		text-align: center;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.stop-sign::before
	{
		content: '';
		position: absolute;
		left: 0;
		top: calc(-1 * (var(--size) / 3.333333));
		width: var(--size);
		height: 0;
		border-bottom: calc(var(--size) / 3.333333) solid var(--color-red);
		border-left: calc(var(--size) / 3.333333) solid transparent;
		border-right: calc(var(--size) / 3.333333) solid transparent;
	}

.stop-sign::after
	{
		content: '';
		position: absolute;
		left: 0;
		bottom: calc(-1 * (var(--size) / 3.333333));
		width: var(--size);
		height: 0;
		border-top: calc(var(--size) / 3.333333) solid var(--color-red);
		border-right: calc(var(--size) / 3.333333) solid transparent;
		border-left: calc(var(--size) / 3.333333) solid transparent;
	}

/* ! tags */

.tags
	{
		display: block;
		position: relative;
		clear: both;
		padding-left: 20px;
		font-size: var(--article-small-font-size);
		color: var(--article-small-font-color);
		cursor: default;
	}

.tags svg
	{
		display: inline-block;
		position: absolute;
		left: 0;
		top: .25em;
		width: 15px;
		height: 12px;
		fill: currentColor;
	}

.tags a
	{
		color: var(--article-small-font-color);
	}

.tags a:active
	{
		color: var(--link-hover-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.tags a:hover
			{
				color: var(--link-hover-font-color);
			}
	}

/* ! map */

.google-map
	{
		position: relative;
		width: 100%;
		height: 400px;
		border-radius: var(--corner-small);
		z-index: 1;
	}

.google-map img
	{
		max-width: inherit !important;
		border-radius: 0 !important;
	}

.google-map .zoom
	{
		margin: var(--gap-small);
		background-color: rgb(var(--color-white));
		box-shadow: 0 0 1px 1px rgba(var(--color-black), .1);
		border-radius: var(--corner-tiny);
	}

.google-map .zoom div
	{
		width: 24px;
		height: 28px;
		color: rgba(var(--color-decoration), 1);
		transition: color var(--transition-duration) var(--transition-timing-function);
		cursor: pointer;
	}

.google-map .zoom div:active
	{
		color: var(--link-font-color);
		transition: none;
	}

@media (hover: hover)
	{
		.google-map .zoom div:hover
			{
				color: var(--link-font-color);
			}
	}

.google-map .zoom div svg
	{
		width: 12px;
		height: 12px;
		margin: 8px 6px;
		fill: currentColor;
	}

.google-map .zoom i
	{
		display: block;
		overflow: hidden;
		height: 1px;
		background-color: rgba(var(--color-black), .1) !important;
	}

@media print
	{
		.google-map .zoom
			{
				display: none;
			}
	}

/* ! form */

.form
	{
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.form .wrapper
	{
		display: flex;
		flex-wrap: wrap;
		column-gap: var(--form-gap-small);
		position: relative;
		padding: var(--form-gap);
		border-radius: var(--corner);
		background-color: var(--form-background-color);
	}

.form.modal
	{
		display: none;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(var(--color-black), .25);
		opacity: 0;
		z-index: 777;
	}

.form.modal .wrapper
	{
		position: absolute;
		width: var(--form-width);
		background-color: rgba(var(--color-light), 1);
		box-shadow: 0 0 var(--form-shadow-size) rgba(var(--color-black), .25);
	}

.form.modal.touch
	{
		align-items: start;
		position: absolute;
	}

.form .close
	{
		display: none;
	}

.form.modal .close
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 0;
		top: 0;
		width: 32px;
		height: 32px;
		transition: color var(--transition-duration) var(--transition-timing-function);
		cursor: pointer;
		z-index: 10;
	}

.form.modal .close svg
	{
		width: 12px;
		height: 12px;
		fill: currentColor;
	}

.form.modal .close:active
	{
		color: var(--color-red);
		transition: none;
	}

@media (hover: hover)
	{
		.form.modal .close:hover
			{
				color: var(--color-red);
			}
	}

.form :first-child
	{
		margin-top: 0;
	}

.form h3
	{
		width: 100%;
		font-family: var(--article-headings-font-family);
		font-size: var(--form-title-font-size);
		font-weight: var(--article-headings-font-weight);
		color: var(--article-headings-font-color);
	}

.form h4
	{
		width: 100%;
		margin-top: var(--form-gap-small);
		font-size: var(--form-description-font-size);
		color: var(--form-label-color);
	}

.form label
	{
		display: block;
		width: 100%;
		margin-top: var(--form-gap-small);
		font-size: var(--form-label-font-size);
		color: var(--form-label-color);
	}

.form p
	{
		flex: auto;
		position: relative;
		width: 100%;
		margin-top: var(--form-gap-small);
	}

.form p label
	{
		margin-top: unset;
		margin-bottom: .25em;
	}

.form .controls
	{
		display: flex;
		gap: var(--form-gap);
		margin-top: var(--form-gap);
	}

.form :is(input, textarea, select)
	{
		display: block;
		width: 100%;
		height: var(--form-input-height);
		padding: var(--form-input-padding);
		font-size: var(--form-input-font-size);
		background-color: var(--form-input-background-color);
		border: var(--form-input-border-width) solid var(--form-input-border-color);
		border-radius: var(--corner-small);
		-webkit-user-select: revert;
		user-select: revert;
	}

.form textarea
		{
			height: unset;
		}

.form :is(input, textarea, select):focus
	{
		border-color: var(--form-input-focus-border-color);
	}

.form :is(input, textarea, select)[disabled]
	{
		color: rgba(var(--color-dark), 1);
		opacity: .75;
	}

.form .alert
	{
		border-color: var(--color-red) !important;
	}

.form .select span
	{
		display: block;
		position: relative;
		background-color: var(--form-input-background-color);
		border-radius: calc(var(--corner-small) + var(--form-input-border-width));
	}

.form select
	{
		position: relative;
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 32px;
		line-height: var(--form-input-height);
		background-color: transparent;
		z-index: 2;
	}

.form select + i
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 32px;
		z-index: 1;
	}

.form select + i svg
	{
		width: 8px;
		height: 5px;
		fill: currentColor;
	}

.form .checkbox + .checkbox
	{
		margin-top: .25em;
	}

.form .checkbox label
	{
		margin: 0;
	}

.form input[type='checkbox']
	{
		all: unset;
		position: absolute;
		left: -200vw;
	}

.form input[type='checkbox'] + label
	{
		display: inline-block;
		padding-left: 24px;
	}

.form input[type='checkbox'] + label::before
	{
		content: '';
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 16px;
		height: 16px;
		background-color: var(--form-checkbox-background-color);
		border-radius: var(--corner-small);
		box-shadow: inset 0 .1em .125em rgba(var(--color-black), .25);
	}

.form input[type='checkbox'] + label::after
	{
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 2px;
		width: 12px;
		height: 12px;
		background-image: var(--form-checkbox-icon);
		transition: opacity .125s, transform .125s;
		transform: scale(.5);
		opacity: 0;
	}

.form input[type='checkbox']:checked + label::after
	{
		opacity: 1;
		transform: scale(1);
	}

.form .radio + .radio
	{
		margin-top: .25em;
	}

.form .radio label
	{
		margin: 0;
	}

.form input[type='radio']
	{
		all: unset;
		position: absolute;
		left: -200vw;
	}

.form input[type='radio'] + label
	{
		display: inline-block;
		padding-left: 24px;
	}

.form input[type='radio'] + label::before
	{
		content: '';
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 16px;
		height: 16px;
		background-color: var(--form-checkbox-background-color);
		border-radius: 50%;
		box-shadow: inset 0 .1em .125em rgba(var(--color-black), .25);
	}

.form input[type='radio'] + label::after
	{
		content: '';
		display: block;
		position: absolute;
		top: 7px;
		left: 5px;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: var(--btn-font-color);
		opacity: 0;
	}

.form input[type='radio']:checked + label::after
	{
		opacity: 1;
		transform: scale(1);
	}

.form input[type='radio']:checked + label::before
	{
		background-color: var(--btn-background-color);
	}

.form .file
	{
		all: unset;
		display: block;
		width: 100%;
		margin-top: var(--form-gap-small);
	}

.form input[type='file']
	{
		position: absolute;
		left: -200vw;
	}

.form input[type='file'] + i
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		padding: .5em var(--form-gap-small) .5em calc(15px + var(--form-gap-small) * 2);
		font-size: var(--form-label-font-size);
		font-style: normal;
		white-space: nowrap;
		color: var(--btn-font-color);
		background-color: var(--btn-background-color);
		border-radius: var(--corner-small);
		transition: background-color var(--transition-duration) var(--transition-timing-function);
		vertical-align: top;
		cursor: pointer;
	}

.form input[type='file'] + i:active
	{
		background-color: var(--btn-active-background-color);
		transition: none;
	}

.form input[type='file'] + i u
	{
		all: unset;
	}

.form input[type='file'] + i svg
	{
		position: absolute;
		top: 50%;
		left: var(--form-gap-small);
		width: 15px;
		height: 14px;
		margin-top: -7px;
		fill: currentColor;
	}

@media (max-width: 640px)
	{
		.form.modal .wrapper
			{
				width: calc(100vw - var(--gap) * 2);
			}
		.form p
			{
				width: 100% !important;
			}
	}

@media print
	{
		.form
			{
				display: none;
			}
	}

/* ! alert */

.form-alert
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(var(--color-black), .25);
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
		opacity: 0;
		z-index: 7777;
	}

.form-alert div
	{
		width: 280px;
		padding: var(--gap-small);
		font-size: var(--font-size-medium);
		text-align: center;
		border-radius: var(--corner);
		background-color: rgba(var(--color-light), 1);
		box-shadow: 0 0 var(--form-shadow-size) rgba(var(--color-black), .25);
	}

/* ! ----------------------------------------------------------------------------------------- ! */

body
	{
		-webkit-font-smoothing: antialiased;
	}

.page
	{
		overflow: hidden;
	}

main
	{
		padding: calc(var(--header-height) + 90px) var(--gap) 60px;
	}

.home-page main
	{
		padding: calc(var(--header-height) + var(--gap)) var(--gap) var(--gap);
	}

main.inside
	{
		padding-top: 60px !important;
		background: transparent !important;
	}

* .btn.light:active
	{
		background: var(--btn-light-active-border-color) !important;
	}

* .btn.white
	{
		color: #007bb6;
		background-color: #fff !important;
	}

@media (hover: hover)
	{
		* .btn.white:hover
			{
				color: #fff !important;
				background-color: #279fd9 !important;
			}
	}

* .btn.white:active
	{
		color: #fff !important;
		background-color: #005a86 !important;
		transition: none;
	}

article h1
	{
		line-height: 1;
		text-transform: uppercase;
		padding-bottom: 60px;
		border-bottom: 1px solid rgba(0, 0, 0, .075);
		margin-bottom: 60px;
		padding-right: 50%;
	}

article h2
	{
		text-transform: uppercase;
		margin-top: 3em;
		padding-right: 60%;
	}

article h3
	{
		text-transform: uppercase;
		color: #19171b;
		font-weight: 700;
	}

@media (max-width: 1023px)
	{
		article h1, article h2
			{
				padding-right: 0;
			}
	}

@media (max-width: 640px)
	{
		article h1
			{
				padding-bottom: 40px;
			}
	}

article :is(.box2col, .box3col, .box4col)
	{
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
	}

article :is(.box2col, .box3col, .box4col) :is(h1, h2)
	{
		padding-right: 0;
	}

article .box2col .second
	{
		grid-column: 2/4;
	}

.home-page article .box2col
	{
		grid-template-columns: 1fr 1fr;
	}

@media (max-width: 640px)
	{
		article :is(.box2col, .box3col, .box4col)
			{
				grid-template-columns: 1fr !important;
			}
		article .box2col .second
			{
				grid-column: unset;
			}
	}

/* ! header */

header .langs a
	{
		box-shadow: 0px 0px 10px rgba(31, 81, 105, .1);
	}

header .langs a:active
	{
		background: #005a86;
	}

header .account
	{
		text-decoration: none;
		box-shadow: 0px 0px 10px rgba(31, 81, 105, .1);
		width: 50px;
		height: 50px;
		border-radius: 100px;
		overflow: hidden;
		position: absolute;
		top: 20px;
		right: 40px;
		z-index: 11;
		cursor: pointer;
		background: #fff;
	}

header .account:hover
	{
		background: #007bb6;
	}

header .account:active
	{
		background: #005a86;
	}

header .account svg
	{
		width: 24px;
		height: 24px;
		margin-top: 13px;
		margin-left: 13px;
		fill: #007bb6;
	}

header .account:hover svg
	{
		fill: #fff;
	}

header .phones
	{
		color: #007bb6;
		cursor: pointer;
		position: absolute;
		right: 180px;
		top: 34px;
		z-index: 15;
		height: 35px;
	}

header .phones svg
	{
		width: 8px;
		height: 5px;
		fill: #007bb6;
		vertical-align: middle;
		margin: 0 4px;
	}

header .phones svg:first-child
	{
		width: 20px;
		height: 20px;
	}

header .phones .popup
	{
		display: none;
	}

header .phones:hover .popup
	{
		display: block;
	}

header .phones .popup
	{
		position: absolute;
		left: 20px;
		right: 0;
		top: 35px;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0px 5px 30px rgba(31, 81, 105, 0.14);
		padding: 10px;
		text-align: center;
		cursor: default;
	}

header .phones .popup div
	{
		margin-bottom: 16px;
	}

header .phones .popup a
	{
		text-decoration: none;
		color: #19171b;
	}

header .phones .popup a:hover
	{
		color: #007bb6;
	}

header .phones .btn
	{
		padding-left: 0;
		padding-right: 0;
		font-size: 8px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		border-radius: 5px;
		margin-bottom: 0 !important;
		--btn-padding: 1.25em;
	}

@media (max-width: 1200px)
	{
		header .phones
			{
				display: none;
			}
	}

@media (max-width: 1023px)
	{
		header .account
			{
				right: 110px;
				top: 15px;
				z-index: 1;
			}
	}

@media (max-width: 640px)
	{
		header .account
			{
				right: 82px;
			}
	}

@media (max-width: 340px)
	{
		header .account
			{
				right: 70px;
			}
	}

/* ! main menu */

.main-menu>ul>li>ul
	{
		box-shadow: 0px 5px 30px rgba(31, 81, 105, 0.14);
		border-radius: 5px !important;
		width: 286px;
		left: 50%;
		margin-left: -143px;
	}

.main-menu>ul>li:hover>ul
	{
		max-height: 1200px;
		overflow: auto;
	}

.main-menu>ul>li.menu-about>ul
	{
		width: 200px;
		margin-left: -100px;
	}

.main-menu>ul>li>ul>li>a
	{
		padding-left: 12px;
		padding-right: 12px;
	}

.main-menu>ul>li>ul>li:first-child
	{
		margin-top: 4px;
	}

.main-menu>ul>li>ul>li:last-child
	{
		margin-bottom: 4px;
	}

.main-menu>ul>li>a>svg.ico
	{
		width: 16px;
		height: 16px;
		margin-right: 4px;
		fill: #007bb6;
	}

.main-menu .team a
	{
		white-space: unset !important;
		padding-left: 55px;
		position: relative;
		--menu-popup-items-padding: 9px;
	}

.main-menu .team a:hover, .main-menu .team .active a
	{
		background: #ebebeb;
	}

.main-menu .team .image
	{
		display: block;
		overflow: hidden;
		width: 35px;
		height: 35px;
		border-radius: 100px;
		position: absolute;
		left: 10px;
		top: 7px;
	}

.main-menu .team .image img
	{
		display: block;
		position: relative;
		left: -10px;
		width: 55px;
		max-width: none !important;
	}

.main-menu .team .title
	{
		display: block;
		color: #19171b;
	}

.main-menu .team i
	{
		display: block;
		font-size: 12px;
		color: #828282;
	}

.main-menu .mobile
	{
		display: none;
	}

.main-menu>ul>li>ul ::-webkit-scrollbar
	{
		width: 12px;
		border-radius: 10px;
	}
 
.main-menu>ul>li>ul ::-webkit-scrollbar-track
	{
		background: transparent;
	}
 
.main-menu>ul>li>ul ::-webkit-scrollbar-thumb
	{
		background: #007bb6;
		border-radius: 10px;
		border: 2px solid #fff;
	}

@media (max-width: 1380px)
	{
		.main-menu
			{
				--menu-items-padding: 18px;
			}
	}

@media (max-width: 1240px)
	{
		.main-menu
			{
				--menu-items-padding: 12px;
			}
	}

@media (max-width: 1023px)
	{
		.main-menu
			{
				text-align: left;
			}
		.main-menu .button
			{
				box-shadow: 0px 0px 10px rgba(31, 81, 105, .1);
				border-radius: 100px;
				background: #fff;
			}
		.main-menu .button:hover
			{
				background: #007bb6;
				--menu-button-lines-color: #fff;
			}
		.main-menu .button:active
			{
				background: #005a86;
				--menu-button-lines-color: #fff;
			}
		.main-menu.open>ul
			{
				top: 55px;
				padding: 10px 0;
				box-shadow: 0px 5px 30px rgba(31, 81, 105, 0.14);
				border-radius: 5px;
			}
		.main-menu.open>ul>li
			{
				border-bottom: 1px solid #ebebeb;
			}
		.main-menu.open>ul>li>a
			{
				text-transform: uppercase;
				padding-left: 12px;
				padding-right: 24px;
			}
		.main-menu>ul>li.open>a
			{
				color: #79cbf2 !important;
			}
		.main-menu>ul>li>ul
			{
				box-shadow: none;
				border-radius: 0 !important;
				width: auto !important;
				left: unset !important;
				margin-left: 0 !important;
				text-transform: uppercase;
				max-height: unset !important;
				overflow: visible !important;
			}
		.main-menu>ul>li>a>svg
			{
				width: 16px;
				height: 10px;
			}
		.main-menu .ico
			{
				display: none;
			}
		.main-menu .team i
			{
				text-transform: none;
				font-weight: 400;
				color: #19171b;
			}
		.main-menu .team .image
			{
				left: 20px;
			}
		.main-menu .team a
			{
				padding-left: 65px !important;
			}
		.main-menu .mobile
			{
				display: block;
				border: none !important;
				padding: 20px 12px;
			}
		.main-menu .mobile ul
			{
				display: block !important;
			}
		.main-menu .mobile .btn
			{
				font-size: 16px;
				font-weight: 700;
				text-transform: uppercase;
				display: block;
				margin-top: 10px;
				--btn-padding: 1.25em;
			}
		.main-menu .mobile .contacts
			{
				font-size: 14px;
				text-transform: none;
				margin-top: 25px;
			}
		.main-menu .mobile .contacts li
			{
				margin: 0 !important;
				padding: 8px 0 8px 30px;
			}
		.main-menu .mobile .contacts a
			{
				display: revert;
				padding: 0;
				font-weight: 400;
				font-size: 14px;
				color: #19171b;
			}
		.main-menu .mobile .contacts a:hover
			{
				color: #007bb6;
			}
		.main-menu .mobile .social
			{
				--size: 40px;
				gap: 20px;
				justify-content: left;
				margin-top: 20px;
			}
		.main-menu .mobile .social a
			{
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				background: var(--link-font-color) !important;
			}
		.main-menu .mobile .social a svg
			{
				width: 20px;
				height: 20px;
			}
		.main-menu .mobile .social a:active
			{
				color: #fff !important;
				background: var(--link-hover-font-color) !important;
				transition: none;
			}
		@media (hover: hover)
			{
				.main-menu .mobile .social a:hover
					{
						color: #fff !important;
						background: var(--link-hover-font-color) !important;
					}
			}
	}

@media (max-width: 640px)
	{
		.main-menu.open>ul
			{
				top: 80px;
				border-radius: 0;
				box-shadow: none;
			}
	}

/* ! footer */

footer
	{
		background:#ebebeb  url(/lib/noice.svg) center center repeat !important;
		background-size: 63px 63px !important;
	}

footer .wrapper
	{
		display: block;
		position: relative;
		padding-top: 100px;
		--link-hover-font-color: #007bb6;
	}

footer .logo svg
	{
		width: 156px;
		height: 42px;
	}

footer .grid
	{
		display: flex;
		gap: 20px;
		position: absolute;
		left: 260px;
		top: 100px;
		right: 400px;
	}

footer .menu
	{
		font-size: 14px;
		columns: 2;
		gap: 40px;
	}

footer .menu li
	{
		padding: 6px 0;
	}

footer .menu a
	{
		color: #19171b;
		text-decoration: none;
	}

footer .menu a:hover
	{
		color: var(--link-hover-font-color);
	}

.contacts
	{
		position: relative;
		top: -6px;
		color: #19171b;
		font-size: 14px;
	}

.contacts li
	{
		position: relative;
		padding: 12px 0 12px 30px;
	}

.contacts a
	{
		color: #19171b;
		text-decoration: none;
		white-space: nowrap;
	}

.contacts a:hover
	{
		color: var(--link-hover-font-color);
	}

.contacts svg
	{
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		fill: #007bb6;
	}

footer .e-signup
	{
		position: absolute;
		top: 100px;
		right: var(--gap);
		font-size: 16px;
		border-radius: 6px;
		min-width: 320px;
	}

footer .social
	{
		--size: 40px;
		gap: var(--gap-small);
		position: absolute;
		right: var(--gap);
		top: 190px;
	}

footer .social a
	{
		display: flex;
		justify-content: center;
		align-items: center;
		color: var(--link-font-color);
		background: #fff !important;
	}

footer .social a svg
	{
		width: 20px;
		height: 20px;
	}

footer .social a:active
	{
		color: #fff !important;
		background: var(--link-font-color) !important;
		transition: none;
	}

@media (hover: hover)
	{
		footer .social a:hover
			{
				color: #fff !important;
				background: var(--link-font-color) !important;
			}
	}

footer .copyrights
	{
		margin-top: 180px;
	}

footer .cards
	{
		position: absolute;
		right: var(--gap);
		bottom: 40px;
		width: 126px;
		height: 32px;
	}

footer::after
	{
		content: '';
		position: absolute;
		right: 0;
		bottom: 110px;
		left: 0;
		border-top: 1px solid #e0e0e0;
	}

@media (max-width: 1200px)
	{
		footer .wrapper
			{
				padding-top: 60px;
			}
		footer .grid
			{
				left: var(--gap);
				top: 150px;
				right: 220px;
			}
		footer .e-signup
			{
				top: 60px;
			}
		footer .social
			{
				top: 150px;
			}
		footer .copyrights
			{
				margin-top: 240px;
			}
	}

@media (max-width: 1023px)
	{
		footer::after
			{
				display: none;
			}
		footer .wrapper
			{
				text-align: left;
				padding-top: 50px;
				padding-bottom: 50px;
			}
		footer .grid
			{
				position: relative;
				display: block;
				left: 0;
				right: 0;
				top: 0;
				margin-top: 40px;
			}
		footer .menu
			{
				font-size: 12px;
			}
		footer .contacts
			{
				margin-top: 30px;
			}
		footer .e-signup
			{
				position: static;
				display: block;
				margin-top: 30px;
				margin-bottom: 30px;
				min-width: unset;
			}
		footer .social
			{
				position: static;
				justify-content: flex-start;
			}
		footer .copyrights
			{
				margin-top: 60px;
				margin-bottom: 40px;
			}
		footer .cards
			{
				position: static;
			}
	}

/* ! fly */

.fly
	{
		position: fixed;
		right: 30px;
		bottom: 32px;
		width: 48px;
		height: 48px;
		border-radius: 100px;
		z-index: 100;
		animation: fly linear 1s infinite;
	}

.fly::after
	{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 100px;
		background: #007bb6;
		transition: background-color 0s;
		z-index: 8;
	}
	
.fly .button, .fly .popup
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
		border-radius: 100px;
		cursor: pointer;
	}

.fly.hover
	{
		-webkit-animation: none;
		animation: none;
	}

.fly:hover::after
	{
		background: #279fd9;
	}

.fly.hover::after
	{
		background: #005a86;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .15);
	}

@keyframes fly
	{
		0% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1), 0 0 0 0 rgba(24, 124, 184, .2), 0 0 0 0 rgba(24, 124, 184, .2);}
		40% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1), 0 0 0 7px rgba(24, 124, 184, .2), 0 0 0 0 rgba(24, 124, 184, .2);}
		80% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1), 0 0 0 15px rgba(24, 124, 184, 0), 0 0 0 12px rgba(24, 124, 184, .05);}
		100% {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1), 0 0 0 15px rgba(24, 124, 184, 0), 0 0 0 20px rgba(24, 124, 184, 0);}
	}

.fly.hover .close
	{
		transform: scale(1);
	}

.fly.hover .chat, .fly .close
	{
		transform: scale(0);
	}

.fly .chat, .fly .close
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 48px;
		height: 48px;
		transition: transform .25s;
		z-index: 9;
		border-radius: 100px;
	}

.fly svg
	{
		display: block;
		width: 48px;
		height: 48px;
		fill: #fff;
	}

.fly .chat svg, .fly .close svg
	{
		width: 26px;
		height: 26px;
		margin: 11px;
	}

.fly .popup
	{
		z-index: 1;
	}

.fly .popup a
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
		border-radius: 100px;
		margin-right: 7px;
		z-index: 1;
		transform: scale(0);
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .15);
	}

.fly.hover .popup a:nth-child(1)
	{
		transition: top .25s, transform .25s;
	}

.fly.hover .popup a:nth-child(2)
	{
		transition: top .25s .05s, transform .25s .05s;
	}

.fly.hover .popup a:nth-child(3)
	{
		transition: top .25s .1s, transform .25s .1s;
	}

.fly.hover .popup a:nth-child(4)
	{
		transition: top .25s .15s, transform .25s .15s;
	}

.fly.hover .popup a:nth-child(1)
	{
		top: -178px;
		transform: scale(1);
	}

.fly.hover .popup a:nth-child(2)
	{
		top: -123px;
		transform: scale(1);
	}

.fly.hover .popup a:nth-child(3)
	{
		top: -68px;
		transform: scale(1);
	}

.fly.hover .popup a:nth-child(4)
	{
		top: -68px;
		transform: scale(1);
	}

.telegram {background: #26a4e3;}
.viber {background: #6141be;}
.messanger {background: #1877f2;}
.skype {background: #0078d7;}

@media (max-width: 640px)
	{
		.fly
			{
				right: 20px;
				bottom: 20px;
			}
	}

@media print
	{
		.fly
			{
				display: none;
			}
	}

/* ! signup */

.e-signup, .e-signup-btn
	{
		text-transform: uppercase;
		font-weight: var(--font-weight-bold);
		white-space: nowrap;
	}

.e-signup svg, .e-signup-btn svg
	{
		display: inline-block;
		position: relative;
		vertical-align: middle;
		top: -.1em;
		margin-right: 10px;
		width: 18px;
		height: 18px;
		fill: currentColor;
	}

@media (max-width: 360px)
	{
		.e-signup svg, .e-signup-btn svg
			{
				margin-right: 4px;
			}
	}

/* ! main specialists */

.main-specialists
	{
		background-color: #007bb6;
		position: relative;
		overflow: hidden;
	}

.main-specialists h2
	{
		font-weight: 900;
		font-size: 50px;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 60px;
	}

.main-specialists .wrap
	{
		position: relative;
		margin: 0 auto;
		padding: 55px var(--gap) 60px var(--gap);
		max-width: var(--main-width);
	}

.main-specialists .wrap .decor-right-top
	{
		position: absolute;
		right: -15px;
		top: 210px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
	}

.main-specialists .wrap .decor-right-bottom
	{
		position: absolute;
		right: -15px;
		bottom: 70px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
	}

.main-specialists .wrap .decor-left-center
	{
		position: absolute;
		left: -15px;
		top: 50%;
		margin-top: -150px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
	}

.main-specialists .wrap .decor-circle
	{
		position: absolute;
		right: var(--gap);
		top: 40px;
	}

.specialists
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
		list-style: none;
		padding: 0;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.specialists .item
	{
		overflow: hidden;
		position: relative;
		background: #fff;
		display: block;
		padding: 20px 20px 90px 120px;
		min-height: 190px;
		border-radius: 10px;
		text-decoration: none;
		transition: box-shadow .25s;
	}

.specialists .item:hover
	{
		box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
	}

.specialists .item .face
	{
		position: absolute;
		left: 20px;
		top: 20px;
		width: 80px;
		height: 80px;
		border-radius: 80px !important;
		overflow: hidden;
	}

.specialists .item .face img
	{
		display: block;
		position: relative;
		left: -20px;
		width: 120px;
		max-width: none !important;
	}

.specialists .item .name
	{
		display: block;
		font-size: 20px;
		font-weight: 700;
		color: #19171b;
		text-transform: uppercase;
	}

.specialists .item .descr
	{
		display: block;
		font-size: 14px;
		line-height: 17px;
		color: #828282;
		margin-top: 10px;
	}

.specialists .item .btns
	{
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 20px;
		display: flex;
		gap: 10px;
	}

.specialists .item .btns span
	{
		font-weight: 700;
		text-transform: uppercase;
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex-grow: 1;
	}

@media (max-width: 1279px)
	{
		.specialists
			{
				grid-template-columns: 1fr 1fr;
			}
	}

@media (max-width: 1080px)
	{
		.main-specialists .decor-circle
			{
				display: none;
			}
	}

@media (max-width: 800px)
	{
		.specialists
			{
				grid-template-columns: 1fr;
			}
		.main-specialists .decor-right-top, .main-specialists .decor-right-bottom, .main-specialists .decor-left-center
			{
				display: none;
			}
	}

@media (max-width: 640px)
	{
		.main-specialists h2
			{
				font-size: 40px;
				margin-bottom: 60px;
			}
		.specialists .item .btns span
			{
				font-size: 14px;
			}
	}

@media (max-width: 360px)
	{
		.main-specialists h2
			{
				font-size: 30px;
			}
	}

/* ! main services */

.main-services
	{
		background-color: #ebebeb;
		position: relative;
		overflow: hidden;
	}

.main-services h2
	{
		font-weight: 900;
		font-size: 50px;
		text-transform: uppercase;
		color: #007bb6;
		margin-bottom: 60px;
	}

.main-services .wrap
	{
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.main-services .wrap .decor-right-top
	{
		position: absolute;
		right: -15px;
		top: 400px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #007bb6;
	}

.main-services .wrap .decor-left-center
	{
		position: absolute;
		left: -15px;
		top: 50%;
		margin-top: -150px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #007bb6;
	}

.services-page
	{
		background-color: #007bb6;
		border-top: 120px solid #fff;
		color: #fff;
		--link-font-color: #fff;
	}

.services-page h1
	{
		color: #fff;
		font-weight: 900;
		font-size: 50px;
		text-transform: uppercase;
		margin-bottom: 60px;
		padding-right: 50%;
		line-height: 1;
	}

.services-page h3
	{
		font-size: 24px;
		margin-top: 60px;
		font-weight: 900;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

.services-page .menu a
	{
/* 		text-decoration: none; */
	}

.services-page .menu li
	{
		padding: 5px 0;
	}

.services-page .wrap .decor-right-top, .services-page .wrap .decor-left-center, .services-page .ellipses svg
	{
		fill: #fff;
	}

.services-page .ellipses svg:nth-child(1)
	{
		top: 5px;
	}

.services-page .ellipses svg:nth-child(2)
	{
		top: 89px;
	}

.services-page .ellipses svg:nth-child(3)
	{
		top: 890px;
	}

.services-page .ellipses::before
	{
		top: 330px;
	}

.services-page .ellipses::after
	{
		top: 1220px;
	}

.corporate
	{
		position: relative;
		display: flex;
		gap: 30px;
		background: #007bb6;
		border-radius: 10px;
		overflow: hidden;
		color: #fff;
		margin-top: 30px;
		padding: 20px 20px 40px 20px;
	}

.corporate h2
	{
		color: #fff;
		margin: 0;
	}

.corporate .btn
	{
		text-transform: uppercase;
		font-weight: 700;
		margin-top: 40px;
		--btn-padding: 1.25em;
		width: 230px;
	}

.corporate .left, .corporate .right
	{
		width: 50%;
	}

.corporate .right p
	{
		max-width: 480px;
		margin-top: 10px;
	}

.corporate .decor-left-bottom
	{
		position: absolute;
		left: 145px;
		top: 60px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
		transform: rotate(90deg);
	}

.corporate .decor-right-center
	{
		position: absolute;
		right: 35px;
		bottom: -20px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
		transform: rotate(90deg);
	}

.services
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 30px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.services div
	{
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

.services div a
	{
		overflow: hidden;
		background: #fff;
		padding: 20px;
		border-radius: 10px;
		height: 180px;
		text-decoration: none;
		position: relative;
		transition: box-shadow .25s;
	}

.services div a:hover
	{
		box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
	}

.services div a:hover svg
	{
		transform: scale(1.5);
	}

.services div a .title
	{
		color: #19171b;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 700;
		position: relative;
		z-index: 5;
	}

.services div a img
	{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 55%;
		max-width: 164px;
	}

.services div a svg
	{
		position: absolute;
		left: 20px;
		bottom: 20px;
		width: 34px;
		height: 34px;
		transition: transform .25s;
	}

.services .menu-online img
	{
		bottom: auto;
		top: 45px;
		width: 57.5%;
		max-width: 172px;
	}

.services .menu-sds img
	{
		width: 42.5%;
		max-width: 126px;
	}

.services .menu-career-guidance img
	{
		width: 52.5%;
		max-width: 156px;
	}

.services .menu-psychodiagnostics img
	{
		width: 65%;
		max-width: 194px;
	}

.services .menu-psychotherapist img, .services .menu-addictions img, .services .menu-childpsychologist img
	{
		width: 57.5%;
		max-width: 172px;
	}

.services .menu-individual-counseling img
	{
		width: 60%;
		max-width: 180px;
	}

.services .menu-family-mediator img
	{
		width: 70%;
		max-width: 208px;
	}

.services .big
	{
		height: 390px;
	}

.services .menu-online.big img
	{
		top: 85px;
		right: 50%;
		margin-right: -140px;
		width: 87.5%;
		max-width: 260px;
	}

.services .menu-childpsychologist.big img
	{
		width: 77.5%;
		max-width: 232px;
	}

.services .menu-psychotherapist.big img
	{
		width: 75%;
		max-width: 224px;
	}

.services .menu-individual-counseling.big img
	{
		width: 87.5%;
		max-width: 260px;
	}

@media (max-width: 1200px)
	{
		.services
			{
				grid-template-columns: 1fr 1fr;
			}
		.corporate
			{
				display: block;
				padding-bottom: 60px;
				padding-top: 60px;
			}
		.corporate div
			{
				width: auto !important;
			}
		.corporate .decor-left-bottom
			{
				left: 57px;
				top: auto;
				bottom: -115px;
			}
		.corporate .decor-right-center
			{
				right: 40px;
				top: -115px;
				bottom: auto;
			}
	}

@media (max-width: 1023px)
	{
		.services-page
			{
				border-top-width: 110px;
			}
		.services-page h1
			{
				padding-right: 0;
			}
	}

@media (max-width: 640px)
	{
		.services
			{
				grid-template-columns: 1fr;
			}
		.main-services h2
			{
				font-size: 40px;
				margin-bottom: 30px;
			}
		.main-services .wrap .decor-right-top, .main-services .wrap .decor-left-center
			{
				display: none;
			}
		.corporate h2
			{
				font-size: 32px;
			}
		.services-page h1
			{
				font-size: 30px;
			}
	}

@media (max-width: 340px)
	{
		.corporate h2
			{
				font-size: 26px;
			}
	}

/* ! main line */

.main-line
	{
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: 70px;
		margin-top: -12vw;
		z-index: 20;
	}

@media (max-width: 640px)
	{
		.main-line
			{
				display: none;
			}
	}

/* ! main banner */

.main-banner
	{
		height: 900px;
		background-color: #007bb6;
		position: relative;
		overflow: hidden;
		top: 90px;
		z-index: 11;	
	}

.main-banner .wrap
	{
		margin: 0 auto;
		padding: 0 var(--gap);
		max-width: var(--main-width);
		display: flex;
		height: 100%;
		align-items: center;
	}

.main-banner .text
	{
		position: relative;
		max-width: 380px;
		color: #fff;
		z-index: 10;
	}

.main-banner .image
	{
		position: absolute;
		left: calc((100vw - 200px) / 2);
		right: 0;
		top: 0;
		bottom: 0;
		background: url(/lib/walk.webp) center center no-repeat;
		background-size: cover;
	}

.main-banner .text .altera
	{
		font-size: 20px;
		font-weight: 700;
	}

.main-banner .text .title
	{
		font-weight: 900;
		font-size: 70px;
		line-height: 98%;
		text-transform: uppercase;
		padding: 20px 0;
	}

.main-banner .text .btn
	{
		text-transform: uppercase;
		font-weight: 700;
		margin-top: 60px;
		--btn-padding: 1.25em;
	}

.main-banner .decor
	{
		position: absolute;
		top: -200px;
		left: -200px;
		width: 337px;
		height: 337px;
		background: #fff;
		opacity: .1;
		border-radius: 1000px;
		z-index: -1;
	}

.main-banner .decor::after
	{
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -108px;
		margin-left: -108px;
		width: 216px;
		height: 216px;
		background: #007bb6;
		border-radius: 1000px;
	}

.main-banner .decor::before
	{
		content: '';
		position: absolute;
		right: -240px;
		top: 310px;
		width: 80px;
		height: 80px;
		background: #fff;
		border-radius: 1000px;
	}

@media (max-width: 1200px)
	{
		.main-banner .image
			{
				left: 500px;
			}
	}

@media (max-width: 1023px)
	{
		.main-banner
			{
				top: 80px;
			}
	}

@media (max-width: 960px)
	{
		.main-banner
			{
				height: 670px;
			}
		.main-banner .image
			{
				left: 475px;
			}
		.main-banner .decor
			{
				top: -110px;
				left: -160px;
			}
		.main-banner .decor::before
			{
				right: -180px;
				top: 380px;
			}
	}

@media (max-width: 780px)
	{
		.main-banner .image
			{
				display: none;
			}
	}

@media (max-width: 640px)
	{
		.main-banner .text .title
			{
				font-size: 60px;
			}
		.main-banner .text .world
			{
				font-size: 18px;
			}
		.main-banner .text
			{
				max-width: 350px;
			}
	}

@media (max-width: 360px)
	{
		.main-banner
			{
				height: 540px;
			}
		.main-banner .text .title
			{
				font-size: 50px;
			}
		.main-banner .text .world
			{
				font-size: 16px;
			}
	}

/* ! main text */

.main-text
	{
		padding-top: 60px;
	}

.main-text .box2col
	{
		gap: 30px;
	}

.main-text .first h2
	{
		color: #007bb6;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 900;
		max-width: 520px;
		padding-right: 20px;
	}

.main-text .stats
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 30px;
	}

.main-text .stats p
	{
		margin-top: 0;
	}

.main-text .stats .b
	{
		color: #007bb6;
		font-size: 70px;
		padding-right: 10px;
		display: inline;
		font-weight: 700;
	}

.main-text .stats i
	{
		display: inline-block;
		text-transform: uppercase;
		width: 120px;
		font-style: normal;
	}

@media (max-width: 640px)
	{
		.main-text
			{
				padding-top: 40px;
				padding-bottom: 50px;
			}
		.main-text .first h2
			{
				padding-right: 0;
			}
		.main-text .stats .b
			{
				font-size: 60px;
			}
		.main-text .stats i
			{
				font-size: 14px;
			}
	}

/* ! forms */

.form.modal
	{
		background-color: rgba(25, 23, 27, .8);
	}

.form.modal .wrapper
	{
		padding: var(--form-gap) 110px;
		border-radius: 20px;
	}

.form h3
	{
		text-transform: uppercase;
		color: #007bb6;
		text-align: center;
		font-weight: 900;
		line-height: 1em;
	}

.form h4
	{
		text-align: center;
		color: #19171b;
		margin: 20px 0 0 0;
	}

.form .submit
	{
		text-transform: uppercase;
		font-weight: 700;
		display: block;
		width: 100%;
		--btn-padding: 1.25em;
	}

.form .controls
	{
		margin-top: 20px;
	}

.form.modal .close
	{
		width: 48px;
		height: 48px;
	}

.form.modal .close svg
	{
		width: 20px;
		height: 20px;
	}

.form-alert div
	{
		padding: 20px;
		border-radius: 10px;
	}

.form .swith
	{
		display: flex;
		gap: 10px;
		width: 100%;
		margin-top: 20px;
	}

.form .swith span
	{
		text-align: center;
		width: 50%;
		border: 1px solid #007bb6;
		color: #007bb6;
		height: 40px;
		line-height: 40px;
		border-radius: 10px;
		text-transform: uppercase;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		overflow: hidden;
	}

.form .swith span:hover
	{
		border: 1px solid #279fd9;
		color: #279fd9;
	}

.form .swith span.active
	{
		background: #007bb6;
		border: 1px solid #007bb6;
		color: #fff;
		cursor: default;
	}

.form .connection
	{
		display: flex;
		width: 100%;
		gap: 10px;
		margin-top: 20px;
	}

.form .connection label
	{
		display: none;
	}

.form .connection i
	{
		all: revert;
		text-align: center;
		width: 33%;
		border: 1px solid #007bb6;
		color: #007bb6;
		background: #fff;
		height: 40px;
		line-height: 40px;
		border-radius: 10px;
		text-transform: uppercase;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
		overflow: hidden;
		white-space: nowrap;
	}

.form .connection i:hover
	{
		border: 1px solid #279fd9;
		color: #279fd9;
	}

.form .connection i svg
	{
		all: revert;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		fill: currentColor;
		margin-right: 4px;
	}

.form .connection i.active
	{
		color: #fff;
		background: #007bb6;
		border: 1px solid #007bb6;
		cursor: default;
	}

.form .review-rating label
	{
		font-size: 16px;
		color: #19171b;
	}

@media (max-width: 640px)
	{
		.form.modal .wrapper
			{
				padding: var(--form-gap) 12px;
			}
		.form h3
			{
				font-size: 30px;
			}
	}

/* ! rating */

.rating
	{
		display: inline-block;
		font-size: 0;
		line-height: 19px;
		white-space: nowrap;
		vertical-align: middle;
		position: relative;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.rating svg
	{
		position: relative;
		width: 17px;
		height: 17px;
		fill: #ebebeb;
		vertical-align: middle;
		padding-left: 4px;
		box-sizing: content-box;
	}

.rating svg:first-child
	{
		padding-left: 0 !important;
	}

.rating.show.a-1 svg:nth-child(-n+1),
.rating.show.a-2 svg:nth-child(-n+2),
.rating.show.a-3 svg:nth-child(-n+3),
.rating.show.a-4 svg:nth-child(-n+4),
.rating.show.a-5 svg
	{
		fill: #ffcc18;
	}

.rating.big
	{
		line-height: 24px;
	}

.rating.big svg
	{
		width: 20px;
		height: 20px;
		padding-left: 6px;
	}

.rating.write svg
	{
		cursor: pointer;
	}

.rating.write.a-1 svg:nth-child(-n+1), .rating.write.h-1 svg:nth-child(-n+1),
.rating.write.a-2 svg:nth-child(-n+2), .rating.write.h-2 svg:nth-child(-n+2),
.rating.write.a-3 svg:nth-child(-n+3), .rating.write.h-3 svg:nth-child(-n+3),
.rating.write.a-4 svg:nth-child(-n+4), .rating.write.h-4 svg:nth-child(-n+4),
.rating.write.a-5 svg, .rating.write.h-5 svg
	{
		fill: #ffcc18;
	}

.rating.write.h-1 svg:nth-child(n+2),
.rating.write.h-2 svg:nth-child(n+3),
.rating.write.h-3 svg:nth-child(n+4),
.rating.write.h-4 svg:nth-child(n+5)
	{
		fill: #ebebeb;
	}

/* ! team */

article .team
	{
		list-style: none;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 30px;
		padding: 0;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

article .team a
	{
		display: block;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
		transition: box-shadow .25s;
	}

article .team a .face
	{
		display: block;
		border-radius: 10px;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

article .team a .face::after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.3) 100%);
	}

article .team a img
	{
		display: block;
		transition: transform .25s;
		width: 100%;
	}

article .team a .info
	{
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		color: #fff;
		z-index: 10;
		font-size: 12px;
	}

article .team a .info .name
	{
		display: block;
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
	}

article .team a:hover
	{
		box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
	}

article .team a:hover img
	{
		transform: scale(1.1);
	}

@media (max-width: 1200px)
	{
		article .team
			{
				grid-template-columns: 1fr 1fr 1fr;
			}
	}

@media (max-width: 880px)
	{
		article .team
			{
				grid-template-columns: 1fr 1fr;
			}
	}

@media (max-width: 640px)
	{
		article .team
			{
				grid-template-columns: 1fr;
			}
	}

/* ! ellipses */

.ellipses
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: -1;
	}

.ellipses svg
	{
		position: absolute;
		opacity: .1;
		fill: #007bb6;
	}

.ellipses svg:nth-child(1)
	{
		width: 337px;
		height: 337px;
		top: 125px;
		left: -80px;
	}

.ellipses svg:nth-child(2)
	{
		width: 253px;
		height: 253px;
		top: 209px;
		right: -80px;
	}

.ellipses svg:nth-child(3)
	{
		width: 449px;
		height: 449px;
		top: 1010px;
		left: -130px;
	}

.ellipses::before
	{
		content: '';
		position: absolute;
		top: 450px;
		right: 150px;
		bottom: 0;
		width: 79px;
		height: 79px;
		background: #007bb6;
		border-radius: 100px;
		opacity: .1;
	}

.ellipses::after
	{
		content: '';
		position: absolute;
		top: 1340px;
		bottom: 0;
		left: 390px;
		width: 79px;
		height: 79px;
		background: #007bb6;
		border-radius: 100px;
		opacity: .1;
	}

@media (max-width: 640px)
	{
		.ellipses
			{
				display: none;
			}
	}

@media print
	{
		.ellipses
			{
				display: none;
			}
	}

/* !price */

.e-price
	{
		overflow: auto;
	}

.e-price th
	{
		background: none;
		border: none !important;
		color: #828282;
		font-size: 12px;
		font-weight: 400;
		padding: 6px 0;
	}

.e-price td
	{
		border-left: none !important;
		border-right: none !important;
		border-color: #ebebeb;
		padding: 12px 0;
	}

@media (max-width: 640px)
	{
		.e-price th
			{
				padding: 6px;
			}
		.e-price td
			{
				font-size: 12px;
				padding: 12px 6px;
			}
	}

/* ! inside signup */

.inside-signup
	{
		background: #007bb6;
		color: #fff;
		position: relative;
		overflow: hidden;
		z-index: 12;
	}

.inside-signup .wrap
	{
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr 1fr 1fr;
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.inside-signup .btn
	{
		--btn-padding: 1.25em;
		width: 240px;
		margin-top: 20px;
	}

.inside-signup h3
	{
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
	}

.inside-signup .text
	{
		position: relative;
		max-width: 360px;
		z-index: 5;
	}

.inside-signup .wrap .ellipse
	{
		position: absolute;
		opacity: .1;
		fill: #fff;
		width: 253px;
		height: 253px;
		top: 20px;
		left: -80px;
	}

.inside-signup .wrap::after
	{
		content: '';
		position: absolute;
		top: 180px;
		left: 260px;
		width: 79px;
		height: 79px;
		background: #fff;
		border-radius: 100px;
		opacity: .1;
	}

.inside-signup .line
	{
		position: absolute;
		display: block;
		top: 0;
		height: 100%;
		left: 65%;
		z-index: 1;
	}

.inside-signup.v1 .wrap
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

.inside-signup.v1 .wrap::before
	{
		content: '';
	}

.inside-signup.v1 .ellipse, .inside-signup.v1 .wrap::after
	{
		display: none;
	}

.inside-signup.v1 .line
	{
		left: 7%;
	}

.inside-signup.v3
	{
		box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	}

.inside-signup.v3 .wrap
	{
		grid-template-columns: 1fr;
	}

.inside-signup.v3 h3
	{
		font-size: 50px;
		line-height: 1;
		max-width: 680px;
	}

.inside-signup.v3 .text
	{
		max-width: 440px;
	}

.inside-signup.v3 .line
	{
		left: 640px;
	}

.inside-signup.v3 .wrap .ellipse
	{
		top: -35px;
		width: 337px;
		height: 337px;
	}

.inside-signup.v3 .wrap::after
	{
		top: 300px;
		left: 500px;
	}

@media (max-width: 1200px)
	{
		.inside-signup.v1 .line
			{
				left: -1%;
			}
	}

@media (max-width: 1023px)
	{
		.inside-signup.v1 .line
			{
				left: -9%;
			}
	}

@media (max-width: 880px)
	{
		.inside-signup .wrap
			{
				grid-template-columns: 1fr !important;
			}
		.inside-signup .wrap .ellipse
			{
				top: -80px !important;
			}
		.inside-signup .wrap::after, .inside-signup.v2 .line, .inside-signup.v1 .line, .inside-signup.v1 .wrap::before
			{
				display: none;
			}
		.inside-signup.v1 .ellipse
			{
				display: block;
			}
		.inside-signup.v3 .wrap .ellipse
			{
				width: 253px;
				height: 253px;
			}
	}

@media (max-width: 640px)
	{
		.inside-signup.v3 h3
			{
				font-size: 30px !important;
				line-height: 1;
			}
	}

/* ! inside box */

.inside-box
	{
		background: #007bb6;
		color: #fff;
		position: relative;
		overflow: hidden;
		z-index: 12;
		--link-font-color: #fff;
	}

.inside-box .wrap
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.inside-box .wrap::before
	{
		content: '';
	}

.inside-box .wrap>div
	{
		grid-column: 2/4;
		max-width: 700px;
		position: relative;
		z-index: 11;
	}

.inside-box :is(h1, h2, h3, h4, div, p, pre, address, ul, ol, blockquote, hr, table, form, iframe, audio, video)
	{
		margin-top: var(--article-margin);
	}

.inside-box :first-child, .inside-box :is(div div, table table), .inside-box :is(ul, ol) :is(ul, ol)
	{
		margin-top: 0;
	}

.inside-box h2
	{
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
	}

.inside-box a
	{
/* 		color: #fff; */
	}

.inside-box .btn
	{
		--btn-padding: 1.25em;
		width: 240px;
		margin-top: 20px;
	}

.inside-box .decor-left-bottom
	{
		position: absolute;
		left: 45px;
		bottom: -105px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
		transform: rotate(-90deg);
	}

.inside-box .decor-right-top
	{
		position: absolute;
		right: 45px;
		top: -90px;
		width: 45px;
		height: 303px;
		opacity: .2;
		fill: #fff;
		transform: rotate(-90deg);
	}

@media (max-width: 1023px)
	{
		.inside-box .decor-right-top
			{
				display: none;
			}
	}

@media (max-width: 640px)
	{
		.inside-box .decor-left-bottom
			{
				left: auto;
				right: 55px;
			}
		.inside-box .wrap
			{
				grid-template-columns: 1fr;
			}
		.inside-box .wrap>div
			{
				grid-column: unset;
			}
		.inside-box .wrap::before
			{
				display: none;
			}
	}

/* ! inside spec */

.inside-spec
	{
		background: #ebebeb;
		position: relative;
		z-index: 12;
	}

.inside-spec .wrap
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.inside-spec .specialists
	{
		grid-column: 2/4;
		grid-template-columns: 1fr 1fr;
	}

.inside-spec h2
	{
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
		color: #007bb6;
	}

.inside-spec h3
	{
		font-weight: 900;
		font-size: 50px;
		line-height: 1;
		text-transform: uppercase;
		color: #007bb6;
	}

.inside-serv .wrap
	{
		grid-template-columns: 1fr 1fr;
	}

.inside-serv .services
	{
		display: block;
		grid-column: 2/4;
	}

.inside-serv .services>div
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

@media (max-width: 1200px)
	{
		.inside-spec .specialists, .inside-spec .services>div
			{
				grid-template-columns: 1fr;
			}
	}

@media (max-width: 880px)
	{
		.inside-spec .wrap
			{
				display: grid;
				grid-template-columns: 1fr;
			}
		.inside-spec .specialists, .inside-serv .services
			{
				grid-column: unset;
			}
	}

@media (max-width: 640px)
	{
		.inside-spec h3
			{
				font-size: 30px;
			}
	}

/* faq */

.faq, .faq .label
	{
		border: none !important;
	}

.micro-faq>div
	{
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr 1fr 1fr;
	}

.faq:first-child
	{
		margin-top: -20px;
	}

.micro-faq>div>div
	{
		margin-top: -20px;
		grid-column: 2/4;
	}

.micro-faq h3
	{
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
		color: #007bb6;
	}

.micro-faq b
	{
		display: none;
	}

.micro-faq a, .faq .label
	{
		text-decoration: none;
		font-size: 20px;
		font-weight: 700;
		color: #19171b !important;
		text-transform: uppercase;
		padding-right: 45%;
		display: block;
		position: relative;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

.faq .label
	{
		padding-right: 100px;
	}

.micro-faq>div>div>div, .faq
	{
		border-bottom: 1px solid #007bb6 !important;
		padding: 20px 0;
	}

.micro-faq .panel-body, .faq .content
	{
		font-size: 16px;
		margin-top: 20px;
		padding: 0 60px 0 0 !important;
	}

.micro-faq a::after, .faq .label::after
	{
		content: '' !important;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -25px;
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggZD0ibTE2IDIyIDkgOSA5LTkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=');
	}

.micro-faq a:hover::after, .faq .label:hover::after
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjMDA3YmI2IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggZD0ibTE2IDIyIDkgOSA5LTkiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=');
	}

.micro-faq .open a::after, .faq .label[aria-expanded='true']::after
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjMDA3YmI2IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggZD0ibTE2IDI4IDktOSA5IDkiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=');
	}

.micro-faq .open a:hover::after, .faq .label[aria-expanded='true']:hover::after
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjMDA1YTg2IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggZD0ibTE2IDI4IDktOSA5IDkiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=');
	}

.micro-faq .panel-collapse.collapse
	{
		display: none;
	}

@media (max-width: 1200px)
	{
		.micro-faq a, .faq .label
			{
				padding-right: 60px;
			}
	}

@media (max-width: 880px)
	{
		.micro-faq>div
			{
				grid-template-columns: 1fr;
			}
		.micro-faq>div>div
			{
				grid-column: unset;
			}
		.micro-faq .panel-body, .faq .content
			{
				padding-right: 0;
			}
	}

/* ! invoice */

.invoice
	{
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, .075);
		padding-bottom: 60px;
	}

.invoice .order
	{
		position: absolute;
		right: 0;
		top: 0;
		color: #828282;
		margin: 0;
	}

.invoice .status
	{
		margin-right: 140px;
	}

.invoice .status.pending
	{
		color: orange;
	}

.invoice .status.refunded, .invoice .status.invalid
	{
		color: #f00;
	}

.invoice .status.success
	{
		color: forestgreen;
	}

.invoice>svg
	{
		width: 126px;
		height: 32px;
		position: absolute;
		right: 0;
		bottom: 68px;
	}

.invoice .button
	{
		display: inline-block;
		color: #fff !important;
		background: #007bb6;
		line-height: 50px;
		border-radius: 10px;
		text-transform: uppercase;
		padding: 0px 40px;
		text-decoration: none;
		cursor: pointer;
		font-size: 16px;
		font-weight: 700;
		position: relative;
	}

.invoice .button:hover
	{
		background-color: #279fd9;
	}

.invoice .button:active
	{
		background-color: #005a86;
	}

@media (max-width: 640px)
	{
		.invoice .order
			{
				position: static;
				right: auto;
				top: auto;
				margin-top: 30px;
			}
		.invoice .status
			{
				margin-right: 0;
			}
		.invoice>svg
			{
				bottom: 56px;
			}
	}

/* about box */

.about-box
	{
		position: relative;
		z-index: 11;
	}

.about-box .wrap
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
		min-height: 35vw;
		align-items: end;
	}

.about-box .wrap>div
	{
		grid-column: 2/4;
		max-width: 700px;
	}

.about-box img
	{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-top: -10vw;
		position: relative;
		z-index: 10;
	}

.about-box .place
	{
		position: relative;
		background: url(/lib/place.webp) center center no-repeat;
		background-size: cover;
	}

.about-box .place::after
	{
		content: '';
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.3) 100%);
		z-index: 1;
	}

.about-box h3
	{
		color: #fff;
		font-size: 24px;
		font-weight: 900;
		text-transform: uppercase;
	}

.about-box .btn
	{
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
		--btn-padding: 1.25em;
	}

@media (max-width: 640px)
	{
		.about-box img
			{
				display: none;
			}
		.about-box .wrap
			{
				grid-template-columns: 1fr;
				min-height: 200vw;
			}
		.about-box .wrap>div
			{
				grid-column: unset;
			}
	}

/* ! contacts banner */

.contacts-banner
	{
		border-top: 120px solid #fff;
		top: 0 !important;
		height: auto;
		--link-font-color: #fff;
	}

.contacts-banner .wrap
	{
		display: block;
		align-items: unset;
		padding-top: 60px;
		padding-bottom: 60px;
	}

.contacts-banner .image
	{
		left: calc((100vw - 200px) / 1.34);
		z-index: 12;
	}

.contacts-banner .text
	{
		max-width: unset;
		margin-right: 35%;
	}

.contacts-banner h1
	{
		line-height: 1;
		text-transform: uppercase;
		font-size: 50px;
		font-weight: 900;
		padding-bottom: 30px;
	}

.contacts-banner h2
	{
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 900;
		margin-top: 30px;
	}

.contacts-banner p
	{
		margin-top: 1.3em;
	}

.contacts-banner a
	{
/* 		color: #fff !important; */
		text-decoration: none !important;
	}

.contacts-banner .decor
	{
		top: -55px;
		left: -120px;
	}

.contacts-banner .decor::before
	{
		right: -140px;
		top: 350px;
	}

.contacts-banner .ellipse
	{
		width: 253px;
		height: 253px;
		position: absolute;
		opacity: .1;
		fill: #fff;
		bottom: -98px;
		left: 85%;
		z-index: -1;
	}

.e-contacts-wrap
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

.e-contacts
	{
		margin-top: 1.3em;
	}

.e-contacts li
	{
		padding: 5px 0 5px 25px;
		position: relative;
	}

.e-contacts svg
	{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 5px;
		fill: #fff;
	}

.e-skype, .e-telegram, .e-viber, .e-messanger
	{
		width: 28px !important;
		height: 28px !important;
		left: -4px !important;
		top: 0px !important;
	}

@media (max-width: 1360px)
	{
		.contacts-banner .text
			{		
				margin-right: 40%;
			}
	}

@media (max-width: 1023px)
	{
		.contacts-banner
			{
				border-width: 110px;
			}
		.contacts-banner .image
			{
				display: none;
			}
		.contacts-banner .text
			{
				margin-right: 0;
			}
	}

@media (max-width: 640px)
	{
		.e-contacts-wrap
			{
				grid-template-columns: 1fr;
			}
		.contacts-banner h1
			{
				font-size: 30px;
			}
		.contacts-banner .decor
			{
				left: -220px;
			}
	}

/* ! google map */

.google-map
	{
		border-radius: 0;
	}

@media (max-width: 640px)
	{
		.google-map
			{
				height: 700px;
			}
	}

/* ! blog */

.blog
	{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
	}

.blog .title
	{
		font-size: 20px;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 10px;
		--link-font-color: #19171b;
	}

.blog .title a
	{
		padding-top: .4em;
	}

.blog .image
	{
		overflow: hidden;
		border-radius: 10px;
		display: block;
		transition: box-shadow .25s;
	}

.blog .image img
	{
		display: block;
		width: 100%;
		transition: transform .25s;
	}

.blog .image:hover
	{
		box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
	}

.blog .image:hover img
	{
		transform: scale(1.1);
	}

.blog .announce
	{
		color: #828282;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.blog .author
	{
		font-size: 12px;
	}

.blog .date
	{
		font-size: 12px;
		color: #828282;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.blog a
	{
		text-decoration: none;
	}

.tags
	{
		padding-left: 0;
		font-size: 16px;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
		margin-top: 30px;
		-webkit-user-select: none;
		user-select: none;
	}

.blog .tags
	{
		margin-top: 0 !important;
	}

.tags a
	{
		color: #19171b;
		background: #ebebeb;
		border-radius: 6px;
		padding: 2px 5px;
		text-decoration: none;
	}

.blog-head
	{
		border-bottom: 1px solid rgba(0, 0, 0, .075);
		padding-bottom: 60px;
		margin-bottom: 60px;		
	}

.blog-head h1
	{
		margin: 0;
		padding: 0;
		border: none;
	}

.blog-head .line
	{
		display: flex;
		color: #828282;
		align-items: center;
	}

.blog-head .image
	{
		width: 60px;
		height: 60px;
		margin-right: 30px;
	}

.blog-head .date
	{
		font-size: 12px;
		color: #828282;
		margin-bottom: 30px;
	}

.blog-head .author
	{
		display: block;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 100px;
		cursor: pointer !important;
	}

.blog-head .author img
	{
		display: block;
		position: relative;
		left: -15px;
		width: 94px;
		max-width: none !important;
	}

.blog-head .reading
	{
		text-align: right;
		width: 50%;
		line-height: 1.5;
	}

.blog-head .reading .b
	{
		color: #19171b;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 700;
	}

.blog-head .info
	{
		width: 50%;
	}

.blog-head .info .name a
	{
		font-size: 20px;
		--link-font-color: #19171b;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
	}

.blog-content
	{
		color: #828282;
	}

.blog-content h2
	{
		margin-top: 1.75em;
	}

.blog-content img
	{
		border-radius: 10px;
	}

.big-rating
	{
		margin-top: 60px;
		padding: 20px;
		border-radius: 20px;
		border: 1px solid rgba(0, 0, 0, .075);
		text-align: right;
		color: #828282;
	}

.big-rating b
	{
		float: left;
		color: #19171b;
		font-size: 20px;
		text-transform: uppercase;
		max-width: 280px;
		text-align: left;
	}

.big-rating .rating
	{
		margin-top: 2px;
	}

.cuts
	{
		background: #ebebeb;
		border-radius: 10px;
		padding: 30px 12px;
		color: #828282;
	}

.cuts ol
	{
		margin-top: 10px;
		padding-left: 1.35em;
	}

.cuts a
	{
		--link-font-color: #828282;
		text-decoration: none;
		padding-top: .2em;
	}

.blog-related
	{
		overflow: hidden;
	}

.blog-related .wrap
	{
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.blog-related h3
	{
		font-size: 50px;
		font-weight: 900;
		color: #007bb6;
		line-height: 1;
		text-transform: uppercase;
		max-width: 600px;
	}

.blog-related h3.full
	{
		max-width: unset;
	}

.blog-related .blog .date
	{
		margin-bottom: 0;
	}

.blog-heading
	{
		font-size: 50px;
		padding-right: 0;
		margin-bottom: 30px;
		margin-top: 60px;
		border: none !important;
		line-height: 1.3;
		padding-bottom: 0;
	}

.blog-heading-h1
	{
		line-height: 1;
		text-transform: uppercase;
		padding-bottom: 60px;
		border-bottom: 1px solid rgba(0, 0, 0, .075);
		margin-bottom: 60px;
		padding-right: 50%;
		font-size: 50px;
		font-weight: 900;
		color: #007bb6;
	}

@media (max-width: 1200px)
	{
		.blog
			{
				grid-template-columns: 1fr 1fr;
			}
	}

@media (max-width: 1023px)
	{
		.big-rating
			{
				text-align: left;
			}
		.big-rating b
			{
				float: none;
				display: block;
				max-width: unset;
				margin-bottom: 30px;
			}
		.big-rating .rating
			{
				margin-top: 10px;
			}
		.blog-heading-h1
			{
				padding-right: 0;
			}
	}

@media (max-width: 640px)
	{
		.blog
			{
				grid-template-columns: 1fr;
			}
		.blog-head .line
			{
				flex-wrap: wrap;
			}
		.blog-head .reading
			{
				width: 100%;
				text-align: left;
				padding-top: 30px;
			}
		.blog-head .info
			{
				width: 73%;
			}
		.tags
			{
				margin-top: 60px;
			}
		.blog-related h3, .blog-heading
			{
				font-size: 30px;
			}
		.blog-heading-h1
			{
				padding-bottom: 40px;
				font-size: 30px;
			}
	}

@media (max-width: 340px)
	{
		.blog-head .info
			{
				width: 68%;
			}
	}

/* ! filters */

.filters
	{
		display: flex;
		position: relative;
		margin-top: -60px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
		z-index: 30;
	}

.filters>div
	{
		height: 40px;
		position: relative;
		margin-right: 20px;
	}

.filters .title
	{
		text-transform: uppercase;
		font-weight: 700;
		color: #007bb6;
		line-height: 40px;
		cursor: pointer;
	}

.filters .title:hover
	{
		color: #005a86;
	}

.filters ul
	{
		display: none;
		position: absolute;
		left: 0;
		top: 40px;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0px 0px 10px rgba(31, 81, 105, 0.1);
		margin: 0;
		z-index: 30;
	}

.filters>div:hover ul
	{
		display: block;
	}

.filters .topics
	{
		list-style: none;
		padding: 5px 10px;
		width: 280px;
		overflow: auto;
		height: 430px;
	}

.filters .topics li a
	{
		--link-font-color: #19171b;
		--link-hover-font-color: #007bb6;
		text-decoration: none;
		display: block;
		padding: 5px 0;
		font-size: 14px;
	}

.filters .authors
	{
		list-style: none;
		padding: 0;
		width: 280px;
		overflow: auto;
		height: 430px;
	}

.filters .authors .image
	{
		display: block;
		overflow: hidden;
		width: 35px;
		height: 35px;
		border-radius: 100px;
		position: absolute;
		left: 10px;
		top: 7px;
	}

.filters .authors .image img
	{
		display: block;
		position: relative;
		left: -10px;
		width: 55px;
		max-width: none !important;
	}

.filters .authors .title
	{
		display: block;
		color: #19171b;
		font-size: 14px;
		line-height: 1.3;
		font-weight: 400;
		text-transform: none;
	}

.filters .authors i
	{
		display: block;
		font-size: 12px;
		color: #828282;
		font-style: normal;
	}

.filters .authors li a
	{
		text-decoration: none;
		position: relative;
		display: block;
		padding: 9px 10px 9px 55px;
	}

.filters .authors li:first-child
	{
		margin-top: 4px;
	}

 .filters .authors li:last-child
	{
		margin-bottom: 4px;
	}

.filters .authors li a:hover
	{
		background: #ebebeb;
	}

.filters svg
	{
		width: 11px;
		height: 7px;
		margin-left: 10px;
		vertical-align: middle;
		fill: currentColor;
	}

.filters .clear
	{
		position: absolute;
		right: 0;
		top: 7px;
		--link-font-color: #19171b;
		--link-hover-font-color: #007bb6;
		text-decoration: none;
		background: #ebebeb;
		border-radius: 6px;
		line-height: 26px;
		padding: 0 8px;
	}

.filters .clear svg
	{
		width: 12px;
		height: 12px;
	}

.filters ::-webkit-scrollbar
	{
		width: 12px;
		border-radius: 10px;
	}
 
.filters ::-webkit-scrollbar-track
	{
		background: transparent;
	}
 
.filters ::-webkit-scrollbar-thumb
	{
		background: #007bb6;
		border-radius: 10px;
		border: 2px solid #fff;
	}

@media (max-width: 640px)
	{
		.filters
			{
				padding-bottom: 45px;
			}
		.filters>div
			{
				position: static;
			}
		.filters ul
			{
				width: auto !important;
				right: 0;
			}
		.filters .clear
			{
				right: auto;
				left: 0;
				top: 55px;
			}
	}

/* ! team related */

.team-related
	{
		background: #007bb6;
		overflow: hidden;
	}

.team-related .wrap
	{
		position: relative;
		margin: 0 auto;
		padding: 60px var(--gap);
		max-width: var(--main-width);
		z-index: 5;
	}

.team-related h3
	{
		font-size: 50px;
		font-weight: 900;
		color: #fff;
		line-height: 1;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

.team-related .scroller.fade .content::before
	{
		background: linear-gradient(to right, rgba(0, 123, 182, 1) 0%, rgba(0, 123, 182, 0) 100%);
	}

.team-related .scroller.fade .content::after
	{
		background: linear-gradient(to right, rgba(0, 123, 182, 0) 0%, rgba(0, 123, 182, 1) 100%);
	}

.team-related .scroller .content>div
	{
		padding: 30px 0 60px 0;
	}

.scroller.steps .content>div>div
	{
		display: flex;
	}

.team-related .scroller .content>div .item
	{
		padding-top: 20px !important;
	}

.team-related .scroller
	{
		margin-bottom: -60px;
	}

.team-related .scroller .left, .team-related .scroller .left.disabled, .scene .prev
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMjMuODI1IDE3LjA1OTFjLjIzNCAwIC40NTg0LjA5MjkuNjIzOC4yNTgzLjE2NTMuMTY1NS4yNTgzLjM4OTkuMjU4My42MjM4cy0uMDkyOS40NTgzLS4yNTgzLjYyMzhsLTUuNTUyNyA1LjU1MjdoMTQuMzQwN2MuMjM0IDAgLjQ1ODQuMDkyOS42MjM5LjI1ODRzLjI1ODQuMzg5OS4yNTg0LjYyMzktLjA5MjkuNDU4NS0uMjU4NC42MjM5Yy0uMTY1NS4xNjU1LS4zODk5LjI1ODUtLjYyMzkuMjU4NWgtMTQuMzQwN2w1LjU0ODUgNS41NDgzLjAwNS4wMDUzYy4xNTguMTY1OS4yNDUzLjM4NjguMjQzMy42MTYtLjAwMi4yMzE0LS4wOTQ4LjQ1MjctLjI1ODQuNjE2M3MtLjM4NDkuMjU2NC0uNjE2My4yNTg0Yy0uMjI5Mi4wMDItLjQ1MDItLjA4NTItLjYxNjEtLjI0MzJsLTcuMDU5Ny03LjA1OTdjLS4xNjUzLS4xNjU0LS4yNTgzLS4zODk4LS4yNTgzLS42MjM4IDAtLjIzMzkuMDkzLS40NTgzLjI1ODMtLjYyMzhsNy4wNTg4LTcuMDU4OGMuMTY1NS0uMTY1NC4zODk5LS4yNTgzLjYyMzgtLjI1ODN6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') center center no-repeat;
	}

.team-related .scroller .left:not(.disabled):hover, .scene .prev:hover
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjZmZmIiByPSIyNC41IiBzdHJva2U9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMjMuODI1IDE3LjA1OTFjLjIzNCAwIC40NTg0LjA5MjkuNjIzOC4yNTgzLjE2NTMuMTY1NS4yNTgzLjM4OTkuMjU4My42MjM4cy0uMDkyOS40NTgzLS4yNTgzLjYyMzhsLTUuNTUyNyA1LjU1MjdoMTQuMzQwN2MuMjM0IDAgLjQ1ODQuMDkyOS42MjM5LjI1ODRzLjI1ODQuMzg5OS4yNTg0LjYyMzktLjA5MjkuNDU4NS0uMjU4NC42MjM5Yy0uMTY1NS4xNjU1LS4zODk5LjI1ODUtLjYyMzkuMjU4NWgtMTQuMzQwN2w1LjU0ODUgNS41NDgzLjAwNS4wMDUzYy4xNTguMTY1OS4yNDUzLjM4NjguMjQzMy42MTYtLjAwMi4yMzE0LS4wOTQ4LjQ1MjctLjI1ODQuNjE2M3MtLjM4NDkuMjU2NC0uNjE2My4yNTg0Yy0uMjI5Mi4wMDItLjQ1MDItLjA4NTItLjYxNjEtLjI0MzJsLTcuMDU5Ny03LjA1OTdjLS4xNjUzLS4xNjU0LS4yNTgzLS4zODk4LS4yNTgzLS42MjM4IDAtLjIzMzkuMDkzLS40NTgzLjI1ODMtLjYyMzhsNy4wNTg4LTcuMDU4OGMuMTY1NS0uMTY1NC4zODk5LS4yNTgzLjYyMzgtLjI1ODN6IiBmaWxsPSIjMDA3YmI2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') center center no-repeat;
	}

.team-related .scroller .right, .team-related .scroller .right.disabled, .scene .next
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiNmZmYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4xNzUgMTcuMDU5MWMtLjIzNCAwLS40NTg0LjA5MjktLjYyMzguMjU4My0uMTY1My4xNjU1LS4yNTgzLjM4OTktLjI1ODMuNjIzOHMuMDkyOS40NTgzLjI1ODMuNjIzOGw1LjU1MjcgNS41NTI3aC0xNC4zNDA3Yy0uMjM0IDAtLjQ1ODQuMDkyOS0uNjIzOS4yNTg0cy0uMjU4NC4zODk5LS4yNTg0LjYyMzkuMDkyOS40NTg1LjI1ODQuNjIzOWMuMTY1NS4xNjU1LjM4OTkuMjU4NS42MjM5LjI1ODVoMTQuMzQwN2wtNS41NDg1IDUuNTQ4My0uMDA1LjAwNTNjLS4xNTguMTY1OS0uMjQ1My4zODY4LS4yNDMzLjYxNi4wMDIuMjMxNC4wOTQ4LjQ1MjcuMjU4NC42MTYzcy4zODQ5LjI1NjQuNjE2My4yNTg0Yy4yMjkyLjAwMi40NTAyLS4wODUyLjYxNjEtLjI0MzJsNy4wNTk3LTcuMDU5N2MuMTY1My0uMTY1NC4yNTgzLS4zODk4LjI1ODMtLjYyMzggMC0uMjMzOS0uMDkzLS40NTgzLS4yNTgzLS42MjM4bC03LjA1ODgtNy4wNTg4Yy0uMTY1NS0uMTY1NC0uMzg5OS0uMjU4My0uNjIzOC0uMjU4M3oiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') center center no-repeat;
	}

.team-related .scroller .right:not(.disabled):hover, .scene .next:hover
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjZmZmIiByPSIyNC41IiBzdHJva2U9IiNmZmYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4xNzUgMTcuMDU5MWMtLjIzNCAwLS40NTg0LjA5MjktLjYyMzguMjU4My0uMTY1My4xNjU1LS4yNTgzLjM4OTktLjI1ODMuNjIzOHMuMDkyOS40NTgzLjI1ODMuNjIzOGw1LjU1MjcgNS41NTI3aC0xNC4zNDA3Yy0uMjM0IDAtLjQ1ODQuMDkyOS0uNjIzOS4yNTg0cy0uMjU4NC4zODk5LS4yNTg0LjYyMzkuMDkyOS40NTg1LjI1ODQuNjIzOWMuMTY1NS4xNjU1LjM4OTkuMjU4NS42MjM5LjI1ODVoMTQuMzQwN2wtNS41NDg1IDUuNTQ4My0uMDA1LjAwNTNjLS4xNTguMTY1OS0uMjQ1My4zODY4LS4yNDMzLjYxNi4wMDIuMjMxNC4wOTQ4LjQ1MjcuMjU4NC42MTYzcy4zODQ5LjI1NjQuNjE2My4yNTg0Yy4yMjkyLjAwMi40NTAyLS4wODUyLjYxNjEtLjI0MzJsNy4wNTk3LTcuMDU5N2MuMTY1My0uMTY1NC4yNTgzLS4zODk4LjI1ODMtLjYyMzggMC0uMjMzOS0uMDkzLS40NTgzLS4yNTgzLS42MjM4bC03LjA1ODgtNy4wNTg4Yy0uMTY1NS0uMTY1NC0uMzg5OS0uMjU4My0uNjIzOC0uMjU4M3oiIGZpbGw9IiMwMDdiYjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') center center no-repeat;
	}

.team-related .scroller .left.disabled, .team-related .scroller .right.disabled
	{
		opacity: .25;
	}

.team-related .decor-circle
	{
		position: absolute;
		right: var(--gap);
		top: 40px;
	}

@media (max-width: 1400px)
	{
		.team-related .scroller :is(.left, .right)
			{
				bottom: 60px;
			}
	}

@media (max-width: 1080px)
	{
		.team-related .decor-circle
			{
				display: none;
			}
	}

@media (max-width: 640px)
	{
		.team-related h3
			{
				font-size: 30px;
				margin-bottom: 0;
			}
	}

/* ! pages */

.pages
	{
		justify-content: center;
		border-top: 1px solid rgba(0, 0, 0, .075);
		font-weight: 700;
		padding-top: 5px;
	}

.pages>a>span
	{
		font-weight: 700;
	}

/* ! scroller */

.scroller
	{
		display: block;
		margin-left: -30px;
		margin-right: -30px;
		--arrow-width: 50px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.scroller .content>div .item
	{
		width: 300px;
		margin-left: 30px;
		padding-top: 30px;
	}

.scroller .content>div>div:last-child .item
	{
		margin-right: 30px;
	}

.scroller :is(.left, .right) svg
	{
		display: none;
	}

.scroller .left, .gallery .prev
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMjMuODI1IDE3LjA1OTFjLjIzNCAwIC40NTg0LjA5MjkuNjIzOC4yNTgzLjE2NTMuMTY1NS4yNTgzLjM4OTkuMjU4My42MjM4cy0uMDkyOS40NTgzLS4yNTgzLjYyMzhsLTUuNTUyNyA1LjU1MjdoMTQuMzQwN2MuMjM0IDAgLjQ1ODQuMDkyOS42MjM5LjI1ODRzLjI1ODQuMzg5OS4yNTg0LjYyMzktLjA5MjkuNDU4NS0uMjU4NC42MjM5Yy0uMTY1NS4xNjU1LS4zODk5LjI1ODUtLjYyMzkuMjU4NWgtMTQuMzQwN2w1LjU0ODUgNS41NDgzLjAwNS4wMDUzYy4xNTguMTY1OS4yNDUzLjM4NjguMjQzMy42MTYtLjAwMi4yMzE0LS4wOTQ4LjQ1MjctLjI1ODQuNjE2M3MtLjM4NDkuMjU2NC0uNjE2My4yNTg0Yy0uMjI5Mi4wMDItLjQ1MDItLjA4NTItLjYxNjEtLjI0MzJsLTcuMDU5Ny03LjA1OTdjLS4xNjUzLS4xNjU0LS4yNTgzLS4zODk4LS4yNTgzLS42MjM4IDAtLjIzMzkuMDkzLS40NTgzLjI1ODMtLjYyMzhsNy4wNTg4LTcuMDU4OGMuMTY1NS0uMTY1NC4zODk5LS4yNTgzLjYyMzgtLjI1ODN6IiBmaWxsPSIjMTkxNzFiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') center center no-repeat;
		left: calc(-1 * var(--arrow-width) + 15px);
	}

.scroller .left:not(.disabled):hover, .gallery .prev:not(.disabled):hover
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjMDA3YmI2IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMjMuODI1IDE3LjA1OTFjLjIzNCAwIC40NTg0LjA5MjkuNjIzOC4yNTgzLjE2NTMuMTY1NS4yNTgzLjM4OTkuMjU4My42MjM4cy0uMDkyOS40NTgzLS4yNTgzLjYyMzhsLTUuNTUyNyA1LjU1MjdoMTQuMzQwN2MuMjM0IDAgLjQ1ODQuMDkyOS42MjM5LjI1ODRzLjI1ODQuMzg5OS4yNTg0LjYyMzktLjA5MjkuNDU4NS0uMjU4NC42MjM5Yy0uMTY1NS4xNjU1LS4zODk5LjI1ODUtLjYyMzkuMjU4NWgtMTQuMzQwN2w1LjU0ODUgNS41NDgzLjAwNS4wMDUzYy4xNTguMTY1OS4yNDUzLjM4NjguMjQzMy42MTYtLjAwMi4yMzE0LS4wOTQ4LjQ1MjctLjI1ODQuNjE2M3MtLjM4NDkuMjU2NC0uNjE2My4yNTg0Yy0uMjI5Mi4wMDItLjQ1MDItLjA4NTItLjYxNjEtLjI0MzJsLTcuMDU5Ny03LjA1OTdjLS4xNjUzLS4xNjU0LS4yNTgzLS4zODk4LS4yNTgzLS42MjM4IDAtLjIzMzkuMDkzLS40NTgzLjI1ODMtLjYyMzhsNy4wNTg4LTcuMDU4OGMuMTY1NS0uMTY1NC4zODk5LS4yNTgzLjYyMzgtLjI1ODN6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') center center no-repeat;
	}

.scroller .left.disabled, .gallery .prev.disabled
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiM4MjgyODIiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUwIDApIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMjMuODI1IDE3LjA1OTFjLjIzNCAwIC40NTg0LjA5MjkuNjIzOC4yNTgzLjE2NTMuMTY1NS4yNTgzLjM4OTkuMjU4My42MjM4cy0uMDkyOS40NTgzLS4yNTgzLjYyMzhsLTUuNTUyNyA1LjU1MjdoMTQuMzQwN2MuMjM0IDAgLjQ1ODQuMDkyOS42MjM5LjI1ODRzLjI1ODQuMzg5OS4yNTg0LjYyMzktLjA5MjkuNDU4NS0uMjU4NC42MjM5Yy0uMTY1NS4xNjU1LS4zODk5LjI1ODUtLjYyMzkuMjU4NWgtMTQuMzQwN2w1LjU0ODUgNS41NDgzLjAwNS4wMDUzYy4xNTguMTY1OS4yNDUzLjM4NjguMjQzMy42MTYtLjAwMi4yMzE0LS4wOTQ4LjQ1MjctLjI1ODQuNjE2M3MtLjM4NDkuMjU2NC0uNjE2My4yNTg0Yy0uMjI5Mi4wMDItLjQ1MDItLjA4NTItLjYxNjEtLjI0MzJsLTcuMDU5Ny03LjA1OTdjLS4xNjUzLS4xNjU0LS4yNTgzLS4zODk4LS4yNTgzLS42MjM4IDAtLjIzMzkuMDkzLS40NTgzLjI1ODMtLjYyMzhsNy4wNTg4LTcuMDU4OGMuMTY1NS0uMTY1NC4zODk5LS4yNTgzLjYyMzgtLjI1ODN6IiBmaWxsPSIjODI4MjgyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=') center center no-repeat;
		opacity: .25;
	}

.scroller .right, .gallery .next
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4xNzUgMTcuMDU5NmMtLjIzNCAwLS40NTg0LjA5MjktLjYyMzguMjU4My0uMTY1My4xNjU1LS4yNTgzLjM4OTktLjI1ODMuNjIzOHMuMDkyOS40NTgzLjI1ODMuNjIzOGw1LjU1MjcgNS41NTI2aC0xNC4zNDA3Yy0uMjM0IDAtLjQ1ODQuMDkzLS42MjM5LjI1ODVzLS4yNTg0LjM4OTktLjI1ODQuNjIzOS4wOTI5LjQ1ODQuMjU4NC42MjM5LjM4OTkuMjU4NC42MjM5LjI1ODRoMTQuMzQwN2wtNS41NDg1IDUuNTQ4NC0uMDA1LjAwNTNjLS4xNTguMTY1OS0uMjQ1My4zODY4LS4yNDMzLjYxNi4wMDIuMjMxNC4wOTQ4LjQ1MjcuMjU4NC42MTYzcy4zODQ5LjI1NjQuNjE2My4yNTg0Yy4yMjkyLjAwMi40NTAyLS4wODUzLjYxNjEtLjI0MzJsNy4wNTk3LTcuMDU5N2MuMTY1My0uMTY1NC4yNTgzLS4zODk4LjI1ODMtLjYyMzggMC0uMjMzOS0uMDkzLS40NTgzLS4yNTgzLS42MjM4bC03LjA1ODgtNy4wNTg4Yy0uMTY1NS0uMTY1NC0uMzg5OS0uMjU4My0uNjIzOC0uMjU4M3oiIGZpbGw9IiMxOTE3MWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') center center no-repeat;
		right: calc(-1 * var(--arrow-width) + 15px);
	}

.scroller .right:not(.disabled):hover, .gallery .next:not(.disabled):hover
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiBmaWxsPSIjMDA3YmI2IiByPSIyNC41IiBzdHJva2U9IiMwMDdiYjYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4xNzUgMTcuMDU5MWMtLjIzNCAwLS40NTg0LjA5MjktLjYyMzguMjU4My0uMTY1My4xNjU1LS4yNTgzLjM4OTktLjI1ODMuNjIzOHMuMDkyOS40NTgzLjI1ODMuNjIzOGw1LjU1MjcgNS41NTI3aC0xNC4zNDA3Yy0uMjM0IDAtLjQ1ODQuMDkyOS0uNjIzOS4yNTg0cy0uMjU4NC4zODk5LS4yNTg0LjYyMzkuMDkyOS40NTg1LjI1ODQuNjIzOWMuMTY1NS4xNjU1LjM4OTkuMjU4NS42MjM5LjI1ODVoMTQuMzQwN2wtNS41NDg1IDUuNTQ4My0uMDA1LjAwNTNjLS4xNTguMTY1OS0uMjQ1My4zODY4LS4yNDMzLjYxNi4wMDIuMjMxNC4wOTQ4LjQ1MjcuMjU4NC42MTYzcy4zODQ5LjI1NjQuNjE2My4yNTg0Yy4yMjkyLjAwMi40NTAyLS4wODUyLjYxNjEtLjI0MzJsNy4wNTk3LTcuMDU5N2MuMTY1My0uMTY1NC4yNTgzLS4zODk4LjI1ODMtLjYyMzggMC0uMjMzOS0uMDkzLS40NTgzLS4yNTgzLS42MjM4bC03LjA1ODgtNy4wNTg4Yy0uMTY1NS0uMTY1NC0uMzg5OS0uMjU4My0uNjIzOC0uMjU4M3oiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') center center no-repeat;
	}

.scroller .right.disabled, .gallery .next.disabled
	{
		background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSI1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyNC41IiBzdHJva2U9IiM4MjgyODIiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNi4xNzUgMTcuMDU5MWMtLjIzNCAwLS40NTg0LjA5MjktLjYyMzguMjU4My0uMTY1My4xNjU1LS4yNTgzLjM4OTktLjI1ODMuNjIzOHMuMDkyOS40NTgzLjI1ODMuNjIzOGw1LjU1MjcgNS41NTI3aC0xNC4zNDA3Yy0uMjM0IDAtLjQ1ODQuMDkyOS0uNjIzOS4yNTg0cy0uMjU4NC4zODk5LS4yNTg0LjYyMzkuMDkyOS40NTg1LjI1ODQuNjIzOWMuMTY1NS4xNjU1LjM4OTkuMjU4NS42MjM5LjI1ODVoMTQuMzQwN2wtNS41NDg1IDUuNTQ4My0uMDA1LjAwNTNjLS4xNTguMTY1OS0uMjQ1My4zODY4LS4yNDMzLjYxNi4wMDIuMjMxNC4wOTQ4LjQ1MjcuMjU4NC42MTYzcy4zODQ5LjI1NjQuNjE2My4yNTg0Yy4yMjkyLjAwMi40NTAyLS4wODUyLjYxNjEtLjI0MzJsNy4wNTk3LTcuMDU5N2MuMTY1My0uMTY1NC4yNTgzLS4zODk4LjI1ODMtLjYyMzggMC0uMjMzOS0uMDkzLS40NTgzLS4yNTgzLS42MjM4bC03LjA1ODgtNy4wNTg4Yy0uMTY1NS0uMTY1NC0uMzg5OS0uMjU4My0uNjIzOC0uMjU4M3oiIGZpbGw9IiM4MjgyODIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') center center no-repeat;
		opacity: .25;
	}

.scroller.fade .content::before, .scroller.fade .content::after
	{
		width: 30px;
		z-index: 9;
	}

@media (max-width: 1400px)
	{
		.scroller
			{
				position: relative;
				padding-bottom: 80px;
			}
		.scroller .left
			{
				height: 50px;
				top: auto;
				left: 50%;
				margin-left: -60px;
			}
		.scroller .right
			{
				height: 50px;
				top: auto;
				right: 50%;
				margin-right: -60px;
			}
	}

/* ! team head */

.team-head
	{
		height: calc(50vw - 60px);
		color: #fff;
		display: flex;
		align-items: end;
		padding-bottom: 60px;
		margin-bottom: 60px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.team-head .info
	{
		max-width: 600px;
	}

.team-head .text
	{
		position: absolute;
		left: 0;
		top: -40px;
		font-size: 18px;
		font-weight: 700;
		max-width: 250px;
	}

.team-head h1
	{
		color: #fff;
		border: none;
		margin: 0;
		padding: 0;
		font-size: 70px;
	}

.team-head p
	{
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.team-head .btn
	{
		--btn-padding: 1.25em;
		padding-left: 50px;
		padding-right: 50px;
	}

.team-head .image
	{
		position: absolute;
		top: -60px;
		left: 0;
		right: 0;
		width: 100vw;
		left: 50%;
		margin-left: -50vw;
		overflow: hidden;
		height: 50vw;
		z-index: -1;
	}
	
.team-head .image img
	{
		display: block;
		width: 100%;
		position: relative;
		top: -5vw;
	}

.team-head .image::after
	{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.3) 100%);
	}

.team-head .ellipses
	{
		top: -180px;
		left: -40px;
		right: -40px;
	}

.team-head.no-photo .ellipses, .team-head .ellipses::after
	{
		display: none !important;
	}

.team-head .ellipses svg
	{
		fill: #fff;
	}

.team-head .ellipses::before
	{
		background: #fff;
	}

.team-head.no-photo
	{
		border-bottom: 1px solid rgba(0, 0, 0, .075);
		height: auto;
		padding-top: 100px;
	}

.team-head.no-photo, .team-head.no-photo h1
	{
		color: #007bb6;
	}

@media (max-width: 1023px)
	{
		.team-head
			{
				height: calc(156vw - 60px);
			}
		.team-head .image
			{
				height: 156vw;
			}
		.team-head .image img
			{
				width: 130%;
				max-width: unset;
			}
		.team-head .btn
			{
				display: block;
			}
		.team-head h1
			{
				font-size: 30px;
			}
		.team-head .ellipses svg:nth-child(2), .team-head .ellipses::before
			{
				display: none
			}
		.team-head .ellipses svg:nth-child(1)
			{
				left: -190px;
			}
		.team-head .info
			{
				max-width: unset;
				width: 100%;
			}
	}

@media (max-width: 640px)
	{
		.team-head .ellipses, .team-head.no-photo .ellipses
			{
				display: block !important;
			}
		.team-head.no-photo .ellipses svg
			{
				fill: #007bb6;
			}
		.team-head.no-photo
			{
				padding-bottom: 40px;
			}
	}


/* ! reviews */

.reviews-title
	{
		font-size: 50px;
		color: #007bb6;
		font-weight: 900;
		margin-bottom: 30px;
	}

.reviews-empty
	{
		height: 300px;
		border-radius: 10px;
		border: 1px solid #828282;
		font-size: 24px;
		color: #828282;
		text-transform: uppercase;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 40px;
		text-align: center;
	}

.reviews-btn
	{
		text-align: center;
	}

.reviews-btn .btn
	{
		--btn-padding: 1.25em;
		text-transform: uppercase;
		font-weight: 700;
		margin-top: 40px;
		padding-left: 30px;
		padding-right: 30px;
	}

.reviews .item
	{
		border-radius: 10px;
		border: 1px solid #007bb6;
		padding: 20px !important;
		color: #828282;
	}

.reviews .item .name
	{
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 10px;
		color: #19171b;
	}

.reviews .item p
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}

.reviews .item .date
	{
		font-size: 12px;
	}

@media (max-width: 640px)
	{
		.reviews-title
			{
				font-size: 30px;
			}
		.reviews-empty .empty
			{
				height: 230px;
			}
		.reviews-btn .btn
			{
				margin-top: 30px;
			}
			
	}

/* ! doc content */

.doc-content h2
	{
		font-weight: 900;
		font-size: 50px;
		line-height: 1;
	}

.doc-content .second h2
	{
		color: #007bb6;
		font-weight: 900;
		font-size: 24px !important;
		margin-top: 1.75em;
	}

.doc-content .second h2:first-child
	{
		margin-top: 0;
	}

.doc-content .education p
	{
		color: #19171b;
		font-weight: 400;
		font-size: 22px;
	}

.doc-content .education small
	{
		font-size: 16px;
		color: #a9a9a9;
		position: relative;
		display: block;
		padding-right: 40%;
	}

.doc-content .education small b
	{
		font-weight: 400;
		position: absolute;
		right: 0;
		top: 0;
	}

article.doc-content .box2col
	{
		grid-template-columns: 1fr 1fr;
	}

article.doc-content .box2col .second
	{
		grid-column: unset;
	}

.doc-content .box2col + .box2col
	{
		margin-top: 60px;
		padding-top: 60px;
		border-top: 1px solid rgba(0, 0, 0, .075);
	}

.doc-content h3:first-child
	{
		margin-top: 0;
	}

@media (max-width: 640px)
	{
		.doc-content h2
			{
				font-size: 30px;
			}
	}

@media (max-width: 880px)
	{
		article.doc-content .box2col
			{
				grid-template-columns: 1fr !important;
			}
	}

/* ! scene */

.scene .close
	{
		width: 48px;
		height: 48px;
	}

.scene .close svg
	{
		width: 20px;
		height: 20px;
	}

.scene :is(.prev, .next) svg
	{
		display: none;
	}

.scene .content img
	{
		border-radius: 0;
	}

/* ! gallery */

.gallery
	{
		border-radius: 0;
		background: #fff;
		margin-top: 1.3em;
	}

.gallery .thumbs
	{
		display: none;
	}

.gallery .content
	{
		padding: 0 80px;
	}

.gallery .content img.scale
	{
		transform: scale(1) !important;
	}

.gallery :is(.prev, .next) svg
	{
		display: none;
	}

.gallery .next
	{
		right: 0;
	}

.gallery .prev
	{
		left: 0;
	}

.gallery .prev.disabled, .gallery .next.disabled
	{
		display: block !important;
		opacity: .25 !important;
	}

@media (max-width: 640px)
	{
		.gallery .content
			{
				padding: 0 20px;
			}
		.gallery .wrapper
			{
				padding-bottom: 80px;
			}
		article .gallery :is(.prev, .next)
			{
        display: block !important;
				bottom: 0;
				top: auto;
				margin-top: unset;
				width: 50px;
				height: 50px;
    	}
		article .gallery .prev
			{
				right: auto;
				left: 50%;
				margin-left: -60px;
			}
		article .gallery .next
			{
				left: auto;
				right: 50%;
				margin-right: -60px;
			}
	}

/* ! consultations */

.consultations
	{
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.consultations .item
	{
		padding: 18px 20px 17px 20px;
		border-radius: 10px;
		border: 1px solid #ebebeb;
		margin-top: 10px;
		background-color: #fff;
		position: relative;
	}

.consultations .item:nth-child(2)
	{
		margin-top: 0;
	}

.consultations .item.hidden
	{
		display: none;
	}

.consultations.open .item.hidden
	{
		display: block;
	}

.consultations .item.canceled
	{
		opacity: .5;
	}

.consultations .item p
	{
		line-height: 1.3em;
		font-weight: 700;
	}

.consultations .item small
	{
		line-height: 1.3em;
		display: block;
	}

.consultations .empty
	{
		display: none;
		text-align: center;
	}

.consultations .pay, .consultations .cancel
	{
		display: inline-block;
		color: #fff !important;
		background: #007bb6;
		line-height: 39px;
		padding: 0;
		text-decoration: none;
		cursor: pointer;
		font-size: 14px;
		position: relative;
		overflow: hidden;
		border-bottom: none !important;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 10px;
		width: 120px;
		text-align: center;
		position: absolute;
		top: 50%;
		margin-top: -19px;
		right: 20px;
	}

.consultations .pay
	{
		right: 150px;
	}

.consultations .hidden .pay
	{
		right: 20px;
	}

.consultations .cancel
	{
		background-color: #f00;
	}

.consultations .pay.disabled
	{
		background-color: #c0c0c0 !important;
		cursor: default;
	}

.consultations .cancel.disabled
	{
		background-color: #c0c0c0 !important;
		cursor: help;
	}

.consultations .pay:hover
	{
		background-color: #007bb6;
	}

.consultations .cancel:hover
	{
		background-color: #f00;
	}

.consultations .item.canceled .pay, .consultations .item.canceled .cancel
	{
		display: none;
	}

.show-all-records
	{
		display: none;
		cursor: pointer;
		line-height: 1em;
		color: #007bb6;
		border-bottom: 1px dashed #007bb6;
	}

.show-all-records
	{
		display: inline-block;
	}

.show-all-records:hover
	{
		color: #279fd9;
		border-color: #279fd9;
	}

.show-all-records
	{
		font-size: 15px;
		margin-top: 1em;
	}

.top-border:not(:nth-child(2))
	{
		margin-top: 60px;
		padding-top: 60px;
		border-top: 1px solid rgba(0, 0, 0, .075);
	}

.cab-master h3
	{
		text-transform: uppercase;
	}

.cab-master h3 a
	{
		--link-font-color: #19171b;
		--link-hover-font-color: #007bb6;
		text-decoration: none;
	}

@media (max-width: 640px)
	{
		.consultations .item
			{
				padding: 20px;
				text-align: center;
			}
		.consultations .pay, .consultations .cancel
			{
				position: static;
				margin: 18px 3px -7px 3px;
			}
	}

/* ! connection */

.connection
	{
		position: relative;
		line-height: 32px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.connection svg
	{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -12px;
		fill: currentColor;
	}

.connection label
	{
		display: block;
	}

.connection i
	{
		position: relative;
		border-width: 1px;
		border-style: solid;
		border-radius: 10px;
		cursor: pointer;
		display: inline-block;
		font-style: normal;
		padding: 0 15px 0 34px;
		font-weight: 700;
		text-transform: uppercase;
		margin-right: 5px;
		margin-top: 5px;
		font-size: 14px;
		line-height: 37px;
		background: transparent;
		border: 1px solid #007bb6;
		color: #007bb6;
	}

.connection i.active
	{
		color: #fff !important;
		background: #007bb6 !important;
		border-color: #007bb6 !important;
		cursor: pointer;
	}

.connection i:hover
	{
		border-color: #279fd9;
		color: #279fd9;
	}

/* ! language */

.language
	{
		position: relative;
		line-height: 32px;
		margin-top: 20px;
		-webkit-user-select: none;
		user-select: none;
		cursor: default;
	}

.language label
	{
		display: block;
	}

.language i
	{
		position: relative;
		border-width: 1px;
		border-style: solid;
		border-radius: 10px;
		cursor: pointer;
		display: inline-block;
		font-style: normal;
		padding: 0 15px 0 15px;
		font-weight: 700;
		text-transform: uppercase;
		margin-right: 5px;
		margin-top: 5px;
		font-size: 14px;
		line-height: 37px;
		background: transparent;
		border: 1px solid #007bb6;
		color: #007bb6;
	}

.language i.active
	{
		color: #fff !important;
		background-color: #007bb6 !important;
		border-color: #007bb6 !important;
		cursor: pointer;
	}

.language i:hover
	{
		border-color: #279fd9;
		color: #279fd9;
	}

/* ! print */

@media print
	{
		:root
			{
				--main-width: 980px !important;
			}
		.page
			{
				width: 980px !important;
				margin: 0 auto !important;
			}
		.inside-signup, .inside-spec, .blog-related, .team-related, .big-rating, .about-box img, .main-line, .reviews-title, .reviews, .reviews-btn, .btn, .filters, .main-banner
			{
				display: none !important;
			}
		article .box2col
			{
				grid-template-columns: 1fr !important;
			}
		article .box2col .second
			{
				grid-column: unset !important;
			}
		.inside-box, .main-specialists, .about-box, .main-services
			{
				margin-top: 60px !important;
			}
		.team-head
			{
				padding: 60px !important;
			}
		article h1, article h2, article h3, .services-page h1
			{
				padding-right: 0 !important;
			}
		.specialists .item
			{
				padding-bottom: 20px;
				min-height: 120px;
			}
		.specialists, .services
			{
				grid-template-columns: 1fr 1fr;
			}
		.services-page, .contacts-banner
			{
				border-top: none;
			}
		.corporate
			{
				flex-wrap: wrap;
			}
		.corporate .left, .corporate .right
			{
				width: 100%;
			}
	}