@font-face {
    font-family: "Gilroy-Regular";
    src: url('../fonts/Gilroy-Regular.ttf');
}
@font-face {
    font-family: "Gilroy-Bold";
    src: url('../fonts/Gilroy-Bold.ttf');
}
@font-face {
    font-family: "Gilroy-Black";
    src: url('../fonts/Gilroy-Black.ttf');
}
@font-face {
    font-family: "Gilroy-BlackItalic";
    src: url('../fonts/Gilroy-BlackItalic.ttf');
}
@font-face {
    font-family: "Gilroy-BoldItalic";
    src: url('../fonts/Gilroy-BoldItalic.ttf');
}
@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url('../fonts/Gilroy-ExtraBold.ttf');
}
@font-face {
    font-family: "Gilroy-Light";
    src: url('../fonts/Gilroy-Light.ttf');
}
@font-face {
    font-family: "Gilroy-Medium";
    src: url('../fonts/Gilroy-Medium.ttf');
}
@font-face {
    font-family: "Gilroy-SemiBold";
    src: url('../fonts/Gilroy-SemiBold.ttf');
}
@font-face {
    font-family: "Gilroy-Thin";
    src: url('../fonts/Gilroy-Thin.ttf');
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 15em;
	padding: .2em .2em 0;
	display: none;
	margin-left: -10px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
    transform: translateX(-50%);
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/*border: 1px solid #e78f08;*/
	background: #838fa6  url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}
/**
 * Swiper 4.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 20px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "campus" */

	.mCS-kmb.mCSB_scrollTools .mCSB_draggerRail {
		background-color: #EDEDED;
	}
	.mCS-kmb.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: rgba(200, 200, 200, 0.9);
		width: 1rem;
		border-radius: 0;
	}
	.mCS-kmb.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
		background-color: #C8C8C8;
	}

	.mCS-kmb.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-kmb.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
		background-color: #C8C8C8;
	}

	.mCS-kmb.mCSB_scrollTools .mCSB_buttonUp {
		background-position: -80px 0;
	}

	.mCS-kmb.mCSB_scrollTools .mCSB_buttonDown{
		background-position: -80px -20px;
	}

	.mCS-kmb.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: -80px -40px;
	}

	.mCS-kmb.mCSB_scrollTools .mCSB_buttonRight{
		background-position: -80px -56px;
	}
	
	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #9e9fa0;
		width: 3px;
	}
	.mCSB_scrollTools{/* ширина скролинга */
		width:19px;
	}
	.mCSB_scrollTools .mCSB_dragger{/*ползунок*/
		

	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/*ползунок*/
		background: url(../img/scroll.png) no-repeat;
		width: 19px;
	}
	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{/*ховер на скрол*/
		background-color: transparent;
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{/*при скролинге актив*/
		background-color: transparent;
	}
	/* ---------------------------------------- */
html{
    font-size: 10px;
}
body, html{
font-family: "Gilroy-Regular";
    height:100%;
    width:100%;
    position: relative;
    min-width: 1006px;
    min-height:550px;
    color:#000;
}
*{
    box-sizing: border-box;
    font-weight: normal;
    margin:0;
    padding: 0;
    text-decoration: none;
}
a{
    color: #03b594;
}
body .mofiScrollContainer{
	padding-right: 0;
}
body .mofiScrollWrap{
	width:100%;
}
body .mofiScrollBox{
	padding-right: 20px;
}
*:focus{
	outline: none;
}
svg a{
	cursor: pointer;
}
body .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled {
    opacity: 0!important;
}
.swiper-slide{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-slide-cover{
	background-size: cover;
}
input::-webkit-input-placeholder       {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}

input:focus{
	outline: none;
}

textarea::-webkit-input-placeholder       {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; color: rgba(0, 0, 0, 0.6); font-size: 1.8rem; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; color: rgba(0, 0, 0, 0.6); font-size: 1.6rem; transition: opacity 0.3s ease;}

.h1_absolute{
	position: absolute;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
}
.contaniner {
    position: relative;
    width: 100%;
    height: 100%;
        overflow: hidden;
}
#change_page {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
        background: #fff;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
}
#change_page.change_page_show, #change_page_2.change_page_show {
    z-index: 1;
    opacity: 1;
}

#change_page.change_page_full{
	width: calc(100% + 8rem);
	width: calc(100%);
}

.sdvig_wrap{
    transform: translateX(-50rem);
    transform: translateX(-28rem);
    height: 100%;
	width: calc(100% + 50rem);
	width: calc(100% + 35rem - 7rem);
	transition: transform 0.9s cubic-bezier(.19,1,.22,1);
	position: relative;
	display: flex;
}
.open_menu .sdvig_wrap{
    transform: translateX(0rem);
}

/* =================================
/*  VHOD
================================= */
.vhod_cont{
	position: fixed;
	left:0;
	top: 0;
	width:100%;
	height: 100%;
	z-index: 1000;
	display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    transition: all 1.9s ease-out;
	display:none;
}
.vhod_cont_hide{
	visibility: hidden;
}
.vhod_wrap{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100vw;
	height: 100vw;
	background:#1d2d4e;
	transition: width 0.5s ease-out, height 0.5s ease-out;
	overflow: hidden;
	position: relative;
}

.vhod_cont_hide .vhod_wrap{
	border-radius:50%;
	width:0;
	height: 0;
}
.vh_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: green;
	background-size: cover;
	background-position: center;
	transition: all 3.1s ease-out;
	transform: scale(1);
}
.vhod_arrow_wr {
    position: fixed;
    cursor: pointer;
    left: 14rem;
    bottom: 2rem;
    display: flex;
    opacity: 1;
    transition: all .1s ease-out;
}
.vhod_arrow_text {
    font-family: "Akrobat_Bold";
    text-transform: uppercase;
    font-size: 1.7rem;
}
/* =================================
/*  END VHOD
================================= */

/* =================================
/*  PRELOADER
================================= */
.preloader_wrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	width:100%;
	height: 100%;
	display: flex;
    align-items: center;
    pointer-events: none;
    transition: 0s all .5s cubic-bezier(.19,1,.22,1);
    /*box-shadow: inset 0px 0px 0px 15px #fff;*/
	opacity: 1;
}
.full_window .preloader_wrap{
	box-shadow:inset 0px 0px 0px 15px #fff0;
}
.preloader_wr{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 100%;
    background-color: #FFF;
    z-index: 1000;
    transition: width 0.7s cubic-bezier(0, 0, 0.21, 1);
}
.preloader_run .preloader_wr{
	width:100%;
}



.preloader_move_r {
    left: auto;
    right: 0;
}


.preloader_move_r {
    left: auto;
    right: 0;
}


.preloader_line{
    height: 40rem;
    background: #fce841;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader_img{
    height: 80%;
        width: 35.6rem;
    height: 32rem;
    opacity: 0;
     transition: opacity 0.7s cubic-bezier(0, 0, 0.21, 1);
}
.preloader_run .preloader_img{
    opacity: 1;

}
.preloader_list{
	    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* =================================
/* END PRELOADER
================================= */

/* =================================
/* HEADER
================================= */
header{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 0px;
	z-index: 11;
}
.main_page header{

}

/* MENU BTN */
.header_btn_wrap{
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    top: 2rem;
    left: 0;
    background: #fce841;
    border-radius: 25px;
    width: calc(100% - 1.6rem);
    margin: auto;
    right: 0;
    padding: 0.7rem 1rem;
    z-index: 1;
    overflow: hidden;
    border: 2px solid #fce841;
}
.header_btn_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.header_btn_wrap:hover:before {
    transform: translateX(0%);
}
.header_btn_wr{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;
    transform: translateY(0);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);



}
.open_menu .header_btn_wr{

}
.header_btn_lines{
    position: relative;
    width: 2rem;
    height: 1.8rem;
    overflow: hidden;

}
.header_btn_line_1{
	height:2px;
	background:#000;
	width:100%;
	position: absolute;
    top: 15%;
	left: 0;
	transform: translateX(0%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_1{
	transform: translateX(-100%);
}
.header_btn_line_6{
	height:2px;
	background:#000;
	width:100%;
	position: absolute;
    top: 15%;
	left: 0;
	transform: translateX(110%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_6{
	transform: translateX(0%);
}
.header_btn_line_2{
    height: 2px;
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateX(0%);
}
.header_btn_wrap:hover .header_btn_line_2{
    transform: translateX(-100%);
}
.header_btn_line_5{
    height: 2px;
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(100%);
}
.header_btn_wrap:hover .header_btn_line_5{
	transform: translateX(0%);
}
.header_btn_line_3{
	height:2px;
	background:#000;
	width:100%;
	position: absolute;
    bottom: 15%;
	left: 0;
	transform: translateX(-50%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_3{
    transform: translateX(-100%);
}
.header_btn_line_4{
	height:2px;
	background:#000;
    width: 100%;
	position: absolute;
    bottom: 15%;
	right: 0;
	transform: translateX(100%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.header_btn_wrap:hover .header_btn_line_4{
	transform: translateX(0%);
}
.header_line_close_1{
    height: 2px;
    width: 105%;
    position: absolute;
    top: 0.9rem;
    left: 0rem;
    transform: rotate(46deg);
}
.header_line_close_1:after{
	transform: translateX(-120%);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #000;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_line_close_1:after{
	transform: translateX(0%);

}
.header_btn_wrap.open_menu:hover .header_line_close_1:after {
    transform: translateX(46%);
}
.header_line_close_2{
    height: 2px;

    width: 105%;
    position: absolute;
    top: 0.9rem;
    left: 0rem;
    transform: rotate(-46deg);
}
.header_line_close_2:after{
	transform: translateX(120%);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_line_close_2:after{
	transform: translateX(0%);

}
.header_btn_wrap.open_menu:hover .header_line_close_2:after {
    transform: translateX(46%);
}
.open_menu .header_btn_line_1,
.open_menu .header_btn_line_2,
.open_menu .header_btn_line_3,
.open_menu .header_btn_line_4,
.open_menu .header_btn_line_5,
.open_menu .header_btn_line_6{
    transform: translateX(-200%)!important;
}


.header_btn_text{
    font-size: 1.6rem;
    margin-left: 0.5rem;
    text-transform: uppercase;
    color: #000;
font-family: "Gilroy-SemiBold";
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_menu .header_btn_text{
	transform: scale(0);
}
.umovu_wrap  .header_btn_text,
.flats_wrap .header_btn_text,
.genplan_wrap .header_btn_text,
.flat_wrap .header_btn_text,
.fil_wrap .header_btn_text,
.dev_wrap  .header_btn_text{
	color:#231300;
}

/* END MENU BTN */

.menu_wrap{

    height: 100%;
    height: 100vh;
    width: 36rem;
    width: 39rem;
    position: relative;
    /*overflow: hidden;*/
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 101;
    perspective: 800px;
    min-height: 550px;
    left: 0rem;

    /*transform: translateX(-100%);*/
}
.full_window .menu_wrap{
	width: 28rem;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_wrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:101%;
	height: 100%;
	/*background: white;*/
}
.menu_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:39rem;
	height: 100%;
	background: url(../img/menu_bg.jpg);
    background-size: cover;
}
.menu_wrap .mofiScrollBar{
	display: none!important;
}
.open_menu .menu_wrap{
	/*transform:translateX(0%);*/
	visibility: visible;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	/*transform: translateX(0%);*/
}
.menu_svg{
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
}
.logo_menu_img{
	width: 100%;
	transform-style: preserve-3d;
	transform: translateZ(-30rem);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.open_menu .logo_menu_img{
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateZ(0rem);
}

.menu_wr{
    position: relative;
    height: 100%;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
}
.menu_line_wr{
	position: absolute;
    width: 3px;
	background: url(../img/dotted.png);
	height: 0;
	transition: all 1.3s ease-out;
}
.open_menu .menu_line_wr{
    height: 96%;
}
.menu_cont{
    position: absolute;
    top: 10rem;
    left: 8rem;
    width: calc(100% - 8rem);
    height: calc(100% - 15rem);
    height: calc(100% - 13rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    /* transform: translateZ(-30rem); */
    /* opacity: 0; */
    z-index: 1;
    min-height: 500px;
}
.open_menu .menu_cont{
	/*transform: translateZ(0rem);
    opacity: 1;*/
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_bg_2{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 11rem);
    background: #393837;
    opacity: 0.2;



}
.menu_scroll{
   /* height: calc(100% - 8rem);
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 17%;
    margin-right: 17%;*/
    height: 100%;
    overflow: auto;
}
.menu_btns_wr{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 11rem;
	height:100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.full_window .menu_btns_wr{
    left: -11rem;
     transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.menu_btns{
    flex-direction: column;
    display: flex;
    height: calc(100% - 9rem);
    height: calc(100% - 15rem);
    height: calc(100% - 13rem);
	top: 9rem;
	top: 10rem;
	position: absolute;
	width:100%;
	    min-height: 500px;
}
.menu_btn{
	flex-grow: 1;
	    position: relative;
}
.menu_btn_link{
	    width: 7.1rem;
    height: 7.1rem;
	    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.menu_btn_icon_link{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
        z-index: 1;
}
.menu_btn_icon_link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	border-radius: 50%;
	background: #fce841;
    opacity: 0;
    z-index: 2;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_icon_link:before{
	opacity: 1;
}
.menu_btn_icon_link:after{
content: '';
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	border-radius: 50%;
    background: rgba(18, 95, 82, 0.55);
}


.menu_btn_img{
	max-height: 52%;
	max-width: 55%;
	position: relative;
	z-index: 2;
}
.menu_btn_img_hover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 52%;
	max-width: 55%;
	z-index: 2;
	opacity: 0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_img_hover{
	opacity:1;
}
.menu_hover_wr{
    position: absolute;
    left: 93%;
    background: rgba(255, 255, 255, 0.95);
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    border-radius: 25px;
    transform: translateY(-50%);
    top: 3rem;
        box-shadow: 0 0 7px 2px rgba(203, 203, 203, 0.42);
}
.menu_btn:hover .menu_hover_wr{
	width:22rem;
}
.open_menu .menu_btn:hover .menu_hover_wr{
	width:0rem;
}
.menu_hover{
	margin: 0.5vh 0;
}
.menu_hover_pad{
    padding: 2.5rem 2rem;
    padding-left: 3rem;
	display: flex;
    flex-direction: column;
}
.menu_btn_arrow_wr{
position: absolute;
    top: 0;
    left: 94%;
    width: 3.5rem;
    height: 5.3rem;
    pointer-events: none;
    overflow: hidden;
    transform: rotate(90deg);
}
.menu_btn_arrow{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transform:translateY(-100%);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn:hover .menu_btn_arrow{
	transform:translateY(0%);
}
.open_menu .menu_btn:hover .menu_btn_arrow{
	transform:translateY(-100%);
}
.menu_hover_main_link{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    font-size: 2.1rem;
    text-transform: uppercase;
    color: #231300;
    position: relative;
    font-family: "Gilroy-Bold";
    margin-top: 1rem;
    display: inline-block;
}
.menu_hover_second_link{
	    display: inline-block;
    color: #231300;
    font-size: 1.6rem;
    font-family: "Gilroy-Light";
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
    overflow: hidden;
}



.menu_ul_wr{
    width: 100%;
    flex-direction: column;
    display:flex;
        height: 100%;
    overflow: hidden;
}
.menu_ul{
	position: relative;
    /*margin-bottom: 2vh;	*/
    /*transition: all 0.1s ease-out;*/
    transform: translateX(2rem);
    opacity: 0;
    padding-left: 6rem;
    flex-grow: 1;
}
.show_element.show{
	transform: translateX(0rem);
    opacity: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_ul_a{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-size: 2.1rem;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	font-family: "Gilroy-Bold";

    display: inline-block;

}
.menu_btn .menu_ul_a{
	color: #25241c;
	font-size: 2.4rem;
	font-family: "Gilroy-ExtraBold";
}
.menu_ul_a:hover{

}
.menu_ul_a:after{
	content: '';
	position: absolute;
	bottom: -0.3vh;
	height: 2px;
	left: auto;
    right: 0;
    width: 0;
	background: #fff;
	transition: width 0.3s ease-in-out;
}
.menu_btns_wr .menu_ul_a:after{
	background: #25241c;
}
.menu_ul_a:hover:after{
	width: 100%;
    left: 0;
    right: auto;
}
.menu_li{
	position: relative;
	margin-top: 0.5vh;
	    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.menu_li_a{
	display: inline-block;
	color: #fff;
	font-size: 1.6rem;

	font-family: "Gilroy-Light";
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
}
.menu_btn .menu_li_a{
	color: #25241c;
}
.menu_btn .menu_li_a:hover{
	color:#00b495;
}

.menu_li_a::after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	height: 1px;
	width:0;
	background: #fff;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.menu_btn .menu_li_a::after{
	background: #00b495;
}
.menu_li_a:hover:after{
	width:100%;
}
.menu_li_slash{
	color: white;
	font-size: 1.8rem;
	color: #b9bec6;
	margin: 0 1.5rem;
}
.menu_li_slash:last-child{
	display: none;
}
.social_wrap{
	display: flex;
	margin-top: 5vh;
	transform: translateY(-2rem);
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.social_wr{
	position: relative;
	display: flex;

}
.social{
	height: 2.2rem;
	height: 32px;

    overflow: hidden;
	perspective: 800px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	margin-right: 1.5rem;
}
.social_img{
	width: 2.2rem;
	width: 32px;
    transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
    position: relative;
}
.social path{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.social:hover path{
    fill:#000!important;
}
.about_wrap .social_img path{
	fill: #eadada;
}
.genplan_wrap .social_img path,
.umovu_wrap  .social_img path{
	fill: #9e9e9e;
}
.menu_links{
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu_link{
    display: block;
    width: 100%;
    position: relative;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(-2rem);
    opacity: 0;
}
.menu_link_wr{
    perspective: 800px;
}
.menu_link_img{
    width: 10.9rem;
    height: 10.9rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    border: 2px solid white;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    transform-style: preserve-3d;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.menu_link:hover .menu_link_img{
	transform: rotateY(180deg);
}
.menu_link_img img{
	max-width: 60%;
    max-height: 60%;
}
.menu_link_text{
    font-size: 2.1rem;
    margin-top: 1rem;
    color: white;
    text-transform: uppercase;
    font-family: "Akrobat_Bold";
    text-align: center;
}

.docs_wrap .prava{
	color: #aeaeae;
}
/*.docs_wrap .tel_img_1,
.dark_footer .tel_img_1{
	background: url(../img/tel_img_blue.svg) no-repeat;
    background-size: 65%;
    box-shadow: inset 0 0 0 1px #1d2d4e;
    background-position: center;
}*/
/* ========================================
/* LOGO
======================================== */
.logo_wrap {
position: absolute;
    top: 0;
    z-index: 13;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transform: translateY(0);
    transition: 0.5s all 0.5s ease-out;
}
.hide_logo,
.full_window .logo_wrap{
	opacity: 0;
	transform: translateY(-3rem);
	transition:  all 0.5s ease-out;
	pointer-events: none;
}


.logo_wr{
    width: 17.7rem;
    position: absolute;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    left: 3rem;
    top: 1rem;
}
.logo{
	position: relative;
	width: 100%;
}
.hid_bid_window .logo{

}
.logo_shadow{
    position: absolute;
    top: -1rem;
    left: -3rem;
    width: 105.5rem;
    pointer-events: none;
	display:none;
}
.realizovani_wrap .logo_shadow,
.main_page .logo_shadow,
.flat_wrap .logo_shadow{
	display:block;

}

.main_slogan_wrap{
	position: absolute;
	bottom: 16rem;
	bottom: 11rem;
	left: 6rem;
	z-index: 1;
	pointer-events: none;
}
.main_slogan_wr{
	position: relative;
	display: flex;
}
.main_slogan_letter{
	font-size: 16.9rem;
	color:#00b494;
	font-family: "Gilroy-Black";
    line-height: 1;
}
.main_slogan_letter_2{
	font-size: 11.6rem;
	font-family: "Gilroy-Black";
	color:#ffe940;
	    line-height: 0.7;
}
.main_slogan_bird_big{
    width: 10rem;
    align-self: flex-end;
    margin: 0 3rem 1rem 3rem;

}
.main_slogan_bird_small{
	width:3.5rem;
	    align-self: flex-end;
    margin-bottom: 2rem;

}
/* ========================================
/* END LOGO
======================================== */

/* ========================================
/* FOOTER
======================================== */
footer{
	position: fixed;
	bottom: 0;
	left: 36rem;
    width: calc(100% - 36rem);
	z-index: 11;
}
.main_page footer {
    position: absolute;
    bottom: 0;
    left: 0rem;
    width:100%;
}
.footer_left{
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    bottom: 2rem;
    left: 6.5rem;
    display: flex;
    align-items: center;
    text-align: left;

}
.about_wrap  .footer_left,
.main_page   .footer_left,
.genplan_wrap  .footer_left,
.dev_wrap   .footer_left,
.umovu_wrap  .footer_left{
	color:rgba(112, 107, 49, 0.7);
}

.tel_wrap{
	color: white;
	position: fixed;
	right: 4rem;
    bottom: 2rem;
cursor: pointer;
	height: 10rem;
	width: 10rem;
	background: #f5e348;
	border-radius: 50%;
	    border: 3px solid rgba(3, 181, 148, 0.88);
	display: flex;
	justify-content: center;
	overflow: hidden;
	align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

    display: none;
}
.tel_wrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	border-radius: 50%;
	background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.tel_wrap:hover:before{
    transform: translateX(0%);

}

.tel_right{

    transform: rotate(13deg);
}
.tel_img_1{
	display: block;

	height: 4.8rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
 animation: telH 1s linear infinite;
}
@keyframes telH {
	0% {transform: rotateZ(0deg);}
	20% {transform: rotateZ(10deg);}
	40% {transform: rotateZ(-10deg);}
	60% {transform: rotateZ(10deg);}
	80% {transform: rotateZ(-10deg);}
	100% {transform: rotateZ(0deg);}
}







.tel_right:hover .tel_img_1 {
   /*opacity: 0.5;*/
}

/* ========================================
/* END FOOTER
======================================== */

/* ========================================
/* LOGO REALIST
======================================== */
.realist_digital_link {
    line-height: 44px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    height: 32px;
    height: 31px;
    width: 54px;
    display: block;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 998;
    margin-right: 1rem;
}

.realist_digital_link span {
    position: relative;
    display: inline-block;
    height: 32px;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.realist_digital_link span::before {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    height: 32px;
    width: 54px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -33px;
        background: url(../img/logo_realist_128x108.png)no-repeat 0 -35px;
    content: " ";
    transition: background 0.3s;
    transform: rotateX(-90deg);
    transform: rotateX(-89deg);
    transform-origin: 50% 0;
}
.realist_digital_link:hover span,
.realist_digital_link:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}
.realist_digital_link:hover span::before,
.realist_digital_link:focus span::before {
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -33px;
    background: url('../img/logo_realist_128x108.png')no-repeat 0 -32px;
}
/* ========================================
/* END LOGO REALIST
======================================== */

/* ========================================
/* CLOSE
======================================== */
.close_wr{
	width:3.3rem;
	height: 3.3rem;
	position: relative;
	overflow: hidden;
	margin: auto;
    margin-bottom: 1rem;
}

.close_line_1{
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: white;
	transform: rotate(-45deg) translateZ(0);
	transition: 0.3s ease-out;
}
.close_line_2{
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	background: white;
	transform: rotate(45deg) translateZ(0);
	transition: 0.3s ease-out;
}
.close {
    opacity: 1;
    background: url(../images/close_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    top: 100px;
    position: absolute;
    right: 45px;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
.close:hover {
    opacity: 0.5 !important;
}
/* ========================================
/* END CLOSE
======================================== */

/* ========================================
/* CALL BACK POP UP
======================================== */
.cb_wrap, .sub_wrap, .hb_video_wrap {
    position: absolute;
    top: 0%;
    height: 100vh;
    min-height: 550px;
    width: 100%;
    overflow: hidden;
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
    opacity: 0;
    z-index: 101;
        overflow: auto;
}
.open_cb.cb_wrap, .sub_wrap.open_cb , .hb_video_wrap.open_cb {
	top: 0;
	pointer-events: auto;
	opacity: 1;
	 transition:  all 0.9s cubic-bezier(.19,1,.22,1);
}
.cb_wr{
	    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
        display: flex;
    justify-content: center;
    align-items: center;
}
.cb_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background-color:rgba(0, 0, 0, 0.54);

}
.close_cb_wr{
    position: absolute;
    top: -8rem;
    right: -8rem;
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    transform: translateY(3rem);
}
.open_cb .close_cb_wr {
    transition: 0.9s all .6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.close_cb_wr:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.close_cb_wr:hover:after {
    transform: translateX(0%);
}

.cb_cont{
	position: relative;
	display: block;
	width: 49.2rem;
	/*height: calc(100% - 10rem);
	height: fit-content;*/
    margin: 2rem auto;
    padding-bottom: 1vh;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	    max-height: 100%;
}
.open_cb .cb_cont{
	transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}
.hb_video_wrap .cb_cont{
	    width: 55%;
    height: 67%;
}
.hb_video_iframe_wr{
	width:100%;
	height: 100%;
}
.hb_video_iframe_wr iframe{
	width:100%!important;
	height: 100%!important;
}
.cb_cont_bg{
    border: 3px solid #f5e348;
    width: 100%;
    height: 100%;

    text-align: center;
    background: #03b594;
    border-radius: 25px;
    padding: 4rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
}
.open_cb .cb_cont_bg{
	transition: .9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
}
.sub_tittle {
    font-size: 3.2rem;
    margin: 0 1.5vh 2rem;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0rem;
    font-family: "Gilroy-Bold";
    opacity: 0;
    transform: translateY(3rem);
    color: #f5e348;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
}
.open_cb .sub_tittle {
    transition: 0.9s all .9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.sub_btn {
    margin: 4rem auto 0;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
    position: relative;
    z-index: 1;
    border-radius: 25px;

    border: 3px solid #fce841;
    display: inline-flex;
    align-items: center;
    padding: 1rem 3rem;
    overflow: hidden;
    color: #000;
}
.open_cb .sub_btn {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1),  background-color 0.9s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.sub_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #fce841;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.sub_btn:hover:before {
    transform: translateX(0%);
}

.sub_btn_text {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    font-family: "Gilroy-Bold";
    text-transform: uppercase;
}
.sub_btn:hover  {

}
.input_wr {
    margin-bottom: 1.5vh;
    color: #d57b55;
}
#formName, #formEmail, #formTel,
#formNameSub, #formEmailSub, #formText {
    padding: 0 2rem;
    color: #000;
    font-size: 1.6rem;
    background: white;
    resize: none;
    width: 100%;
    height: 3.9rem;
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
    border: 1px solid rgb(0, 180, 149);
	transition: all .4s ease-out;
	opacity: 0;
    transform: translateY(3rem);
}
.open_cb #formNameSub {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formEmailSub {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formName {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formEmail {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formTel {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.open_cb #formText {
    transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
#formText {
	height: 10rem;
	padding: 1rem 2rem;
}
.important_input input {
	border: 1px solid #e84343 !important;
}
#report, #report_sub{
    font-size: 1.8rem;
    margin: .5rem 3.5rem;
    position: absolute;
    color: #e84343;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    text-align: left;
    left: 2rem;
}
#report.done ,#report_sub.done{
	color: #2cbd5c;
}
.arrow_sub{
	width:13px;
	transform: scale(-1);
}
.arrow_sub path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.sub_btn:hover .arrow_sub path{
	fill: #2b2443;
}
/* ========================================
/* END CALL BACK POP UP
======================================== */

/* ========================================
/* ARROW PREV/NEXT ANIMATE
======================================== */
.next_line_1{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 73%;
    transform: rotate(-43deg) translateZ(0);
	background-color: #c2921d;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.slide_arrow:hover .next_line_1{
   opacity:0.5;
}
.next_line_2{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 22%;
    transform: rotate(43deg) translateZ(0);
	background-color: #c2921d;
}
.slide_arrow:hover .next_line_2{
    opacity:0.5;
}
/* ========================================
/* END ARROW PREV/NEXT ANIMATE
======================================== */

/* ========================================
/* MAIN PAGE
======================================== */

.main_wrap{
    width: calc(100% - 36rem);
    width: calc(100% - 39rem);
    height: 100%;
    position: relative;
    transition: width 0.9s cubic-bezier(.19,1,.22,1);
}
.full_window .main_wrap{
    width: calc(100% - 27rem);
    transition: width 0.5s cubic-bezier(.19,1,.22,1);
}
.main_fullpage {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_fullpage{
    opacity: 1;
    transition:  0.9s all 0.6s cubic-bezier(.19,1,.22,1);

}
.main_fullpage .swiper-slide{
	overflow: hidden;
}
.main_wr{
	overflow: hidden;
    overflow: auto;
	width:100%;
	height: 100%;
	position: relative;
}
.main_tel_wrapper{
    position: absolute;
    top: 2rem;
    right: 2rem;
	display: flex;
	align-items: center;
}
.main_tel_wrap{
   /* width: 23.5rem;
    min-width: 190px;
    height: 4.6rem;
    overflow: hidden;*/
        display: flex;
    justify-content: center;
    align-items: center;
    background: #f5e34d;
    position: relative;
    padding: 0.5rem 2rem;
    border-radius: 25px;
    border: 3px solid rgba(3, 181, 150, 0.82);
}
.main_tel_shadow{
    position: absolute;
    top: -2rem;
    right: -2rem;
    width: 105.5rem;
    pointer-events: none;
    transform: rotateY(180deg);
}
.new_wrap .main_tel_shadow,
.flat_wrap .main_tel_shadow,
.contacts_wrap   .main_tel_shadow,
.flats_wrap  .main_tel_shadow,
.fil_wrap .main_tel_shadow{
	display:none;
}
.main_tel_wr{
display: flex;
    align-items: center;
}
.main_tel_cont{
    height: 2rem;
    line-height: 1;
    margin-right: 2rem;
    letter-spacing: 3px;
}
.main_tel{
	display: block;
    color: #000;
    font-size: 3.2rem;
    font-family: "Gilroy-SemiBold";
}

.head_tel_wr {
	position: relative;
}
.main_tel_img{
    margin-right: 1rem;
    transform: rotate(13deg);
	    height: 2.1rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    display: block;
    z-index: 1;
}
.head_tel {
	display: block;
	padding: 0 2rem;
	font: 1.8rem/4.2rem Akrobat_Bold, sans-serif;
	color: #313131;
	letter-spacing: 5px;
}



.hid_bid_window .main_tel,
.video_wrap  .main_tel,
.umovu_wrap .main_tel{
	/*color:white;*/
}
.docs_wrap .main_tel{
	color:#44372b;
}
.main_tel_hide{
	margin: 1rem 0;
	height:0;
	overflow: hidden;
	transition: all 0.5s ease-out;
}
.main_tel_wrap:hover .main_tel_hide{
	height: 2rem;
}
.main_tel_arrow{
	width:4rem;
	height: 4rem;
	display:flex;
	justify-content: center;
	align-items: center;
	border:1px solid #bababa;
	position: relative;
}
.docs_wrap .main_tel_arrow,
.flats_wrap .main_tel_arrow,
.fil_wrap .main_tel_arrow,
.genplan_wrap .main_tel_arrow,
.flat_wrap .main_tel_arrow,
.dev_wrap .main_tel_arrow
{
	border:1px solid #231300;
}
.main_tel_arrow_1{
    position: absolute;
    top: 2.3rem;
    left: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.main_tel_arrow_1:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_1:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	width:0%;
}
.main_tel_arrow_2{
	    position: absolute;
    top: 2.3rem;
    right: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);
}
.main_tel_arrow_2:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_2:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	width:0%;
}
.main_tel_arrow_3{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 1.9rem;
}
.main_tel_arrow_3:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
    background: #6f378a;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_3:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	height: 0%;
}




.main_tel_arrow_4{
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);


}
.main_tel_arrow_4:after{
	content: '';
	position: absolute;
	top: 0;
	width:0%;
	right: 0;
	height: 100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_4:after{
	width:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_arrow_5{
position: absolute;
    top: 1.2rem;
    right: 1rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);
}
.main_tel_arrow_5:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:0%;
	height: 100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_5:after{
	width:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.main_tel_arrow_6{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 1.9rem;
}
.main_tel_arrow_6:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 0%;
	width:100%;
    background: #6f378a;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_tel_wrap:hover .main_tel_arrow_6:after{
	height:100%;
	transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}

.umovu_wrap .main_tel_arrow_1:after,
.umovu_wrap .main_tel_arrow_2:after,
.umovu_wrap .main_tel_arrow_3:after,
.umovu_wrap .main_tel_arrow_4:after,
.umovu_wrap .main_tel_arrow_5:after,
.umovu_wrap .main_tel_arrow_6:after{
	background: #ffc565;
}

.hid_bid_window .main_tel_arrow_1:after,
.hid_bid_window .main_tel_arrow_2:after,
.hid_bid_window .main_tel_arrow_3:after,
.hid_bid_window .main_tel_arrow_4:after,
.hid_bid_window .main_tel_arrow_5:after,
.hid_bid_window .main_tel_arrow_6:after{
	background: #9062a6;
}


.new_main_wrap{
    position: absolute;
    right: -3px;
    bottom: 16rem;
    border: 3px solid rgba(3, 181, 150, 0.82);
    z-index: 3;
    overflow: hidden;
    width:28.2rem;
    border-radius: 5px;
    background: #fff;
    transform: translateX(100%);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .new_main_wrap{
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    transform: translateX(0%);

}

.new_main_wr{
	display: flex;
	    position: relative;
    z-index: 1;
}
.new_main_info{
    padding: 2rem;
}
.new_main_title{
    color: #000;
    font-family: "Gilroy-Bold";
    font-size: 1.9rem;
    text-transform: uppercase;
}
.new_main_title span{

}

.new_main_more{
    color: #000;
    font-family: "Gilroy-Medium";
    font-size: 1.6rem;
    align-items: center;
    background: #f5e34a;
    border: 4px solid #f5e34a;
    border-radius: 25px;
    display: inline-flex;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
        z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_main_more:before{
	    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.new_main_wr:hover .new_main_more:before {
    transform: translateX(0%);
}
.new_main_more_arrow{
    margin-left: 1rem;
    width: 1rem;
}


.brn_main_left{
	position: absolute;
	top: 50%;
	left: -4px;
	transform: translateY(-50%);
	z-index: 3;
	border-radius: 0 25px 25px 0;
	background: #fce841;
	border: 4px solid #22bea1;
	display:flex;
	align-items: center;
	padding: 1rem 1rem;
	cursor: pointer;
}
.brn_main_right{
	position: absolute;
	top: 50%;
	right: -4px;
	transform: translateY(-50%);
	z-index: 3;
	border-radius: 25px 0 0 25px;
	background: #fce841;
	border: 4px solid #22bea1;
	display:flex;
	align-items: center;
	padding: 1rem 1rem;
	cursor: pointer;
}
.brn_main_left_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transform: translateX(-100%);
	border-radius: 0 25px 25px 0;
	background: #22bea1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.brn_main_left:hover .brn_main_left_bg{
	transform: translateX(0%);
}
.brn_main_right_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transform: translateX(100%);
	border-radius: 25px 0 0 25px;
	background: #22bea1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.brn_main_right:hover .brn_main_right_bg{
	transform: translateX(0%);
}
.brn_main_left_arrow{
	width:1.7rem;
	margin-right: 1rem;
	position: relative;
}
.brn_main_right_arrow{
	width:1.7rem;
	margin-left: 1rem;
	    transform: scaleY(-1) rotate(162deg);

	position: relative;
}
.brn_main_text{
	font-family: "Gilroy-Bold";
	color:#000;
	font-size: 1.8rem;
	text-transform: uppercase;
	position: relative;

}

.main_video_wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.preloader_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    opacity: 0;
    /*display:none;*/
    pointer-events: none;
}
.preloader_video_show .preloader_video{
    opacity: 1;
    pointer-events: auto;

}
.bg_video {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.bg_video_show {
    opacity: 1;
}
.video_flats {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
}
.video_flats_show {
    opacity: 1;
}
.houses_img_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.houses_img_wrap_show {
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}
.houses_img {
    /*width: 100%;
    height: 100%;*/
        width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cloud_main_1{
    position: absolute;
    bottom: -18.5rem;
    left: -36rem;
    width: 81.1rem;
    z-index: 2;
}
.cloud_main_2{
    position: absolute;
    top: -4.5rem;
    right: -21rem;
    width: 70.7rem;
    z-index: 2;
}
.cloud_main_3{
    position: absolute;
    bottom: -12.5rem;
    right: -28rem;
    width: 81.1rem;
    z-index: 2;
}
.main_dot_wr{
	position: absolute;
	width:5.1rem;
	height: 5.1rem;
	cursor: pointer;
	z-index: 1;
	    z-index: 1;
   	transform:translate(-50%, -50%);
    border-radius: 50%;
}
.main_dot_black:before, .main_dot_black:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    border: 2px solid white;
    border-radius: 50%;
    background: white;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*transition: all 0.9s ease-out;*/
}

.main_dot_black:before{
    -webkit-animation: circle1 2.6s linear infinite;
    -moz-animation: circle1 2.6s linear infinite;
   -ms-animation: circle1 2.6s linear infinite;
  -o-animation: circle1 2.6s linear infinite;
    animation: circle1 2.6s linear infinite;
}
.main_dot_black:after{
    -webkit-animation: 2.6s circle1 1.3s linear infinite;
    -moz-animation: 2.6s circle1 1.3s linear infinite;
    -ms-animation: 2.6s circle1 1.3s linear infinite;
    -o-animation: 2.6s circle1 1.3s linear infinite;
    animation: 2.6s circle1 1.3s linear infinite;
}


@keyframes circle1{
    0% {
        width: 18px;
        height: 18px;
        
    }
    70% {
        width: 9rem;
        height: 9rem;
        opacity: 0;
        background: #000;
    }
    100% {
        width: 9rem;
        height: 9rem;
        opacity: 0;
    }
}
.main_dot_wr:hover .main_dot_black:after, .main_dot_wr:hover .main_dot_black:before{
	animation:none;
}
.main_dot_black{
	background-color: rgba(0, 0, 0, 0.45);
	border: 2px solid #fff;
	border-radius: 50%;
	width:100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: -1;
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
}
.main_dot_wr:hover .main_dot_black{
	opacity:0.8;
}
.main_dot_green{
	background:#00b494;
	width:3.1rem;
	height: 3.1rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 1;
}
.main_dot_wr:hover .main_dot_green{
	background:#fde740;
	opacity:1;
}
.main_dot_yellow{
	background:#fde740;
	width:1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1);
	z-index: 1;
}
.main_dot_wr:hover .main_dot_yellow{
	background:#00b494;
}
.main_dot_info{
    position: absolute;
    bottom: calc(100% + 1.5rem);
    left: -3.9rem;
    background: #fff;
    border-radius: 50px;
    display: flex;
    white-space: nowrap;
    padding: 0.5rem 2rem;
    align-items: center;
    pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
    transform: translateY(-3rem);
}
.main_dot_wr:hover .main_dot_info{
	opacity: 1;
    transform: translateY(0rem);
}
.main_dot_triangle{
    position: absolute;
    top: calc(100% - 1rem);
    height: 3.2rem;
    left: 3.2rem;
}
.main_dot_img_wr{
	width: 5.5rem;
	height: 6.5rem;
	margin-right: 1rem;
	    display: flex;
}
.main_dot_img{
	max-width: 100%;
	max-height: 100%;
    display: block;
}
.main_dot_text{
	font-size: 1.6rem;
	color: #000;
	font-family: "Gilroy-Bold";
}
.main_dot_text span{
	color: #03b594;
}
/* MAIN PAGINATION */
.main_pagin_wr{
	position: fixed;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	list-style: none;
	opacity: 0;
	transform: translateX(3rem);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .main_pagin_wr{
	opacity: 1;
	transform: translateX(0);
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.main_pagin_wr .swiper-pagination-bullet{
	width: 6px;
	margin: 15px 0;
	height: 6px;
	border-radius: 50%;
	background: #1d2570;
	opacity: 0.7;
	display: block;
	position: relative;
	display: block;
}
.main_pagin_wr .swiper-pagination-bullet{
	background: #1d2570;
}
.white_menu .main_pagin_wr .swiper-pagination-bullet{
	background: white;
}
.main_pagin_wr .swiper-pagination-bullet:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 1px solid #1d2570;
	width: 20px;
	height: 20px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.main_pagin_wr .swiper-pagination-bullet-active:after{
	border: 1px solid #1d2570;
}
.white_menu .main_pagin_wr .swiper-pagination-bullet-active:after {
    border: 1px solid white;
}
.main_pagin_wr .swiper-pagination-bullet-active:after{
	opacity: 1;
}
/* END MAIN PAGINATION */

/* BLOCK 1 */
.block_1{
	width:100%;
	height: 100vh;
	min-height: 550px;
	position: relative;
	background: #fff;
}
.video_run .block_1{
	pointer-events: none;
}
.img_mouse{
    position: absolute;
    bottom: 9rem;
    z-index: 1;
    left: 0;
    right: 0;
    cursor: pointer;
    margin: auto;
    animation: jump_mouse 1.5s infinite;
    width: 6rem;
}
@keyframes jump_mouse{
	0%{
		transform:translateY(0);

	}
	50%{
		transform:translateY(1rem);
	}

	100%{
		transform:translateY(0);
	}

}
.img_mouse path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.img_mouse:hover path{
	fill:#fce841;
}

/* MESENGERS */
.mes_btn_close_wr{
    position: absolute;
    right: 19px;
    top: 8px;
    width: 21px;
    cursor: pointer;
}
.mes_btn_close_icon{
	    width: 100%;
    display: block;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_close_wr:hover .mes_btn_close_icon{
    transform: rotate(360deg);
}
.mes_btn_info_wr{
    position: absolute;
    right: calc(100% + 10px);
    bottom: 0;
    width: 24vw;
    min-width: 200px;
}
.mes_btn_info_wr_hide{
	display:none;
}
.mes_btn_info_svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    z-index: -1;
}
.mes_btn_info{
    padding: 20px 27px;
    padding-right: 29px;
}
.mes_btn_info_title{
	font-size: 18px;
	color:#22bea1;
	margin-bottom: 15px;
	font-weight: bold;
}
.mes_btn_info_text{
	color:#1c2236;
	/* font-family: PFBeauSansPro-Bbook; */
	font-size: 16px;
}
@media screen and (max-width: 1500px), (max-height: 800px) {
	.mes_btn_info {
		padding: 10px 15px;
		padding-right: 24px;
	}
	.mes_btn_info_title {
    	font-size: 15px;
    	margin-bottom: 5px;
	}
	.mes_btn_info_text {
	    font-size: 14px;
	}
}

#bingc-phone-button {
  /*display: none !important;*/
  display:block!important;
}
.bg_mesengers{
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #000;
	opacity: 0;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .bg_mesengers{
	opacity: 0.6;
	pointer-events: auto;
}
.mes_btn_wrap{
	position: fixed;
	bottom: 3%;
	right: 2%;
	z-index: 1;
}
.mes_btn_wrap_call {
  position: absolute;
  top: 50%;
  left: -110%;
  transform: translate(-32%, -50%);
  padding: 1rem;
  background: #fff;
  border-radius: 10rem;
  font-size: 1.4rem;
  color: #000;
  opacity: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover .mes_btn_wrap_call {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.open_mesengers .mes_btn_wrap_call {
  opacity: 0 !important;
}
.mes_btn_wr{
	position: relative;
	width: 9rem;
  height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wr:hover{

}
.mes_btn_wr:before{
	content: '';
	position: absolute;
	z-index: -1;
  top: 50%;
  left: 50%;
  transform: scale(0);
  width: 65%;
  height: 65%;
  border-radius: 50%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  box-shadow: inset 0 0 0 2px #fff;
}
/* .mes_btn_wrap:hover .mes_btn_wr:before, */
.open_mesengers .mes_btn_wr:before{
  transform: translate(-50%, -50%) scale(1);
}
.mes_btn_wr_bg{
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 130%;
  height: 130%;
  border-radius: 50%;
  background: #22bea1;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg{
	width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.open_mesengers .mes_btn_wr_bg{
	width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: linear-gradient(to right, transparent, transparent);

}
.mes_btn_wr_bg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  border: 3px solid #fce841;
  border-radius: 100%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_btn_wrap:hover .mes_btn_wr_bg::before{
  width: 130%;
  height: 130%;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s;
}
.open_mesengers .mes_btn_wr_bg::before {
  opacity: 0;
}
.mes_btn_wr_bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.mes_btn_wrap:hover .mes_btn_wr_bg::after{
  width: 180%;
  height: 180%;
}
.mes_btn_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    max-width: 70%;
    max-height: 70%;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: change_icon 4s infinite;
}
.mes_btn_phone_icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    max-width: 70%;
    max-height: 70%;
    transform: scale(1);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    animation: change_icon_tel 4s infinite;
}
@keyframes change_icon_tel {
  0% {opacity: 1; transform: scale(1);}
  45% {opacity: 1; transform: scale(1);}
  50% {opacity: 0; transform: scale(0);}
  95% {opacity: 0; transform: scale(0);}
  100% {opacity: 1; transform: scale(1);}
}
@keyframes change_icon {
  0% {opacity: 0; transform: scale(0);}
  45% {opacity: 0; transform: scale(0);}
  50% {opacity: 1; transform: scale(1);}
  95% {opacity: 1; transform: scale(1);}
  100% {opacity: 0; transform: scale(0);}
}
.open_mesengers .mes_btn_icon,
.open_mesengers .mes_btn_phone_icon{
    display: none;
}
.mes_btn_icon_close{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 5rem;
  height: 5rem;
  opacity:0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_btn_icon_close{
	opacity:1;
}
.mes_links_wr{
  z-index: 1;
    position: absolute;
    bottom: 8.5rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(3rem);
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_mesengers .mes_links_wr{
	opacity: 1;
    pointer-events: auto;
    transform: translateY(0rem);
}
.mes_link{
position: relative;
    display: inline-block;
    margin-bottom: 6px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    width: 5.6rem;
    border-radius: 50%;
    background: none;
    height: auto;
}
.mes_link:last-child{
	margin-bottom: 0;
}
.mes_link:hover{
    box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}
.mes_link_bin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}
.mes_link_icon{
width: 100%;
    display: block;
    z-index: 1;
    position: relative;
}
.mes_link_text_wr{
    position: absolute;
    padding-right: 37px;
    right: 50%;
    white-space: nowrap;
    height: 33px;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.mes_link_text{
    color: #1c2236;
    font-size: 16px;
    background: #fff;
    padding: 0 8px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(calc(110% + 37px));
}
.mes_link:hover .mes_link_text{
    transform: translateX(0%);

}
/* END MESENGERS */

.block_2{
	padding: 17rem 0;
	text-align: center;
}
.bl_2{
	/*width:62%;
	margin: auto;*/
}
.main_h1{
	    font-family: "Gilroy-Bold";
    font-size: 5.6rem;
    color: #000;
    margin-bottom: 2rem;
    color: #0d7a67;
}
.bl_2_title{
	font-family: "Gilroy-Bold";
	font-size: 4.6rem;
	color: #03b594;
	margin-bottom: 2rem;
    white-space: nowrap;
}
.bl_2_title span{
	color: #0d7a67;
}
.bl_2_text{
	color:#000;
	font-size: 2.3rem;
	width: 62%;
	margin: auto;
}


.main_play_brns_wr{
	  display: flex;
    justify-content: center;
    position: relative;
    margin-top: 5rem;
    z-index: 1;
}
.main_btn_prezentaciia{
	font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    margin-top: 4rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-left: 5rem;
    cursor: pointer;
}
.main_btn_prezentaciia:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.main_btn_prezentaciia:hover:before {
    transform: translateX(0%);
}

.main_play{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 0.2rem 2rem;
    padding-left: 0.2rem;
    margin-top: 4rem;
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}
.main_play_text{

}
.main_play:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.main_play:hover:before {
    transform: translateX(0%);
}
.main_play_icon{
    width: 4rem;
    cursor: pointer;
    margin-right: 2rem;
}
.main_play .main_play_path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_play:hover .main_play_path {
    fill: #fce841!important;
}
.main_video_pop_up {
    /*position: absolute;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_video_pop_up_show {
    opacity: 1;
    pointer-events: all;
}
.main_video_pop_up_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0.9;
    z-index: -1;
}
.main_video_pop_up_cont {
    height: 86%;
    width: 79%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main_video_pop_up_close {
position: absolute;
    top: -4rem;
    right: -9.6rem;
    width: 5.5rem;
    height: 5.5rem;
    background: #f5e348;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    cursor: pointer;
}
.main_video_pop_up_close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.main_video_pop_up_close:hover:after {
    transform: translateX(0%);
}
.main_video_pop_up_cont iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 70%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


.block_3{

}
.bl_3{
	display:flex;
	min-height: 57.8rem;
}
.bl_3_img{
	width:50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bl_3_info_wr{
	width:50%;
	padding: 5rem 0;
	text-align: center;
	background: #eceef3;
    display: flex;
}
.bl_3_info{
	width:80%;
    margin: auto;
}
.bl_3_icon_wr{
    width: 19.3rem;
    height: 19.3rem;
    border-radius: 10px;
    background: #f5e348;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 2rem;
}
.bl_3_icon{
    max-height: 95%;
    max-width: 85%;
}
.bl_3_text{
	font-size: 2.1rem;
	color: #000;
}
.bl_3_text b,
.bl_3_text strong{
	font-family: "Gilroy-Bold";
	font-size: 3.6rem;
    color: #03b594;
}
.bl_3_text p{
	display: inline;
}
.bl_3_dop_text{
	font-size: 1.6rem;
	color: #0f1010;
    margin-top: 4rem;
}
.bl_3_fishka_wr{
    display: inline-block;
    margin-top: 3rem;
}
.bl_3_fishka{
    margin-top: 1rem;
    background: #fff;
    border-radius: 25px;
    padding: 1rem 2rem;
    color: #000;
    font-size: 2rem;
    font-family: "Gilroy-Bold";
}
.bl_3_fishka span {
    font-family: "Gilroy-ExtraBold";
    color: #03b594;
}
.bl_3_fishka sup{
	font-size: 1rem;
}
.block_4{
    padding: 17rem 0;
    position: relative;
    text-align: center;
}
.bl_4{
    width: 62%;
    margin: auto;
}
.bl_4_text{
	font-size: 5.7rem;
	color: #000;
    margin-bottom: 1rem;

}
.bl_4_title{
	font-family: "Gilroy-Bold";
    font-size: 5.7rem;
    color: #03b594;
}
.bl_4_link{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    margin-top: 4rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}
.bl_4_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.bl_4_link:hover:before {
    transform: translateX(0%);
}
/* ========================================
/* NEWS
======================================== */
.news_wrap{
	width:100%;
	height: 100%;
	position: relative;
	background: blue;
	background-size: cover;
	background: url(../files/bg/bg_news.jpg) no-repeat;
	background-size: cover;
}
.batterfly_news{
    position: absolute;
    bottom: 0;
    left: 42rem;
    width: 26.5rem;
    display: block;
}

.lavka_news{
    position: absolute;
    bottom: 0;
    left: 66%;
    width: 46rem;
    display: block;
}
.news_title{
    font-size: 9rem;
    color: #f5e348;
    text-shadow: 0px 0px 53.6px rgb(0, 0, 0);
        -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
	font-family: "Gilroy-Black";
	    line-height: 0.8;
    margin-bottom: 3rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .news_title {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.news_sub_wr{
	cursor: pointer;
    display: inline-flex;
    border: 2px solid #833069;
    align-items: center;
    padding: 0.5rem 1.5rem;
    background: transparent;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .news_sub_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1),background 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.news_sub_wr:hover{
	 background: #833069;
}

.news_sub_text{
	font-family: "Gilroy-Bold";
	text-transform: uppercase;
	font-size: 1.9rem;
	color:#833069;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_sub_wr:hover .news_sub_text{
	color:#fff;
}
.news_sub_img{
	width:2rem;
	margin-left: 1rem;
}
.news_sub_img path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.news_sub_wr:hover .news_sub_img path{
	fill: #fff;
}


.bg_news{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_news.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.news_wr{
    left: 0;
    right: 0;
    bottom: 0;
    top: 10rem;
    top: 20vh;
    margin: auto;
    position: absolute;
    min-width: 700px;
    width: calc(100% - 24vw);

}
.news_slider_wr{
	width:100%;
    position: relative;
    z-index: 1;
}
.news_slider_cont{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}
.news_slider{
    position: relative;
    width: calc(100%);
    margin-top: 2.5rem;
}
.one_new_wr{
	position: relative;
    color: white;
}
.one_new_wr{
	display: flex;
	    justify-content: space-between;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(3rem);
}
.show_page_anim .one_new_wr:nth-child(1) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(2) {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(3) {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(4) {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr:nth-child(5) {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0);
}
.show_page_anim .one_new_wr {
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0);
}
.one_new_img_wrap{
	width: 100%;
    /*height: 20rem;*/
    position: relative;
    margin-bottom: 1.5rem;
    margin-bottom: 1.5vh;
    border-radius: 15px;
}
.one_new_img_wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #f5e348;
    z-index: 2;
}
.one_new_link:hover .one_new_img_wrap:before{
    /*box-shadow: inset 0 0 0 14px #f5e348;*/
    box-shadow: inset 0 0 0 14px #f5e348, 0 0 0 2px #f5e348;

}
.one_new_img_wrap:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #03b594;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.one_new_link:hover .one_new_img_wrap:after{
    box-shadow: inset 0 0 0 6px #03b594;
    width: 97%;
    height: 97%;

}
.one_new_img_wr{
	width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.one_new_link{
    display: block;
    width: 23%;
    position: relative;
}
.one_new_img{
    display: block;
    width: 100%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: scale(1);
    /*object-fit: cover;
    height: 100%;*/
    /*padding: 0 2rem;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    min-height: 21rem;
    height: 21rem;
}
.one_new_link:hover .one_new_img{
    transform: scale(1.1);
}
.one_new_info{

}
.one_new_date{
font-size: 1.8rem;
    position: absolute;
    z-index: 3;
    background: #03b594;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 2rem;
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    transform: translateY(-50%);
    color: #fff;
}
.one_new_tittle{
    font-size: 2.1rem;
    font-family: "Gilroy-Bold";
    margin-bottom: 1.5rem;
    margin-bottom: 1.5vh;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
        max-height: 9.3rem;
    color: #04b594;

    min-height: 6rem;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 1;
}
.one_new_link:hover .one_new_tittle{
	color:#000;
}
.one_new_text{
    font-size: 1.6rem;
    color: #000;
    min-height: 8rem;
}
.new_text img{
	    clear: both;
    max-width: 80%;
    border-radius: 15px;
}
.one_new_more{
	position: relative;
    z-index: 1;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
    padding: 1rem 1rem;
    overflow: hidden;
    margin-top: 2vh;
}
.one_new_more_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    border-radius: 25px 0 0 25px;
    background: #22bea1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_new_link:hover .one_new_more_bg {
    transform: translateX(0%);
}
.one_new_more_text{
	font-size: 1.6rem;
	color:#000;
	position: relative;
}
.one_new_more_arrow{
    width: 0.8rem;
    margin-left: 1rem;
    position: relative;
}
/*.show_page_anim .news_slider  .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide {
    opacity: 0.2;
    pointer-events: none;
}*/
.show_page_anim .news_slider{
	opacity: 1;
}
body .mCSB_scrollTools .mCSB_dragger {
    width: 11px!important;
    background: #f5e348!important;
    border-radius: 5px!important;
}
body .mCSB_scrollTools,
body .mCSB_draggerRail {
    width: 11px!important;
}
body .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 180, 148, 0.2);
    width: 5px!important;
}
body .next_news{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: -10rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem);
}
.show_page_anim .next_news {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0);
}
.show_page_anim .next_news.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}


.next_news:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.next_news:hover:after {
    transform: translateX(0%);
}
body .prev_news{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: -10rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem);
}
.show_page_anim .prev_news {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0);
}
.show_page_anim .prev_news.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}
.prev_news:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.prev_news:hover:after {
    transform: translateX(0%);
}
.prev_slide_news_arrow{
    width: 3.8rem;
    transform: rotate(90deg);
    position: relative;
    z-index: 1;
}
.next_slide_news_arrow{
    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}
/* ========================================
/* END NEWS
======================================== */

/* ========================================
/* ONE NEW
======================================== */
.new_wrap {
	position: relative;
	height: 100%;
}
.new_content_wr{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.new_wr{
	color: white;
    /*width: 66rem;*/
}
.new_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_new.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}


.secod_menu_wr{
    width: 25%;
    display: flex;
    padding-top: 26rem;
    justify-content: flex-end;
}
.secod_menu{
	display: inline-block;
	    position: relative;
    z-index: 1;
}


.secod_menu_link {
	color:white;
	font-size: 10rem;
    display: inline-block;

    display:flex;
    justify-content: center;
    align-content: center;
	position: relative;
	font-family: "Gilroy-Black";
    z-index: 1;
	line-height: 1;
	align-items: center;
    margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .secod_menu_link{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.new_sub_wr{
    cursor: pointer;
    display: inline-flex;
    border: 2px solid #fff;
    align-items: center;
    padding: 0.5rem 1.5rem;
    background: transparent;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .new_sub_wr{
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1), border 0.9s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.new_sub_wr:hover{
	background:#ffc565;
	border: 2px solid #ffc565;
}


.new_sub_text{
font-family: "Gilroy-Bold";
    text-transform: uppercase;
    font-size: 1.9rem;
    color: #fff;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_sub_wr:hover .new_sub_text{
	color: #231300;
}
.new_sub_img{
    width: 2rem;
    margin-left: 1rem;
}
.new_sub_wr path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.new_sub_wr:hover path{
	fill: #231300;
}
.new_img_wr{
    width: 100%;
    /*height: 31rem;*/
    position: relative;
    margin-top: 3rem;
    /*margin-bottom: 3rem;*/
    margin-bottom: 2.5rem;
    border-radius: 15px;
	overflow: hidden;
}
.new_img{
	/*padding: 0 2rem;*/
    width: 100%;
    /*height: 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        /*height: 30rem;
    object-fit: cover;*/
}
.new_dot{
    position: absolute;
    width: 13px;
    height: 13px;
    background: #55555a;
    left: 0rem;
    margin-top: 12.25rem;
}
.new_text{
	font-size: 1.6rem;
	font-size: 1.8rem;
	color: #1b1a1a;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_text{
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_text a{
	color:#03b594;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	text-decoration: underline;
}
.new_text a:hover{
    text-decoration: none;

}
.new_text b,
.new_text strong{
	font-family: "Gilroy-Bold";
}
.new_text a:hover{
	text-decoration: none;
}

.close_new{
    position: absolute;
    top: -4rem;
    right: -9.6rem;
    width: 5.5rem;
    height: 5.5rem;
    background: #f5e348;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .close_new{
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.close_new:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.close_new:hover:after {
    transform: translateX(0%);
}
.close_line_1{
	height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    transition: all .3s;
    top: 50%;
    transform: rotate(-45deg) translateZ(0);

}
/*.close_hover:hover .close_line_1{
    transition-delay: 0s;

}*/
.close_line_1_stroke{
    background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
     transition-delay: .1s;
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-1rem);
}
/*.close_hover:hover .close_line_1_stroke{
	width:0;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}*/
.close_line_1_hover{
    background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateX(4rem);

}
/*.close_hover:hover .close_line_1_hover{
	 transform: translateX(-1rem);
    transition-delay: .1s;
}*/

.close_line_2{
    height: 2px;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transition: all .3s;
    transform: rotate(45deg) translateZ(0);
}
.close_line_2_stroke{
	background-color: white;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
     transition-delay: .1s;
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-1rem);
}
/*.close_hover:hover .close_line_2_stroke{
	width:0;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
}*/
.close_line_2_hover{
	 background-color: #c2921d;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    content: "";
    width: 5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    transform: translateX(4rem);

}
/*.close_hover:hover .close_line_2_hover{
	transform: translateX(-1rem);
    transition-delay: .1s;
}*/
.close_new_text{
	color:white;
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-size: 1.4rem;
}
.close_hover:hover .close_new_text{
	color:#c2921d;
}

.new_right_wr{
    width: 50%;
        /*height: 90%;*/
    width: 36.4rem;
    width: 22%;
    height: 90%;
    display: flex;
    align-items: center;
}
.new_right_cont{

}
.new_link_wr{
}
.new_link{
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    margin-top: 4rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .new_link{
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.new_link:hover:before {
    transform: translateX(0%);
}
.new_right{
    width: 32.7rem;
    width: 100%;
    position: relative;
    /*height: 21%;*/
    display: block;

    padding: 0 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_right{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(1){
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(2){
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(3){
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.show_page_anim .new_right:nth-child(4){
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}


.new_right_date{
	margin-bottom: 0.5rem;
	position: relative;
	font-size: 1.8rem;
	padding: 0.5rem 1rem;
	border:2px solid #f5e348;
	background: #f5e348;
	border-radius: 25px;
	color:#000;
	text-transform: uppercase;
	 transition: all 0.9s cubic-bezier(.19,1,.22,1);
	font-family: "Gilroy-Bold";
	z-index: 1;
	    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.new_right_date:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
    z-index: -1;
}
.new_right:hover .new_right_date:after {
    transform: translateX(0%);
}
.new_right_tittle{
	font-size: 2.1rem;
	color:#04b594;
	text-transform: uppercase;
	font-family: "Gilroy-Bold";
	    line-height: 1;
	margin-bottom: 1rem;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.new_right:hover .new_right_tittle{
	color:#000;
}
.new_right_anons{
	font-size: 1.8rem;
	color:#1b1b1b;
	margin-bottom: 3rem;
}

.new_scroll{
    transition: all .9s cubic-bezier(.19,1,.22,1);
    height: 100%;
    overflow: hidden;
         background: rgba(255, 255, 255, 0.73);
    box-shadow: 0 0 15px #fff;
    padding: 0rem 1rem 1rem;
}



.new_scroll_wr{
    padding-top: 7%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    height: 100%;
    padding-left: 21%;
    /*padding-left: 10%;*/
}
.new_img_wrap{
	position: relative;
    /*width: 50%;
    float: left;
    margin-top: 3rem;
    margin-bottom: 2rem;
    margin-right: 2rem;*/

    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_img_wrap{
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_date{
    font-size: 1.8rem;
    position: absolute;
    z-index: 3;
    background: #03b594;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 4rem;
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    transform: translateY(calc(-50% + 3rem));
    color: #fff;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_date{
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(-50%);
}
.new_date span{
}
.new_tittle{
	font-size: 3.2em;
    /*padding-top: 3rem;*/
	font-family: "Gilroy-Bold";
	margin-bottom: 1.5rem;
	color: #04b594;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .new_tittle{
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.new_middle{
	position: relative;
	width: 70rem;
    /*width: calc(100% - 72.4rem);*/
  /*  width: 65%;*/
    z-index: 1;
    height: 90%;
        height: calc(90% - 7rem);


}
#floor_svg{
	left:0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
/* ========================================
/* END ONE NEW
======================================== */

/* ========================================
/* VISUALISATION
======================================== */
.gallery_wrap {
	position: relative;
	width:100%;
	height: 100%;
	background: #fff;
}
.realizovani_wrap {
	position: relative;
	width:100%;
	height: 100%;
    background: url(../files/bg/bg_hid_bud.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.realis_link_wr{
	
    /*margin-top: 14rem;*/

    z-index: 2;
    position: relative;	
        transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .realis_link_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.realis_link{
    font-size: 1.6rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 1rem;
}
.realis_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.realis_link:hover:before {
    transform: translateX(0%);
}
.full_window .footer_left{
	display:none;
}
.gallery_slider{
	position: relative;
	width:100%;
	height: 100%;
	overflow: hidden;
	    z-index: 1;
	/*cursor: none;*/
}

.visual_slide{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .visual_slide {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
.gal_slider_pagin_wr{
    left: 0;
    right: 0;
    /*background: rgba(0, 0, 0, 0.64);*/
    position: absolute;
    z-index: 1;
    height: 6.4rem;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(100%);
}
.show_page_anim .gal_slider_pagin_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.close_visual{
	position: absolute;
	top: 1rem;
	right: 2.4rem;
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    border-radius: 50%;
        border: 3px solid rgba(3, 181, 148, 0.88);
	z-index: 2;
	cursor: pointer;
	overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .close_visual {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.close_visual:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.close_visual:hover:after {
    transform: translateX(0%);
}
.close_svg{
    /*width: 3rem;
    height: 3rem;*/
        width: 43%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
}
.visuals_link_wr{
	display: flex;
	justify-content: center;
    position: absolute;
    top: 2rem;
    z-index: 2;
    width: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .visuals_link_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}

.visuals_link{
	    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.visuals_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.visuals_link:hover:before {
    transform: translateX(0%);
}
/* VISUAL PREWIE */
#gal_slider_pagin{
    width: 30rem;
    width: 32rem;
     height: 2.6rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}

.show_page_anim #gal_slider_pagin {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}

.visual_numbers{
	position: absolute;
	left:0;
	right: 0;
	text-align: center;
	color:#000;
	font-family: "Gilroy-Black";
	font-size: 4.2rem;
	bottom: 92%;
    bottom: 4.5rem;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .visual_numbers {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.gal_prew_wr{
    width: calc(100% - 0.73rem);
	height: 100%;
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    background: #f5e348;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}

.gal_prew_wr:before{
position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #03b594;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.gal_prew_wr:hover:before{
    box-shadow: inset 0 0 0 3px #03b594;
    width: 90%;
    height: 90%;
}
.gal_prew_wr:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: #03b594;
	border-radius: 50%;
	opacity: 0;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-thumb-active .gal_prew_wr:after{
	opacity: 1;
}
body .prev_slide_gal{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: 2rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
}
.prev_slide_gal:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.prev_slide_gal:hover:after {
    transform: translateX(0%);
}
body .next_slide_gal{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: 2rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
}
.next_slide_gal:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.next_slide_gal:hover:after {
    transform: translateX(0%);
}
.arrow_hide{
	opacity:0!important;
	pointer-events: none;
}

.prev_slide_gal_arrow {
    width: 3.8rem;
    transform: rotate(90deg);
    position: relative;
    z-index: 1;
}
.next_slide_gal_arrow{
    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}
.list_gal_1{
    position: absolute;
    bottom: -10rem;
    left: -20rem;
    z-index: 1;
    width: 59.1rem;
    display: block;
}
.list_gal_2{
    position: absolute;
    bottom: -6rem;
    left: -11rem;
    z-index: 1;
    width:22.3rem;
    display: block;
}


.list_gal_3{
    position: absolute;
    top: -10rem;
    right: -14rem;
    z-index: 1;
    width: 22.3rem;
    display: block;
    transform: rotate(-201deg);
}
.list_gal_4{
    position: absolute;
    top: -6rem;
    right: -17rem;
    z-index: 1;
    width: 44rem;
    display: block;
    transform: rotate(-197deg);
}
/* ========================================
/* END VISUALISATION
======================================== */

/* ========================================
/* DOCS
======================================== */
.docs_wrap{
	position: relative;
	width:100%;
	height: 100%;
	background: grey;
	background-position: center;

}
.docs_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_docs.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.docs_wr{
	height: 100%;
	position: relative;
	width:100%;

    z-index: 1;
    width: 82rem;
    width: 95rem;
}
.docs_tittle{
    position: relative;
    font-size: 5.6rem;
    color: #f5e348;
    padding-left: 13rem;
    padding-top: 20rem;
    font-family: "Gilroy-Black";
    z-index: 11;
        -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
  	text-shadow: 0px 6px 47.6px rgba(0, 0, 0, 0.14);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_tittle {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_slider_wr{
    position: relative;
    width: 86rem;
    margin-left: 13rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_slider_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_slider{
	width: 100%;
	width: 52rem;
	width: 86rem;
    overflow: hidden;
    height: 44rem;
    padding-top: 2rem;
    margin-left: -2rem;
}
.doc_link{
	display:block;
	max-width: 22.5rem;
    /*width: 89%;*/
    margin: auto;
    position: relative;
    /*height: 26.1rem;*/
}
.doc_img_wr{
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 24px 0px #00000059;
}
.doc_img_wr:after{
position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 6px #ffe940;

}
.doc_link:hover .doc_img_wr:after{
    box-shadow: inset 0 0 0 12px #ffe940;
}
.doc_img_wr:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #03b594;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.doc_link:hover .doc_img_wr:before{
    box-shadow: inset 0 0 0 6px #03b594;
	width: 97%;
    height: 97%;
}
.docs_img{
    width: 100%;
        display: block;
}
.docs_icon_svg_wr{
    position: absolute;
    bottom: 0;
    left: 110rem;
    width: calc(100% - 110rem);
    display: flex;
    justify-content: center;
}
.docs_icon_svg{
	width:56.3rem;
	max-width:100%;
}
#docs_slider .swiper-slide{
    text-align: center;
}
.doc_tittle_wr{
	display:flex;
	align-items: flex-start;
	margin-top: 1rem;
}
.doc_tittle_icon{
	margin-right:1rem;
	width:2.6rem;
margin-top: 0.5rem;
}
.doc_tittle{
	color:#231300;
	font-size: 1.6rem;
    width: calc(100% - 3.6rem);
    text-align: left;
	font-family: "Gilroy-Bold";
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    line-height: 1.1;
}
.doc_link:hover .doc_tittle{
	color:#000;
}
.docs_slider_wr .prev_slide_doc {
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: -9rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items:  center;
}
.docs_slider_wr .prev_slide_doc:after{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.docs_slider_wr .prev_slide_doc:hover:after{
	 transform: translateX(0%);
}
.docs_slider_wr .next_slide_doc{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: -5rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items:  center;
}
.docs_slider_wr .next_slide_doc:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.docs_slider_wr .next_slide_doc:hover:after{
    transform: translateX(0%);
}
.prev_slide_doc_arrow{
	width:3.8rem;
	transform: rotate(90deg);
	position: relative;
	z-index: 1;
}
.next_slide_doc_arrow{
	width:3.8rem;
	transform: rotate(-90deg);
	position: relative;
	z-index: 1;
}
/*.docs_plashka_wr{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
    min-height: 91rem;

}*/
.bg_docs_plashka{
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    min-height: 91rem;
}
.docs_list{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width:47.2rem;
	display: block;
}
.docs_svg_white{
    transform: translateX(-80%);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .docs_svg_white{
	transform: translateX(0%);
	transition: all 1s cubic-bezier(.19,1,.22,1);
}

.docs_svg_path{
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .docs_svg_path:nth-child(1){
	transition:  0.5s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(2){
	transition:  0.5s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(3){
	transition:  0.5s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(4){
	transition:  0.5s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(5){
	transition:  0.5s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0.329;
}
.show_page_anim .docs_svg_path:nth-child(6){
	transition:  0.5s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .docs_svg_path:nth-child(7){
	transition:  0.5s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 0.702;
}
.show_page_anim .docs_svg_path:nth-child(8){
	transition:  0.5s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 0.902;
}
.show_page_anim .docs_svg_path:nth-child(9){
	transition:  0.5s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0.902;
}

.show_page_anim .docs_svg_path:nth-child(10){
	transition:  0.5s all 1.9s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}

.show_page_anim .docs_svg_path:nth-child(11){
	transition:  0.5s all 2s cubic-bezier(.19,1,.22,1);
	opacity: 0.6;
}




/*.docs_cb_wr{
	cursor: pointer;
	margin: 3rem 0px;
	margin-left: 17rem;
    display: inline-flex;
    border: 2px solid #ffc565;
    background: #ffc565;
    align-items: center;
    padding: 0.5rem 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .docs_cb_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1), border 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.docs_cb_wr:hover{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	background: #833069;
	border: 2px solid #833069;
}


.docs_cb_text{
font-family: "Gilroy-Bold";
    text-transform: uppercase;
    font-size: 1.9rem;
    color: #2b2248;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_cb_wr:hover .docs_cb_text{
	color:#fff;
}
.docs_cb_img{
    width: 2rem;
    margin-left: 1rem;
}
.docs_cb_img path {
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.docs_cb_wr:hover .docs_cb_img path {
    fill: #fff;
}*/
/* ========================================
/* END DOCS
======================================== */

/* ========================================
/* HID BUD
======================================== */
.hb_wrap{
	position: relative;
	width:100%;
	height: 100%;

}
.hb_img{
	position: absolute;
    bottom: -1rem;
    right: -4rem;
	width: 40.3rem;
	pointer-events: none;
}
.hid_bud_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_hid_bud.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.hb_wr{
    height: 100%;
    padding: 0 7rem;
    top: 0;
    margin: auto;
    width:100%;
    position: absolute;
	display:flex;
justify-content: space-between;
    z-index: 11;

}
.hb_tittle{
	font-size: 3.6rem;
	color:#f5e348;
	width: 100%;
    margin-bottom: 2rem;
	font-family: "Gilroy-Bold";
	    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .hb_tittle {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.hb_slider_wr{
    width: calc(90%);
    height: 100%;
    position: relative;
    display: flex;
    margin: auto;
}
.hb_slider{
	height: 100%;
    width: 100%;
    position: relative;
}

.hb_slider_mini:after {
	 opacity: 0;
}
.hb_slide_anim{
	width: 100%;
    height: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .hb_slide_anim{
opacity: 1;
    transform:translateY(0rem);
}
.hb_slide_img_wr{
	 width: 100%;
    width: calc(100% - 2px);
    height: 100%;
    overflow: hidden;
}
.hb_slide_img{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
    background-size: cover;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
    width: 100%;
    height: 100%;

}
.hb_slider_wr .prev_slide_hb {
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: -10rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(calc(-50% + 3rem));
}
.show_page_anim .prev_slide_hb {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(-50%);
}
.show_page_anim .prev_slide_hb.swiper-button-prev.swiper-button-disabled{
	opacity: 0!important;
}
.prev_slide_hb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.prev_slide_hb:hover:after {
    transform: translateX(0%);
}

.hb_slider_wr .next_slide_hb {
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: -10rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(calc(-50% + 3rem));
}
.show_page_anim .next_slide_hb {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(-50%);
}
.show_page_anim .next_slide_hb.swiper-button-prev.swiper-button-disabled{
	opacity: .35!important;
}

.next_slide_hb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.next_slide_hb:hover:after {
    transform: translateX(0%);
}
.prev_slide_hb_arrow{
	width: 3.8rem;
    transform: rotate(90deg);
    position: relative;
    z-index: 1;
}
.next_slide_gb_arrow{
    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}



.hb_slider_cont{
    position: relative;
    overflow: hidden;
    width: 100%;
        display: flex;
    align-items: center;

}
.hb_left{
    width: 28.1rem;
    /*margin-top: 22rem;*/
    height: calc(73vh - 10rem);
        height: 78vh;
    align-self: center;
}
.hb_right{
	width: calc(100% - 76rem);
    width: calc(100% - 40.1rem);
    height: 78vh;
    min-height: 426px;
    align-self: center;
}
.hb_years_wrapper{
	display:flex;
	align-items: center;
    z-index: 2;
    position: relative;
}
.camera_btn{
	    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .camera_btn {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.camera_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.camera_btn:hover:before {
    transform: translateX(0%);
}
.camera_img_wr{
	width:3.2rem;
	margin-right: 1rem;
}
.icon_camera{
	width:100%;
}
.camera_text{

	font-family: "Gilroy-Bold";
	font-size: 2.6rem;
	color:#000;
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.hb_years_wrap{
	position: relative;
	cursor: pointer;
	margin-right: 1rem;
}
.hb_years_wr{
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .hb_years_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.hb_years_wr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.hb_years_wr:hover:before {
    transform: translateX(0%);
}
.hb_years_active{
    font-family: "Gilroy-Bold";
    font-size: 2.6rem;
    color: #000;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.hb_years_arrow{
position: relative;
    width: 2rem;
    margin-left: 1rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_years_wr_open .hb_years_arrow{
    transform: rotate(180deg);
}
.hb_years_dropdawn{
    display: none;
    overflow: hidden;
    position: absolute;
    top: calc(100%);
    left: 0;
    width: 100%;
}
.hb_years {
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 100%;
    position: relative;
    justify-content: center;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.hb_years:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;

    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.hb_years:hover:before {
    transform: translateX(0%);
}
.hb_years_text{
	    font-family: "Gilroy-Bold";
    font-size: 2.6rem;
    color: #000;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
    z-index: 1;
}

.hb_month_wr{
	width:100%;
	margin-top: 1rem;
    height: calc(100% - 13rem);
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .hb_month_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.hb_month{
	background: #22bea1;
	border-radius: 25px;
	padding: 1rem 3rem;
	width:100%;
	display: flex;
	font-family: "Gilroy-Medium";
	color:#fff;
	font-size: 2.3rem;
	margin-top: 0.5rem;
    border: 3px solid #22bea1;
    position: relative;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_month_active{
	background: #fce841;
    border: 3px solid #fce841;
	pointer-events: none;
}
.hb_month_text{
	position: relative;
	z-index: 1;
	    display: flex;
    justify-content: space-between;
    width: 100%;
}
.hb_month_icon{
    width: 3rem;	
    margin-right: 2rem;
}
.hb_month_icon path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.hb_month:hover .hb_month_icon path,
.hb_month_active .hb_month_icon path{
	fill: #000;
}
.hb_month:hover,
.hb_month_active{
	color:#000;
}
.hb_month:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #fce841;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.hb_month:hover:before {
    transform: translateX(0%);
}
.hb_month:after{
	content: '';
	position: absolute;
	width:2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	background: #22bea1;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}
.hb_month_active:after{
	opacity: 1;
}
.hb_pagination_wr{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5.6rem;
    background: rgba(33, 33, 37, 0.6);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .hb_pagination_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.hb_pagination{
	    width: 32rem;
    height: 2.6rem;
    overflow: hidden;
}
.hb_link_to_new_wrap{
	display:flex;
	justify-content: center;
    margin-top: 1.5rem;
}
.hb_link_to_new_wr{
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
padding: 0.8rem 3rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateX(-3rem);	
}
.show_page_anim .hb_link_to_new_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.hb_link_to_new_wr:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.hb_link_to_new_wr:hover:before {
    transform: translateX(0%);
}
.hb_link_to_new_icon{
    width: 3rem;
    margin-left: 1rem;	
}
.hb_link_to_new_text{
    font-family: "Gilroy-Bold";
    font-size: 2.6rem;
    color: #000;
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);	
}
/* ========================================
/* END HID BUD
======================================== */

/* ========================================
/* HID BUD OPEN
======================================== */
.hb_open_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_hid_bud_open.jpg) no-repeat;
    background-size: cover;
}
.hb_open_pagin_wr{
left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    height: 11.6rem;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hb_open_slider_wr{
    position: absolute;
    max-width: 127rem;
    height: calc(100% - 22rem);
    margin: auto;
    bottom: 19rem;
    width: 69%;
    min-width: 873px;
    top: 8rem;
    left: 0;
    right: 0;
}
.hb_open_slider{
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: calc(100%);
    margin: auto;
    margin-bottom: 7rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .hb_open_slider {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
body .hb_open_slider_wr .next_slide_gal{
    right: -8rem;
    bottom: 0;
}
body .hb_open_slider_wr .prev_slide_gal{
    left: -8rem;
    bottom: 0;
}
#hb_slider_pagin{
    width: 110rem;
    width: 127rem;
     height: 8.6rem;
     bottom: 1rem;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim #hb_slider_pagin {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}

body .prev_slide_hb_open{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    left: -8rem;
    top: 0;
    bottom: 3rem;
    margin: auto;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: scale(-1) translateY(3rem);
}
.show_page_anim .prev_slide_hb_open {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:scale(-1) translateY(0);
}
.show_page_anim .prev_slide_hb_open.swiper-button-next.swiper-button-disabled{
	opacity: .35!important;
}
.prev_slide_hb_open:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.prev_slide_hb_open:hover:after {
    opacity: 1;
}

body .next_slide_hb_open{
    width: 6.6rem;
    height: 11.1rem;
    background: none;
    right: -8rem;
    top: 0;
    bottom: 3rem;
    margin: auto;
    overflow: hidden;
    background: url(../img/visual_arrow.png) no-repeat;
    background-size: cover;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(3rem);
}
.show_page_anim .next_slide_hb_open {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform:translateY(0);
}
.show_page_anim .next_slide_hb_open.swiper-button-next.swiper-button-disabled{
	opacity: .35!important;
}
.next_slide_hb_open:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_yellow.png) no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.next_slide_hb_open:hover:after {
    opacity: 1;
}
.hb_open_prew_wr{
    width: calc(100% - 0.5rem);
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0.5rem;
    cursor: pointer;
     box-shadow: inset 0 0 0 0px #e9ba6a;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}

.swiper-slide-thumb-active .hb_open_prew_wr, .hb_open_prew_wr:hover {
    box-shadow: inset 0 0 0 4px #e9ba6a;
}

/* ========================================
/* UCHASNIKI
======================================== */
.dev_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background:white;
}
.dev_bg{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_dev.jpg) no-repeat;
    background-size: cover;
    background-position: left;
}
.dev_wr{
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-size: 101% 100%;
}
.dev_content_wr{
    position: relative;

    height: 100%;
    margin: auto;
    display: flex;
align-items: center;
    min-width: 787px;

}
.dev_tittle{
    font-size: 3.3rem;
    margin-bottom: 2vh;
    color: #03b594;
   font-family: "Gilroy-SemiBold";
    z-index: 11;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_tittle {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_left{
    padding-left: 14rem;

	color:#231300;
	font-size: 1.8rem;
	    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.dev_info{
    text-align: center;
    width: 71rem;

}
.dev_info_link {
  position: relative;
  display: inline-block;
  margin-bottom: 2vh
}
.dev_info_link::before,
.dev_info_link::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 0%;
  width: 71%;
  height: 2px;
  background: rgb(28, 28, 80);
  opacity: 0;
  transform: translateY(3rem);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dev_info_link::after {
  bottom: 0;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s;
}

.dev_info_link:hover::before,
.dev_info_link:hover::after {
  opacity: 1;
  transform: translateY(0);
}
.dev_logo_riel{
	max-width: 44rem;
	max-width: 35rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.dev_logo_riel.marg {
  margin-bottom: 2vh;
}
.show_page_anim .dev_logo_riel {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_logo_ab{
	margin-bottom: 3rem;
	max-width: 31.5rem;
	margin-bottom: 3vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .dev_logo_ab {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_text{
	font-size: 1.8rem;
	color: #000;
    letter-spacing: 1px;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_text {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_text a{

    color: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    text-decoration: underline;
}
.dev_text a:hover{
    text-decoration: none;

}
.dev_link{
	margin-top: 4vh;
	color:#000;
	font-size: 2.1rem;
	text-transform: uppercase;
    font-family: "Gilroy-SemiBold";

        position: relative;
    z-index: 1;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #22bea1;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    padding: 1rem 3rem;

    transition: all 0.5s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(-3rem);
}
.show_page_anim .dev_link {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.dev_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 25px;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.dev_link:hover:before {
    transform: translateX(0%);
}
/* ========================================
/* END UCHASNIKI
======================================== */

/* ========================================
/* INFRASTRUKTURE
======================================== */
.map_wrap{
	width:100%;
	height: 100%;
	position: relative;

}
#map_infra{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	background: grey;

}
.map-marker{
	position: absolute;
	width: 4.7rem;
    height: 7.3rem;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -100%);
	cursor: pointer;
	opacity: 0;
	transform: translateY(-3rem);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_marker{
	opacity: 1;
	transform: translateY(0);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map_marker {
	height: 100%;
	width:100%;
    background-size: cover;
}

.marker_tittle{
	    position: absolute;
    display: none;
}
.marker_tittle_text{

}
.map_filt_wrap{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-height: 550px;

}
.map_filt_btn{
	background: black;
	width:5.2rem;
	height: 5.2rem;
	position: absolute;
    z-index: 1;
	right: 0;
    transform: translateX(50%) ;
}



.map_filt_btn:after{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background:url(../img/arrow_white.png) no-repeat;
	display: flex;
	justify-content: center;
	align-items:center;
	background-position: center;
	cursor: pointer;
    transform: scale(-1);
}
.map_filt_wr_open .map_filt_btn:after {
	transform: scale(1);
}
.map_filt_wr{
	position: absolute;

	padding: 4rem 5rem 4rem 2rem;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	transform: translateX(-90%);
	background: white;

}
.map_filt_wr_open {
    transform: translateX(0%);

}
.map_filt_wr_open:before{
	opacity: 1;
}
.map_filt_tittle{
	font-size: 3.8rem;
	color:#000;

}
.map_filt_li{
    align-items: center;
    display: flex;
    padding: 0rem 1rem;
    margin: 1rem 0;
    position: relative;
    height: 4.6rem;
    cursor: pointer;
    background: transparent;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.map_filt_li:hover, .map_filt_li_check{
	background: red;

}
.check_wr{
    width: 14px;
    height: 9px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%) rotate(-45deg);
    z-index: 1;
    right: 1.5rem;
    overflow: hidden;
}
.check_1{
    bottom: 2px;
    width: 3px;
    height: 7px;
    left: 0px;
    position: absolute;

}
.check_1:after{
    background-color: #c2921d;
    transition: .3s all .4s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}
.map_filt_li_check .check_1:after{
	transform: translateY(0%);
	 transition: all 0.3s ;
}
.check_2{
    width: 14px;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.check_2:after{
    background-color: #c2921d;
    transition: .3s all 0.2s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
}
.map_filt_li_check .check_2:after{
	transform: translateX(0%);
}
.map_filt_img_wr{
    margin-right: 1rem;
	text-align: center;
	width: 3rem;
}
.map_filt_img{

}
.map_filt_text{
	font-size: 1.8rem;
}
/* ========================================
/* END INFRASTRUKTURE
======================================== */

/* ========================================
/* GALLERY
======================================== */
.gallery_parent_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    background: grey;
	background-size: cover;
}
.gal_p_wrap{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    z-index: 1;
        padding-bottom: 8%;
    padding-top: 6%;
    align-items: flex-end;
}
.gal_p_tittle{
    font-size: 6.4rem;
    color: white;
    margin-left: 4%;
}
.gal_p_wr{
    height: 40.4rem;
    display: flex;
    position: relative;
    width: 100%;
    padding: 2rem 0;
    justify-content: space-around;
}
.gal_p_wr:after{
	content:'';
	position: absolute;
	width:100%;
	height: calc(100% - 4rem);
	background: #28282f;
	z-index: -1;
}
.gal_p_link{
    position: relative;
    display: block;
    width: 20%;
    background-repeat: no-repeat;
    background-size: cover;
}
.gal_p_link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/gal_border_2.png) no-repeat;
    background-size: 100% 100%;
}
.gal_p_link:before{
    content: '';
    position: absolute;
    top: -10%;
    left: -12.5%;
    width: 125%;
    height: 120%;
    z-index: -1;
    background: url(../img/gal_plashka_2.png) no-repeat;
    background-size: 100% 100%;
}
.gal_p_titl_second{
    font-size: 4.2rem;
    color: white;
    position: absolute;
    top: 0;
    left: 10%;
    transform: translateY(-112%);
}
/* ========================================
/* END GALLERY
======================================== */

/* ========================================
/* FLATS
======================================== */
.flats_wrap{
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: white;
    display: flex;
}
.flats_tittle_wr{
    margin-bottom: 2rem;
    margin-bottom: 4rem;
}
.flats_tittle{
    font-family: "Gilroy-Bold";
	display: flex;
    color: #000;
    font-size: 4.4rem;
    align-items: center;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 1vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .flats_tittle {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.arrow_flats{
    width: 4rem;
}
.choose_flats_btn{
	display:flex;
	align-items: center;
	cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .choose_flats_btn {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.choose_flats_checkbox{
	width:2.4rem;
	height: 2.4rem;
	position: relative;
	margin-right: 1rem;
	border:2px solid #000;
	border-radius: 5px;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_sections  .check_wr,
.choose_flats_checkbox .check_wr,
.double_floors_wr .check_wr{
    right: 0rem;
    transform: translateY(-50%) rotate(-45deg) scale(0.8);
}
.choose_flats_checkbox .check_1:after,
.flats_sections_active .check_1:after,
.choose_flats_checkbox .check_2:after{
	background-color:#000;
}
.double_floors_wr .check_1:after,
.flats_sections .check_2:after,
.double_floors_wr .check_2:after{
	background-color:#000;
}


.choose_flats_checkbox_active .check_1:after,
.flats_sections_active .check_1:after,
.double_floors_wr_active .check_1:after{
	transform: translateY(0%);
	 transition: all 0.3s ;
}
.choose_flats_checkbox_active .check_2:after,
.flats_sections_active .check_2:after,
.double_floors_wr_active .check_2:after{
	transform: translateX(0%);
}
.choose_flats_text{
	font-family: "Gilroy-SemiBold";
	font-size: 2.1rem;
	color:#000;
}
.houses_right{
	width:calc(100% - 50rem);
	position: relative;
	overflow: hidden;
}
.cloud_flats_1{
    position: absolute;
    top: -14rem;
    top: -23rem;
    right: -49rem;
    width: 94.5rem;
    z-index: 1;
    animation: cloud_anim_1 7s infinite;
	pointer-events: none;
}
@keyframes cloud_anim_1{
	0%{
		transform: translate(0rem, 0);
	}
	50%{
		transform: translate(-5rem, 0);

	}
	100%{
		transform: translate(0rem, 0);

	}
}
.cloud_flats_2{
    position: absolute;
    bottom: -33rem;
    right: -34rem;
    width: 101.1rem;
    z-index: 1;
    animation: 7s cloud_anim_1 1s infinite;
pointer-events: none;
}

#houses_wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim #houses_wrap {
    transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
#houses_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#houses_svg{

}

.house_marker{
	position: absolute;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	
	transform: translate(-50%, -50%);
	opacity: 1;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.house_marker_number{
	color: #000;
	font-family: "Gilroy-SemiBold";
	font-size: 1.8rem;
	padding: 0.5rem 1rem;
	border-radius: 25px;
	    background: #fce841;
}
.house_marker_number_sold{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 14px;
    font-size: 1.2rem;
    text-transform: uppercase;
    z-index: -1;
    padding-top: 3.7rem;
    text-align: center;
    color: #8a3351;
    font-weight: 700;
    padding-bottom: 0.5rem;	
}
.house_block_marker{
position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #fff;
	width:4.6rem;
	height: 4.6rem;
	font-size: 3.4rem;
	color: #000;
	font-family: "Gilroy-Bold";
	transform: translate(-50%, -50%);
  	box-shadow: 0px 1px 1.86px 0.14px rgba(0, 0, 0, 0.14);
	opacity: 1;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.filt_btn_wr{
    position: absolute;
    top: 24rem;
    left: 2.1rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    display: flex;
    text-transform: uppercase;
    width: 26.2rem;
    height: 6.2rem;
    align-items: center;
    justify-content: center;

	margin-top: 10rem;
    top: 14vh;
    z-index: 1;
}
.filt_wr{
    position: relative;
    width: 50rem;
    padding: 0 2rem;
    padding-top: 20rem;
    padding-top: 8rem;
    padding-top: 4rem;
}


.flats_sect_wrap{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
        transition: all 0.5s cubic-bezier(.19,1,.22,1);
        
    display: grid;
    grid-gap: 4rem 3rem;
    grid-template-columns: repeat(4, calc(25% - 2.3rem));
        
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .flats_sect_wrap {
    transition: 0.9s all .9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flats_sect_wr{
      /*margin-right: 3rem;
        margin-bottom: 4rem;*/
}
.flats_sect_dom{
    opacity: 1;
    margin-bottom: 1rem;
    position: relative;
}
.flats_sect_dom_text{
    align-items: center;
    border-radius: 25px;
    justify-content: center;
    flex-wrap: wrap;
    display: inline-flex;
    background: #fce841;
    color: #000;
    font-family: "Gilroy-SemiBold";
    padding: 0.5rem 1rem;
    line-height: 1;
    font-size: 1.8rem;
	
}
.flats_sect_dom_sold{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 14px;
    font-size: 1.2rem;
    text-transform: uppercase;
    z-index: -1;
    padding-bottom: 3rem;
    color: #06ad8e;
    text-align: center;
    font-weight: 700;
}
.flats_sect_dom_ends{
    position: absolute;
    bottom: 0;
    left: -9px;
    width: 100%;
    background: #fff;
    border-radius: 14px;
    font-size: 1.2rem;
    text-transform: uppercase;
    z-index: -1;
    padding-bottom: 3rem;
    color: #06ad8e;
    text-align: center;
    font-weight: 700;
}
.flats_sections_wr{
    display: flex;
    justify-content: center;
}
.flats_sections{
    margin: 0 0.5rem;

}
.flats_sections_text{
    font-family: "Gilroy-SemiBold";
    color: #000;
    font-size: 2.1rem;
    line-height: 1;
    margin-bottom: 2px;

}
.flats_sections_checkbox{
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    border: 2px solid #000;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flats_sections_active .check_wr{
    opacity: 1;
}




.fil_polz_wr{

}
.fil_polz_wr:nth-child(2){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(2) {
    transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_polz_wr:nth-child(3){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(3) {
    transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_polz_wr:nth-child(4){
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_polz_wr:nth-child(4) {
    transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.double_floors_wr{
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .double_floors_wr {
    transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.double_floors_text{
    font-family: "Gilroy-SemiBold";
    font-size: 2.1rem;
    color: #000;
}
.double_floors_checkbox{
width: 2.4rem;
    height: 2.4rem;
    position: relative;
    margin-right: 1rem;
    border: 2px solid #000;
    border-radius: 5px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.filt_flex{
	width:100%;
	margin-bottom:2rem;
}
.fil_polz_tittle{
    font-family: "Gilroy-SemiBold";
    font-size: 2.1rem;
    color: #000;
    margin-top: 2vh;
    text-align: center;
}
.fil_polz_tittle sup{
	font-size: 1.2rem;
}
.fil_par_polzunok{

}
.fil_polz_values{
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    background: #f1f1f1;
    padding: 1.5rem 1rem;
    border-radius: 20px;
}
.fil_polz_val{
    font-size: 2.3rem;
    color: #000;
    font-family: "Gilroy-Medium";
    width: 9rem;
    text-align: center;
}
.fil_polz_val:first-child{
    padding-right: 0.5rem;

}
.fil_polz_val:last-child{
    padding-left: 0.5rem;

}
.fil_polz_tittle_2{
	font-size: 2.1rem;
    margin-top: 1.5rem;
}
.fil_btn_done{
	color:white;
	text-transform: uppercase;
	font-size: 1.8rem;
	width:17.8rem;
	height: 4.1rem;
	margin: auto;
	font-family: Arial;
	    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    cursor: pointer;

	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover{
	color:#c2921d;
}
.fil_btn_done:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/bg_filter_btn.png) no-repeat;
	background-size: 100% 100%;
	opacity: 1;
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover:before{
	opacity:0;
}
.fil_btn_done:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/bg_filter_btn_hover.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	z-index: -1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_btn_done:hover:after{
	opacity:1;
}
.fil_polz_wr .ui-state-default,.fil_polz_wr .ui-widget-content .ui-state-default,.fil_polz_wr .ui-widget-header .ui-state-default{
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin: 0;
    background-image: none;
    background-color: #f9f9f9;
    background-size: cover;
    border: none;
    border-radius: 50%;
    box-shadow: inset 0 0 0.5rem lightgrey;
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: background 0.9s cubic-bezier(.19,1,.22,1), box-shadow 0.9s cubic-bezier(.19,1,.22,1);
}

.fil_polz_wr .ui-slider-horizontal{
    height: 9px!important;
    background: rgba(55, 55, 55, 0.2);
    border: none;
    width: 94%;
    margin: auto;
    border-radius: 20px;
}
.fil_polz_wr  .ui-slider-horizontal .ui-slider-range{
	height:9px!important;
}
.fil_polz_wr .ui-widget-header{
  	background-image: linear-gradient( to right, rgb(252,232,65) 0%, rgb(0,180,149) 100%);
}

.fil_polz_wr .ui-state-default:after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: #03b594;
    border-radius: 50%;
    box-shadow: inset 1px 1px 4px rgba(50, 51, 51, 0.53);
}
.fil_polz_wr .ui-state-default:hover:after{
	background: #f5e348;
}

.filter_btn_wr{
    margin-top: 2vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.filter_btn{
    color: #000;
    font-size: 2.1rem;
    text-transform: uppercase;
    font-family: "Gilroy-SemiBold";
    position: relative;
    z-index: 1;
    border-radius: 25px;
    background: #fce841;
    border: 2px solid #000;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    padding: 1rem 3rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .filter_btn {
    transition: 0.9s all 1.4s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1), color 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.filter_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 25px;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.filter_btn:hover:before {
    transform: translateX(0%);
}


.floor_pop_up_wr{
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 10px;
	padding: 0.5rem;
  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.33);
  	opacity: 0;
  	transition: all 0.9s cubic-bezier(.19,1,.22,1);
  	transform: translate(-50%, calc(-100% - 7.4rem));
}
.floor_pop_up_wr_bot{
  	transform: translate(-50%, calc(-100% - 7.4rem));
}
.floor_pop_up_wr_bot.floor_pop_up_wr_active{
	opacity: 1;
  	transform: translate(-50%, calc(-100% - 2.4rem));
  	pointer-events: auto;
}
.floor_pop_up_wr_top{
  	transform: translate(-50%, calc(100% + 3.4rem));
}
.floor_pop_up_wr_top.floor_pop_up_wr_active{
	opacity: 1;
  	/*transform: translate(-50%, calc(100% - 2.4rem));*/
  	transform: translate(-50%, calc(0% - -3.6rem));
  	pointer-events: auto;
}
.floor_pop_up_wr_bot .tigual_floor_pop_up{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	height: 4.4rem;
}
.floor_pop_up_wr_top .tigual_floor_pop_up{
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) scale(-1);
	display: block;
	height: 4.4rem;
}

.floor_pop_up_title{
	text-transform: uppercase;
	color: #000;
	font-size: 1.9rem;
	font-family: "Gilroy-Bold";
	margin-bottom: 0.5rem;
	text-align: center;
}
.floor_pop_up_link{
    font-family: "Gilroy-Bold";
    color: #fff;
    font-size: 1.6rem;
    border-radius: 25px;
    margin-bottom: 3px;
    background: #03b594;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0.5rem 1rem;
    z-index: 1;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_pop_up_link:hover{
	color: #000;
}
.floor_pop_up_link:before{
	    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 25px;
    background: #fce841;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.floor_pop_up_link:hover:before{
    transform: translateX(0%);
}

/* ========================================
/* END FLATS
======================================== */

/* ========================================
/* FILTER
======================================== */
.fil_wrap{
	position: relative;
	height: 100%;

}
.list_filter{
    position: absolute;
    bottom: -8rem;
    right: -16rem;
    width: 46rem;
    display: block;

}
.fil_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_filter.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.fil_wr{
	height:100%;
	padding: 0 11rem;
	padding-top: 20rem;
	position: relative;
	z-index: 1;
}
.show_filter_btn_wr{
	display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .show_filter_btn_wr {
    transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}

.fil_count_flats_wr{
	display:flex;
	font-family: "Gilroy-Medium";
	font-size: 3.2rem;
	color: #000;
}
.fil_count_flats_wr span{
	color: #03b594;
	margin-left: 1rem;
}
.show_filter_btn{
	display:inline-flex;
	text-transform: uppercase;
	color:#000;
	font-size: 2.1rem;
	font-family: "Gilroy-SemiBold";
	position: relative;
	padding: 1rem 3rem;
	align-items: center;
	border-radius: 25px;
	overflow: hidden;
	border:2px solid #000;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_wrap .show_filter_btn {
    font-size: 1.8rem;
    padding: 1rem 2rem;
}
.show_filter_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.show_filter_btn:hover:before{
    transform: translateX(0%);
}
.open_filter_icon_wrap{
	display: inline-block;
	width:2.6rem;
	margin-right: 1rem;
}
.open_filter_line_1{
	height: 2px;
	background: #2b2248;
	position: relative;
	margin-bottom: 0.4rem;
}
.open_filter_line_1:after{
content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: #f8f9d8;
    border: 2px solid #000;
    top: -0.3rem;
    border-radius: 25px;
    left: 0.5rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}


.show_filter_btn:hover .open_filter_line_1:after{
    left: 2.2rem;
}
.open_filter_line_2{
	height: 2px;
	background: #2b2248;
	position: relative;
	margin-bottom: 0.7rem;
}
.open_filter_line_2:after{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: #f8f9d8;
    border: 2px solid #000;
    top: -0.2rem;
    border-radius: 25px;
    left: 1.6rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover .open_filter_line_2:after{
    left: 0.5rem;
}
.open_filter_line_3{
	height: 2px;
	background: #2b2248;
	position: relative;
}
.open_filter_line_3:after{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: #f8f9d8;
    border: 2px solid #000;
    top: -0.3rem;
    border-radius: 25px;
    left: 0.5rem;
    transition: all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_filter_btn:hover .open_filter_line_3:after{
    left: 2.2rem;
}
.show_filter_text{

}
.fil_slider_wr{
    /*width: 90%;*/
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    /*max-width: 1460px;*/
}
body .prev_slide_fil{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: -8rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(-2rem)  scale(-1);
}
.show_page_anim .prev_slide_fil {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform: translateY(-5rem) scale(-1);
}
.show_page_anim .prev_slide_fil.swiper-button-prev.swiper-button-disabled{
	opacity: 0!important;
}
.prev_slide_fil:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.prev_slide_fil:hover:after {
    transform: translateX(0%);
}
body .next_slide_fil{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: -8rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0!important;
	transform: translateY(-2rem);
}
.show_page_anim .next_slide_fil {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1!important;
    transform: translateY(-5rem);
}
.show_page_anim .next_slide_fil.swiper-button-next.swiper-button-disabled{
	opacity: 0!important;
}
.next_slide_fil:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.next_slide_fil:hover:after {
    transform: translateX(0%);
}
.prev_slide_fil_arrow{
	    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}
.next_slide_fil_arrow{
    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}



.fil_slider{
	width:100%;
	overflow: hidden;
}
.one_flat_slide{
	height: 100%;
	position: relative;
     display: flex;
    padding: 4rem;
}

.one_flat_fil{
	background: #fff;
	border-radius: 10px;
    width: 19%;
    margin-right: 1%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(3rem);
}
.one_flat_fil:last-child{
    margin-right: 0%;

}
.show_page_anim .one_flat_fil:nth-child(1) {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_fil:nth-child(2) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_fil:nth-child(3) {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_fil:nth-child(4) {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_fil:nth-child(5) {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.show_page_anim .one_flat_fil {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.one_flat_wr{
	height: 100%;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
     box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
}
.one_flat_top{
	height: 6rem;
	display: flex;
}
.one_flat_type{
	height: 100%;
	width:7.2rem;
	display:flex;
	justify-content: center;
	align-items: center;
	background: #f5e348;
	color:#2b2248;
	font-size: 3rem;
	font-size: 2.5rem;
	font-family: "Gilroy-Bold";
	text-transform: uppercase;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_size{
    background: #03b594;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    position: relative;
    overflow: hidden;
}
.one_flat_size:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
    background: #f5e348;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.one_flat_fil:hover .one_flat_size:before{
    transform: translateX(0%);
}




.one_flat_gen_size,
.one_flat_liv_size{
	color:#fff;
    position: relative;
	font-size: 1.6rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_fil:hover .one_flat_gen_size,
.one_flat_fil:hover .one_flat_liv_size {
	color:#000;
}
.one_flat_gen_size sup,
.one_flat_liv_size sup{
	font-size: 1rem;
}
.one_flat_img_wr{
	height:30rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.one_flat_img{
	max-width:90%;
	max-height: 90%;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.one_flat_fil:hover .one_flat_img{
}
.one_flat_dostup_wr{
    background: #f1f1f1;
    padding: 0.5rem 1rem;
    display: inline-flex;
    border-radius: 20px;
    margin: 1rem;
}
.one_flat_dostup_text{
	font-size: 1.6rem;
	color:#000;
	text-transform: uppercase;
	font-family: "Gilroy-Bold";
    margin-right: 1rem;
}
.one_flat_dostup{
	font-size: 1.6rem;
	color:#03b594;
	font-family: "Gilroy-Bold";
}
.fil_pagin_wr{
	display:flex;
	justify-content: center;
    margin-top: 1vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .fil_pagin_wr {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.fil_pagin{

}
.fil_pagin span{
	width:2.6rem;
	height: 2.6rem;
	position: relative;
	background:none;
	margin: 0 1rem;
	opacity: 1;
}
.fil_pagin span:after{
	content: '';
	position: absolute;
	width:100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #f5e348;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.fil_pagin span.swiper-pagination-bullet-active:after{
	background: #03b594;
}


.fil_pagin span:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #03b594;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.fil_pagin span:hover:before {
    box-shadow: inset 0 0 0 3px #03b594;
    width: 90%;
    height: 90%;
}
/* ========================================
/* END FILTER
======================================== */
/* ========================================
/* FLOOR
======================================== */
.floor_wr{
    height: 100%;
    padding: 0 15rem;
    padding-top: 16rem;
    position: relative;
    z-index: 1;
    padding-top: 21vh;
    padding-bottom: 9rem;
}
.foor_content{
    position: relative;
    max-height: 102.5rem;
    height: 100%;
    border-radius: 25px;
    background: #fff;
    padding: 2rem;
    box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .foor_content {
    transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_top{
display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
    margin-bottom: 1rem;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_top {
    transition: 0.9s opacity 0.6s cubic-bezier(.19,1,.22,1), 0.9s transform 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_back_to_filter{
    display: flex;
    align-items: center;
}
.floor_back_to_filter_arrow{

	    margin-right: 1rem;
    width: 1rem;
    transform: rotate(-180deg);
}
.floor_back_to_filter_arrow polyline{
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_back_to_filter:hover polyline{
	fill:#03b594;
}
.floor_back_to_filter_text{
    font-size: 2.1rem;
    color: #000;
    font-family: "Gilroy-Bold";
    text-transform: uppercase;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.floor_back_to_filter:hover .floor_back_to_filter_text{
	color: #03b594;
}
.floor_location_wr{
	color:#000;
	font-size: 3.2rem;
	text-transform: uppercase;
	font-family: "Gilroy-Bold";
	display: flex;
}
.floor_location_house{
	margin-right: 2rem;
}
.floor_location_section{

}
.floor_filter_btn_wr{

}
.another_floor_wr{
	display:flex;
	align-items: center;
	justify-content: center;
margin-bottom: 2rem;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .another_floor_wr {
    transition: 0.9s opacity 0.7s cubic-bezier(.19,1,.22,1), 0.9s transform 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.another_floor_text{
	font-family: "Gilroy-Bold";
	font-size: 1.6rem;
	color: #000;
	text-transform: uppercase;
	margin-right: 1rem;
}
.another_floor_link{
    font-family: "Gilroy-Bold";
    color: #fff;
    font-size: 1.6rem;
    border-radius: 25px;
    margin-bottom: 3px;
    background: #03b594;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 2px;
    padding: 0.5rem 1rem;
    z-index: 1;
    overflow: hidden;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.another_floor_link:hover,
.another_floor_link_active{
	color: #000;
}
.another_floor_link:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #fce841;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.another_floor_link:hover:before,
.another_floor_link_active:before{
	transform: translateX(0%);
}
.floor_bot{
	display: flex;
    height: calc(100% - 11rem);
    justify-content: space-between;
}
.floor_img_wr{
    width: calc(100% - 26rem);
	position: relative;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_img_wr {
    transition: 0.9s opacity 0.8s cubic-bezier(.19,1,.22,1), 0.9s transform 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.floor_markers_wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
}

.flat_marker_wrap{
	position: absolute;
	width:7.5rem;
	height: 7.5rem;
	border-radius: 50%;
	text-align: center;
	background: #03b594;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.flat_marker_wrap_active{
	background: #fce841;
	color: #000;

}
.flat_marker_wr{

}
.flat_marker_top{
	font-size: 2.6rem;
	font-family: "Gilroy-Bold";
	    line-height: 1;
}
.flat_marker_line{
	background:#000;
	height: 1px;
    margin: 3px 0;
	opacity:0.25;
	width:100%;
}
.flat_marker_bot{
	font-size: 1.6rem;
	font-family: "Gilroy-Medium";
}

.floor_info_wr{
    width: 24rem;
	display:flex;
    align-items: flex-end;
}
.floor_info{

}
.floor_compas_wr{
    margin-bottom: 3vh;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_compas_wr {
    transition: 0.9s opacity 0.9s cubic-bezier(.19,1,.22,1), 0.9s transform 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_compas_img{
	display:block;
	width:12.3rem;
}
.floor_download_pdf_wr{
	width: 100%;
	margin-bottom: 2rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_download_pdf_wr {
transition: 0.9s opacity 1s cubic-bezier(.19,1,.22,1), 0.9s transform 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_download_pdf{
	display: inline-flex;
	font-size: 1.6rem;
	text-transform: uppercase;
	color:#000;
	align-items: center;
	z-index: 1;
	position: relative;
    justify-content: center;
    font-family: "Gilroy-Bold";
    background: transparent;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.floor_download_pdf:hover{
	color:#000;
}
.floor_pdf_icon{
    margin-right: 1rem;
	position: relative;
	width:2.3rem;
	z-index: 1;
}
.floor_download_pdf path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.floor_download_pdf:hover path{
	fill: #000;
}
.floor_in_house_wr{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_in_house_wr {
transition: 0.9s opacity 1.2s cubic-bezier(.19,1,.22,1), 0.9s transform 1.2s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.floor_in_house_img{
	display:block;
	width: 100%;
}
.floor_arrows_wr {
    position: absolute;
    left: 100%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.floor_on_location {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-family: "Gilroy-Bold";
    margin-bottom: 1rem;
transition: opacity 0.5s cubic-bezier(.19,1,.22,1), transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(3rem);
}
.show_page_anim .floor_on_location  {
transition: 0.9s opacity 1.1s cubic-bezier(.19,1,.22,1), 0.9s transform 1.1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}

/* ========================================
/* END FLOOR
======================================== */
/* ========================================
/* FLAT
======================================== */
.flat_wrap{
	position: relative;
	height: 100%;
}
.flat_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: url(../files/bg/bg_flat.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.flat_wr{
    height: 100%;
    padding: 0 10rem;
    padding-top: 16rem;
    position: relative;
    z-index: 1;
    padding-top: 21vh;
}
.flat_content{
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100% - 12rem);
    max-width: 1509px;
}
.flat_flex{
	display:flex;
	/*height: calc(100% - 9rem);*/
	position: relative;
    align-items: center;
}
.flat_arrows_wr{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.flat_prev{
width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: -10rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    margin-bottom: 2rem;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform:translateY(3rem);
}
.show_page_anim .flat_prev {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flat_prev:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.flat_prev:hover:after {
    transform: translateX(0%);
}
.flat_next{
    width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: -10rem;
    top: 13rem;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_next {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_next:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.flat_next:hover:after {
    transform: translateX(0%);
}
.flat_prev_arrow{
    width: 3.8rem;
    transform: rotate(90deg);
    position: relative;
    z-index: 1;
}
.flat_next_arrow{
	    width: 3.8rem;
    transform: rotate(-90deg);
    position: relative;
    z-index: 1;
}
.wrap_left{
    position: relative;
    height: 100%;
    max-height: 60.6rem;
    height: 60vh;
    width: 48.8rem;
    text-align: center;
    padding: 2rem 3rem;
    background: #f5e348;
    border-radius: 25px 0 0 25px;
    background: url(../img/bg_flat_info.jpg) no-repeat;
    background-size: cover;
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1),  transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(30rem);
}
.show_page_anim .wrap_left {
    transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1),  0.9s transform 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.back_to_filter_wr{
    position: absolute;
    left: 0;
    width: 100%;
    top: -5rem;
    display: flex;
    justify-content: center;
}
.back_to_filter{
	display:flex;
	align-items: center;
}
.back_to_filter_arrow{
    margin-right: 1rem;
    width: 1rem;
    transform: rotate(-180deg);
}
.back_to_filter_arrow polyline{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_to_filter:hover polyline{
	fill:#f5e348;
	stroke:#000;
}
.back_to_filter_text{
    font-size: 2.1rem;
    color: #000;
    font-family: "Gilroy-Bold";
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(255, 255, 255);
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.back_to_filter:hover .back_to_filter_text{
    -webkit-text-stroke-color: #000;
    color: #f5e348;
}
.wrap_right{
    position: relative;
    max-height: 102.5rem;
    height: 80vh;
    margin-top: -8rem;
    border-radius: 25px;
    width: calc(100% - 41.2rem);

    display: flex;
    background: #fff;
    padding: 2rem;
  box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
    transition: opacity 0.5s cubic-bezier(.19,1,.22,1),  transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(30rem);
}
.show_page_anim .wrap_right {
    transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1),  0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flat_plan_wrap{
	display:flex;
	/*height: calc(100% - 8rem);*/
    width: 75%;
        padding-right: 2rem;
}
.flat_plan_wr{
	width:calc(100%);

}
.flat_tittle_wr{
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_tittle_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_tittle_flex{
	display:flex;
	justify-content: space-around;
    background: #03b594;
    border-radius: 30px;
    padding: 1rem 2rem;
}
.flat_tittle{
	color:#fff;
	font-family: "Gilroy-Bold";
	text-align: center;
}
.flat_tittle_text{
	color: #014a3d;
	font-family: "Gilroy-Bold";
	font-size: 1.8rem;
}
.flat_tittle_text sup{
	font-size: 1rem;

}
.flat_parametr{
	font-size: 3.2rem;
}
.flat_tittle span{
    white-space: nowrap;
	color:#c2921d;
}
.flat_tittle_line{
	width:1px;
	background: #fff;
	opacity: 0.2;
}
.flat_plan{
	position: relative;
    margin: auto;
	width:100%;

    height: calc(100% - 4rem);
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_plan {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_plan_double {

    height: calc(100% - 7rem);
}
.flat_type{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.flat_type_1{
    transform: translateX(-5rem)
}
.flat_type_2{
	transform: translateX(5rem);
}
.flat_type_active{
	transition: 0.9s opacity 0.5s cubic-bezier(.19,1,.22,1), 0.9s transform 0.5s cubic-bezier(.19,1,.22,1);
	opacity:1;
	transform: translateX(0rem);
}
.flat_img_wr{
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.flat_img{
	max-width:100%;
	max-height:100%;
}
.marker_rooms_wr{

    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.marker_room{
	transform: translate(-50%,-50%);
	font-size: 2.3rem;
	color:white;
	position: absolute;
	    width: 3.4rem;
    height: 3.4rem;
    display: flex;
	align-items: center;
    justify-content: center;
    font-family: "Gilroy-Bold";
    align-items: center;
    background: #03b594;
    border-radius: 50%;
}
.marker_room_text{
	position: relative;
	z-index: 1;

}
.change_view_wr{
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .change_view_wr {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.change_view {
    text-transform: uppercase;
    width: 10.2rem;
    height: 3.1rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-family: "Gilroy-Black";
    font-size: 1.6rem;
    color: #000;
    border: 2px solid #04b594;
    border-radius: 25px;
    margin: 0.5rem 0.2rem;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.change_view:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.change_view:hover:before {
    transform: translateX(0%);
}
.change_view_active:before {
    transform: translateX(0%);
}
.change_view_bg{
	position: absolute;
	width:100%;
	height: 100%;
	z-index: 1;
	display: flex;
	justify-content:center;
	align-items:center;
}


.expl_wrap{
	display: flex;
    flex-wrap: wrap;
    padding: 0 3rem;
    height: calc(100% - 22rem);
        margin: 2rem 0;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .expl_wrap {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.compas_wr{
	width:10.9rem;
	    left: 0;
    right: 0;
    margin: auto;
    top: 7rem;
    position: absolute;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .compas_wr {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_compas{
    width: 12.3rem;
    height: 10.2rem;
}
.expl_wr{
	font-size: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	padding: 0rem 2rem;
	padding-right: 0rem;
	height: 100%;
}
.expl_scroll{
height: 100%;
	width: 100%;
    text-align: left;
}
body .flat_wrap .mCSB_scrollTools .mCSB_dragger{
	background: #05b695!important;
}
body .flat_wrap  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(1, 74, 61, 0.22);
    width: 3px!important;
}
.expl_wr sup{
	font-size:1rem;
}
.expl_wr_count{
	background: #03b594;
	border-radius: 50%;
	color: #fff;
	width:2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Gilroy-Bold";
}
.expl_wr_room{
    width: 60%;
    color: #1d172f;
    font-family: "Gilroy-Medium";
}
.expl_wr_number{
    width: 26%;
	text-align: right;
	font-family: "Gilroy-Bold";
}
.expl_tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding: 0.5rem 0;
	color:#1d172f;
	font-size: 2.1rem;
	    padding-right: 1rem;
}
.download_pdf_wr{
	padding: 0 2rem;
	display:flex;
	width: 100%;
	margin-bottom: 2rem;
	justify-content: space-between;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .download_pdf_wr {
    transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.download_pdf{
	padding: 0 1rem;
	display: flex;
	font-size: 1.6rem;
	text-transform: uppercase;
	color:#000;
	align-items: center;
	z-index: 1;
	position: relative;
    justify-content: center;
    
    font-family: "Gilroy-Bold";
    background: transparent;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.download_pdf:hover{
	color:#000;
}
.pdf_icon{
    margin-right: 1rem;
	position: relative;
	width:2.3rem;
	z-index: 1;
}
.download_pdf path{
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.download_pdf:hover path{
	fill: #000;
}

.flat_cb_btn{
	position: relative;
	text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    border: 2px solid #000;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_cb_btn {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.flat_cb_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.flat_cb_btn:hover:before {
    transform: translateX(0%);
}
.flat_cb_text{
	font-size: 2.1rem;
	color:#000;
	text-transform: uppercase;
	font-family: "Gilroy-SemiBold";
    padding: 1rem 3rem;
}

.flat_dop_info{
    width: 28%;
	position: relative;
}
.flat_on_floor_wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .flat_on_floor_wrap {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.show_flat_btn_wr{
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
    justify-content: flex-end;
    white-space: nowrap;
    align-items: center;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .show_flat_btn_wr {
    transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.flat_on_floor_wr{
	/*width: 14.8rem;
    height: 7.8rem;*/
    width: 30rem;
    max-width: 100%;
    position: relative;
}
.flat_on_floor_img{
	/*position: absolute;
	max-width: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;*/
    width:100%;
    display: block;
}
#flat_on_floor_svg{
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;

}
.flat_on_floor_number{
	color:#000;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-family: "Gilroy-Bold";
    margin-top: 2rem;
}
.flat_on_floor_number span{
	color:#03b594;
}
.flat_on_location{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-family: "Gilroy-Bold";
    margin-bottom: 1rem;

}
.flat_on_text{
	display: flex;
	align-items: center;
	color:#000;
	text-transform: uppercase;
    margin-right: 2rem;
}
.flat_on_text span{
    margin-left: 0.5rem;
	color:#03b594;

}
/* ========================================
/* END FLAT
======================================== */


/* ========================================
/* UMOVU
======================================== */
.umovu_wrap{
	width: calc(100%);
    height: 100%;
    position: relative;
}
.umovu_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	pointer-events: none;
	background: url(../files/bg/bg_umovu.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease-out;
}
.bg_umovu_2{
	position: absolute;
	top: 0;
	right: 0;
	/*width:142.3rem;*/
	height: 100%;
	pointer-events: none;
}
.umovu_list{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 48.8rem;
    display: block;
    pointer-events: none;
}

.umovu_flex_wr{
    position: absolute;
    left: 11rem;
    height: 100%;
    height: 74%;
    display: flex;
    align-items: center;
    padding-top: 15vh;
}
.umovu_wr{
    position: relative;
    width: 68.2rem;
    z-index: 1;
    height: 100%;
    display: flex;
    align-content: space-between;
    flex-flow: wrap;
    padding: 6rem 0 10rem;
}
.umovu_cont{
    position: relative;
    transition: all 0.5s ease-out;
    opacity: 0;
    width: 100%;
    transform: translateX(6rem);
}
.show_page_anim .umovu_cont {
    transition: 0.5s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_scroll{
    min-height: 31rem;
    position: relative;
    overflow: hidden;
}
.umovu_scroll_cont{
    padding-right: 3rem;
    padding-left: 2rem;
}
.umovu_drop_wr{
margin-bottom: 2rem;
    max-width: 59rem;
}
.umovu_vvod_wr{
    width: 100%;
    margin-top: 2vh;
    padding-left: 6rem;
     opacity: 0;
    transform: translateX(6rem);
    transition: all 0.5s ease-out
}
.show_page_anim .umovu_vvod_wr {
    transition: 0.5s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_docs_wr{
    width: 100%;
    margin-top: 2vh;
    padding-left: 6rem;
     opacity: 0;
    transform: translateX(6rem);
    transition: all 0.5s ease-out
}
.show_page_anim .umovu_docs_wr {
    transition: 0.5s all 1s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateX(0rem);
}
.umovu_vvod_title{
	font-family: "Gilroy-Bold";
	font-size: 2.1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#000;
	margin-bottom: 1rem;
}
.umovu_vvod_text{
	font-family: "Gilroy-Black";
	font-size: 1.8rem;
	color:#03b594;
}
.umovu_vvod_text table{
	width:100%;
	letter-spacing: 1px;
}
.umovu_docs{
	display:flex;
    width: 100%;
    margin-top: 2vh;

}
.umovu_doc{
    width: 8.5rem;
    margin-right: 2rem;
}
.umovu_doc_img{
	width:100%;
}
.dropdown {

}
.open_dropdown{

}
.dropdown_tittle{
    font-size: 2.6rem;
    color: #000;
    position: relative;
    cursor: pointer;
    height: 5.4rem;
    display: flex;
    align-items: center;
    font-family: "Gilroy-Bold";
	border-radius: 25px;
    overflow: hidden;
    border: 0.5rem solid #fce841;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle{
    border: 0.5rem solid #03b594;
	color:#fff;
}
.dropdown_tittle:before{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fce841;
	border-radius: 25px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .dropdown_tittle:before{
	background: #03b594;
}
.dropdown_tittle:after{
content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: calc(100%);
    height: calc(100%);
    z-index: -1;
    transform: translate(-100%, 0%);
    background: #03b594;
	border-radius: 25px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.dropdown_tittle:hover:after{
    transform: translate(0%, 0%);
}
.dropdown_tittle_text{
    padding-left: 3rem;
	letter-spacing: 1px;
}
.umovu_arrow{
    width: 4.6rem;
    height: calc(100%);
    background: #04b594;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    right: 0;
        display: flex;
    justify-content: center;
    align-items: center;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow{
    background: #fce841;

}
.umovu_arrow_img{
    width: 1.8rem;
    transform: rotate(90deg);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .umovu_arrow_img{
    transform: rotate(270deg);

}
.option_wrap{
    margin-bottom: 1rem;
    position: relative;
    padding-left: 4rem;
        font-size: 1.8rem;
    padding-top: 1rem;
    display: none;
}
.option_wrap ul{
    list-style: none;
    padding-top: 1rem;
}
.option_wrap li{

     padding: 0.5rem 0;
	font-size: 1.6rem;
	font-size: 1.8rem;
    padding-left: 2rem;
	color:#000;
	position: relative;
	letter-spacing: 1px;
}
.option_wrap li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #03b594;
    border-radius: 50%;
    left: 0;
    top: 1.2rem;
}
.option_wrap a{
	position: relative;
	padding-left: 3rem;
	color:#03b594;
	letter-spacing: 1px;
	font-size:1.8rem;
	font-family: "Gilroy-ExtraBold";
	text-decoration: underline;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.option_wrap a:hover{
	text-decoration: none;
}
.option_wrap a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background:url(../img/svg/icon_doc.svg) no-repeat;
	background-size: cover;
	width:	2rem;
	height: 2rem;
}

.umovu_scroll  .mCSB_scrollTools{
    position: absolute;
}
.umovu_scroll .mCSB_inside > .mCSB_container{
	margin:0;
}
.umovu_line_wrap{
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: 0;
}

.umovu_rozstochka{
	color:#fff;
	border: 3px solid #fff;
	font-size: 1.9rem;
	text-transform: uppercase;
	padding: 1rem 2rem;
	display: inline-block;
	margin-top: 2rem;
	font-family: "Gilroy-Bold";
	cursor: pointer;
	transition: all .9s cubic-bezier(.19,1,.22,1);
}
.umovu_rozstochka:hover{
	background: #fff;
	color:#231300;
}
/* ========================================
/* END UMOVU
======================================== */

/* ========================================
/* ABOUT
======================================== */
.about_wrap {
	position: relative;
	width:100%;
	height: 100%;
	background: white;
}
.about_wr{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 7rem;
	justify-content: space-between;
}
.about_pagin_wrap{
    /*white-space: nowrap;*/
    position: relative;
    z-index: 1;
    width: 24%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-10rem);
}
.show_page_anim .about_pagin_wrap {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.about_prev{
    position: absolute;
    bottom: 100%;
    width: 5rem;
    height: 5rem;
    right: 7rem;
	cursor: pointer;

	opacity: 0.3;
}
.about_next{
    position: absolute;
    top: 100%;
    width: 5rem;
    height: 5rem;
    right: 7rem;
	cursor: pointer;

	opacity: 0.3;

}

.about_next_arrow_1{
    position: absolute;
    top: 3.2rem;
    left: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.about_next_arrow_1:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height: 100%;
    background: #000;
    transition: all 0.3s ease-out;

}
.about_next:hover .about_next_arrow_1:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_2{
	    position: absolute;
    top: 3.2rem;
    right: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);

}
.about_next_arrow_2:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #000;
    transition: all 0.3s ease-out;
}
.about_next:hover .about_next_arrow_2:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_3{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 2.6rem;

}
.about_next_arrow_3:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
    background: #000;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.about_next:hover .about_next_arrow_3:after{

}

.about_next_arrow_4{
position: absolute;
    top: 1.2rem;
    left: 1.5rem;
    width: 1rem;
    height: 2px;
    transform: rotate(-38deg);

}
.about_next_arrow_4:after{
	content: '';
	position: absolute;
	top: 0;
	width:100%;
	right: 0;
	height: 100%;
    background: #000;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.about_prev:hover .about_next_arrow_4:after{
	width:130%;
transition: all 0.3s ease-out;
}
.about_next_arrow_5{
position: absolute;
    top: 1.2rem;
    right: 1.6rem;
    width: 1rem;
    height: 2px;
    transform: rotate(38deg);

}
.about_next_arrow_5:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    background: #000;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.about_prev:hover .about_next_arrow_5:after{
	transition: all 0.3s ease-out;
	width:130%;
}
.about_next_arrow_6{
    position: absolute;
    top: 0.9rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 2.6rem;

}
.about_next_arrow_6:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width:100%;
    background: #000;
    transition: 0.9s all .5s cubic-bezier(.19,1,.22,1);
}
.about_prev:hover .about_next_arrow_6:after{

}


.about_prev.swiper-button-disabled,
.about_next.swiper-button-disabled{
	pointer-events:none;
	opacity:0.1;
}
.about_pagin_wr{
    text-align: right;
}
.about_pagin{
	font-family: "Gilroy-Bold";
	color:#231300;
	font-size: 2.1rem;
	text-transform: uppercase;
	margin: 1rem 0;
	letter-spacing: 1px;
	padding-right: 7rem;
}
.about_pagin_a{
	cursor: pointer;
	position: relative;
}
.about_pagin_a_active{
	pointer-events: none;
	color:#ffc565;
}
.about_pagin_a:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 3px;
	width:0%;
	left:calc(100% + 3rem);
	background: #fdc364;
	transition:all .5s cubic-bezier(.19,1,.22,1);
}
.about_pagin_a_active:after{
	width:1.7rem;
}
.about_pagin_a:hover:after{
	width:1.7rem;
}
.about_svg_wrap{
    height: 100%;
    position: relative;
    width: 77.7rem;
    width: 98.8rem;
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_svg_bg{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}

.about_slider_wrap{
    height: 100%;
    width: 24%;
    padding-top: 10rem;
    padding-left: 2rem;
    padding-left: 4%;
    padding-bottom: 19rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateX(10rem);
}
.show_page_anim .about_slider_wrap {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateX(0rem);
}
.about_slider_wr{
	height:100%;
}
.about_slider_wr .swiper-slide{
    align-items: center;
    display: flex;
}
.about_text{
	font-family: "Gilroy-Light";
	font-size: 2.1rem;
	color:#231300;
	letter-spacing: 1px;
}

.about_ugol{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 21.7rem;
	height:34.9rem;

}
.about_svg_slider{
	height: 90%;
	position: absolute;
	z-index: 1;
	width:100%;
width: 98.8rem;
    height: 92.2rem;

        width: 100%;
}
.about_svg_slider_1{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_1 {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_svg_slider_2{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_2 {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_svg_slider_3{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(10rem);
}
.show_page_anim .about_svg_slider_3 {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.about_text{
	opacity:0;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.swiper-slide-active .about_text{
	opacity:1;

}

.ab_text_wr{
    position: absolute;
    bottom: 17rem;
    bottom: 11%;
    left: 0;
    z-index: 5;
    width: 100%;
    width: 134.5rem;
    height: 11rem;
	font-family: "Gilroy-Black";
	display: flex;
	color:#ffc565;
	font-size: 13.5rem;
	align-items: center;
	text-transform: uppercase;
	    width: 100%;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.ab_text_wr_show{
	opacity: 1;
    transform: translateY(0rem);
}
.ab_text_wr_1 {
	opacity: 0!important;
}

.ab_letter_wr{
    position: relative;
    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}
.show_page_anim .ab_letter_wr {
    transform: translateY(0rem);
    opacity: 1;
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(1){
	 transition: 0.9s all 0.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(2){
	 transition: 0.9s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(3){
	 transition: 0.9s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(4){
	 transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(5){
	 transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(6){
	 transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(7){
	 transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(8){
	 transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(9){
	 transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(10){
	 transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(11){
	 transition: 0.9s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(12){
	 transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(13){
	 transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(14){
	 transition: 0.9s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(15){
	 transition: 0.9s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(16){
	 transition: 0.9s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(17){
	 transition: 0.9s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(18){
	 transition: 0.9s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(19){
	 transition: 0.9s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(20){
	 transition: 0.9s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(21){
	 transition: 0.9s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(22){
	 transition: 0.9s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(23){
	 transition: 0.9s all 2.3s cubic-bezier(.19,1,.22,1);
}

.ab_letter{
    letter-spacing: 2px;

}
.ab_letter_shadow{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	    opacity: 0;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateY(3rem);
}
.show_page_anim .ab_text_wr_show .ab_letter_shadow{
	transform: translateY(0rem);
	opacity: 0.5;
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(1) .ab_letter_shadow{
	 transition: 1.2s all 0.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(2) .ab_letter_shadow{
	 transition: 1.2s all 0.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(3) .ab_letter_shadow{
	 transition: 1.2s all 0.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(4) .ab_letter_shadow{
	 transition: 1.2s all 0.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(5) .ab_letter_shadow{
	 transition: 1.2s all 0.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(6) .ab_letter_shadow{
	 transition: 1.2s all 0.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(7) .ab_letter_shadow{
	 transition: 1.2s all 0.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(8) .ab_letter_shadow{
	 transition: 1.2s all 0.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(9) .ab_letter_shadow{
	 transition: 1.2s all 1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(10) .ab_letter_shadow{
	 transition: 1.2s all 1.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(11) .ab_letter_shadow{
	 transition: 1.2s all 1.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(12) .ab_letter_shadow{
	 transition: 1.2s all 1.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(13) .ab_letter_shadow{
	 transition: 1.2s all 1.4s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(14) .ab_letter_shadow{
	 transition: 1.2s all 1.5s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(15) .ab_letter_shadow{
	 transition: 1.2s all 1.6s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(16) .ab_letter_shadow{
	 transition: 1.2s all 1.7s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(17) .ab_letter_shadow{
	 transition: 1.2s all 1.8s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(18) .ab_letter_shadow{
	 transition: 1.2s all 1.9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim  .ab_text_wr_show .ab_letter_wr:nth-child(19) .ab_letter_shadow{
	 transition: 1.2s all 2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(20) .ab_letter_shadow{
	 transition: 1.2s all 2.1s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(21) .ab_letter_shadow{
	 transition:1.2s all 2.2s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show  .ab_letter_wr:nth-child(22) .ab_letter_shadow{
	 transition: 1.2s all 2.3s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .ab_text_wr_show .ab_letter_wr:nth-child(23) .ab_letter_shadow{
	 transition:1.2s all 2.4s cubic-bezier(.19,1,.22,1);
}
.ab_letter_pusto{
    margin: 0 2rem;

}

/* CONTACTS */
.contacts_wrap{
	background:white;
	position: relative;
	height: 100%;
	display: flex;
justify-content: flex-end;	
	overflow: auto;
}
.contacts_right{
    width: calc(100% - 49.5rem);
	height: 100%;
}
.contacts_slider_wr{
	height:100%;
	position: relative;
	overflow: hidden;
	transition: opacity 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
}
.show_page_anim .contacts_slider_wr {
    transition: 0.9s opacity 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
}
.contacts_slider{
	height:100%;
}
.contacts_slider .swiper-slide{
	background-size: cover;
}
body .prev_slide_cont {
width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    left: 2rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;
}
.prev_slide_cont:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.prev_slide_cont:hover:after {
    transform: translateX(0%);
}
body .next_slide_cont{
width: 7.6rem;
    height: 7.6rem;
    background: #f5e348;
    right: 2rem;
    top: 50%;
    bottom: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 3px solid rgba(3, 181, 148, 0.88);
    display: flex;
    justify-content: center;
    align-items: center;	
}
.next_slide_cont:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.next_slide_cont:hover:after {
    transform: translateX(0%);
}
.contacts_map_link,
.contacts_map_link2{

    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .contacts_map_link,
.show_page_anim .contacts_map_link2 {
    transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.contacts_map_link:before,
.contacts_map_link2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.contacts_map_link:hover:before,
.contacts_map_link2:hover:before {
    transform: translateX(0%);
}
.contacts_pagin_wrap{
	position: absolute;
    text-align: center;
	left: 0;
	width: 100%;
    bottom: 1.7rem;
	display: flex;
	justify-content: center;
	z-index: 1;
}
.contacts_pagin{
	
}
.conacts_numbers{
	/* position: absolute; */
	left:0;
	right: 0;
	text-align: center;
	color:#000;
	font-family: "Gilroy-Black";
	font-size: 4.2rem;
	bottom: 92%;
	bottom: 4.5rem;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .conacts_numbers {
    transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.contacts_buller{
    width: 30rem;
    width: 32rem;
     height: 2.6rem;
    overflow: hidden;
    margin-bottom: 2rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}

.show_page_anim .contacts_buller {
    transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}
.contacts_buller .swiper-pagination-bullet{
    width:2.6rem;
    height: 2.6rem;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    background: #f5e348;
    opacity: 1;
    transition: all .9s cubic-bezier(.19,1,.22,1);	
}
.contacts_buller .swiper-pagination-bullet-active{
	
}
.contacts_buller .swiper-pagination-bullet:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    z-index: 1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    box-shadow: inset 0 0 0 0px #03b594;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.contacts_buller .swiper-pagination-bullet:hover:before {
    box-shadow: inset 0 0 0 3px #03b594;
    width: 90%;
    height: 90%;
}
.contacts_buller .swiper-pagination-bullet:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #03b594;
    border-radius: 50%;
    opacity: 0;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.contacts_buller .swiper-pagination-bullet-active:after {
    opacity: 1;
}
.contacts_bull{
	
}
.contacts_map_wrap{
	position: relative;
    height: 100%;
}
#map{
	width: 100%;
    height: 100%;
}
.contacts_wr{
    height: 100%;
    width: 49.5rem;
    padding: 0 4rem;
    padding-top: 19rem;
    position: relative;
    z-index: 2;
        position: fixed;
    left: 39rem;
    background: #fff;
}
.contacts_info{
	z-index:1;
	color:#231300;

}
.contacts_title{
	font-family: "Gilroy-Black";
    font-size: 3.5rem;
    color: #f5e348;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
	margin-bottom: 1vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .contacts_title{
	transition: 0.9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}

.contacts_text_wr{
	display:flex;
	font-size: 1.8rem;
	margin-bottom: 0.9vh;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateX(-3rem);
}
.show_page_anim .contacts_text_wr:nth-child(2){
	transition: 0.9s all 0.7s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(3){
	transition: 0.9s all 0.8s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(4){
	transition: 0.9s all 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.show_page_anim .contacts_text_wr:nth-child(5){
	transition: 0.9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0rem);
}
.contacts_text{
	margin-top: 0.5rem;
	color: #000;
	font-size: 1.8rem;
	white-space: pre;
    color: #03b594;
    text-decoration: underline;

    font-family: "Gilroy-Medium";
}
.contacts_text:hover{
	text-decoration: none;
}
.contacts_icon_bg{
	margin-right: 1.5rem;
	width:4.5rem;
	height: 4.6rem;
	border-radius: 50%;
	position: relative;
    background: #f5e348;
}
.contacts_icon_loc{

}
.contacts_icon_mail{
}
.contacts_mail{
	margin-top: 0.5rem;
	font-family: "Gilroy-Medium";
	color:#03b594;
    text-decoration: underline;
}
.contacts_mail:hover{
	text-decoration: none;
}
.contacts_icon_tel{

}
.contacts_tel{
	display: block;
font-family: "Gilroy-SemiBold";
	font-size: 3.3rem;
    line-height: 1;
    margin-top: 0.5rem;
}
.contacts_icon_img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 58%;
	max-height: 60%;
}
.contacts_tima_work{
	margin-top: 0.5rem;
}
.contacts_dop_info{
    position: absolute;
    bottom: -2rem;
    right:0;
    width:33.5rem;
    height: 33.5rem;

    padding: 0 1rem;
    font-size: 2.1rem;

}
.contacts_dop_text{
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 100%;
    background: #f5e348;
    color: #000;
	font-family: "Gilroy-SemiBold";
    text-align: center;
	text-transform: uppercase;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
	display: none;
}
.show_page_anim .contacts_dop_text{
	transition: 0.9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.list_contacts{
    position: absolute;
    width: 62rem;
    display: block;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.gr_way_input_wrap{
	position: absolute;
	top: 10rem;
	right: 2rem;
	background: #03b594;
	border-radius: 15px;
	border: 3px solid #f5e348;
    padding: 2rem 2rem 1rem;
}
.gr_way_title{
font-family: "Gilroy-SemiBold";
font-family: "Gilroy-Bold";
    font-size: 2.7rem;
    color: #f5e348;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
    margin-bottom: 1rem;
}
#great_way{
	width:31.1rem;
	height: 3.9rem;
    padding-left: 4rem;
  	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
	border: 1px solid rgb(0, 180, 149);
}
.gr_way_input_wr{
	position: relative;
}
.gr_way_input_wr:before {
    content: '';
    position: absolute;
    background: url(../img/svg/icon_loc_2.svg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.gr_way_length {
    font-size: 1.6rem;
    color: #38383a;
    opacity: 0;
    margin-top: 0.5rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}

.gr_way_length_show {
    opacity: 1;
}

.contacts_subcribe_btn{
    cursor: pointer;
    display: inline-flex;

    border: 2px solid #ffc56a;
        background: #ffc56a;
    align-items: center;
    padding: 0.5rem 1.5rem;
    height: 41px;
    white-space: nowrap;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .contacts_subcribe_btn{
	transition: 0.9s all 1.3s cubic-bezier(.19,1,.22,1), background 0.9s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.contacts_subcribe_btn:hover{
	 background: transparent;
}
.contacts_sub_text{
	font-family: "Gilroy-Bold";
    line-height: 1.5;
    font-size: 19px;
	white-space: nowrap;
}
.contacts_sub_img{

    margin-left: 1rem;
}
.contacts_sub_img path{

}
.contacts_subcribe_btn:hover .contacts_sub_img path{

}
/**/
.main_bl_7{
	margin-bottom: 10rem;
}
.main_bl_7_cont{
	max-width: 138rem;
    padding: 0 4rem;
    margin: auto;
}
.main_bl_7_title{
	color: #264646;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 2.9rem;
    text-align: center;
}
.main_bl_7_text_1{
	font-size: 2.4rem;
    color: #000;
    text-align: center;
    margin: auto;
    margin-bottom: 1.6rem;
}
.main_bl_7_text_2{
	    font-size: 2.4rem;
    color: #264646;
    text-align: center;
    margin: auto;
    margin-bottom: 4rem;
}
.main_bl_7_btns_wrap{
	    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}
.main_bl_7_btn{
	    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #264646;
    border-radius: 16px 0 16px 0;
    padding: 0 3.2rem;
    font-size: 1.8rem;
    color: #264646;
    margin: 0 1.2rem;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.main_bl_7_btn:hover{
    background: #6DBB91;
}
.main_bl_7_btn:hover .line_1_menu, .main_bl_7_btn:hover .line_2_menu, .main_bl_7_btn:hover .line_3_menu {
    transform: translateX(110%);
}

.main_bl_7_btn_active{
	color:#fff;
	background: #264646;
	pointer-events: none;
}
.main_bl_7_img_wrap{
	height: 57.5rem;
    height: 79.5rem;

	position: relative;
	z-index: 1;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.main_bl_7_img_wrap iframe{
	width: 100%!important;
	height: 100%!important;
}

.main_bl_7_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	pointer-events: none;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.main_bl_7_icon_play_wr{
	width: 12.8rem;
	height: 12.8rem;
	border-radius: 50%;
	background: #6DBB91;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	cursor: pointer;
}
.main_bl_7_icon_play_wr:hover{
	background: #264646;
}
.main_bl_7_icon{
	width: 4.7rem;
	pointer-events: none;
}
.main_bl_7_circle{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9.2rem;
	height: 9.2rem;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
/**/
/* BIZNESS */
.biz_wrap{

}
.biz_bg{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: white;
}

/* GENPLAN */
.genplan_wrap{
    width: 100%;
    height: 100%;
    background: white;
}
.genplan_wr{
	width:100%;
	height: 100%;
	position: relative;
	display: flex;
	background:url(../files/bg/bg_genplan.jpg) no-repeat;
	background-size: cover;
}
.genplan_bg_wr{
    width: calc(100% - 67.1rem);
    height: calc(100%);
    position: relative;
}
#zoom_gp{
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	width:6.9rem;
	height: 6.9rem;
	/*background: url(../img/gp_zoom_minus.svg) no-repeat;
	background-size: contain;
	background-position: center;*/
	cursor: pointer;
}
.zoom_gp_plus_svg{
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity:0;
}
.zoom_gp_plus .zoom_gp_plus_svg{
	opacity: 1;
}
.zoom_gp_minus_svg{
		position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity:0;
}
.zoom_gp_minus .zoom_gp_minus_svg{
	opacity: 1;
}
#zoom_gp path,
#zoom_gp polygon,
#zoom_gp polyline{
	transition: all .9s cubic-bezier(.19,1,.22,1);
}

#zoom_gp:hover path,
#zoom_gp:hover polygon,
#zoom_gp:hover polyline{
	fill:#03b594;
}


#move_wrap {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    /* transition: all 1s cubic-bezier(.19,1,.22,1); */
    cursor: move;
    height: 100%;
    width: 100%;
    /*width: 89.6rem;
    height: 82.5rem;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    user-select: none;

        display: block;
    justify-content: center;
    align-items: center;
}
#move_wrap.move_wrap_zoom{
        display: flex;
	pointer-events:none;
}

.move_hide_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
#drag_image {
    -moz-user-select: none;
    cursor: move;
    left: 0;
    pointer-events: none;
    position: relative;
    top: 0;
    /*width: 100%;
    height: 100%;*/
    display: inline-block;
    width: auto;
    height: auto;
    max-width: unset;
    max-height:  unset;
    /* transition: width 2s cubic-bezier(.19,1,.22,1),height 2s cubic-bezier(.19,1,.22,1); */
}
.move_wrap_zoom #drag_image {
	    max-width: 100%;
    max-height: 100%;
}
/*#genplan_bg{
	position: absolute;
}*/
.gp_tittle{
	color: #f5e348;
	font-size: 5.6rem;
	font-family: "Gilroy-Bold";
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
	transform: translateY(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_tittle{
	transition: .9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0);
}
#genplan_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.gp_info_wrap{
    padding-top: 22rem;
    padding-left: 4rem;
	height: 100%;
	width: 67.1rem;
    background: rgba(248, 255, 240, 0.9);
}
.gp_info_scroll{
	 height: calc(100vh - 53rem);
    margin-bottom: 3vh;
    min-height: 278px;
    min-height: 227px;
    position: relative;
}
.gp_info_wr{
    display: flex;

}
.gp_info_left{
	width:50%;
}
.gp_info_right{
	width:50%;

}
.gp_genplan_info{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: -1;
}
.gp_svg{
	width: 100%;
	height: auto;
}

.gp_svg path{
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.gp_svg .gp_white_svg{
    transform: translateX(109rem);
	opacity: 0;
}
.show_page_anim .gp_svg .gp_white_svg{
    transition: .9s all .4s cubic-bezier(.19,1,.22,1);
	opacity: 0.9;
    transform: translateX(0rem);
}
.show_page_anim .gp_svg path:nth-child(1){
    transition: .9s all .5s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}

.show_page_anim .gp_svg path:nth-child(3){
    transition: .9s all .6s cubic-bezier(.19,1,.22,1);
	opacity: 0.8;
}
.show_page_anim .gp_svg path:nth-child(4){
    transition: .9s all .7s cubic-bezier(.19,1,.22,1);
	opacity: 0.7;
}
.show_page_anim .gp_svg path:nth-child(5){
    transition: .9s all .8s cubic-bezier(.19,1,.22,1);
	opacity: 0.988;
}
.show_page_anim .gp_svg path:nth-child(6){
    transition: .9s all .9s cubic-bezier(.19,1,.22,1);
	opacity: 0.051;
}
.show_page_anim .gp_svg path:nth-child(7){
    transition: .9s all 1s cubic-bezier(.19,1,.22,1);
	opacity: 0.051;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.1s cubic-bezier(.19,1,.22,1);
	opacity: 0.502;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 0.251;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.3s cubic-bezier(.19,1,.22,1);
	opacity: 0.42;
}
.show_page_anim .gp_svg path:nth-child(8){
    transition: .9s all 1.4s cubic-bezier(.19,1,.22,1);
	opacity: 0.42;
}
.gp_text_wr{
    margin-bottom: 0.5vh;
	    display: flex;
    align-items: center;
	transform: translateY(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_wr{
	transition: .9s all 0.6s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0);
}
.gp_text_wr_2{
	transform: translateX(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_wr_2{
	transition: .9s all 1.2s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateX(0);
}
.posn_1_wr{
	width:21px;
    height: 19px;
      display: inline-flex;
    justify-content: center;
    align-items: center;
}
.posn_1_wr{
	width:3rem;
	margin-right: 0.5rem;
    align-self: baseline;
}
.posn_1{
	max-width: 100%;
	max-height: 87%;
}
.gp_text{
	color:#000;
	font-size: 1.6rem;
	vertical-align: top;
}
.gp_text SPAN{
	font-family: Arial;
}
.gp_text_title{
	font-family: "Gilroy-Bold";
	font-size: 3rem;
	color:#03b594;
	margin-bottom: 2vh;
	transform: translateY(3rem);
	opacity: 0;
	transition:  all .9s cubic-bezier(.19,1,.22,1);
}
.show_page_anim .gp_text_title{
	transition: .9s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0);
}

.gp_link_wr{
	display: flex;
	justify-content: center;
    width: 100%;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .gp_link_wr {
    transition: .9s all 0.7s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform:translateY(0rem);
}

.gp_link{
	    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}
.gp_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.gp_link:hover:before {
    transform: translateX(0%);
}

/* VIDEO */
.video_wrap {
	position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_bg{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_hid_bud.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.video_wr{
	position: relative;
}
.video_tittle{
    font-size: 9rem;
    color: #f5e348;
    text-shadow: 0px 0px 53.6px rgb(0, 0, 0);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
    font-family: "Gilroy-Black";
	margin-bottom: 1rem;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .video_tittle{
	transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}
.video_frame{
	width:96.8rem;
	height: 54.3rem;
    border: 8px solid #f5e348;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0;
	transform: translateY(3rem);
}
.show_page_anim .video_frame{
	transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 1;
	transform: translateY(0rem);
}

#bingc-phone-button{
	bottom:2%!important;
}


#bingc-phone-button.bingc-show{
	pointer-events:none;
	opacity: 0;
}



/* =================================
/*  PRESENTATION POPUP
================================= */
.pr_btn {
    position: absolute;
    top: 75%;
    left: 42%;
    padding: 1rem 2rem;
    background: #fce841;
    border: 4px solid #22bea1;
    border-radius: 25px;
    z-index: 1;
    cursor: pointer;

    font-family: "Gilroy-Bold";
    color: #000;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.pr_open {
  overflow: hidden;
}
.pr_open:after {
    content: "";
    position: absolute;
    top: -5%;
    left: -20%;
    height: 110%;
    width: 4rem;
    background: linear-gradient(-90deg, rgba(256, 256, 256, 0.5), transparent);
    transform: skewX(-60deg);
    animation: pr_btn 2.5s infinite;
}
@keyframes pr_btn {
  0% {left: -20%;}
  100% {left: 120%;}
}
.menu_btn .pr_open:after {
  opacity: 0;
}
#pr_formTel, #pr_formName {
	width: 90%;
	height: 4.3rem;
	margin: 0 5%;
    padding: 0 2rem;
	font: italic 1.6rem "Roboto-Regular", sans-serif;
	color: #e8b96a;
	border: 1px solid #ffc565;
	background: transparent;
	resize: none;
	transition: all .4s ease-out;
	opacity: 0;
    transform: translateY(3rem);
}
.pr_pop_wr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44,36,73,.6);
  z-index: 10;

  opacity: 0;
  pointer-events: none;
}
.pr_pop_visible {
  opacity: 1;
  pointer-events: all;
}
.pr_pop_cont {
  width: 70rem;
  height: 40rem;
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.5s;
}
.pr_pop_visible .pr_pop_cont {
  opacity: 1;
}
.pr_cont {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 2rem auto;
  padding-bottom: 1vh;
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
}
.bg_pr_img_wr {
  width: 46%;
  height: 100%;
  min-height: 30vh;
  background: url(../img/img_pres.png) no-repeat;
  background-size: cover;
  background-position: center;
  transform: translateX(-5rem);
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.6s;
}
.pr_pop_visible .bg_pr_img_wr {
  opacity: 1;
  transform: none;
}
.pr_info_cont {
  width: 54%;
  position: relative;
}
.close_pr_wr{
	  position: absolute;
    top: -1rem;
    right: -1rem;
    width: 6rem;
    height: 6rem;
    background: #f5e348;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, 0.88);
    z-index: 1;
    overflow: hidden;
}
.close_pr_wr:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
    opacity: 0;
}
.close_pr_wr:hover:after {
    transform: translateX(0%);
    opacity: 1;
}
.pr_pop_visible .close_pr_wr {
  opacity: 1;
  transform: none;
}
.pr_cont_bg {
    width: 100%;
    height: 100%;
    background: #fff;
}
.pr_sub_tittle {
  margin: 1.5vh;
  margin-top: 0;
  padding-top: 7rem;
  font-family: "Gilroy-Bold";
  font-size: 3.1rem;
  text-align: center;
  /* text-transform: uppercase; */
  color: #2b2443;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.7s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_sub_tittle {
  opacity: 1;
  transform: none;
}
.pr_small_tittle {
  margin: 1.5vh;
    margin-top: 0;
    color: #2b2443;
    text-align: center;
    text-transform: uppercase;
    font-family: "Gilroy-Medium";
    font-size: 1.5rem;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.8s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_small_tittle {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #pr_formName,
.pr_pop_wr #pr_formTel {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #formName {
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.9s;
  transform: translateY(3rem);
}
.pr_pop_visible #formName {
  opacity: 1;
  transform: none;
}
.pr_pop_wr #formTel {
  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 1s;
  transform: translateY(3rem);
}
.pr_pop_visible #formTel {
  opacity: 1;
  transform: none;
}
.pr_sub_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20rem;
    margin: 0 auto;
    padding: 1rem 2rem;
    background-color: #fce841;
    border: 2px solid #22bea1;
    color: #000000;
    cursor: pointer;

  opacity: 0;
  transition: all 0.5s cubic-bezier(.19,1,.22,1) 1.1s;
  transform: translateY(3rem);
}
.pr_pop_visible .pr_sub_btn {
  opacity: 1;
  transform: none;
}

.pr_info_dwnld {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #ffffff;
  z-index: 1;
  font-family: "Gilroy-Bold";
  font-size: 4rem;
  text-align: center;
}
.pr_hide {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pr_close_dwnld {
  position: absolute;
  top: 0;
  right: -2rem;
  width: 10rem;
}
.pr_close {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 6rem;
  height: 6rem;
  background: #f5e348;
  border-radius: 50%;
  border: 3px solid rgba(3, 181, 148, 0.88);
}

/* =================================
/* END PRESENTATION POPUP
================================= */
/* PRESENTATION FORM */
.pres_wrap {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 1001;
	opacity: 0;
	pointer-events: none;
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.pres_wrap.pres_form_visible {
		opacity: 1;
		pointer-events: all;
}
.pres_wrap.page {
    opacity: 1;
    pointer-events: all;
    background: none;
    z-index: 0;
}
.pres_wr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50rem;
  min-height: 20rem;
      font-size: 1.6rem;
        text-align: center;
}
.page .pres_wr {
  left: 60%;
}

.pres_wrap_m .sp-form-outer,
.pres_wrap .sp-form-outer {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
}
.pres_wrap_img_wr {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110rem;
  height: 60rem;
	display: flex;
  align-items: center;
  justify-content: center;
}
.page .pres_wrap_img_wr {
  left: 60%;
}
.pres_wrap_img {
  max-width: 132%;
  max-height: 127%;
  transform: translate(5%, 6%);
}
.pres_wrap .sp-form {
	width: unset !important;
	max-width: unset !important;
	height: unset !important;
	margin: 0 !important;
	padding: 4.5rem 5.5rem 5.5rem 5.5rem !important;
  background: #22bea1 !important;
  border: 2px solid #fce841 !important;
  border-radius: 3rem !important;
  box-shadow: 0 0 23px rgba(0,0,0,0.5);
}
.pres_wrap .sp-form {
	opacity: 0 !important;
}
.pres_wrap.page .sp-form,
.pres_wrap.pres_form_visible .sp-form {
	opacity: 1 !important;
	transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.2s !important;
}
.pres_wrap .sp-form-fields-wrapper {
	width: 375px !important;
}
.pres_wrap_m .sp-form strong,
.pres_wrap .sp-form strong {
	font-family: 'pf_agora_sans_prolight' !important;
  text-align: left !important;
}
.pres_wrap .sp-form span {
  font-family: "Gilroy-Bold" !important;
  font-size: 2.6rem !important;
  color: #000;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-form span,
.pres_wrap.pres_form_visible .sp-form span {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.4s !important;
}
.pres_wrap_m .sp-form-control,
.pres_wrap .sp-form-control {
    width: 90% !important;
    height: 4.5rem !important;
    margin: 10px 0 !important;
}
.pres_wrap .sp-form-control {
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-form-control,
.pres_wrap.pres_form_visible .sp-form-control {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.9s cubic-bezier(.19,1,.22,1) 0.5s !important;
}
.pres_wrap_m .sp-form .sp-field,
.pres_wrap .sp-form .sp-field {
	margin: 10px 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sp-control-label {
  position: absolute;
  right: 2rem;
  z-index: 1;
}
.pres_wrap_m .sp-button-container,
.pres_wrap .sp-button-container {
	display: flex;
	justify-content: center;
}
.pres_wrap_m .sp-button,
.pres_wrap .sp-button {
	width: 28rem !important;
  height: 4.2rem !important;
  border: none !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  background-color: #fce841 !important;
  border-radius: 10rem !important;
  font-family: "Gilroy-Semibold" !important;
  font-size: 1.8rem !important;
  color: #000000 !important;
	text-transform: uppercase !important;
  transition: all 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap .sp-button:hover {
  color: #22bea1 !important;
}
/* .pres_wrap .sp-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(256, 256, 256, 0.5);
  transition: all 0.9s cubic-bezier(.19,1,.22,1);
  opacity: 0;
}
.sp-button:hover:after {
  opacity: 1;
} */
.pres_wrap .sp-button {
	opacity: 0;
	transform: translateY(50px);
	transition: transform 0.9s cubic-bezier(.19,1,.22,1) !important;
}
.pres_wrap.page .sp-button,
.pres_wrap.pres_form_visible .sp-button {
	opacity: 1;
	transform: translateY(0);
	transition: transform 0.9s cubic-bezier(.19,1,.22,1) 0.6s !important;
}
.pres_wrap .btn_close_wr {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  width: 6rem;
  height: 6rem;
  background: #f5e348;
  border-radius: 50%;
  border: 3px solid rgba(3, 181, 148, 0.88);
  z-index: 2;
  cursor: pointer;
  overflow: hidden;
}
.pres_wrap .btn_close_wr {
  transition: all 0.5s cubic-bezier(.19,1,.22,1);
  opacity: 0;
  transform: translateY(-3rem);
}
.pres_wrap.page .btn_close_wr,
.pres_form_visible .btn_close_wr {
    transition: 0.9s all 0.4s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.pres_wrap.page .btn_close_wr {
	display: none;
}
.pres_wrap .btn_close_ico {
  width: 43%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  z-index: 1;
}
.pres_wrap .btn_close_wr:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.btn_close_wr:hover:after {
    transform: translateX(0%);
}
/* .btn_close_wr:hover .btn_close_ico {
	animation: 1s close_rotate infinite;
}
@keyframes close_rotate {
	0% { transform: rotate(0deg) scale(1); }
	50% { transform: rotate(90deg) scale(0.9); }
	100% { transform: rotate(180deg) scale(1); }
} */
.pres_content {
	width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*POP UP SENDPULSE*/

.sp-field:last-child > div span{
	font-size: 18px!important;
	-webkit-text-stroke: 0px #000;
}
.sp-field:last-child > div span a{
	color: #ffe940!important;
}
/*END POP UP SENDPULSE*/
/* FAQ */
.faq_wrap{
    margin-top: 10rem;
    text-align: left;
    display: flex;
    justify-content: center;
}
.faq_wr{
    display: inline-block;
    width: 102rem;
}
.faq_wrap_title{
	font-size: 3rem;
	margin-bottom: 2rem;
	    font-family: "Gilroy-Bold";
}

.faq_tittle_text{
	    padding-left: 3rem;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}
.faq_drop_wr{
	margin-bottom: 2rem;
}
.faq_tittle{
    font-size: 2.1rem;
    color: #000;
    position: relative;
    cursor: pointer;
    height: 5.4rem;
    display: flex;
    align-items: center;
    font-family: "Gilroy-Bold";
    border-radius: 25px;
    overflow: hidden;
    border: 0.5rem solid #fce841;
    padding-right: 6rem;
    background: #fce841;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);

}
.open_dropdown .faq_tittle {
	 background: #03b594;
    border: 0.5rem solid #03b594;
    color: #fff;
}
.faq_tittle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fce841;
    border-radius: 25px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_tittle:before {
    background: #03b594;
}
.faq_tittle:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: calc(100%);
    height: calc(100%);
    transform: translate(-100%, 0%);
    background: #03b594;
    border-radius: 25px;
    transition: all 0.9s cubic-bezier(.19,1,.22,1);
}
.faq_tittle:hover:after {
    transform: translate(0%, 0%);
}
.faq_arrow {
    position: relative;
    width: 4.6rem;
    height: calc(100%);
    background: #04b594;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_arrow {
    background: #fce841;
}
.faq_arrow_img {
    width: 1.8rem;
    transform: rotate(90deg);
    transition: all .9s cubic-bezier(.19,1,.22,1);
}
.open_dropdown .faq_arrow_img {
    transform: rotate(270deg);
}
.faq_wrap .option_wrap a{
	padding: 0;
}
.faq_wrap .option_wrap a:after{
	display: none;
}
/* END FAQ */
/* MAKET */
.maket_wrap{
    width: 100%;
    height: 100%;
    background: url(../files/bg/bg_genplan.jpg) no-repeat;
    background-size: cover;
    padding: 10rem 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.maket_wr{
	width: 80%;

    position: relative;
        background: rgba(248, 255, 240, 0.9);
    border-radius: 25px;
	padding: 5rem 7rem;
	padding: 5rem 12rem;
	    transition: all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    transform: translateY(-10rem);
}
.show_page_anim .maket_wr {
    transition: 0.9s all 0.5s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    transform: translateY(0rem);
}
.maket_scroll{
	height:100%;
	    text-align: center;
}
.maket_title{
color: #f5e348;
    font-size: 4.6rem;
    font-family: "Gilroy-Bold";
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-bottom: 3rem;
    line-height: 1;
}
.maket_text{
	font-size: 1.6rem;
}
.maket_text b,
.maket_text strong{
	font-family: "Gilroy-Bold";
}
.maket_text a{
	color:#03b594;
	transition: all 0.9s cubic-bezier(.19,1,.22,1);
	text-decoration: underline;
}
.maket_text img{
	border-radius: 25px;
	width:90%!important;
	height: auto!important;
	display: block;
	margin: 2rem auto;
}
/* END MAKET */
/* ERROR */
.error_wrap{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    position: relative;
}
.error_wr{
	    padding: 4.5rem 5.5rem 5.5rem 5.5rem;
    background: #22bea1;
    border: 2px solid #fce841;
    border-radius: 3rem;
    box-shadow: 0 0 23px rgb(0 0 0 / 50%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
}
.error_img{
	    position: absolute;
    left: 0;
    height: 100%;
}
.error_info{
	
}
.error_number{
    font-family: "Gilroy-Bold";
    font-size: 22.6rem;
    color: #ffe940;
    -webkit-text-stroke: 3.3px #000;		
}
.error_text{
    margin-bottom: 2rem;
    font-size: 2rem;
}
.error_btn{
	    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px;
    background: #fce841;
    border: 3px solid #03b594;
    font-family: "Gilroy-Bold";
    padding: 1rem 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}
.error_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #22bea1;
    z-index: -1;
    transition: all .9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.error_btn:hover:before {
    transform: translateX(0%);
}
.error_btn_text{
	
}
/* END ERROR*/
/* TIMER*/
.timer_wrap{
	display:flex;
	align-items: center;
	background: #00b494;
    padding: 0.4rem 1.5rem;
    border-radius: 27px;
    margin-right: 0.9rem;
    position: relative;
        height: 5.63rem;
     cursor: pointer;
     position: relative;
}
.timer_wrap:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    opacity: 0;
    transition: all .9s cubic-bezier(.19,1,.22,1);
    border: 2px solid #f5e34d;
    width: 100%;
    height: 100%;
    border-radius: 27px;
    transform: translate(-50%, -50%);
}
.timer_wrap:hover:after{
	opacity: 1;
}


.timer_title{
	color:#f5e348;
	    line-height: 1;
	font-size: 1.8rem;
    margin-right: 0.4rem;
	font-family: "Gilroy-Black";
-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.8);
}
.timer_container{
	color: #333;
  margin: 0 auto;
  text-align: center;
  margin-right: 0.9rem;
}

#countdown li{
	display: inline-block;
  list-style-type: none;
  font-size: 1.2rem;
	font-family: "Gilroy-Black";
	background: #fff;
	border-radius: 5px;
	width: 4.5rem;
	height: 4.7rem;
	position: relative;
	    display: inline-grid;
    align-content: center;
    padding-top: 0.9rem;
    margin-right: 12px;
}
#countdown li:last-child{
	margin-right: 0;
}
#countdown li:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	opacity: 0.3;
	    top: 50%;
}
#countdown li:after{
    content: ':';
    position: absolute;
    font-size: 2.8rem;
    font-family: "Gilroy-Black";
    top: 0;
    display: flex;
    align-items: center;
    padding-top: 0.3rem;
    left: calc(100% + 3px);
}
#countdown li:last-child:after{
	display: none;
}
#countdown li span{
	display: block;
    font-size: 2.8rem;
    font-family: "Gilroy-Black";
    line-height: 0.9;
}
/* END TIMER*/

/* TIMER POPUP*/
.timer_popup{
	    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1001;
    opacity: 0;
    pointer-events: none;
    transition: all .9s cubic-bezier(.19,1,.22,1);
        display: grid;
    align-items: center;
    justify-content: center;
}
.timer_popup_open{
	    opacity: 1;
    pointer-events: all;
}



.timer_popup_cont{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;

}
.timer_popup_list {
    position: absolute;
    bottom: -12rem;
    left: -24rem;
    z-index: -1;
    width: 59.6rem;
    pointer-events: none;
}
.timer_popup_list_m{
	display:none;
}
.timer_popup_img_wr{
	width: 49.7rem;
	height: 54.4rem;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
	z-index: 2;
	position: relative;
}

.timer_popup_img_m{
	display:none;
}
.timer_popup_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.timer_popup_info{
	position: relative;
	z-index: 1;
	    padding: 4.3rem 3.7rem 7.6rem;
    width: 59.5rem;
     box-shadow: 0px 1px 34.83px 8.17px rgba(0, 0, 0, 0.11);
}


.timer_popup_bg{
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
    left: 0;
        border-radius: 0 15px 15px 0;
    overflow: hidden;
}
.timer_popup_close_m{
	display:none;
}
.timer_popup_close{
	position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 6rem;
    height: 6rem;
    background: #f5e348;
    border-radius: 50%;
    border: 3px solid rgba(3, 181, 148, .88);
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
}
.timer_popup_close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03b594;
    transition: all .9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.timer_popup_close:hover:after {
    transform: translateX(0%);
}
.timer_popup_close_icon {
    width: 43%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
}
.timer_popup_title{
	    color: #f5e348;
    line-height: 1;
    font-size: 4.2rem;
    font-family: "Gilroy-Black";
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, .8);
        margin-bottom: 2.8rem;
}
.timer_popup_container{
	    margin-bottom: 3rem;
}



#countdown_popup li{
	display: inline-block;
  list-style-type: none;
  font-size: 1.6rem;
	font-family: "Gilroy-Black";
	background: #fff;
	border-radius: 5px;
	width: 6.7rem;
	height: 8.7rem;
	position: relative;
	    display: inline-grid;
    align-content: center;
    padding-top: 0.9rem;
	text-align: center;
margin-right: 20px;
}
#countdown_popup li:last-child{
	margin-right: 0;
}


#countdown_popup li:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	opacity: 0.3;
	    top: 50%;
}
#countdown_popup li:after{
    content: ':';
    position: absolute;
    font-size: 4.2rem;
    font-family: "Gilroy-Black";
    top: 0;
    display: flex;
    align-items: center;
    padding-top: 1.3rem;
    left: calc(100% + 5px);
}


#countdown_popup li:last-child:after{
	display: none;
}

#countdown_popup li span{
	display: block;
    font-size: 4.2rem;
    font-family: "Gilroy-Black";
    line-height: 0.9;
}
.timer_popup_text{
	color: #fff;
    font-size: 2.4rem;
    margin-bottom: 3rem;
}
.timer_popup_btn{
    position: relative;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    overflow: hidden;
    transition: all .5s cubic-bezier(.19,1,.22,1);
    background: #f5e348;
    border: 2px solid #f5e348;
    z-index: 1;
}
.timer_popup_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #03b594;
    z-index: -1;
    transition: all .9s cubic-bezier(.19,1,.22,1);
    transform: translateX(-100%);
}
.timer_popup_btn:hover:before {
    transform: translateX(0%);
}
.timer_popup_btn_text{
	font-size: 2.1rem;
    color: #000;
    text-transform: uppercase;
    font-family: "Gilroy-Bold";
    padding: 1rem 3rem;
}



/* END TIMER POPUP*/

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form 
form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer
 {
    display:none !important;
 }
 body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form 
form.bingc-active-get-phone-form span.bingc-sample-countdown-timer
 {
    display:none !important;
 }
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content 
div.bingc-passive-countdown-timer 
{
 display:none !important;
 }
 body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-countdown-timer
 {
 display:none !important;
 }

@media screen and (max-width: 16800px) {
.sp-field:last-child > div span{
	font-size: 18px!important;

	}
}
@media screen and (max-width: 1500px), (max-height: 800px) {
    html {
        font-size: 9px;
    }
    .logo_wr {
    	width: 11.7rem;
	}
	.umovu_wr{
		padding: 0rem 0 10rem;
    	z-index: 2;
	}
	.dropdown_tittle {
    	font-size: 2.3rem;
    	height: 4.4rem;
	}
	.umovu_arrow {
    	width: 3.6rem;
	}
	.umovu_arrow_img {
    	width: 1.4rem;
	}
	.one_new_tittle {
    	font-size: 2rem;
	}
	.dev_logo_riel{
	    max-width: 29.8rem;
	}
	.sub_tittle {
    	font-size: 2.8rem;
	}
	.sub_btn{
	    margin-bottom: 2vh;
	}
	.menu_li {
    	margin-top: 0;
	}
	.fil_polz_values{
	    padding: 0.5rem 1rem;	
	}
	.filt_flex{
	    margin-top: -3rem;	
	}
	.fil_polz_tittle {font-size: 1.6rem;}
	.fil_polz_wr .ui-slider-horizontal {height: 4px !important;}
	.fil_polz_wr .ui-slider-horizontal .ui-slider-range {height: 4px !important;}
	.fil_polz_val {font-size: 1.8rem;}
	.double_floors_text {font-size: 1.8rem;}
}
@media screen and (max-width: 1440px), (max-height: 900px) {
	.contacts_wr {
	    padding-top: 18rem;
	}
	.contacts_title {
	    font-size: 4rem;
	    margin-bottom: 1vh;
	}
	.contacts_icon_bg {
	    margin-right: 1.5rem;
	    width: 4rem;
	    height: 4.1rem;
	}
	.contacts_text {
    	font-size: 1.5rem;
	}
	.contacts_tel {
	    font-size: 3rem;
	}
	.contacts_text_wr {
	    font-size: 1.6rem;
	    margin-bottom: 1vh;
	}

}
@media screen and (max-width: 1440px), (max-height: 768px) {
	.sp-field:last-child > div span{
	font-size: 17px!important;

	}
}
@media screen and (max-width: 1360px), (max-height: 768px) {
	.contacts_wr {
        padding-top: 13rem;
    }
    .contacts_title {
        font-size: 3.8rem;
        margin-bottom: 1.0vh;
    }
}
@media screen and (max-width: 1280px), (max-height: 700px) {
    html {
        font-size: 8px;
    }
    .menu_li{
	    margin-top: 0vh;
	}
	.menu_li_a{

    line-height: 1;
	}
	.video_frame {
    	height: 42.3rem;
	}
	.one_flat_img_wr {
    	height: 21rem;
	}
	.one_flat_type{
		font-size: 2.3rem;
	}
	.bg_cb_img_wr {
    	height: 25vh;
	}
	#formName, #formEmail, #formTel, #formNameSub, #formEmailSub {

	}
	#formText{
	    height: 8rem;
	}
	.ab_text_wr{
	font-size: 10.5rem;
	}
	.about_svg_wrap {
    	width: 61.8rem;
	}
	.logo_wr {
    	width: 12.7rem;
	}
	.menu_btn_link{
	    width: 5.3rem;
    	height: 5.3rem;
	}
	.fil_wr {
    	padding-top: 15rem;
	}
	.gp_info_wrap {
    	padding-top: 14rem;
	}
	.gp_info_scroll{
    	height: calc(100vh - 43rem);
	}
	.filt_wr {
	    /*padding-top: 15rem;*/
	}
	.flats_tittle_wr{
	  
	}
	.flats_tittle {
    	font-size: 3.6rem;
	}
	.arrow_flats {
	    width: 3rem;
	}
	.fil_polz_values {
	    padding: 0.5rem 1rem;
	    border-radius: 15px;
	}
	.contacts_wr {
	    padding-top: 15rem;
	}
	.contacts_dop_info {
	    width: 27.5rem;
	    height: 27.5rem;
	    font-size: 1.7rem;
	}
	.list_contacts{
		    width: 48rem;
	}
	.umovu_wr {
	    padding: 4rem 0 10rem;
	}
	.umovu_flex_wr {
	    left: 19rem;
	    padding-top: 9vh;
	    z-index: 3;
	}
}